@charset "utf-8";

/* base */

.floPc .floBox>li a { line-height: 1.35;}
.floPc .floBox>li a span {padding-left: 35px;}

/* top */
.btnBox ul li a {padding: 2em 1.6em;}
.pointList li .txtBox .ttl {font-size: 1.3em; letter-spacing: 0.001em;line-height: 1.2;}
.pointList li .txtBox .txt {line-height: 1.5; margin: 0.5em auto 1em;}
.btnList>li {line-height: 1.45;}
.faq {background: none;}

#faq .sec-ttl .en{ position: relative; display: inline-block; padding: 0 2.2em 0.5em 2.8em; font-size: 4em; letter-spacing: 0; }
#faq .sec-ttl .en::before{
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    display: block;
    width: 2em;
    height: 207px;
    background:url(../img/top/faq-deco.png) no-repeat 0 100% / contain;
}

.faq-ttl{
    padding: 0.4em 0;
    background: #ff7900;
    color: #fff;
    text-align: center;
    font-size: 1.4em;
    font-family: din-2014, sans-serif;
    font-style: normal;
    font-weight: 600;
    line-height: 1.3;
    word-wrap: break-word;
}

#faq .inner2 .right-box,#faq .inner2 .left-box{ width: 49%; }
#faq .inner2 .left-box,#faq .inner2 .right-box .notes-box,#faq .inner2 .faq-box{background: #fff; }

.notes-box .disc,.faq-box .disc{ padding: 2em 1.5em 2em 3em; font-size: .88em; }
.notes-box + .notes-box{ margin-top: 4%; }
#faq .inner2 .faq-box{ width: 100%; margin-top: 2%; }
#faq .notes-box,#faq .faq-box {padding: 1em;}




/* ================================================================
  レスポンシブ
=================================================================== */

/* 600以上(PC・タブレット) */
@media screen and (min-width: 600px) {
  .btnList a { min-height: 51px; display: flex; align-items: center; justify-content: center;}

  .topics-list { column-gap: 3%; justify-content: unset; margin-block: 0; }
  .topics-list > li { width: 48.5%; }
  .topics-list > li:nth-child(n+3) { margin-top: 3%; }
}

/* 960px以上(PC) */
@media screen and (min-width: 960px) {
  .pointList li figure {width: 310px;}
  .pointList li .txtBox>div {padding: 45px 0 0 50px;}
 
}

@media screen and (min-width: 1200px){
  .pointList li.mind .txtBox>div {padding: 20px 0 0 50px;}
}

@media screen and (max-width: 1200px) {
  .point::before { background-size: 70%; }
  .pointList li {  margin-bottom: 50px;}
  .pointList li:nth-child(2) {  margin-top: 50px;}
  .pointList li:nth-child(3) {  margin-top: -50px;}
  .pointList li figure { overflow: hidden; width: 100%; border-top-left-radius: 10px; border-top-right-radius: 10px; }
  .pointList li figure img { width: 100%;  }
  .pointList li .txtBox { position: relative; top: 0; width: 100%; height: auto;border-bottom: none; border-left: none; background: #fff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
  .pointList li .txtBox>div { padding:11px 10px;}
  .pointList li .txtBox .ttl { font-size: 1.5em; }
  .pointList li .txtBox .txt { font-weight: 400; margin-bottom: 1em; line-height: 1.5; }

  .pointList .pc_only {display: none;}
  .pointList .pc_none {display: block;}

  .pointList.inner {width: min(94%,1120px);}
}




/* ================================================================
  タブレット
=================================================================== */
/* 1024以下 (タブレット横以下) */
@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 959px) {
  .btnBox ul li a {padding: .8em 1em; display: flex; align-items: center;}
  .btnBox ul li a span {padding-left: 0.5em;}
  .btnList a {line-height: 1.3; min-height: 61px;}
}



/* ================================================================
  スマホ
=================================================================== */

@media screen and (max-width: 599px){

  .floPc .floBox>li a span {padding-left: 20px;}
  .floPc .floBox>li a {padding: 0.8em;}
  .floPc .floBox>li.siryo a {padding: .8em;}

  .floPc .floBox>li a span::before {left: 2px;}
  .floPc .floBox>li.siryo a span::before {left: 2px;}

  .btnList a {min-height: auto;}

  .pointList li .txtBox .ttl {font-size: 1.25em;}

  #faq { padding: 40px 0 60px; }
  #faq .sec-ttl .en{ font-size: 2em; }

  #faq .inner2 .right-box, #faq .inner2 .left-box{ width: 100%; }
  #faq .inner2 .right-box,.notes-box + .notes-box,#faq .inner2 .faq-box{ margin-top: 1.3rem; }

  .faq>div.inner{padding: 2.5em 0 3em;}

  .btnBox ul li {width: 77%;}

}