@charset "UTF-8";
#hero{
  display: inline-block;
  width: 100%;
  aspect-ratio: 100 / 47.5;
  padding-top: 88px;
  padding-bottom: 144px;

  background: url(../img/index/hero_2x.png);
  background-color: #E1F4FF;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;

  p.hero-heading{
    margin-bottom: 24px;

    font-size: 64px;
    color: var(--tc);
    line-height: 1.4;
    text-align: center;
    font-family: 'LINE Seed JP_OTF ExtraBold';
  }
}
#hero .categories-wrap{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  column-gap: 40px;
  width: min(1120px,100%);
  padding: 0 16px;
  margin-bottom: 144px;
  margin-inline: auto;

  .categories-column{
    >*+*{
      margin-block-start: 64px;
    }
  }
}
#hero .category-list-wrap{
  position: relative;

  padding: 24px 32px;
  margin-top: 32px;

  background: #fff;
  border: solid 2px var(--tc);

  .title{
    position: absolute;
    top: -32px;
    left: 0px;
    display: flex;
    align-items: center;

    margin-bottom: 8px;

    font-family: 'LINE Seed JP_OTF Bold';

    span{
      font-size: 19px;
    }
    picture{
      margin-right: 8px;
    }
  }
  .oc-parent{
    font-family: 'LINE Seed JP_OTF Bold';
  }
}
#hero .category-list{
  position: relative;

  display: grid;
  grid-template-columns: repeat(2,1fr);
  align-items: center;
  column-gap: 24px;
  row-gap: 32px;

  width: 100%;
  padding: 12px 0;

  >li a{
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    padding: .8em .5em;

    font-family: 'LINE Seed JP_OTF Reguler';
    color: #fff;
    font-weight: 700;

    background: var(--tc);
  }
}
#hero-line{
  display: block;
  width: min(1120px,100%);
  padding: 0 16px;
  margin-bottom: 24px;
  margin-inline: auto;
}
#hero-recruit{
  display: block;
  width: min(1120px,100%);
  padding: 0 16px;
  margin-inline: auto;
}
#hero-sns{
  overflow-x: hidden;
  background: #e2f4ff;

  >*{
    background: #EFEFEF;
  }
  div.eclipse{
    margin-top: -15dvw;
    padding-top: 35dvw;
    clip-path: ellipse(60% 50% at 50% 100%)
  }
  div.snsCON-wrap{
    position: relative;
    
    min-height: 1200px;
    padding: 0 16px;
    padding-bottom: 80px;

    >picture{
      width: min(720px,100%);
      margin-bottom: 24px;
      
      margin-inline: auto;
    }
    div.hero-sns-heading{
      p{
        width: min(920px,100%);
        margin-inline: auto;
        padding: 16px;
        margin-bottom: 80px;

        font-size: 18px;
        text-align: center;
        font-family: 'LINE Seed JP_OTF Bold';
      }
    }
    span.float-message{
      position: absolute;
      top: 0;
      right: 0;
  
      font-size: 120px;
      line-height: 1;
  
      -webkit-text-stroke: 1px #33333348;
      writing-mode: vertical-lr;
      color: transparent;

      transform: rotate(180deg);
    }
  }
  ul.snsCON{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    column-gap: 48px;
    row-gap: 32px;
    width: min(1120px,100%);
    padding: 24px 16px 48px;
    margin-inline: auto;

    li{
      div.thumbnail{
        display: flex;
        align-items: center;
        justify-content: center;
        height: 64px;
        margin-bottom: 24px;
      }
      div.content{
        text-align: center;
        white-space: pre-wrap;

        >*{
          margin: -32px 0;
        }
      }
    }
  }
}
.h2-wrap{
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 40px;

  text-align: center;

  p.h2-ENG{
    margin-bottom: 16px;
    font-family: 'LINE Seed JP_OTF ExtraBold';

    font-size: 44px;
    line-height: 1;
    -webkit-text-stroke: 1px var(--tc);
    color: #fff;
  }
  h2{
    font-size: 18px;
    font-family: 'LINE Seed JP_OTF Reguler';
    font-weight: 400;
    color: #333;
  }
}
section#news{
  padding: 120px 16px;

  background: #fff;

  .news-list-wrap{
    width: min(920px,100%);
    margin-inline: auto;

    a#news-all{
      display: flex;
      align-items: center;
      gap: 4px;

      color: var(--tc);
      transition: 0.3s all linear;
    }
    a#news-all:hover{
      opacity: 0.8;
      transition: 0.3s all linear;
    }
  }
  .news-list{
    margin-bottom: 8px;

    border-top: solid 1px #CCC;

    li{
      border-bottom: solid 1px #ccc;
    }
    a.news-item{
      position: relative;
    
      display: grid;
      grid-template-columns: 112px 1fr;
      column-gap: 160px;
      align-items: center;

      padding: 24px 0;
      padding-left: 32px;
      padding-right: 80px;
    
      background: #fff;
      box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
    
      time{
        color: #333;
        font-family: 'LINE Seed JP_OTF Reguler';
      }
      span.new{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 160px;

        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 108px;
        padding: 4px;
    
        font-size: 14px;
        font-weight: 700;
        color: #fff;
        text-align: center;
        background: var(--tc);
      }
      p.title{
        font-weight: 700;
        line-height: 1.6;
      }
    }
    a.news-item::before{
      content: '';
      position: absolute;
      top: 50%;
      right: 8px;
      transform: translateY(-50%);

      display: inline-block;
      width: 30px;
      height: 30px;

      border-radius: 50%;
      border: solid 1px #ccc;

      transition: 0.3s all linear;
    }
    a.news-item::after{
      content: '';
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translateY(-50%);

      display: inline-block;
      width: 6px;
      height: 6px;

      border-radius: 50%;
      background: #ccc;
      transition: 0.3s all linear;
    }
    a.news-item:hover::before{
      border: solid 1px var(--tc);

      transition: 0.3s all linear;
    }
    a.news-item:hover::after{
      right: 18px;
      width: 10px;
      height: 10px;

      background: var(--tc);

      transition: 0.3s all linear;
    }
  }
}
.about-toso{
  width: min(1120px,100%);
  padding: 16px 100px;
  margin-inline: auto;

  picture{
    width: min(640px,100%);
    margin-bottom: 40px;
    margin-inline: auto;
  }
  p.text{
    font-size: 18px;
    font-family: 'LINE Seed JP_OTF Bold';
    line-height: 1.6;
    text-align: center;
  }
}
.main-inner{
  display: grid;
  grid-template-columns: auto 1fr;
  margin-bottom: 144px;
  container-type: inline-size;

  div.sidebar{
    width: calc(50cqw - 560px);
    min-width: 280px;
    padding-top: 160px;
    padding-left: 72px;

    div.sticky{
      position: sticky;
      position: -webkit-sticky;
      top: 300px;

      ul.stickyLinks{
        font-size: 25px;
        font-family: 'LINE Seed JP_OTF Bold';
        color: var(--tc);
        >*+*{
          margin-block-start: 18px;
        }
        li a{
          display: inline-flex;
          gap: 8px;
          color: #bbb;
          transition: 0.3s all linear;
        }
        li a.active{
          color: var(--tc);
          transition: 0.3s all linear;
        }
        li a:not(.active){
          svg path{
            fill: #bbb;
          }
        }
      }
    }
  }
}
.swiper{
  display: inline-block;
  width: 100%;
  height: 300px;

  picture,img{
    display: block;
  }
}
*:is(section#logistics,section#transport,section#strength,section#faq){
  padding-top: 160px;/*スクロール用*/
}
*:is(section#logistics,section#transport) .section-inner{
  position: relative;
  background: #fff;
  padding: 0 96px;
  padding-top: 64px;
  padding-bottom: 96px;

  border-radius: 2px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;

  .floatText{
    position: absolute;
    top: 4px;
    right: 4px;

    font-size: 86px;
    font-family: 'LINE Seed JP_OTF ExtraBold';

    -webkit-text-stroke: 2px #135ae832;
    color: transparent;
    text-shadow: -4px -4px #135ae818;
  }
  .section-hero{
    width: min(1000px,100%);
    margin-bottom: 56px;
  }
  h2{
    display: flex;
    gap: 8px;
    margin-bottom: 16px;

    font-size: 36px;
    font-family: 'LINE Seed JP_OTF Bold';
    line-height: 1.4;
  }
  .interviewCON{
    width: min(1000px,100%);

    >*+*{
      margin-block-start: 144px;
    }
    *:is(.profile,.schedule){
      p.heading{
        margin-bottom: 24px;
        
        font-size: 22px;
        text-align: center;
        font-family: 'LINE Seed JP_OTF Bold';
      }
    }
    .profile{
      margin-bottom: 80px;

      div.content{
        display: grid;
        grid-template-columns: 1fr 480px;
        column-gap: 40px;

        span.tag{
          display: inline-block;
          padding: 8px 1em;
          margin-bottom: 8px;
  
          font-family: 'LINE Seed JP_OTF Reguler';
          color: #fff;
          background: var(--tc);
          border-radius: 21px;
        }
        p.job{
          margin-bottom: 16px;

          font-size: 28px;
          font-family: 'LINE Seed JP_OTF Bold';
        }
        p.text{
          line-height: 1.6;
        }
      }
      
    }
    .schedule{
      margin-bottom: 96px;
      .sheduleCON{
        display: grid;
        grid-template-columns: repeat(5,1fr);
        column-gap: 48px;

        container-type: inline-size;
        overflow: hidden;

        li{
          position: relative;

          min-height: 240px;
          margin-top: 48px;
          padding: 8px;

          background: #E5EDFF;

          .time{
            font-size: 20px;
            font-family: 'LINE Seed JP_OTF ExtraBold';
            color: var(--tc);
            text-align: center;
          }
          .title{
            margin-bottom: 8px;

            font-size: 18px;
            font-family: 'LINE Seed JP_OTF Bold';
            color: var(--tc);
            text-align: center;
          }
          .text{
            font-size: 14px;
            line-height: 1.6;
          }
        }
        li::before{
          content: '';
          position: absolute;
          top: -32px;
          left: 50%;
          transform: translateX(-50%);
          z-index: 3;

          display: inline-block;
          width: 20px;
          height: 20px;

          background: #fff;
          border-radius: 50%;
          border: solid 2px var(--tc);
        }
        li::after{
          content: '';
          position: absolute;
          top: -23px;
          left: -24px;
          z-index: 2;

          display: inline-block;
          width: calc(100% + 48px);
          height: 3px;

          background: var(--tc);
        }
        li:nth-child(1):after{
          left: 50%;

          width: calc(50% + 24px);
        }
        li:last-child::after{
          left: -24px;

          width: calc(50% + 24px);
        }
      }
    }
    .message{
      position: relative;
      padding: 48px;
      padding-top: 96px;
      margin-top: 24px;

      background: var(--tc);

      .massage-img{
        position: absolute;
        top: -24px;
        left: 24px;
      }
      .message-content{
        display: grid;
        align-items: center;
        grid-template-columns: 240px 1fr;
        column-gap: 64px;

        .portlait-wrap{
          display: inline-block;
          width: 100%;
          height: auto;
          aspect-ratio: 1/1;

          picture,img{
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 50%;
          }
        }
        .textContent{
          padding: 48px 24px;

          line-height: 1.6;
          background: #fff;
        }
      }
    }
  }
  .swiper{
    position: relative;

    .swiper-button-prev::after,
    .swiper-button-next::after{
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      z-index: 3;

      display: inline-flex;
      align-items: center;
      justify-content: center;

      width: 40px;
      height: 40px;

      font-size: 18px;
      color: #fff;
      font-weight: 700;

      background: var(--tc);
      border-radius: 50%;

      cursor: pointer;
    }
    .swiper-button-prev::after{
      content: '<';
      left: 2px;
    }
    .swiper-button-next::after{
      content: '>';
      right: 2px;
    }
  }
}
section#strength{
  width: min(1120px,100%);
  padding-left: 16px;
  padding-right: 16px;

  ul.strengthList{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

    li.item{
      position: relative;
      z-index: 2;

      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      width: min(640px,100%);
      padding-top: 40px;
      margin-inline: auto;
      margin-block-start: 40px;

      div.textContent,
      picture{
        position: relative;
        z-index: 2;
      }
      div.textContent{
        margin-bottom: 24px;
        text-align: center;

        p.number{
          margin-bottom: 8px;

          font-size: 60px;
          font-family: 'LINE Seed JP_OTF Reguler';
          font-weight: 700;
          line-height: 1;
          color: var(--tc);
          span{
            color: #DD7926;
          }
        }
        p.heading{
          margin-bottom: 16px;

          font-size: 30px;
          font-weight: 700;
          font-family: 'LINE Seed JP_OTF Reguler';
        }
      }
    }
    li.item::before{
      content: '';
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;

      display: inline-block;
      width: 100%;
      height: auto;
      aspect-ratio: 1/1;

      border-radius: 50%;
      background: #fff;
      border: solid 2px var(--tc);
      border-radius: 50%;
    }
  }
}
section#faq{
  width: min(1120px,100%);
  padding: 0 16px;

  ul.faq-itemContainer{
    >*+*{
      margin-block-start: 40px;
    }
    li.faq-item{
      box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;

      label{
        position: relative;
      
        display: grid;
        grid-template-columns: auto 1fr;
        column-gap: 32px;
        align-items: center;
      
        width: 100%;
        padding: 32px 0px;
        padding-left: 96px;
        padding-right: 56px;
      
        background: #FAFAFA;
        border: solid 1px var(--tc);
        border-radius: 16px 16px 0 0;

        .title{
          color: #333;
          font-size: 18px;
          font-weight: 700;
          line-height: 1.4;
        }
        .arrow{
          position: absolute;
          top: 50%;
          right: 24px;
        
          transform: translateY(-50%);
          transition: 0.3s all linear;
        }
      }
      label::before{
        content: 'Q';
        position: absolute;
        top: 50%;
        left: 24px;
        transform: translateY(-50%);

        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 48px;
        height: 48px;

        font-size: 26px;
        font-family: 'LINE Seed JP_OTF ExtraBold';
        line-height: 1;
        color: #fff;

        border-radius: 50%;
        background: #DD7926;
      }
      input[type="checkbox"]{
        display: none;
      }
      .content-wrap{
        display: grid; 
        grid-template-rows: 0fr;
        transition: 0.3s all linear;
      
        background: #1359E8;
        border-radius: 0 0 16px 16px;
      
        >div{
          overflow: hidden;
        }
        .content{
          position: relative;

          display: grid;
          grid-template-columns: auto 1fr;
          width: 100%;
          padding: 32px 24px 40px;
          padding-left: 96px;

          color: #fff;
        }
        .content::before{
          content: 'A';
          position: absolute;
          top: 50%;
          left: 24px;
          transform: translateY(-50%);

          display: inline-flex;
          align-items: center;
          justify-content: center;
          width: 48px;
          height: 48px;

          font-size: 26px;
          font-family: 'LINE Seed JP_OTF ExtraBold';
          line-height: 1;
          color: #fff;

          border-radius: 50%;
          background: #DD7926;
        }
      }
    }
    li.faq-item:has(input[type="checkbox"]:checked) .arrow{
      transform: translateY(-50%)rotate(180deg);
      transition: 0.3s all linear;
    }
    li.faq-item:has(input[type="checkbox"]:checked) .content-wrap{
      grid-template-rows: 1fr;
      transition: 0.3s all linear;
    }
  }
}
@media (min-width : 1200px){
}
@media (max-width : 1200px){
  #hero-sns{
    ul.snsCON{
      grid-template-columns: repeat(1,1fr);
      row-gap: 64px;
  
      li{
        div.content{
          display: flex;
          flex-direction: column;
          align-items: center;
  
          >*{
            margin: 8px 0;
          }
        }
      }
    }
  }
  .main-inner{
    div.sidebar{
      display: none;
    }
  }
  *:is(section#logistics,section#transport) .section-inner{
    padding: 0 16px;
    padding-top: 96px;
    padding-bottom: 96px;
  
    .floatText{
      position: absolute;
      top: 4px;
      right: 4px;
  
      font-size: 12vw;
    }
    .interviewCON{
      .profile{
        div.content{
          display: grid;
          grid-template-columns: 4fr 6fr;
          column-gap: 40px;
        }
        
      }
      .schedule{
        margin-bottom: 96px;
        .sheduleCON{
          column-gap: 16px;
  
          li{
            .time{
              font-size: 18px;
            }
            .title{
              font-size: 17px;
            }
          }
        }
      }
      .message{
        padding: 24px;
        padding-top: 96px;

        .message-content{
          grid-template-columns: 160px 1fr;
          column-gap: 64px;
        }
      }
    }
  }
}
@media (max-width : 599px){
  #hero{
    padding-top: 17.6dvw;
    padding-bottom: 28.8dvw;
  
    p.hero-heading{
      margin-bottom: 4.8dvw;
  
      font-size: 6.4vw;
    }
  }
  #hero .categories-wrap{
    grid-template-columns: repeat(1,1fr);
    row-gap: 12.8dvw;
    padding: 0 3.2dvw;
    margin-bottom: 20dvw;
  
    .categories-column{
      >*+*{
        margin-block-start: 12.8dvw;
      }
    }
  }
  #hero .category-list-wrap{
    padding: 4.8dvw 3.2dvw;
    margin-top: 6.4dvw;
  
    .title{
      top: -6.4dvw;
      left: 0px;
  
      margin-bottom: 1.6dvw;
  
      span{
        font-size: 3.8dvw;
      }
      picture{
        margin-right: 1.6dvw;
      }
    }
  }
  #hero .category-list{
    grid-template-columns: repeat(2,1fr);
    column-gap: 4.8dvw;
    row-gap: 6.4dvw;
    padding: 2.4dvw 0;
  
    >li a{
      padding: .8em .5em;
    }
  }
  #hero-sns{
    div.eclipse{
      margin-top: -15dvw;
      padding-top: 35dvw;
      clip-path: ellipse(60% 50% at 50% 100%)
    }
    div.snsCON-wrap{
      padding: 0 3.2dvw;
      padding-bottom: 16dvw;
  
      >picture{
        margin-bottom: 4.8dvw;
      }
      div.hero-sns-heading{
        p{
          padding: 3.2dvw;
          margin-bottom: 16dvw;
  
          font-size: 3.6dvw;
        }
      }
      span.float-message{
        font-size: 24dvw;
      }
    }
    ul.snsCON{
      display: grid;
      grid-template-columns: repeat(1,1fr);
      row-gap: 6.4dvw;
      width: min(1120px,100%);
      padding: 4.8dvw 0 9.6dvw;
      margin-inline: auto;
  
      li{
        position: relative;
        z-index: 5;
        div.thumbnail{
          height: 12.8dvw;
          margin-bottom: 4.8dvw;
        }
        div.content{
          figure,
          iframe{
            width: 100%;
          }
        }
      }
    }
  }
  .h2-wrap{
    margin-bottom: 8dvw;
  
    p.h2-ENG{
      margin-bottom: 3.2dvw;
  
      font-size: 8.8dvw;
    }
    h2{
      font-size: 3.6dvw;
    }
  }
  .about-toso{
    padding: 3.2dvw 3.2dvw;
  
    picture{
      margin-bottom: 8dvw;
    }
    p.text{
      font-size: 3.6dvw;
    }
  }
  section#news{
    padding: 16dvw 3.2dvw;
  
    .news-list{
      margin-bottom: 1.6dvw;

      a.news-item{
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr;
        row-gap: 1.6dvw;
  
        padding: 3.2dvw 0;
        padding-left: 6.4dvw;
        padding-right: 16dvw;
      
        time{
          color: #333;
          font-family: 'LINE Seed JP_OTF Reguler';
        }
        span.new{
          position: absolute;
          top: 3.2dvw;
          transform: none;
          left: 30dvw;

          width: auto;
          height: 20px;
          padding: 0 1em;
      
          font-size: 2.8dvw;

          border-radius: 2px;
        }
      }
      a.news-item::before{
        right: 1.6dvw;
        width: 6dvw;
        height: 6dvw;
      }
      a.news-item::after{
        right: 4dvw;
  
        width: 1.2dvw;
        height: 1.2dvw;
      }
      a.news-item:hover::after{
        right: 3.6dvw;
        width: 5dvw;
        height: 5dvw;
      }
    }
  }
  *:is(section#logistics,section#transport) .section-inner{
    padding: 0 3.2dvw;
    padding-top: 12.8dvw;
    padding-bottom: 19.2dvw;
  
    .floatText{
      top: .8dvw;
      right: .8dvw;
  
      font-size: 12.2dvw;
    }
    .section-hero{
      margin-bottom: 11.2dvw;
    }
    h2{
      gap: 1.6dvw;
      margin-bottom: 3.2dvw;
  
      font-size: 7.2dvw;
    }
    .interviewCON{
      >*+*{
        margin-block-start: 28.8dvw;
      }
      *:is(.profile,.schedule){
        p.heading{
          margin-bottom: 4.8dvw;
          
          font-size: 4.4dvw;
        }
      }
      .profile{
        margin-bottom: 16dvw;
  
        div.content{
          display: grid;
          grid-template-columns: 1fr;
          row-gap: 8dvw;
  
          span.tag{
            padding: 1.6dvw 1em;
            margin-bottom: 1.6dvw;
    
            border-radius: 4.2dvw;
          }
          p.job{
            margin-bottom: 3.2dvw;
  
            font-size: 5.6dvw;
          }
        }
        
      }
      .schedule{
        margin-bottom: 19.2dvw;

        .sheduleCON{
          display: grid;
          grid-template-columns: repeat(1,1fr);
          row-gap: 6.4dvw;
  
          container-type: inline-size;
          overflow: hidden;
  
          li{
            position: relative;
  
            min-height: auto;
            margin-top: 0;
            margin-left: 6.4dvw;
            padding: 1.6dvw;
  
            .time{
              font-size: 5dvw;
            }
            .title{
              margin-bottom: 1.6dvw;
  
              font-size: 3.6dvw;

              br{
                display: none;
              }
            }
            .text{
              font-size: 2.8dvw;
            }
          }
          li::before{
            content: '';
            position: absolute;
            top: 50%;
            left: -6.4dvw;
            transform: translateY(-50%);
            z-index: 3;
  
            display: inline-block;
            width: 5dvw;
            height: 5dvw;
          }
          li::after{
            content: '';
            position: absolute;
            top: -4.8dvw;
            left: -4dvw;
            z-index: 2;
  
            display: inline-block;
            width: .6dvw;
            height: calc(100% + 9.6dvw);
          }
          li:nth-child(1):after{
            top: 50%;
            left: -4dvw;
  
            width: .6dvw;
            height: calc(100% + 4.8dvw);
          }
          li:last-child::after{
            top: calc(-50% - 4.8dvw);
            left: -4dvw;
  
            width: .6dvw;
            height: calc(100% + 4.8dvw);
          }
        }
      }
      .message{
        padding: 3.2dvw;
        padding-top: 19.2dvw;
        margin-top: 4.8dvw;
  
        .massage-img{
          position: absolute;
          top: -4.8dvw;
          left: -2.4dvw;
        }
        .message-content{
          grid-template-columns: 16dvw 1fr;
          column-gap: 3.2dvw;
          .textContent{
            padding: 6.4dvw 3.2dvw;
          }
        }
      }
    }
    .bx-wrapper{
      position: relative;
  
      .bx-prev,.bx-next{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
  
        display: inline-flex;
        align-items: center;
        justify-content: center;
  
        width: 40px;
        height: 40px;
  
        color: #fff;
        font-weight: 700;
  
        background: var(--tc);
        border-radius: 50%;
      }
      .bx-prev{
        left: 2px;
      }
      .bx-next{
        right: 2px;
      }
    }
  }
  section#strength{
    width: 90%;
    margin-inline: auto;
    padding-left: 3.2dvw;
    padding-right: 3.2dvw;
  
    ul.strengthList{
      li.item{
        padding-top: 8dvw;
        margin-block-start: 8dvw;

        div.textContent{
          margin-bottom: 5.8dvw;
  
          p.number{
            margin-bottom: 1.6dvw;
  
            font-size: 12dvw;
          }
          p.heading{
            margin-bottom: 3.2dvw;
  
            font-size: 6dvw;
          }
        }
      }
    }
  }
  section#faq{
    padding: 0 3.2dvw;
  
    ul.faq-itemContainer{
      >*+*{
        margin-block-start: 4dvw;
      }
      li.faq-item{
  
        label{
          grid-template-columns: auto 1fr;
          column-gap: 32px;
        
          padding: 6.4dvw 0px;
          padding-left: 19.2dvw;
          padding-right: 11.2dvw;
        
          border-radius: 3.2dvw 3.2dvw 0 0;
  
          .title{
            font-size: 3.6dvw;
          }
          .arrow{
            right: 4.8dvw;
          }
        }
        label::before{
          left: 4.8dvw;
  
          width: 9.6dvw;
          height: 9.6dvw;
  
          font-size: 5.2dvw;
        }
        .content-wrap{
          border-radius: 0 0 3.2dvw 3.2dvw;

          .content{
            grid-template-columns: auto 1fr;
            width: 100%;
            padding: 6.4dvw 4.8dvw 8dvw;
            padding-left: 19.2dvw;
          }
          .content::before{
            left: 4.8dvw;

            width: 9.6dvw;
            height: 9.6dvw;
  
            font-size: 5.2dvw;
          }
        }
      }
    }
  }
}