html {
  scroll-behavior: smooth;
  scroll-padding-top: 100px;
}

/*FONTS (copy)-----------------------------------------------------*/
.c5-fs13 {
  font-size: 13px;
}
@media screen and (max-width: 1180px) {
  .c5-fs13 {
    font-size: 1.1016949153vw;
  }
}
@media screen and (max-width: 768px) {
  .c5-fs13-sp {
    font-size: 1.7333333333vw !important;
  }
}
@media screen and (max-width: 480px) {
  .c5-fs13-sp-s {
    font-size: 2.7083333333vw !important;
  }
}
.c5-fs14 {
  font-size: 14px;
}
@media screen and (max-width: 1180px) {
  .c5-fs14 {
    font-size: 1.186440678vw;
  }
}
@media screen and (max-width: 768px) {
  .c5-fs14-sp {
    font-size: 1.8666666667vw !important;
  }
}
@media screen and (max-width: 480px) {
  .c5-fs14-sp-s {
    font-size: 2.9166666667vw !important;
  }
}
.c5-fs16 {
  font-size: 16px;
}
@media screen and (max-width: 1180px) {
  .c5-fs16 {
    font-size: 1.3559322034vw;
  }
}
@media screen and (max-width: 768px) {
  .c5-fs16-sp {
    font-size: 2.1333333333vw !important;
  }
}
@media screen and (max-width: 480px) {
  .c5-fs16-sp-s {
    font-size: 3.3333333333vw !important;
  }
}
.c5-fs17 {
  font-size: 17px;
}
@media screen and (max-width: 1180px) {
  .c5-fs17 {
    font-size: 1.4406779661vw;
  }
}
@media screen and (max-width: 768px) {
  .c5-fs17-sp {
    font-size: 2.2666666667vw !important;
  }
}
@media screen and (max-width: 480px) {
  .c5-fs17-sp-s {
    font-size: 3.5416666667vw !important;
  }
}
.c5-fs18 {
  font-size: 18px;
}
@media screen and (max-width: 1180px) {
  .c5-fs18 {
    font-size: 1.5254237288vw;
  }
}
@media screen and (max-width: 768px) {
  .c5-fs18-sp {
    font-size: 2.4vw !important;
  }
}
@media screen and (max-width: 480px) {
  .c5-fs18-sp-s {
    font-size: 3.75vw !important;
  }
}
.c5-fs19 {
  font-size: 19px;
}
@media screen and (max-width: 1180px) {
  .c5-fs19 {
    font-size: 1.6101694915vw;
  }
}
@media screen and (max-width: 768px) {
  .c5-fs19-sp {
    font-size: 2.5333333333vw !important;
  }
}
@media screen and (max-width: 480px) {
  .c5-fs19-sp-s {
    font-size: 3.9583333333vw !important;
  }
}
.c5-fs20 {
  font-size: 20px;
}
@media screen and (max-width: 1180px) {
  .c5-fs20 {
    font-size: 1.6949152542vw;
  }
}
@media screen and (max-width: 768px) {
  .c5-fs20-sp {
    font-size: 2.6666666667vw !important;
  }
}
@media screen and (max-width: 480px) {
  .c5-fs20-sp-s {
    font-size: 4.1666666667vw !important;
  }
}
.c5-fs22 {
  font-size: 22px;
}
@media screen and (max-width: 1180px) {
  .c5-fs22 {
    font-size: 1.8644067797vw;
  }
}
@media screen and (max-width: 768px) {
  .c5-fs22-sp {
    font-size: 2.9333333333vw !important;
  }
}
@media screen and (max-width: 480px) {
  .c5-fs22-sp-s {
    font-size: 4.5833333333vw !important;
  }
}
.c5-fs24 {
  font-size: 24px;
}
@media screen and (max-width: 1180px) {
  .c5-fs24 {
    font-size: 2.0338983051vw;
  }
}
@media screen and (max-width: 768px) {
  .c5-fs24-sp {
    font-size: 3.2vw !important;
  }
}
@media screen and (max-width: 480px) {
  .c5-fs24-sp-s {
    font-size: 5vw !important;
  }
}
.c5-fs26 {
  font-size: 26px;
}
@media screen and (max-width: 1180px) {
  .c5-fs26 {
    font-size: 2.2033898305vw;
  }
}
@media screen and (max-width: 768px) {
  .c5-fs26-sp {
    font-size: 3.4666666667vw !important;
  }
}
@media screen and (max-width: 480px) {
  .c5-fs26-sp-s {
    font-size: 5.4166666667vw !important;
  }
}
.c5-fs28 {
  font-size: 28px;
}
@media screen and (max-width: 1180px) {
  .c5-fs28 {
    font-size: 2.3728813559vw;
  }
}
@media screen and (max-width: 768px) {
  .c5-fs28-sp {
    font-size: 3.7333333333vw !important;
  }
}
@media screen and (max-width: 480px) {
  .c5-fs28-sp-s {
    font-size: 5.8333333333vw !important;
  }
}
.c5-fs30 {
  font-size: 30px;
}
@media screen and (max-width: 1180px) {
  .c5-fs30 {
    font-size: 2.5423728814vw;
  }
}
@media screen and (max-width: 768px) {
  .c5-fs30-sp {
    font-size: 4vw !important;
  }
}
@media screen and (max-width: 480px) {
  .c5-fs30-sp-s {
    font-size: 6.25vw !important;
  }
}
.c5-fs32 {
  font-size: 32px;
}
@media screen and (max-width: 1180px) {
  .c5-fs32 {
    font-size: 2.7118644068vw;
  }
}
@media screen and (max-width: 768px) {
  .c5-fs32-sp {
    font-size: 4.2666666667vw !important;
  }
}
@media screen and (max-width: 480px) {
  .c5-fs32-sp-s {
    font-size: 6.6666666667vw !important;
  }
}
.c5-fs34 {
  font-size: 34px;
}
@media screen and (max-width: 1180px) {
  .c5-fs34 {
    font-size: 2.8813559322vw;
  }
}
@media screen and (max-width: 768px) {
  .c5-fs34-sp {
    font-size: 4.5333333333vw !important;
  }
}
@media screen and (max-width: 480px) {
  .c5-fs34-sp-s {
    font-size: 7.0833333333vw !important;
  }
}
.c5-fs35 {
  font-size: 35px;
}
@media screen and (max-width: 1180px) {
  .c5-fs35 {
    font-size: 2.9661016949vw;
  }
}
@media screen and (max-width: 768px) {
  .c5-fs35-sp {
    font-size: 4.6666666667vw !important;
  }
}
@media screen and (max-width: 480px) {
  .c5-fs35-sp-s {
    font-size: 7.2916666667vw !important;
  }
}
.c5-fs36 {
  font-size: 36px;
}
@media screen and (max-width: 1180px) {
  .c5-fs36 {
    font-size: 3.0508474576vw;
  }
}
@media screen and (max-width: 768px) {
  .c5-fs36-sp {
    font-size: 4.8vw !important;
  }
}
@media screen and (max-width: 480px) {
  .c5-fs36-sp-s {
    font-size: 7.5vw !important;
  }
}
.c5-fs38 {
  font-size: 38px;
}
@media screen and (max-width: 1180px) {
  .c5-fs38 {
    font-size: 3.2203389831vw;
  }
}
@media screen and (max-width: 768px) {
  .c5-fs38-sp {
    font-size: 5.0666666667vw !important;
  }
}
@media screen and (max-width: 480px) {
  .c5-fs38-sp-s {
    font-size: 7.9166666667vw !important;
  }
}
.c5-fs40 {
  font-size: 40px;
}
@media screen and (max-width: 1180px) {
  .c5-fs40 {
    font-size: 3.3898305085vw;
  }
}
@media screen and (max-width: 768px) {
  .c5-fs40-sp {
    font-size: 5.3333333333vw !important;
  }
}
@media screen and (max-width: 480px) {
  .c5-fs40-sp-s {
    font-size: 8.3333333333vw !important;
  }
}
.c5-fs42 {
  font-size: 42px;
}
@media screen and (max-width: 1180px) {
  .c5-fs42 {
    font-size: 3.5593220339vw;
  }
}
@media screen and (max-width: 768px) {
  .c5-fs42-sp {
    font-size: 5.6vw !important;
  }
}
@media screen and (max-width: 480px) {
  .c5-fs42-sp-s {
    font-size: 8.75vw !important;
  }
}
.c5-fs46 {
  font-size: 46px;
}
@media screen and (max-width: 1180px) {
  .c5-fs46 {
    font-size: 3.8983050847vw;
  }
}
@media screen and (max-width: 768px) {
  .c5-fs46-sp {
    font-size: 6.1333333333vw !important;
  }
}
@media screen and (max-width: 480px) {
  .c5-fs46-sp-s {
    font-size: 9.5833333333vw !important;
  }
}
.c5-fs48 {
  font-size: 48px;
}
@media screen and (max-width: 1180px) {
  .c5-fs48 {
    font-size: 4.0677966102vw;
  }
}
@media screen and (max-width: 768px) {
  .c5-fs48-sp {
    font-size: 6.4vw !important;
  }
}
@media screen and (max-width: 480px) {
  .c5-fs48-sp-s {
    font-size: 10vw !important;
  }
}
.c5-fs50 {
  font-size: 50px;
}
@media screen and (max-width: 1180px) {
  .c5-fs50 {
    font-size: 4.2372881356vw;
  }
}
@media screen and (max-width: 768px) {
  .c5-fs50-sp {
    font-size: 6.6666666667vw !important;
  }
}
@media screen and (max-width: 480px) {
  .c5-fs50-sp-s {
    font-size: 10.4166666667vw !important;
  }
}
.c5-fs52 {
  font-size: 52px;
}
@media screen and (max-width: 1180px) {
  .c5-fs52 {
    font-size: 4.406779661vw;
  }
}
@media screen and (max-width: 768px) {
  .c5-fs52-sp {
    font-size: 6.9333333333vw !important;
  }
}
@media screen and (max-width: 480px) {
  .c5-fs52-sp-s {
    font-size: 10.8333333333vw !important;
  }
}
.c5-fs54 {
  font-size: 54px;
}
@media screen and (max-width: 1180px) {
  .c5-fs54 {
    font-size: 4.5762711864vw;
  }
}
@media screen and (max-width: 768px) {
  .c5-fs54-sp {
    font-size: 7.2vw !important;
  }
}
@media screen and (max-width: 480px) {
  .c5-fs54-sp-s {
    font-size: 11.25vw !important;
  }
}
.c5-fs55 {
  font-size: 55px;
}
@media screen and (max-width: 1180px) {
  .c5-fs55 {
    font-size: 4.6610169492vw;
  }
}
@media screen and (max-width: 768px) {
  .c5-fs55-sp {
    font-size: 7.3333333333vw !important;
  }
}
@media screen and (max-width: 480px) {
  .c5-fs55-sp-s {
    font-size: 11.4583333333vw !important;
  }
}
.c5-fs58 {
  font-size: 58px;
}
@media screen and (max-width: 1180px) {
  .c5-fs58 {
    font-size: 4.9152542373vw;
  }
}
@media screen and (max-width: 768px) {
  .c5-fs58-sp {
    font-size: 7.7333333333vw !important;
  }
}
@media screen and (max-width: 480px) {
  .c5-fs58-sp-s {
    font-size: 12.0833333333vw !important;
  }
}
.c5-fs60 {
  font-size: 60px;
}
@media screen and (max-width: 1180px) {
  .c5-fs60 {
    font-size: 5.0847457627vw;
  }
}
@media screen and (max-width: 768px) {
  .c5-fs60-sp {
    font-size: 8vw !important;
  }
}
@media screen and (max-width: 480px) {
  .c5-fs60-sp-s {
    font-size: 12.5vw !important;
  }
}
.c5-fs62 {
  font-size: 62px;
}
@media screen and (max-width: 1180px) {
  .c5-fs62 {
    font-size: 5.2542372881vw;
  }
}
@media screen and (max-width: 768px) {
  .c5-fs62-sp {
    font-size: 8.2666666667vw !important;
  }
}
@media screen and (max-width: 480px) {
  .c5-fs62-sp-s {
    font-size: 12.9166666667vw !important;
  }
}
.c5-fs64 {
  font-size: 64px;
}
@media screen and (max-width: 1180px) {
  .c5-fs64 {
    font-size: 5.4237288136vw;
  }
}
@media screen and (max-width: 768px) {
  .c5-fs64-sp {
    font-size: 8.5333333333vw !important;
  }
}
@media screen and (max-width: 480px) {
  .c5-fs64-sp-s {
    font-size: 13.3333333333vw !important;
  }
}
.c5-fs70 {
  font-size: 70px;
}
@media screen and (max-width: 1180px) {
  .c5-fs70 {
    font-size: 5.9322033898vw;
  }
}
@media screen and (max-width: 768px) {
  .c5-fs70-sp {
    font-size: 9.3333333333vw !important;
  }
}
@media screen and (max-width: 480px) {
  .c5-fs70-sp-s {
    font-size: 14.5833333333vw !important;
  }
}
.c5-fs75 {
  font-size: 75px;
}
@media screen and (max-width: 1180px) {
  .c5-fs75 {
    font-size: 6.3559322034vw;
  }
}
@media screen and (max-width: 768px) {
  .c5-fs75-sp {
    font-size: 10vw !important;
  }
}
@media screen and (max-width: 480px) {
  .c5-fs75-sp-s {
    font-size: 15.625vw !important;
  }
}
.c5-fs82 {
  font-size: 82px;
}
@media screen and (max-width: 1180px) {
  .c5-fs82 {
    font-size: 6.9491525424vw;
  }
}
@media screen and (max-width: 768px) {
  .c5-fs82-sp {
    font-size: 10.9333333333vw !important;
  }
}
@media screen and (max-width: 480px) {
  .c5-fs82-sp-s {
    font-size: 17.0833333333vw !important;
  }
}
@media screen and (max-width: 768px) {
  .c5-fs-fix10-sp {
    font-size: 10px !important;
  }
}

