@charset "UTF-8";
/* Scss Document */
/* 
---------------------------------------
フォントサイズ
---------------------------------------
*/
h2 {
  font-size: 36px; }

.lttl {
  font-size: 55px; }

.ttl {
  font-size: 54px; }

.sttl {
  font-size: 42px; }

.lead {
  font-size: 30px; }

.ltxt {
  font-size: 20px; }

.txt {
  font-size: 18px; }
  @media (max-width: 1199px) {
    .txt {
      font-size: 14px; } }

.stxt {
  font-size: 14px; }

/*
---------------------------------------
下層kv共通
---------------------------------------
*/
#underKv {
  background-image: url(../img/qa/mv.jpg); }
  @media (max-width: 1199px) {
    #underKv {
      margin-top: 65px; } }

.inner {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%; }
  @media (max-width: 1199px) {
    .inner {
      width: 90%;
      max-width: 100%; } }

.boxs {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media (max-width: 1199px) {
    .boxs {
      flex-direction: column; } }

@media (max-width: 1199px) {
  .boxs .picBox,
  .boxs .txtBox {
    width: 100% !important; } }

/*
------------------------------------------------
#qa01
------------------------------------------------
*/
#qa01 {
  margin-top: 136px; }
  @media (max-width: 1199px) {
    #qa01 {
      margin-top: 40px; } }
  #qa01 .boxs {
    display: flex;
    justify-content: center; }
    @media (max-width: 1199px) {
      #qa01 .boxs {
        flex-direction: column; } }
    #qa01 .boxs .box {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 1.8rem 0;
      background-color: #10a96e;
      box-shadow: 0px 4px 11px 0px #acacac;
      border-radius: 35px; }
      @media (max-width: 1199px) {
        #qa01 .boxs .box {
          box-shadow: 0px 2px 4px 1px #acacac; } }
      #qa01 .boxs .box p {
        color: #fff;
        font-size: 2rem; }
        @media (max-width: 1199px) {
          #qa01 .boxs .box p {
            font-size: 1.6rem; } }
      #qa01 .boxs .box i {
        position: absolute;
        right: 32px; }
    #qa01 .boxs .box:hover {
      opacity: 0.7; }

#qa01 .fa-clock::before,
#qa01 .fa-coins::before,
#qa01 .fa-building::before,
#qa01 .fa-file-lines::before {
  font-size: 3rem; }

#qa01 .fa-angle-down:before {
  font-size: 2rem; }

#qa01 .boxs a {
  display: block;
  width: 26%;
  margin-right: 2%; }
  @media (max-width: 1199px) {
    #qa01 .boxs a {
      margin-right: 0;
      margin-bottom: 2%;
      width: 100%; } }

#qa01 .boxs a:nth-child(4) {
  margin-right: 0; }

#qa01 .boxs .box .fa-angle-down {
  margin-top: 0.5rem; }

/*
------------------------------------------------
#qa02,#qa03,#qa04,#qa05
------------------------------------------------
*/
@media (min-width: 1200px) {
  #scroll01,
  #scroll02,
  #scroll03,
  #scroll04 {
    margin-top: 3rem;
    height: 0.5rem; } }
@media (max-width: 1199px) {
  #scroll01,
  #scroll02,
  #scroll03,
  #scroll04 {
    height: 9rem;
    margin-top: -5rem; } }

#qa02 .ttl_box h2,
#qa03 .ttl_box h2,
#qa04 .ttl_box h2,
#qa05 .ttl_box h2 {
  font-family: 'ZenKaku_Black';
  font-size: 4.2rem;
  line-height: 40px;
  text-align: center;
  margin-bottom: 46px;
  position: relative;
  z-index: 2;
  color: #008f58; }
  @media (max-width: 1199px) {
    #qa02 .ttl_box h2,
    #qa03 .ttl_box h2,
    #qa04 .ttl_box h2,
    #qa05 .ttl_box h2 {
      letter-spacing: 0;
      font-size: 2.5rem;
      margin-bottom: 2.5rem; } }
  #qa02 .ttl_box h2::before,
  #qa03 .ttl_box h2::before,
  #qa04 .ttl_box h2::before,
  #qa05 .ttl_box h2::before {
    content: '';
    position: absolute;
    background-color: #fff600;
    border-radius: 5px;
    height: 1rem;
    width: 338px;
    bottom: -7px;
    z-index: -1; }
    @media (max-width: 1199px) {
      #qa02 .ttl_box h2::before,
      #qa03 .ttl_box h2::before,
      #qa04 .ttl_box h2::before,
      #qa05 .ttl_box h2::before {
        width: 198px;
        height: 0.7rem;
        bottom: 3px; } }

