@charset "UTF-8";


/*サイドメニューを消す*/

.content-side {
  display: none;
}



/*タイトル下のリンクメニュー*/

.section-type05_faq {
    margin: 40px 0 50px 0;
}

.category_page_link {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 10px 20px;
  list-style: none;
}

.category_page_link.improvement_page_link {
  grid-template-columns: repeat(2, 1fr);
	margin: 50px 0;
}

.category_page_link li {
  margin: 0;
  padding: 0;
}

.category_page_link li a {
  width: 100%;
}

/*スマホ向け調整　タイトル下のリンクメニューとページ内アンカー*/

@media screen and (max-width: 48em) {
  .category_page_link {
    grid-template-columns: repeat(2, 1fr);
		grid-gap: 10px 10px;
  }

  .anchor-nav._long .anchor-nav__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }

  .button-group._page-localmenu > [class*="button-type0"] + [class*="button-type0"] {
    margin-top: 10px;
  }
  .button-group._4column {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
  }
  .button-group._4column > [class*="button-type0"] + [class*="button-type0"] {
    margin-top: 0px;
  }
	.button-group._page-localmenu .button-type01:not(._medium):not(._large):not(._wide) {
    margin-left: 0px;
    margin-right: 0px;
  }
}

/*アンサー箇所のみ左右20pxのマージン（PCのみ）*/

@media print,screen and (min-width: 48.0625em) {
	._faq .item-list07__body,
	._topic .item-list07__body {
		padding-left: 20px;
		padding-right: 20px;
	}
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*FAQ*/

@media print,screen and (min-width: 48.0625em) {
  .contact-list01__list li {
    width: 50%
  }

  .contact-list01__item+.contact-list01__item {
    margin-left: 40px;
  }

  .sp_style {
    display: none;
  }
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*お客さまの声を活かしました 調整*/

.section-type04.improvement_page_link {
  margin: 30px 0 60px 0;
}

.improvement_page_link .column-set__item {
  margin-bottom: 0;
}

.category_item:first-of-type {
	margin-top: 0;
}
.category_item {
	box-sizing: border-box;
	margin: 50px 0 10px 0;
	padding: 13px 10px;
	width: 100%;
	max-width: 500px;
	text-align: center;
	color: #ffffff;
	font-size: 3rem;
	background-color: var(--main-green);
}
@media screen and (max-width: 48em) {
  .category_item {
    font-size: 2.2rem;
  }
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*トップページ*/

ul.note {
  padding: 0 0 0 18px;
  list-style: none;
}

ul.note li {
  position: relative;
  margin-top: 6px;
  margin-bottom: 6px;
}

ul.note li::before {
  content: "※";
  display: block;
  position: absolute;
  top: 0;
  left: -16px;
}

/*トップと「お客さまの声を活かしました」で使う*/

.improvement_package_text {
  margin: 0;
  padding: 4px;
  border: 1px solid #000000;
  font-size: 2.2rem;
  line-height: 1.4;
  text-align: left;
	max-width: 400px;
	color: #000000;
	background-color:#ffffff;
}


/*切り替えタブ*/

#qa .tab_select {
  position: relative;
  margin: 0 40px 0 40px;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
  text-align: center;
  font-weight: bold;
  list-style: none;
}

#qa .tab_select::before {
  content: '';
  z-index: 0;
  display: block;
  position: absolute;
  bottom: 0;
  left: -40px;
  width: calc(100% + 80px);
  height: 1px;
  background-color: var(--main-green);
}

#qa .tab_select li {
  margin: 0;
  padding: 0;
}

#qa .tab_select a {
  display: block;
  margin: 0;
  padding: 20px;
  background-color: #d6e0dc;
  text-decoration: none;
  transition: background-color 0.2s;
  -webkit-transition: background-color 0.2s;
}

#qa .tab_select a:hover {
  background-color: #eef3f1;
}

#qa .tab_select a.this {
  display: block;
  margin: 0;
  padding: 20px;
  background-color: #ffffff;
  border-left: 1px solid var(--main-green);
  border-top: 1px solid var(--main-green);
  border-right: 1px solid var(--main-green);
}

#qa .tab_select li:has(a.this) {
  z-index: 1;
}

#qa .switching_box {
  display: none;
	margin-top: 65px;
}
#qa .switching_box.this {
  -webkit-animation: switching_boxanimname 0.5s forwards;
  animation: switching_boxanimname 0.5s forwards;
  display: block;
  opacity: 0;
}
@keyframes switching_boxanimname {
  0% { opacity: 0; }
  100% { opacity: 1; }
}


/*お客さまの声を活かしました*/

.voice {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 22px;
}

.voice a {
  margin: 0;
  padding: 28px;
  border: 1px solid var(--main-green);
  text-decoration: none;
	transition: background-color 0.2s;
  -webkit-transition: background-color 0.2s;
	color: #000000;
}

.voice a:visited {
  color: #000000;
}

.voice a:hover {
	background-color: #f9faf9;
}

.voice a p {
  margin: 0;
  padding: 0;
}

.voice a .image {
  box-sizing: border-box;
  height: 157px;
  background-color: #f9faf9;
}

.voice a p {
  margin-top: 10px;
}

.voice a .image img {
  width: auto;
  max-height: 157px;
}

/*微調整*/

.voice a:nth-of-type(1) .image,
.voice a:nth-of-type(3) .image {
  padding-left: 25px;
}

.voice .image:has(.improvement_package_text) {
  padding-top: 20px;
  padding-left: 25px;
}

.voice .improvement_package_text {
  max-width: 270px;
}

/*スマホ調整*/
@media screen and (max-width: 48em) {
  .voice {
    grid-template-columns: 1fr;
  }
}