/*base----------------------------------------------------*/
.c5-container {
  max-width: 1200px;
  padding: 0 20px;
  margin: 0 auto;
  color: #2F353D;
  @media screen and (max-width: 768px) {
    font-size: 14px;
  }
  * {
    box-sizing: border-box;
  }
  img:not(.s5-iconInline) {
    max-width: 100%;
    vertical-align: bottom;
  }
  a:not([class]) {
    color: #3865E0;
    text-decoration: underline;
  }
  dd {
    margin-left: 0;
  }
}

/*MV----------------------------------------------------*/
.c5-mainvisual {
  margin-bottom: 60px;
  text-align: center;
  @media screen and (max-width: 768px) {
    margin: 40px 0;
  }
}

/*SECTION----------------------------------------------------*/
.c5-section {
  margin-bottom: 120px;
  @media screen and (max-width: 768px) {
    margin-bottom: 80px;
  }
}
.c5-section-sub {
  margin-bottom: 80px;
  @media screen and (max-width: 768px) {
    margin-bottom: 60px;
  }
}
.c5-section-inner {
  max-width: 1100px;
  margin: 0 auto;
}
.c5-section-inner2 {
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 20px;
  @media screen and (max-width: 768px) {
    padding: 0;
  }
}
.c5-anchor {
  margin-bottom: 100px;
  background-color: #F0F0F0;
  padding: 15px 0;
  position: sticky;
  top: 0;
  z-index: 99;
  @media screen and (max-width: 768px) {
    position: static;
    margin: 0 -20px 40px;
    padding: 0;
  }
  ul {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    @media screen and (max-width: 768px) {
      flex-wrap: wrap;
    }
  }
  li {
    flex: 0 1 25%;
    text-align: center;
    border-right: 1px solid #707070;
    @media screen and (min-width: 769px) {
      &:last-child {
        border: none;
      }
    }
    @media screen and (max-width: 768px) {
      flex: 0 1 50%;
      border-bottom: 1px solid #707070;
      &:nth-child(2n) {
        border-right: none;
      }
      &:last-child {
        border-bottom: none;
        border-right: none;
        flex: 100%;
      }
    }
    a {
      text-decoration: none !important;
      color: #2F353D !important;
      display: block;
      font-weight: bold;
      position: relative;
      height: 100%;
      padding: 0 10px 20px 10px;
      box-sizing: border-box;
      font-size: clamp(12px, calc(10.181818181818182px + 0.48484848484848486vw), 16px);
      @media screen and (max-width: 768px) {
        padding-top: 10px;
        padding-bottom: 20px;
      }
      &::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: 7px;
        height: 7px;
        border-top: 1px solid #CB4800;
        border-right: 1px solid #CB4800;
        transform: rotate(135deg);
        transform-origin: top;
      }
    }
  }
}
/*ttl --------------------------------------------------*/
.c5-ttl-section {
  font-size: clamp(20px, calc(9.090909090909092px + 2.909090909090909vw), 44px);
  line-height: 1.4;
  font-weight: bold;
  text-align: center;
  margin-bottom: 50px;
  border-bottom: 4px solid #CB4800;
  background-color: #F9F9F9;
  padding: 15px;
  &:has(+ .c5-comment) {
    margin-bottom: 0;
  }
  @media screen and (max-width: 768px) {
    margin-bottom: 30px;
  }
}
.c5-ttl-bar {
  text-align: center;
  color: #fff;
  font-size: clamp(16px, calc(6.909090909090908px + 2.4242424242424243vw), 36px);
  line-height: 1.4;
  padding: 15px;
  font-weight: bold;
  background-color: #CB4800;
  margin: 0;
  @media screen and (max-width: 768px) {
    padding: 10px;
  }
}
.c5-ttl-ex {
  margin: 0 0 20px;
  font-size: clamp(18px, calc(15.272727272727273px + 0.7272727272727273vw), 24px);
  font-weight: bold;
}
.c5-ttl-ex02 {
  margin: 0 0 20px;
  font-size: clamp(16px, calc(13.272727272727273px + 0.7272727272727273vw), 22px);
  font-weight: bold;
}
.c5-ttl-pay {
  font-size: clamp(20px, calc(10.909090909090908px + 2.4242424242424243vw), 40px);
  background-color: #14469B;
  text-align: center;
  padding: 15px;
  line-height: 1.2;
  font-weight: bold;
  margin-bottom: 30px;
  color: #fff;
}
.c5-ttl-paysame {
  text-align: center;
  margin: 0 20px 40px;
  span {
    display: inline-block;
    font-size: clamp(18px, calc(9.818181818181818px + 2.181818181818182vw), 36px);
    color: #14469B;
    font-weight: bold;
    line-height: 1.2;
    background-color: #FFE0DB;
    padding: 15px 40px;
    @media screen and (max-width: 768px) {
      padding: 10px;
    }
  }
}
.c5-ttl-border {
  text-align: center;
  font-size: clamp(16px, calc(9.636363636363637px + 1.6969696969696972vw), 30px);
  line-height: 1.3;
  border-bottom: 3px solid #CB4800;
  margin: 0 0 40px;
  font-weight: bold;
  padding-bottom: 10px;
  @media screen and (max-width: 768px) {
    margin-bottom: 30px;
  }
}
* + .c5-ttl-border {
  margin-top: 80px;
  @media screen and (max-width: 768px) {
    margin-top: 40px;
  }
}
.c5-ttl-img {
  margin: 0 0 30px 0;
}