#qa02 {
  margin-top: 133px; }
  @media (max-width: 1199px) {
    #qa02 {
      margin-top: 0; } }

#scroll02,
#scroll03 {
  height: 7rem;
  margin-top: -6rem; }
  @media (max-width: 1199px) {
    #scroll02,
    #scroll03 {
      height: 9rem;
      margin-top: -5rem; } }

#qa03,
#qa04,
#qa05 {
  margin-top: 80px; }
  @media (max-width: 1199px) {
    #qa03,
    #qa04,
    #qa05 {
      margin-top: 0; } }

#qa03 .ttl_box h2::before {
  width: 251px; }
  @media (max-width: 1199px) {
    #qa03 .ttl_box h2::before {
      width: 150px; } }

#qa04 .ttl_box h2::before {
  width: 377px; }
  @media (max-width: 1199px) {
    #qa04 .ttl_box h2::before {
      width: 227px; } }

/*
---------------------
アコーディオン
---------------------
*/
#qa02,
#qa03,
#qa04,
#qa05 {
  /*アコーディオンタイトル*/
  /*アイコン*/
  /*アコーディオンで現れるエリア*/ }
  #qa02 .accordion-area,
  #qa03 .accordion-area,
  #qa04 .accordion-area,
  #qa05 .accordion-area {
    list-style: none; }
  #qa02 .accordion-area li,
  #qa03 .accordion-area li,
  #qa04 .accordion-area li,
  #qa05 .accordion-area li {
    margin-bottom: 2rem; }
    @media (max-width: 1199px) {
      #qa02 .accordion-area li,
      #qa03 .accordion-area li,
      #qa04 .accordion-area li,
      #qa05 .accordion-area li {
        margin-bottom: 1rem; } }
  #qa02 .accordion-area li:last-child,
  #qa03 .accordion-area li:last-child,
  #qa04 .accordion-area li:last-child,
  #qa05 .accordion-area li:last-child {
    margin-bottom: 0; }
  #qa02 .title,
  #qa03 .title,
  #qa04 .title,
  #qa05 .title {
    position: relative;
    background-color: #f2f9f6;
    font-family: 'ZenKaku_Bold';
    border-radius: 40px;
    cursor: pointer;
    font-size: 2.2rem;
    font-weight: 600;
    padding: 2.2rem 7.5rem 2.2rem 13rem;
    transition: all .2s ease;
    align-items: center;
    display: flex; }
    @media (max-width: 1199px) {
      #qa02 .title,
      #qa03 .title,
      #qa04 .title,
      #qa05 .title {
        font-size: 1.8rem;
        padding: 2.2rem 2.5em 2.2rem 6rem;
        border-radius: 20px; } }
    #qa02 .title span,
    #qa03 .title span,
    #qa04 .title span,
    #qa05 .title span {
      position: absolute;
      left: 49px;
      font-size: 3.6rem;
      top: -24px;
      display: flex;
      width: 9rem;
      height: 12.5rem;
      border-radius: 1rem 0 0 1rem;
      color: #17906c;
      align-items: center;
      justify-content: center;
      padding-bottom: 1rem;
      transition: all .5s ease; }
      #qa02 .title span img,
      #qa03 .title span img,
      #qa04 .title span img,
      #qa05 .title span img {
        width: 43%; }
      @media (max-width: 1199px) {
        #qa02 .title span,
        #qa03 .title span,
        #qa04 .title span,
        #qa05 .title span {
          font-size: 1.5rem;
          width: 3rem;
          height: 8rem;
          left: 23px;
          top: -3px; }
          #qa02 .title span img,
          #qa03 .title span img,
          #qa04 .title span img,
          #qa05 .title span img {
            width: 100%; } }
    @media (min-width: 1200px) {
      #qa02 .title p,
      #qa03 .title p,
      #qa04 .title p,
      #qa05 .title p {
        font-size: 2.4rem; } }
    @media (max-width: 1199px) {
      #qa02 .title p,
      #qa03 .title p,
      #qa04 .title p,
      #qa05 .title p {
        width: 224px;
        font-size: 1.5rem; } }
  #qa02 .title.noradius,
  #qa03 .title.noradius,
  #qa04 .title.noradius,
  #qa05 .title.noradius {
    border-radius: 40px 40px 0 0 !important; }
  #qa02 .close span,
  #qa03 .close span,
  #qa04 .close span,
  #qa05 .close span {
    border-radius: 1rem 0 0 0;
    transition: all .5s ease; }
  #qa02 .title::after,
  #qa03 .title::after,
  #qa04 .title::after,
  #qa05 .title::after {
    position: absolute;
    right: 40px;
    top: 2.7rem; }
    @media (max-width: 1199px) {
      #qa02 .title::after,
      #qa03 .title::after,
      #qa04 .title::after,
      #qa05 .title::after {
        right: 28px;
        top: 25px; } }
  #qa02 .title::after,
  #qa03 .title::after,
  #qa04 .title::after,
  #qa05 .title::after {
    font-family: "Font Awesome 5 Free";
    content: "\2b";
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    color: #008f58;
    font-size: 29px; }
    @media (max-width: 1199px) {
      #qa02 .title::after,
      #qa03 .title::after,
      #qa04 .title::after,
      #qa05 .title::after {
        font-size: 20px; } }
  #qa02 .title.close::after,
  #qa03 .title.close::after,
  #qa04 .title.close::after,
  #qa05 .title.close::after {
    font-family: "Font Awesome 5 Free";
    content: "\f068";
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    color: #008f58;
    font-size: 29px; }
    @media (max-width: 1199px) {
      #qa02 .title.close::after,
      #qa03 .title.close::after,
      #qa04 .title.close::after,
      #qa05 .title.close::after {
        font-size: 20px; } }
  #qa02 .box,
  #qa03 .box,
  #qa04 .box,
  #qa05 .box {
    display: none;
    background-color: #f2f9f6;
    margin: -4.2rem 0px 0px;
    border-radius: 0px 0px 40px 40px;
    padding-top: 3.6rem;
    padding-left: 13rem; }
    @media (max-width: 1199px) {
      #qa02 .box,
      #qa03 .box,
      #qa04 .box,
      #qa05 .box {
        padding-left: 41px;
        padding: 0 0 0 6rem;
        border-radius: 0px 0px 20px 20px; } }
    #qa02 .box p,
    #qa03 .box p,
    #qa04 .box p,
    #qa05 .box p {
      font-family: 'ZenKaku_Medium';
      position: relative;
      padding: 0 13rem 2.2rem 0;
      font-size: 1.8rem;
      text-align: justify; }
      @media (max-width: 1199px) {
        #qa02 .box p,
        #qa03 .box p,
        #qa04 .box p,
        #qa05 .box p {
          padding: 3rem 0 3rem;
          font-size: 1.4rem;
          width: 87%; } }
    #qa02 .box .A,
    #qa03 .box .A,
    #qa04 .box .A,
    #qa05 .box .A {
      position: absolute;
      left: -57px;
      font-size: 3.6rem;
      color: #f46609;
      font-weight: 600;
      top: -15px; }
      #qa02 .box .A img,
      #qa03 .box .A img,
      #qa04 .box .A img,
      #qa05 .box .A img {
        width: 85%; }
      @media (max-width: 1199px) {
        #qa02 .box .A,
        #qa03 .box .A,
        #qa04 .box .A,
        #qa05 .box .A {
          left: -36px;
          width: 3rem;
          top: 8px; } }

