/* ----------------------------------------
基本調整
---------------------------------------- */
.c-main .c-article__content {margin: 40px 0 0 0;}
.c-main .c-article__heading {margin: 55px 0 0 0;}

/*faq top*/
.c-main.faq_index .c-article__content:first-child {margin-top:100px;}
.c-main.faq_index .c-article__content:last-child {margin-bottom:104px;}
/*杏雨書屋*/
.c-main.faq_kyou .c-article__heading:first-child {margin: 100px 0 0 0;}

/* ----------------------------------------
.faq-nav FAQ切り替えナビ
---------------------------------------- */
ul.faq-nav {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin:100px auto 0;
  border-left:1px solid #d9e7e5;
}


ul.faq-nav li {
  font-size:1.6rem;
  line-height: 1.2;
  display: flex;
  align-items: center;
  justify-content: center;
  color:#008b56;
  width:calc(100% / 3);
  border-right:1px solid #d9e7e5;
}

ul.faq-nav li a {
  font-weight: bold;
  width:100%;
  padding:15px;
  display: flex;
  align-items: center;
  justify-content: center;
  color:#008b56;
  padding-left:16px;
  position: relative;
  height:50px;
  transition: background-color 0.2s ease;
}

ul.faq-nav li a::before {
  content: "";
  position:relative;
  left:-1.5rem;
  top:calc(50% - 7px);
  width: 8px;
  height: 8px;
  border-top: 2px solid #008b56;
  border-right: 2px solid #008b56;
  transform: rotate(45deg) translateY(-50%);
}



ul.faq-nav li a.hover {
  color:#fff;
  background: #008b56;}

ul.faq-nav li a.hover::before {
  content: "";
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}


/* current */
ul.faq-nav li.current a {
  background: #008b56;  
  color:#fff;}


ul.faq-nav li.current a::before {
  content: "";
  position:relative;
  left:-1.5rem;
  top:calc(50% - 8px);
  width: 8px;
  height: 8px;
  border-top: none;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg) translateY(-50%);
}

/* ----------------------------------------
.qa-list よくあるご質問一覧
---------------------------------------- */
.c-main .c-content__btn {
  margin-top:24px;
  flex-wrap: wrap;
  justify-content:flex-start;
}

.c-main .c-content__btn a {
  width:calc((100% - 32px) /3);  
  margin-bottom:16px;
  height: 78px;
}

.c-main .c-content__btn a:last-child {margin-right:0;}



/* ----------------------------------------
qaWrap QA中身
---------------------------------------- */
.qaWrap dt a{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

.qaWrap dl{border-top: 1px solid #e5ebeb;}
.qaWrap dl:last-child{ border-bottom: 1px solid #e5ebeb;}


/* Q */
.qaWrap dt{
 font-size: 1.8rem;
}

.qaWrap dt a{
 padding: 25px 70px 25px 60px;
 display: block;
 position: relative;
}

/* Q +-アイコンボタン */
.qaWrap dt .btnStyle{
 display: inline-block;
 position: absolute;
 top: 0;
 right: 20px;
 height: 100%;
 width: 30px;
}
.qaWrap dt .btnStyle::before,
.qaWrap dt .btnStyle::after{
 content: '';
 display: inline-block;
 position: absolute;
 top: calc(50% - 1.5px);
 left: 0;
 width: 30px;
 height: 3px;
 background-color: #c5d6d6;
}
.qaWrap dt .btnStyle::after{
 transform: rotate(90deg);
 transition: transform 0.2s;
}

/* Q hover時と開いた時に色 */
.qaWrap dt a.hover,
.qaWrap dt .qa-accordion.open{ background-color: #f2f6f6;}

/* Q 開いた時にアイコン変化 */
.qaWrap dt .qa-accordion.open .btnStyle::after{ transform: rotate(180deg);}


/* A */
.qaWrap dd{
 font-size: 1.6rem;
 line-height: 2.25;
 padding: 25px 0 35px 110px;
 display: none;
  border-top: 1px solid #e5ebeb;
}
.qaWrap dd p{ position: relative;}

/* QとAのアイコン */
.qaWrap dt .q,
.qaWrap dd .a{
 display: inline-block;
 position: absolute;
}

.qaWrap dt .q{
 font-size: 3.2rem;
 font-weight: bold;
 color: #008b56;
 left: 12px;
 top: 13px;
}

.qaWrap dd .a{
 font-size: 2.4rem;
 color: #fff;
 width: 30px;
 height: 30px;
 text-align: center;
 line-height: 1.25;
 background-color: #008b56;
 left: -52px;
 top: 5px;
}

/* A内リンク */
.qaWrap dd a{
  color: #008b56;
  text-decoration: underline;
  transition-property: text-decoration;
  word-break: break-all;
}
.qaWrap dd a.hover{ text-decoration: none;}

/* blank用 */
/*.qaWrap dd a.blank{
 background-image: url("/images/common/blank.png");
 background-repeat: no-repeat;
 background-size: 10px;
 background-position: right center;
 padding-right: 15px;
 margin-right: 5px;
}
*/

.qaWrap dd ol{
  padding-left: 1.6rem;
  text-indent: -1.6rem;
}
.qaWrap dd ol li{
  margin: 0 0 10px 0;
}

.qaWrap dd ul{
  list-style-type: disc;
  margin: 0 0 0 30px;
  padding: 10px 0;
}
.qaWrap dd ul li{
}
.qaWrap dd .stit{
  font-weight: bold;  
}




/* ----------------------------------------
お問合せボタン
---------------------------------------- */
.c-main .c-article__content.contact {
  margin:80px auto 120px;
  display: flex;
  align-items: center;
  justify-content: center;

}

.c-main .c-information__btn--link {
min-height: 100px;
padding: 10px;
  align-items: center;}


.contact a {
  position:relative;
}

.contact a::before {
  content: "";
  position:relative;
  left:-0.5em;
  margin-left:1em;
  width:50px;
  height:50px;
  background: url(/en/images/common/btn-contact.png) no-repeat center center;
  background-size:40px 40px;
}

_:-ms-input-placeholder, :root .c-main .c-information__btn--link {
height: 100px;
  padding: 10px;
  align-items: center;
}