.c5-lead-wide {
  text-align: center;
  font-size: clamp(16px, calc(9.636363636363637px + 1.6969696969696972vw), 30px);
  line-height: 1.4;
  font-weight: bold;
  span {
    font-size: 1.3em;
  }
}
.c5-lead-wide02 {
  text-align: center;
  font-size: clamp(16px, calc(12.363636363636363px + 0.9696969696969697vw), 24px);
  font-weight: bold;
  margin-bottom: 30px;
  @media screen and (max-width: 768px) {
    margin-bottom: 20px;
  }
  span {
    font-size: 1.8em;
    display: inline-block;
    border-bottom: 3px solid #F58E2F;
    @media screen and (max-width: 768px) {
      font-size: 1.2em;
    }
  }
}
.c5-lead-really {
  text-align: center;
  font-weight: bold;
  line-height: 1.2;
  font-size: clamp(20px, calc(10.909090909090908px + 2.4242424242424243vw), 40px);
  .line {
    display: inline-block;
    border-bottom: 3px solid #CC0000;
    font-size: 1.2em;
    @media screen and (max-width: 768px) {
      font-size: 1.1em;
    }
    sup {
      font-size: 0.4em;
      vertical-align: super;
    }
  }
  .price {
    font-size: 1.9em;
    @media screen and (max-width: 768px) {
      font-size: 1.5em;
    }
  }
}
.c5-lead-consult {
  text-align: center;
  font-size: clamp(14px, calc(10.363636363636363px + 0.9696969696969697vw), 22px);
  @media screen and (max-width: 768px) {
    text-align: left;
  }
}

/*col --------------------------------------------------*/
.c5-cols-01 {
  display: flex;
  @media screen and (max-width: 768px) {
    display: block;
  }
  &:has(> .__reason) {
    align-items: center;
  }
  p {
    &:first-child {
      margin-top: 0;
    }
  }
}
.c5-cols-01__img {
  margin-right: 30px;
  flex: 0 1 38%;
  @media screen and (max-width: 768px) {
    margin: 0 0 15px 0;
    text-align: center;
  }
  &.__reason {
    flex: 0 1 60%;
  }
}
.c5-cols-01__txt {
  flex: 1;
  font-size: clamp(14px, calc(12.181818181818182px + 0.48484848484848486vw), 18px);
  .c5-buttonArea {
    margin-bottom: 0;
  }
}
.c5-col {
  display: flex;
  justify-content: center;
  @media screen and (max-width: 768px) {
    display: block;
  }
}
.c5-col__img {
  margin-right: 20px;
  @media screen and (max-width: 768px) {
    margin: 0 0 20px 0;
  }
}
.c5-col__txt {
  flex: 0 1 50%;
  p {
    margin: 0 0 1.3em;
  }
}

/*LIST --------------------------------------------------*/
.c5-list-payway {
  display: flex;
  gap: clamp(30px, calc(16.363636363636367px + 3.6363636363636362vw), 60px);
  text-align: center;
  margin-bottom: 80px;
  @media screen and (max-width: 768px) {
    display: block;
    margin-bottom: 40px;
  }
  > div {
    flex: 0 1 33%;
    @media screen and (max-width: 768px) {
      margin-bottom: 30px;
      &:last-child {
        margin-bottom: 0;
      }
    }
  }
}
.c5-list-payway__head {
  margin-bottom: 30px;
  color: #14469B;
  font-size: clamp(18px, calc(16.181818181818183px + 0.48484848484848486vw), 22px);
  padding-bottom: 10px;
  border-bottom: 2px solid #14469B;
  font-weight: bold;
  @media screen and (max-width: 768px) {
    margin-bottom: 15px;
  }
}
.c5-list-payway__img {
  margin-bottom: 30px;
  @media screen and (max-width: 768px) {
    margin-bottom: 15px;
    img {
      width: 100px;
    }
  }
}