.box a {
  color: #f22613;
  text-decoration: underline; }
  .box a i {
    padding-left: 4px; }

.box.noradius {
  border-radius: 0 0 40px 40px !important; }

#qa04 {
  margin-bottom: 286px; }
  @media (max-width: 1199px) {
    #qa04 {
      margin-bottom: 146px; } }

#qa04 .picBox {
  width: 90%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 2rem; }
  @media (max-width: 1199px) {
    #qa04 .picBox {
      flex-direction: column;
      margin-bottom: 0rem; } }
  #qa04 .picBox .sboxs {
    width: 32%; }
    @media (max-width: 1199px) {
      #qa04 .picBox .sboxs {
        width: 100%; } }
    @media (max-width: 1199px) {
      #qa04 .picBox .sboxs .outer {
        margin-bottom: 2rem; } }
    #qa04 .picBox .sboxs p.txt {
      text-align: center;
      font-size: 1.6rem;
      padding: 0; }
      @media (max-width: 1199px) {
        #qa04 .picBox .sboxs p.txt {
          width: 100%;
          font-size: 1.4rem; } }

#qa04 .picBox .mB2rem {
  margin-bottom: 2rem; }
  @media (max-width: 1199px) {
    #qa04 .picBox .mB2rem {
      margin-bottom: 0; } }

@media (max-width: 1199px) {
  #qa04 .picBox .sboxs .last {
    margin-bottom: 0; } }