/*BOX --------------------------------------------------*/
.c5-box-gray {
  background-color: #F0F0F0;
  padding: 30px;
  @media screen and (max-width: 1180px) {
    padding: 2.5423728814vw;
  }
  @media screen and (max-width: 768px) {
    padding: 15px;
  }
  + * {
    margin-top: 50px;
    @media screen and (max-width: 768px) {
      margin-top: 30px;
    }
  }
  + .c5-note {
    margin-top: 20px;
  }
}
.c5-box-ex {
  border: 2px solid #113377;
  padding: 55px;
  @media screen and (max-width: 768px) {
    padding: 15px;
  }
}
.c5-box-bulk {
  padding: 25px 50px;
  margin-bottom: 30px;
  background-color: #E9F0FF;
  @media screen and (max-width: 768px) {
    padding: 15px;
  }
}
.c5-box-comment {
  display: flex;
  align-items: flex-start;
}
.c5-box-comment__txt {
  color: #fff;
  padding: 15px;
  border-radius: 10px;
  background-color: #ee7810;
  font-weight: bold;
  font-size: clamp(16px, calc(12.363636363636363px + 0.9696969696969697vw), 24px);
  flex: 1;
}
.c5-box-comment__img {
  margin-left: 30px;
  @media screen and (max-width: 768px) {
    display: none;
  }
}
.c5-box-a__2__head {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .c5-box-a__2__head {
    flex-direction: column;
  }
}
.c5-box-a__2__head__left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-right: 1.5em;
  flex-shrink: 0;
  flex-grow: 1;
  padding-top: 1em;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .c5-box-a__2__head__left {
    padding-top: 0;
  }
}
.c5-box-a__2__head__left span:first-of-type {
  /*margin-bottom: 0.6em;*/
}
.c5-box-a__2__head img {
  display: block;
}
@media screen and (max-width: 768px) {
  .c5-box-a__2__head img {
    height: 28.6458333333vw;
    margin-top: 3.90625vw;
    margin-bottom: 3.90625vw;
    margin-left: auto;
    margin-right: auto;
  }
}
.c5-pay-model {
  box-sizing: border-box;
  height: 100%;
  background-color: #ffffff;
  margin: 0;
}
.c5-pay-model__withArrow {
  position: relative;
  border-top: none;
}
.c5-pay-model__withArrow > dd {
  border: solid 2px #cccccc;
  border-radius: 0 0 10px 10px;
  border-top: none;
}
.c5-pay-model__withArrow::after {
  position: absolute;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 28px 28px 0 28px;
  border-color: #cccccc transparent transparent transparent;
  left: 50%;
  bottom: -28px;
  transform: translateX(-50%);
}
@media screen and (max-width: 1180px) {
  .c5-pay-model__withArrow::after {
    border-width: 2.3728813559vw 2.3728813559vw 0 2.3728813559vw;
    bottom: -2.3728813559vw;
  }
}
@media screen and (max-width: 768px) {
  .c5-pay-model__withArrow::after {
    display: none;
  }
}
.c5-pay-model__cyan {
  margin-top: 45px;
}
@media screen and (max-width: 1180px) {
  .c5-pay-model__cyan {
    margin-top: 3.813559322vw;
  }
}
.c5-pay-model__cyan .c5-pay-modelHead {
  background-color: #00b0b8;
  color: #fff;
}
.c5-pay-model__cyan .c5-shitadori-model__row {
  padding-right: 12px;
  padding-bottom: 12px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1180px) {
  .c5-pay-model__cyan .c5-shitadori-model__row {
    padding-right: 1.0169491525vw;
    padding-bottom: 1.0169491525vw;
    margin-bottom: 1.6949152542vw;
  }
}
.c5-pay-model__cyan .c5-shitadori-model__row:first-of-type {
  margin-top: 20px;
}
@media screen and (max-width: 1180px) {
  .c5-pay-model__cyan .c5-shitadori-model__row:first-of-type {
    margin-top: 1.6949152542vw;
  }
}
.c5-pay-model__cyan .c5-shitadori-model__row:last-of-type {
  padding-right: 12px;
}
@media screen and (max-width: 1180px) {
  .c5-pay-model__cyan .c5-shitadori-model__row:last-of-type {
    padding-right: 1.0169491525vw;
  }
}
.c5-pay-model__cyan .c5-shitadori-model__row__left {
  flex-grow: 1;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  line-height: 1;
}
.c5-pay-model__cyan .c5-shitadori-model__row__left > span:last-of-type {
  text-align: right;
}
@media screen and (max-width: 768px) {
  .c5-pay-model__cyan .c5-shitadori-model__row__left {
    flex-direction: column;
    align-items: flex-start;
  }
  .c5-pay-model__cyan .c5-shitadori-model__row__left > span:last-of-type {
    align-self: flex-end;
    margin-top: 0.4em;
  }
}
.c5-pay-model__cyan .c5-shitadori-model__row img {
  margin-left: 45px;
}
@media screen and (max-width: 1180px) {
  .c5-pay-model__cyan .c5-shitadori-model__row img {
    margin-left: 2.9661016949vw;
    width: 11.4406779661vw;
  }
}
@media screen and (max-width: 768px) {
  .c5-pay-model__cyan .c5-shitadori-model__row img {
    width: 14.9739583333vw;
  }
}
.c5-pay-model__cyan__2 .c5-shitadori-model__row img {
  margin-left: 105px;
}
@media screen and (max-width: 1180px) {
  .c5-pay-model__cyan__2 .c5-shitadori-model__row img {
    margin-left: 8.0508474576vw;
    width: 11.4406779661vw;
  }
}
@media screen and (max-width: 768px) {
  .c5-pay-model__cyan__2 .c5-shitadori-model__row img {
    margin-left: 2.9661016949vw;
    width: 14.9739583333vw;
  }
}
.c5-pay-model__cyan__modelBody {
  border: solid 2px #00b0b8;
  border-top: none;
  border-radius: 0 0 10px 10px;
}
@media screen and (max-width: 768px) {
  .c5-pay-model__cyan__modelBody {
    padding: 0.5em 1.953125vw !important;
  }
}
@media screen and (max-width: 768px) {
  .c5-pay-model__cyan__modelBody .c5-shitadori-model__row {
    padding-left: 0;
  }
}
.c5-pay-model__cyan__annotation {
  color: #666666;
  padding-left: 1em;
}
.c5-pay-modelHead {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #000;
  font-weight: 700;
  padding: 3px 15px 0;
  height: 63px;
  box-sizing: border-box;
  color: #fff;
}
@media screen and (max-width: 1180px) {
  .c5-pay-modelHead {
    padding: 0.2542372881vw 1.5254237288vw 0;
    /*height: 5.3389830508vw;*/
  }
}
@media screen and (max-width: 768px) {
  .c5-pay-modelHead {
    padding: 1.0416666667vw 2.8645833333vw 0 !important;
    height: 9.375vw;
  }
}
.c5-border--yellow .c5-pay-modelHead {
  height: 60px;
  padding-top: 0;
}
@media screen and (max-width: 1180px) {
  .c5-border--yellow .c5-pay-modelHead {
    height: 5.0847457627vw;
  }
}
@media screen and (max-width: 768px) {
  .c5-border--yellow .c5-pay-modelHead {
    height: 9.375vw;
  }
}
.c5-pay-modelHead__date {
  color: #ffffff;
  margin-left: auto;
}
.c5-pay-model__inner {
  font-weight: 700;
}
.c5-pay-model__inner--double {
  display: flex;
  justify-content: space-around;
}
.c5-pay-model__inner--double--alt {
  flex-direction: row-reverse;
}
.c5-pay-model__model {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 40px;
}
@media screen and (max-width: 1180px) {
  .c5-pay-model__model {
    padding-top: 3.3898305085vw;
  }
}
.c5-pay-model__model img {
  display: block;
  width: 180px;
}
@media screen and (max-width: 1180px) {
  .c5-pay-model__model img {
    width: 15.2542372881vw;
  }
}
@media screen and (max-width: 768px) {
  .c5-pay-model__model img {
    width: 23.4375vw;
    margin-bottom: 3.125vw;
    margin-top: 3.125vw;
  }
}
.c5-pay-model__model span {
  font-weight: 700;
}
.c5-pay-model__hikaku-s {
  padding-top: 15px;
  line-height: 1.2;
}
@media screen and (max-width: 1180px) {
  .c5-pay-model__hikaku-s {
    padding-top: 1.2711864407vw;
  }
}
@media screen and (max-width: 768px) {
  .c5-pay-model__hikaku-s {
    padding-top: 2.34375vw;
  }
}
.c5-pay-model__inner--double--alt .c5-pay-model__hikaku-s {
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .c5-pay-model__inner--double--alt .c5-pay-model__hikaku-s {
    margin-left: 0;
  }
}
.c5-pay-model__hikaku-s p {
  margin: 0;
}
.c5-pay-model__hikaku-l {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .c5-pay-model__hikaku-l {
    padding-top: 3.90625vw;
  }
}
.c5-pay-model__hikaku-l p {
  font-weight: 700;
}
.c5-pay-model__hikaku-l p span:first-of-type {
  margin-right: 0.6em;
}
@media screen and (max-width: 768px) {
  .c5-pay-model__hikaku-l p {
    margin: 2.0833333333vw 0;
    line-height: 1;
  }
}
@media screen and (max-width: 1180px) {
  .c5-pay-model__hikaku-l .c5-arrow-spReize {
    width: 5.4237288136vw;
  }
}
@media screen and (max-width: 768px) {
  .c5-pay-model__hikaku-l .c5-arrow-spReize {
    display: block;
    width: 8.3333333333vw;
  }
}
.c5-pay-model__wariai {
  position: relative;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  line-height: 1.3;
  margin: 15px 0;
}
@media screen and (max-width: 1180px) {
  .c5-pay-model__wariai {
    margin: 1.2711864407vw 0;
  }
}
.c5-pay-model__wariai p {
  margin: 0;
}
.c5-pay-model__wariai__box {
  box-sizing: border-box;
  border: solid 2px #CB4800;
  border-radius: 10px;
  padding: 0.5em 1.5em 0;
  background-color: #fbe5d4;
  text-align: center;
}
.c5-pay-model__wariai__box--left {
  margin-right: auto;
  margin-left: 0;
}
.c5-pay-model__wariai__box__hr {
  border-bottom: solid 1px #CB4800;
  margin-bottom: 0.4em !important;
}
.c5-pay-model__arrow-foot {
  position: absolute;
  top: 0;
  transform: translateY(-100%);
}
@media screen and (max-width: 768px) {
  .c5-pay-model__arrow-foot {
    width: 3.6458333333vw;
  }
}
.c5-pay-model__arrow-head {
  position: absolute;
  bottom: 0;
  transform: translateY(100%);
}
@media screen and (max-width: 768px) {
  .c5-pay-model__arrow-head {
    width: 8.3333333333vw;
  }
}
.c5-pay-model__priceDate {
  text-align: right;
  display: block;
  border-top: solid 1px #cccccc;
  margin: 0 10px;
  padding: 10px 0;
}
@media screen and (max-width: 1180px) {
  .c5-pay-model__priceDate {
    margin: 0 0.8474576271vw;
    padding: 0.8474576271vw 0;
  }
}
@media screen and (max-width: 768px) {
  .c5-pay-model__priceDate {
    padding: 2.6041666667vw 0 2.0833333333vw;
    margin: 0 1.953125vw;
  }
}
.c5-pay-model__arrow {
  width: 51px;
}
@media screen and (max-width: 1180px) {
  .c5-pay-model__arrow {
    width: 4.3220338983vw;
  }
}
@media screen and (max-width: 768px) {
  .c5-pay-model__arrow {
    width: 8.3333333333vw;
  }
}
.c5-shitadori-model {
  box-sizing: border-box;
  border-radius: 10px;
  font-weight: 700;
}
.c5-shitadori-modelHead {
  border-radius: 10px 10px 0 0;
}
.c5-shitadori-modelBody {
  padding: 0.5em 1em;
  margin: 0;
}
.c5-shitadori-model__row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding-left: 1em;
  padding-right: 1.3em;
  margin-top: 0.5em;
  margin-bottom: 0;
}
.c5-shitadori-model__row:last-of-type {
  padding-right: 0;
}
.c5-shitadori-model__row__border {
  border-bottom: solid 1px #cccccc;
  padding-bottom: 1em;
}
@media screen and (max-width: 768px) {
  .c5-shitadori-model__row.c5-sp-fix {
    flex-wrap: wrap;
  }
  .c5-shitadori-model__row.c5-sp-fix p {
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .c5-shitadori-model__row .c5-display-contents-pc {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .c5-shitadori-model__row__sp-fix {
    flex-wrap: wrap;
    align-items: flex-end;
  }
  .c5-shitadori-model__row__sp-fix dd {
    justify-self: flex-end;
    padding-left: 1em;
    margin-left: auto;
  }
}
@media screen and (min-width: 769px) {
  .c5-display-contents-pc {
    display: contents;
  }
}
.c5-box-a__3 {
  font-weight: 700;
}
.c5-box-a__3__head {
  margin-bottom: 20px;
}
.c5-box-a__3__headFlex {
  display: flex;
  justify-content: space-between;
  align-items: end;
  margin-bottom: 2em;
}
@media screen and (max-width: 768px) {
  .c5-box-a__3__headFlex {
    flex-direction: column;
    align-items: flex-start;
  }
}
.c5-box-a__3__headFlex__left {
  display: flex;
  flex-direction: column;
  padding-bottom: 0.4em;
  line-height: 1.4;
}
.c5-box-a__3__headFlex__left span:first-of-type {
  margin-bottom: 0.5em;
}
.c5-box-a__3__headFlex img {
  display: block;
}
.c5-box-a__3__headFlex-2 {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
@media screen and (max-width: 480px) {
  .c5-box-a__3__headFlex-2__left {
    line-height: 1.2;
  }
}
.c5-box-a__3__headFlex-2__right {
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
}
@media screen and (max-width: 768px) {
  .c5-box-a__3__headFlex-2__right {
    flex-direction: column;
    margin-bottom: 2.6041666667vw;
  }
}
.c5-box-a__3__headFlex-2__right__2row {
  display: flex;
  flex-direction: column;
  align-self: normal;
  transform: translateY(-0.3em);
  margin-right: 0.5em;
}
@media screen and (max-width: 1180px) {
  .c5-box-a__3__camera {
    width: 43.3050847458vw;
  }
}
@media screen and (max-width: 768px) {
  .c5-box-a__3__camera {
    margin-left: auto;
    margin-right: auto;
    width: 65.625vw;
  }
}
.c5-box-a__3__camera img {
  display: block;
  max-width: 100%;
}
.c5-box-a__3__foot {
  margin-top: 0.5em;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c5-box-a__3__foot {
    border-bottom: solid 2px #cc0000;
  }
}
.c5-box-a__3__foot__border {
  border-bottom: solid 2px #cc0000;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  .c5-box-a__3__foot__border {
    border: none;
  }
}
.c5-box-a__3__annotation {
  color: #666666;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.c5-box-a__flex {
  display: flex;
  gap: 40px;
  position: relative;
  + .c5-box-a__flex {
    margin-top: 40px;
  }
}
@media screen and (max-width: 1180px) {
  .c5-box-a__flex {
    gap: 3.3898305085vw;
  }
}
@media screen and (max-width: 768px) {
  .c5-box-a__flex {
    flex-direction: column;
    gap: 5.2083333333vw;
  }
}
@media screen and (max-width: 768px) {
  .c5-box-a__flex:has(.c5-hikaku-ashirai-sp) {
    gap: 0;
  }
}
.c5-box-a__flexItem {
  flex-grow: 1;
  flex-shrink: 1;
  width: 100%;
  border-radius: 10px;
  box-sizing: border-box;
  overflow: hidden;
}
.c5-box-a__flexItem-b {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.c5-box-a__flexItem-b__model {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .c5-box-a__flexItem-b__modelPic {
    width: 30.9895833333vw;
  }
}
.c5-box-a__flexItem-b__comment {
  display: block;
  margin: 0;
  width: 100%;
  border: solid 2px #ed9537;
  border-radius: 10px;
  box-sizing: border-box;
  background-color: #fbe5d4;
  text-align: center;
  line-height: 1.2;
  padding: 13px 0 10px;
}
@media screen and (max-width: 768px) {
  .c5-box-a__flexItem-b__comment {
    padding: 1.953125vw 0 1.5625vw;
    margin-top: 5.2083333333vw;
  }
}
.c5-hikaku-ashirai,
.c5-hikaku-ashirai-left,
.c5-hikaku-ashirai-right {
  position: absolute;
  z-index: 10;
}
.c5-hikaku-ashirai img {
  position: relative;
  width: 100%;
  transform: translateY(-50%);
}
.c5-hikaku-ashirai-left img {
  position: relative;
  width: 100%;
  transform: translateX(-100%);
}
.c5-hikaku-ashirai-right img {
  position: relative;
  width: 100%;
}
.c5-box-pay {
  border-radius: 10px;
  background-color: #fff;
  overflow: hidden;
}
.c5-box-pay__head {
  background-color: #212121;
  text-align: center;
  font-weight: bold;
  font-size: clamp(16px, calc(10.545454545454547px + 1.4545454545454546vw), 28px);
  padding: 10px;
  color: #fff;
}
.c5-box-pay__body {
  padding: 30px;
  @media screen and (max-width: 768px) {
    padding: 15px;
  }
}

/*table ---------------------------------------------------*/
.c5-table-pay {
  width: 100%;
  font-weight: bold;
  font-size: clamp(14px, calc(11.272727272727273px + 0.7272727272727273vw), 20px);
  td {
    padding-bottom: 20px;
    vertical-align: bottom;
    @media screen and (max-width: 768px) {
      padding-bottom: 5px;
      display: block;
    }
  }
  tr:last-child {
    td {
      padding-bottom: 0;
    }
  }
  .price {
    text-align: right;
    line-height: 1.2;
    padding-left: 20px;
    white-space: nowrap;
  }
  .total {
    border-top: 1px solid #CCC;
    padding-top: 20px;
    @media screen and (max-width: 768px) {
      padding-top: 5px;
      &:last-child {
        border: none;
        padding-top: 0;
        padding-bottom: 0;
      }
    }
  }
  .c5-fs24 {
    font-size: 1.2em;
    @media screen and (max-width: 768px) {
      font-size: 1em;
    }
  }
  .c5-fs28 {
    font-size: 1.4em;
    @media screen and (max-width: 768px) {
      font-size: 1.2em;
    }
  }
  .c5-fs30 {
    font-size: 1.5em;
    @media screen and (max-width: 768px) {
      font-size: 1.3em;
    }
  }
  .c5-fs34 {
    font-size: 1.6em;
    @media screen and (max-width: 768px) {
      font-size: 1.4em;
    }
  }
  .c5-fs40 {
    font-size: 2em;
    @media screen and (max-width: 768px) {
      font-size: 1.8em;
    }
  }
  .c5-fs64 {
    font-size: 3.2em;
    @media screen and (max-width: 768px) {
      font-size: 2.4em;
    }
  }
}

/*button ---------------------------------------------------*/
.c5-buttonArea {
  display: flex;
  justify-content: space-evenly;
  margin-top: 2em;
  margin-bottom: 2em;
}
.c5-button {
  display: flex;
  justify-content: center;
  align-items: center;
  border: solid 2px #CB4800;
  border-radius: 45px;
  background-color: #FEF3EE;
  font-size: clamp(16px, calc(9.636363636363637px + 1.6969696969696972vw), 30px);
  font-weight: 700;
  color: #CB4800;
  padding-top: 0.1em;
  width: 100%;
  max-width: 680px;
  min-height: 3em;
  transition: all 0.5s ease;
  &.__s {
    @media screen and (min-width: 769px) {
      font-size: clamp(16px, calc(12.363636363636363px + 0.9696969696969697vw), 24px);
      max-width: 260px;
    }
  }
  &.__dblue {
    background-color: #14469B;
    border-color: #14469B;
    color: #fff;
    &:hover {
      color: #fff;
    }
    @media screen and (min-width: 769px) {
      font-size: clamp(16px, calc(12.363636363636363px + 0.9696969696969697vw), 24px);
    }
  }
  &.__orange {
    background-color: #CB4800;
    color: #fff;
    &:hover {
      color: #fff;
    }
    @media screen and (min-width: 769px) {
      font-size: clamp(16px, calc(14.181818181818182px + 0.48484848484848486vw), 20px);
    }
  }
}
.c5-button:hover {
  text-decoration: none;
  color: #CB4800;
  opacity: 0.7;
  transition: all 0.5s ease;
}
.c5-buttonArea__2col {
  display: flex;
  justify-content: space-around;
}
.c5-buttonArea__2col > * {
  width: 43.6%;
}
@media screen and (max-width: 768px) {
  .c5-buttonArea__2col {
    flex-direction: column;
    align-items: center;
    gap: 5.2083333333vw;
  }
  .c5-buttonArea__2col > * {
    width: 100%;
  }
}
.c5-button__blue {
  color: #0d446d;
  background-color: #dbe4e9;
  border-color: #0d446d;
}
.c5-button__blue:hover {
  color: #0d446d;
  opacity: .7;
  text-decoration: none !important;
}
.c5-button__cyan {
  color: #15a8b0;
  border-color: #15a8b0;
  background-color: #e5f5f5;
}
.c5-button__cyan:hover {
  color: #15a8b0;
  opacity: .7;
  text-decoration: none !important;
}
.c5-icon-arrow__w {
  display: inline-block;
  position: relative;
  padding-right: clamp(12px, calc(6.090909090909091px + 1.575757575757576vw), 25px);
  &::after {
    content: '';
    position: absolute;
    width: clamp(6px, calc(3.272727272727273px + 0.7272727272727273vw), 12px);
    height: clamp(6px, calc(3.272727272727273px + 0.7272727272727273vw), 12px);
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg) translateY(-50%);
    transform-origin: top;
    right: 0;
    top: 50%;
  }
}
.c5-icon-down {
  display: inline-block;
  position: relative;
  padding-right: clamp(12px, calc(6.090909090909091px + 1.575757575757576vw), 25px);
  &::after {
    content: '';
    position: absolute;
    width: clamp(6px, calc(3.272727272727273px + 0.7272727272727273vw), 12px);
    height: clamp(6px, calc(3.272727272727273px + 0.7272727272727273vw), 12px);
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(135deg) translateY(-50%);
    transform-origin: top;
    right: 0;
    top: 50%;
  }
  &:hover {
    color: #fff;
  }
}

/*tab ---------------------------------------------------*/
.c5-productList__tabPanel {
  margin-top: 60px;
}
.c5-productList__tabGroup {
  display: flex;
  column-gap: 40px;
  padding: 0 30px;
  border-bottom: solid 2px #ed9537;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
}
@media screen and (max-width: 1180px) {
  .c5-productList__tabGroup {
    column-gap: 3.3898305085vw;
    padding: 0 2.5423728814vw;
    margin-bottom: 3.3898305085vw;
  }
}
.c5-productList__tabGroup li {
  flex-grow: 1;
  list-style-type: none;
}
.c5-productList__tabGroup li button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 78px;
  width: 100%;
  box-sizing: border-box;
  border: solid 2px #ed9537;
  border-bottom: none;
  border-radius: 10px 10px 0 0;
  font-size: 28px;
  color: #ed9537;
  background-color: #ffffff;
  transition: all 0.5s ease;
}
@media screen and (max-width: 1180px) {
  .c5-productList__tabGroup li button {
    height: 6.6101694915vw;
    font-size: 2.3728813559vw;
  }
}
@media screen and (max-width: 768px) {
  .c5-productList__tabGroup li button {
    font-size: 3.90625vw;
    height: 9.1145833333vw;
  }
}
.c5-productList__tabGroup li button::before {
  content: "";
  width: 16px;
  height: calc(8px * tan(60deg));
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
          clip-path: polygon(0 0, 100% 0, 50% 100%);
  background-color: #ed9537;
  margin-right: 10px;
}
@media screen and (max-width: 1180px) {
  .c5-productList__tabGroup li button::before {
    width: 1.3559322034vw;
    height: calc(0.6779661017vw * tan(60deg));
    margin-right: 0.8474576271vw;
  }
}
@media screen and (max-width: 768px) {
  .c5-productList__tabGroup li button::before {
    width: 2.6041666667vw;
    height: calc(1.3020833333vw * tan(60deg));
    margin-right: 1.3020833333vw;
  }
}
.c5-productList__tabGroup li button:hover {
  opacity: 0.5;
  transition: all 0.5s ease;
}
.c5-productList__tabGroup li button.c5-tab--active {
  background-color: #fbe5d4;
  transition: all 0.5s ease;
}
.c5-productList__panelGroup {
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  grid-gap: 40px;
  padding: 0;
  display: grid;
}
@media screen and (max-width: 1180px) {
  .c5-productList__panelGroup {
    grid-template-columns: repeat(auto-fit, minmax(28.813559322vw, 1fr));
    grid-gap: 2.5423728814vw;
  }
}
@media screen and (max-width: 960px) {
  .c5-productList__panelGroup {
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
    grid-gap: 40px;
  }
}
@media screen and (max-width: 768px) {
  .c5-productList__panelGroup {
    grid-template-columns: 100%;
    grid-gap: 5.2083333333vw;
  }
}
.c5-productList__panelGroup--active {
  display: grid;
}
.c5-productList__panelGroup__dispAltButton {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 60px;
  width: 100%;
  max-width: 540px;
  height: 80px;
  box-sizing: border-box;
  border: solid 2px #ed9537;
  border-radius: 10px;
  background-color: #fbe5d4;
  color: #ed9537;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  padding-right: 8px;
  transition: all 0.5s ease;
}
@media screen and (max-width: 1180px) {
  .c5-productList__panelGroup__dispAltButton {
    height: 6.7796610169vw;
    font-size: 2.0338983051vw;
    padding-right: 0.6779661017vw;
    margin: 0 auto 5.0847457627vw;
  }
}
@media screen and (max-width: 768px) {
  .c5-productList__panelGroup__dispAltButton {
    height: 15.625vw;
    font-size: 4.6875vw;
    margin: 0 auto 7.8125vw;
  }
}
.c5-productList__panelGroup__dispAltButton:hover {
  opacity: 0.7;
  transition: all 0.5s ease;
}
.c5-productList__panelGroup__dispAltButton span {
  transform: translateY(2px);
}
@media screen and (max-width: 1180px) {
  .c5-productList__panelGroup__dispAltButton span {
    transform: translateY(0.1694915254vw);
  }
}
.c5-productList__panelGroup__dispAltButton span:first-of-type {
  display: none;
}
.c5-productList__panelGroup__dispAltButton span:last-of-type {
  display: block;
}
.c5-productList__panelGroup__dispAltButton i {
  display: block;
  position: relative;
  width: 24px;
  height: 24px;
  margin-right: 13px;
}
@media screen and (max-width: 1180px) {
  .c5-productList__panelGroup__dispAltButton i {
    width: 2.0338983051vw;
    height: 2.0338983051vw;
    margin-right: 1.1016949153vw;
  }
}
@media screen and (max-width: 768px) {
  .c5-productList__panelGroup__dispAltButton i {
    width: 4.6875vw;
    height: 4.6875vw;
    margin-right: 2.34375vw;
  }
}
.c5-productList__panelGroup__dispAltButton i::before {
  content: "";
  display: block;
  width: 24px;
  height: 2px;
  background-color: #ed9537;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 1180px) {
  .c5-productList__panelGroup__dispAltButton i::before {
    width: 2.0338983051vw;
  }
}
@media screen and (max-width: 768px) {
  .c5-productList__panelGroup__dispAltButton i::before {
    width: 4.6875vw;
  }
}
.c5-productList__panelGroup__dispAltButton--limited span:first-of-type {
  display: block;
}
.c5-productList__panelGroup__dispAltButton--limited span:last-of-type {
  display: none;
}
.c5-productList__panelGroup__dispAltButton--limited i::after {
  content: "";
  display: block;
  width: 2px;
  height: 24px;
  background-color: #ed9537;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 1180px) {
  .c5-productList__panelGroup__dispAltButton--limited i::after {
    height: 2.0338983051vw;
  }
}
@media screen and (max-width: 768px) {
  .c5-productList__panelGroup__dispAltButton--limited i::after {
    height: 4.6875vw;
  }
}

@media screen and (max-width: 768px) {
  .c5-M {
    width: 100%;
  }
}

.c5-productItem {
  list-style-type: none;
  border-top: solid 1px #666666;
  padding-top: 30px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1180px) {
  .c5-productItem {
    padding-top: 2.5423728814vw;
    margin-bottom: 3.3898305085vw;
  }
}
.c5-productItem__head {
  /* display: flex; */
  /* flex-wrap: nowrap; */
  /* align-items: center; */
}
.c5-productItem__head__img {
  flex-shrink: 1;
}
.c5-productItem__head__img img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .c5-productItem__head__img {
    width: 64%;
    margin-left: auto;
    margin-right: auto;
  }
}
.c5-productItem__otoku {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  width: 120px;
  height: 120px;
  padding-top: 5px;
  border: solid 1px #cc0000;
  border-radius: 10px;
  flex-shrink: 0;
  font-weight: 700;
}
@media screen and (max-width: 1180px) {
  .c5-productItem__otoku {
    width: 10.1694915254vw;
    height: 10.1694915254vw;
    padding-top: 0.4237288136vw;
  }
}
@media screen and (max-width: 960px) {
  .c5-productItem__otoku {
    width: 120px;
    height: 120px;
    padding-top: 5px;
  }
}
@media screen and (max-width: 768px) {
  .c5-productItem__otoku {
    width: 36%;
    height: auto;
    padding-top: 2.8645833333vw;
    padding-bottom: 2.34375vw;
  }
}
.c5-productItem__otoku span {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c5-productItem__otoku span {
    font-size: 3.125vw;
  }
}
.c5-productItem__otoku span:first-child {
  font-size: 13px;
  margin-bottom: 5px;
}
@media screen and (max-width: 1180px) {
  .c5-productItem__otoku span:first-child {
    font-size: 1.1016949153vw;
    margin-bottom: 0.4237288136vw;
  }
}
@media screen and (max-width: 960px) {
  .c5-productItem__otoku span:first-child {
    font-size: 13px;
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 768px) {
  .c5-productItem__otoku span:first-child {
    font-size: 3.125vw;
  }
}
.c5-productItem__otoku span:nth-child(2) {
  color: #cc0000;
}
@media screen and (max-width: 768px) {
  .c5-productItem__otoku span:nth-child(2) {
    font-size: 5.2083333333vw;
  }
}
.c5-productItem__otoku span strong {
  font-size: 20px;
}
@media screen and (max-width: 1180px) {
  .c5-productItem__otoku span strong {
    font-size: 1.6949152542vw;
  }
}
@media screen and (max-width: 960px) {
  .c5-productItem__otoku span strong {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .c5-productItem__otoku span strong {
    font-size: 5.2083333333vw;
  }
}
.c5-productItem__detail{
  margin-top: 10px;
  margin-bottom: 20px;
}
.c5-productItem.has-campaign .c5-productItem__detail{
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-areas: 
    "price icon"
    "link icon";
  grid-row-gap: 5px;
  grid-column-gap: 10px;
}
.c5-productItem.has-campaign .c5-productItem__detail .c5-productItem__price{
  grid-area: price;
}
.c5-productItem.has-campaign .c5-productItem__detail .c5-bunkatsu__purchaseLinks{
  grid-area: link;
}
.c5-productItem.has-campaign .c5-productItem__detail .c5-productItem__campaign{
  grid-area: icon;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.c5-productItem__productName {
  margin-left: 12px;
  font-size: clamp(24px, calc(16.88888888888889px + 0.9259259259259258vw), 28px);
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 1180px) {
  .c5-productItem__productName {
    margin-left: 1.0169491525vw;
    /*font-size: 1.6949152542vw;*/
  }
}
@media screen and (max-width: 960px) {
  .c5-productItem__productName {
    margin-left: 12px;
    /*font-size: 20px;*/
  }
}
@media screen and (max-width: 768px) {
  .c5-productItem__productName {
    /*font-size: 6.5104166667vw;*/
    margin-left: 3.6458333333vw;
  }
}
.c5-productItem__price {
  margin-left: 12px;
  font-size: 13px;
  line-height: 1;
  margin-bottom: 10px;
}
@media screen and (max-width: 1180px) {
  .c5-productItem__price {
    margin-left: 1.0169491525vw;
    font-size: 1.1016949153vw;
    margin-bottom: 0.8474576271vw;
  }
}
@media screen and (max-width: 960px) {
  .c5-productItem__price {
    margin-left: 12px;
    font-size: 13px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 768px) {
  .c5-productItem__price {
    font-size: 2.6041666667vw;
    margin-top: 2.34375vw;
    margin-left: 3.6458333333vw;
    margin-bottom: 3.2552083333vw;
  }
}
.c5-productItem__price span {
  font-size: 32px;
  font-weight: 700;
  color: #cc0000;
}
@media screen and (max-width: 1180px) {
  .c5-productItem__price span {
    font-size: 1.6949152542vw;
  }
}
@media screen and (max-width: 960px) {
  .c5-productItem__price span {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .c5-productItem__price span {
    font-size: 6.5104166667vw;
  }
}
.c5-productItem__fukidashi {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  color: #ffffff;
  border-radius: 10px;
  box-sizing: border-box;
  background-color: #00b0b8;
  font-size: 14px;
  position: relative;
}
@media screen and (max-width: 1180px) {
  .c5-productItem__fukidashi {
    height: 3.3898305085vw;
    font-size: 1.186440678vw;
  }
}
@media screen and (max-width: 960px) {
  .c5-productItem__fukidashi {
    height: 40px;
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .c5-productItem__fukidashi {
    height: 8.4635416667vw;
    font-size: 3.125vw;
    margin-top: 0.5em;
  }
}
.c5-productItem__fukidashi span {
  font-size: 18px;
  font-weight: 700;
}
@media screen and (max-width: 1180px) {
  .c5-productItem__fukidashi span {
    font-size: 1.5254237288vw;
  }
}
@media screen and (max-width: 960px) {
  .c5-productItem__fukidashi span {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .c5-productItem__fukidashi span {
    font-size: 3.90625vw;
  }
}
.c5-productItem__fukidashi::after {
  content: "";
  width: 14px;
  height: 7px;
  box-sizing: border-box;
  border-style: solid;
  border-width: 7px 7px 0 7px;
  border-color: #00b0b8 transparent transparent transparent;
  position: absolute;
  bottom: -7px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 1180px) {
  .c5-productItem__fukidashi::after {
    width: 1.186440678vw;
    height: 0.593220339vw;
    border-width: 0.593220339vw 0.593220339vw 0 0.593220339vw;
    bottom: -0.593220339vw;
  }
}
@media screen and (max-width: 960px) {
  .c5-productItem__fukidashi::after {
    width: 14px;
    height: 7px;
    border-width: 7px 7px 0 7px;
    bottom: -7px;
  }
}
@media screen and (max-width: 768px) {
  .c5-productItem__fukidashi::after {
    width: 3.125vw;
    height: 1.5625vw;
    border-width: 1.5625vw 1.5625vw 0 1.5625vw;
    bottom: -1.5625vw;
  }
}
.c5-productItem__bunkatsu {
  box-sizing: border-box;
  border: solid 2px #00b0b8;
  border-radius: 10px;
  background-color: #fff8e5;
  display: flex;
  flex-direction: column;
  margin-top: 14px;
  padding: 0;
  font-size: 16px;
}
@media screen and (max-width: 1180px) {
  .c5-productItem__bunkatsu {
    margin-top: 1.186440678vw;
    font-size: 1.186440678vw;
  }
}
@media screen and (max-width: 960px) {
  .c5-productItem__bunkatsu {
    margin-top: 14px;
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .c5-productItem__bunkatsu {
    font-size: 3.125vw;
  }
}
.c5-productItem__bunkatsu__row {
  border-bottom: solid 1px #cccccc;
  list-style-type: none;
}
.c5-productItem__bunkatsu__row:last-of-type {
  border-bottom: none;
}
.c5-productItem__bunkatsu__row dl {
  margin: 0;
}
.c5-productItem__bunkatsu__grid {
  display: grid;
  /*grid-template-columns: 100px 145px auto;*/
  padding: 22px 10px 10px;
}
@media screen and (max-width: 1180px) {
  .c5-productItem__bunkatsu__grid {
    /*grid-template-columns: 8.4745762712vw 13.1355932203vw auto;*/
    padding: 1.8644067797vw 0.6779661017vw 0.8474576271vw;
  }
}
@media screen and (max-width: 960px) {
  .c5-productItem__bunkatsu__grid {
    /*grid-template-columns: 100px 145px auto;*/
    padding: 22px 10px 10px;
  }
}
@media screen and (max-width: 768px) {
  .c5-productItem__bunkatsu__grid {
    /*grid-template-columns: 27% 47% auto;*/
    padding: 3.90625vw 1.953125vw 1.953125vw;
  }
}
.c5-productItem__bunkatsu__kaisu {
  grid-row: 1/2;
  grid-column: 1/2;
  padding-top: 7px;
  align-self: center;
  font-size: 18px;
  text-align: center;
}
@media screen and (max-width: 1180px) {
  .c5-productItem__bunkatsu__kaisu {
    padding-top: 0.593220339vw;
  }
}
@media screen and (max-width: 960px) {
  .c5-productItem__bunkatsu__kaisu {
    padding-top: 7px;
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .c5-productItem__bunkatsu__kaisu {
    font-size: 3.125vw;
  }
}
.c5-productItem__bunkatsu__kaisu span {
  font-size: 24px;
  font-weight: 700;
}
@media screen and (max-width: 1180px) {
  .c5-productItem__bunkatsu__kaisu span {
    font-size: 1.5254237288vw;
  }
}
@media screen and (max-width: 960px) {
  .c5-productItem__bunkatsu__kaisu span {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .c5-productItem__bunkatsu__kaisu span {
    font-size: 4.6875vw;
  }
}
.c5-productItem__bunkatsu__pay {
  grid-row: 1/2;
  grid-column: 2/3;
  margin-left: 0;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c5-productItem__bunkatsu__pay {
    font-size: 3.125vw;
  }
}
.c5-productItem__bunkatsu__pay strong {
  color: #cc0000;
}
.c5-productItem__bunkatsu__pay strong span {
  font-size: 48px;
  font-weight: 700;
}
@media screen and (max-width: 1180px) {
  .c5-productItem__bunkatsu__pay strong span {
    font-size: 1.8644067797vw;
  }
}
@media screen and (max-width: 960px) {
  .c5-productItem__bunkatsu__pay strong span {
    font-size: 24px;
  }
}
@media screen and (max-width: 768px) {
  .c5-productItem__bunkatsu__pay strong span {
    font-size: 5.46875vw;
  }
}
.c5-productItem__bunkatsu__1st {
  grid-row: 2/3;
  grid-column: 2/3;
  font-size: 16px;
  margin-left: 0;
  text-align: center;
}
@media screen and (max-width: 1180px) {
  .c5-productItem__bunkatsu__1st {
    font-size: 0.9322033898vw;
  }
}
@media screen and (max-width: 960px) {
  .c5-productItem__bunkatsu__1st {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .c5-productItem__bunkatsu__1st {
    font-size: 2.34375vw;
  }
}
.c5-productItem__bunkatsu__kinri-0 {
  grid-row: 1/2;
  grid-column: 3/4;
  margin-left: 0;
  align-self: center;
}
.c5-productItem__bunkatsu__kinri-0 img {
  display: block;
  padding-left: 10px;
  margin: 0 auto;
  max-width: 100%;
}
@media screen and (max-width: 1180px) {
  .c5-productItem__bunkatsu__kinri-0 img {
    padding-left: 0.6779661017vw;
  }
}
@media screen and (max-width: 960px) {
  .c5-productItem__bunkatsu__kinri-0 img {
    padding-left: 10px;
  }
}
.c5-productItem__foot {
  margin-top: 15px;
}
@media screen and (max-width: 1180px) {
  .c5-productItem__foot {
    margin-top: 1.2711864407vw;
  }
}
@media screen and (max-width: 960px) {
  .c5-productItem__foot {
    margin-top: 15px;
  }
}
@media screen and (max-width: 768px) {
  .c5-productItem__foot {
    margin-top: 4.1666666667vw;
  }
}
.c5-productItem__foot__h {
  font-weight: 700;
  padding-left: 10px;
  margin-bottom: 9px;
  line-height: 1;
}
@media screen and (max-width: 1180px) {
  .c5-productItem__foot__h {
    padding-left: 0.8474576271vw;
    margin-bottom: 0.7627118644vw;
  }
}
@media screen and (max-width: 960px) {
  .c5-productItem__foot__h {
    padding-left: 10px;
    margin-bottom: 9px;
  }
}
@media screen and (max-width: 768px) {
  .c5-productItem__foot__h {
    font-size: 3.3854166667vw;
    padding-left: 2.6041666667vw;
  }
}
.c5-productItem__foot__case {
  box-sizing: border-box;
  border-top: solid 1px #cccccc;
  font-size: 13px;
  padding: 5px 24px 0;
  margin-left: 0;
  line-height: 1.2;
}
@media screen and (max-width: 1180px) {
  .c5-productItem__foot__case {
    font-size: 1.1016949153vw;
    padding: 0.4237288136vw 2.0338983051vw 0;
  }
}
@media screen and (max-width: 960px) {
  .c5-productItem__foot__case {
    font-size: 13px;
    padding: 5px 24px 0;
  }
}
@media screen and (max-width: 768px) {
  .c5-productItem__foot__case {
    font-size: 2.34375vw;
    padding: 1.3020833333vw 5.2083333333vw 0;
  }
}
.c5-productItem__foot__case dl {
  margin: 5px 0;
}
@media screen and (max-width: 1180px) {
  .c5-productItem__foot__case dl {
    margin: 0.4237288136vw 0;
  }
}
@media screen and (max-width: 960px) {
  .c5-productItem__foot__case dl {
    margin: 5px 0;
  }
}
@media screen and (max-width: 768px) {
  .c5-productItem__foot__case dl {
    font-size: 3.125vw;
  }
}
@media screen and (max-width: 768px) {
  .c5-productItem__foot__case__h {
    font-size: 3.125vw;
    margin-bottom: 1.953125vw;
  }
}
.c5-productItem__foot__case__h::before {
  content: "■";
  color: #00b0b8;
  width: 16px;
}
@media screen and (max-width: 1180px) {
  .c5-productItem__foot__case__h::before {
    width: 1.3559322034vw;
  }
}
@media screen and (max-width: 960px) {
  .c5-productItem__foot__case__h::before {
    width: 16px;
  }
}
@media screen and (max-width: 768px) {
  .c5-productItem__foot__case__h::before {
    width: 3.125vw;
  }
}
.c5-productItem__foot__case__h + dd {
  padding-left: 16px;
  margin-left: 0;
}
@media screen and (max-width: 1180px) {
  .c5-productItem__foot__case__h + dd {
    padding-left: 1.3559322034vw;
  }
}
@media screen and (max-width: 960px) {
  .c5-productItem__foot__case__h + dd {
    padding-left: 16px;
  }
}
@media screen and (max-width: 768px) {
  .c5-productItem__foot__case__h + dd {
    padding-left: 3.125vw;
  }
}
.c5-productItem__foot__case__h + dd dl {
  display: flex;
  justify-content: space-between;
}
.c5-productItem__foot__case__h + dd strong {
  font-size: 16px;
  font-weight: 700;
  color: #cc0000;
}
@media screen and (max-width: 1180px) {
  .c5-productItem__foot__case__h + dd strong {
    font-size: 1.3559322034vw;
  }
}
@media screen and (max-width: 960px) {
  .c5-productItem__foot__case__h + dd strong {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .c5-productItem__foot__case__h + dd strong {
    font-size: 4.6875vw;
  }
}
.c5-productItem__foot__note {
  box-sizing: border-box;
  border-top: solid 1px #cccccc;
  font-size: 13px;
  padding: 5px 0 0;
  margin-left: 0;
  line-height: 1.4;
  color: #666666;
}
@media screen and (max-width: 1180px) {
  .c5-productItem__foot__note {
    font-size: 1.1016949153vw;
    padding: 0.4237288136vw 0 0;
  }
}
@media screen and (max-width: 960px) {
  .c5-productItem__foot__note {
    font-size: 13px;
    padding: 5px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .c5-productItem__foot__note {
    font-size: 2.34375vw;
    padding: 1.3020833333vw 0 0;
  }
}
.c5-productList__panelGroupTxt {
  font-weight: 700;
  text-align: center;
}
.c5-nodisp {
  display: none;
}
.c5-storeButton {
  background-color: #eb884b;
  border: none;
  margin-bottom: 15px;
}
@media screen and (max-width: 1180px) {
  .c5-storeButton {
    margin-bottom: 1.2711864407vw;
  }
}
.c5-fs-20 {
  font-size: clamp(16px, calc(14.181818181818182px + 0.48484848484848486vw), 20px);
}
.c5-fs-22 {
  font-size: clamp(16px, calc(13.272727272727273px + 0.7272727272727273vw), 22px);
}
.c5-fc-gray {
  color: #83838F;
}
.c5-fc-red {
  color: #cc0000;
}
.c5-fc-orange {
  color: #F58E2F;
}
.c5-fc-black {
  color: #2f353d;
}
.c5-fw-bold {
  font-weight: 700;
}
.c5-txt-c {
  text-align: center;
}
.c5-txt-c__sp {
  @media screen and (max-width: 768px) {
    text-align: center !important;
  }
}
.c5-note {
  font-size: 13px;
  color: #83838F;
  @media screen and (max-width: 768px) {
    font-size: 11px;
  }
}
ul.c5-note {
  list-style: none;
  padding: 0;
  margin: 0;
  li:not(:last-child) {
    margin-bottom: 5px;
  }
}
.c5-indent01 {
  text-indent: -0.6em;
  padding-left: 0.6em;
}
.c5-indent02 {
  text-indent: -1em;
  padding-left: 1em;
}
.c5-indent03 {
  text-indent: -1.3em;
  padding-left: 1.3em;
}
.c5-border--black {
  border: 3px solid #949494;
}
.c5-sp {
  display: none;
  @media screen and (max-width: 768px) {
    display: block;
  }
}
.c5-pc {
  @media screen and (max-width: 768px) {
    display: none;
  }
}
