/* CSS Document */
/* Scss Document */
/* Scss Document */
#main__title .main__title-outer {
  background-image: url(/image/feature/main_image_sp.png?111601);
  margin-bottom: 0; }

.common__title {
  margin-bottom: 40px; }
  .common__title .common__title-main {
    font-size: clamp(1.8rem, 4.8vw, 3.6rem);
    font-family: "Yu Mincho Pr6N M"; }

#benefits .benefits__wrap {
  padding: 9%;
  font-family: "Yu Mincho Pr6N M";
  border: 1px solid #291E1E; }
  #benefits .benefits__wrap .benefits__leadbox {
    margin-bottom: clamp(18px, 4.8vw, 30px);
    text-align: center; }
    #benefits .benefits__wrap .benefits__leadbox .benefits__leadbox-l {
      font-size: clamp(1.6rem, 4.2vw, 3.2rem); }
    #benefits .benefits__wrap .benefits__leadbox .benefits__leadbox-m {
      font-size: clamp(1.3rem, 3.4vw, 2.6rem); }
  #benefits .benefits__wrap .benefits__time {
    margin-bottom: clamp(30px, 8vw, 60px);
    padding: 15px 0;
    border-top: 3px double #291E1E;
    border-bottom: 3px double #291E1E; }
    #benefits .benefits__wrap .benefits__time .benefits__time-txt {
      font-size: clamp(1.3rem, 3.4vw, 2.6rem); }

#renewal .renewal__wrap {
  margin-bottom: clamp(21px, 7.2vw, 45px);
  text-align: center;
  background: #ffffff;
  padding: 15px 0 20px 0; }
  #renewal .renewal__wrap .renewal__text-black {
    font-size: clamp(1.6rem, 4vw, 3.2rem);
    font-family: "Yu Mincho Pr6N M"; }
  #renewal .renewal__wrap .renewal__text-gold {
    font-size: clamp(2rem, 6vw, 4rem);
    font-family: "Yu Mincho Pr6N M";
    color: #9C8B4F; }

#concept {
  margin-bottom: 60px; }
  #concept .concept__wrap {
    display: grid;
    grid-template-columns: 100%;
    font-size: 0; }
    #concept .concept__wrap .concept__wrap-col {
      position: relative;
      padding-top: 66%; }
      #concept .concept__wrap .concept__wrap-col:nth-child(1) {
        background: url("/image/feature/img_concept_01.png") top left/cover no-repeat; }
      #concept .concept__wrap .concept__wrap-col:nth-child(2) {
        background: url("/image/feature/img_concept_02.png") top left/cover no-repeat; }
      #concept .concept__wrap .concept__wrap-col:nth-child(3) {
        background: url("/image/feature/img_concept_03.png?111401") top left/cover no-repeat; }
        #concept .concept__wrap .concept__wrap-col:nth-child(3):before {
          background: rgba(0, 0, 0, 0.45); }
      #concept .concept__wrap .concept__wrap-col:before {
        position: absolute;
        top: 0;
        left: 0;
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.3); }
      #concept .concept__wrap .concept__wrap-col .concept__wrap-item {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        transform: translateY(-50%);
        text-align: center;
        color: #fff;
        font-family: "Yu Mincho Pr6N M"; }
        #concept .concept__wrap .concept__wrap-col .concept__wrap-item h3 {
          font-size: clamp(2rem, 5.2vw, 4rem);
          line-height: 200%; }
        #concept .concept__wrap .concept__wrap-col .concept__wrap-item p {
          font-size: clamp(1.3rem, 3.4vw, 2.6rem);
          line-height: 240%; }

#program .program__wrap + .program__wrap {
  margin-top: clamp(40px, 10.6vw, 60px); }
#program .program__wrap .proguram__ttl-sub {
  margin-bottom: 20px;
  text-align: center;
  font-family: "Yu Mincho Pr6N M";
  font-size: clamp(1.6rem, 4.2vw, 3.2rem);
  border-bottom: 1px solid #2D1818; }
#program .program__box {
  display: grid;
  grid-template-columns: 100%; }
  #program .program__box .program__box-item + .program__box-item {
    margin-top: clamp(40px, 10.6vw, 60px); }
  #program .program__box .program__box-item .ttl {
    margin-bottom: 5px;
    text-align: center;
    font-family: "Yu Mincho Pr6N M";
    font-size: clamp(1.4rem, 3.7vw, 2.8rem); }
  #program .program__box .program__box-item .img {
    margin-bottom: 5px; }
  #program .program__box .program__box-item .txt {
    font-size: clamp(1.2rem, 3.2vw, 2rem); }

#equipment .common__wrapper:first-child {
  margin-bottom: 0; }
#equipment .common__wrapper .equipment__wrap {
  overflow: hidden;
  background: #311717;
  font-family: "Yu Mincho Pr6N M"; }
  #equipment .common__wrapper .equipment__wrap .equipment__border {
    margin: clamp(5px, 1.32vw, 10px);
    padding: clamp(32px, 8.4vw, 64px) clamp(16px, 4.2vw, 32px);
    border: 1px solid #9C8B4F; }
  #equipment .common__wrapper .equipment__wrap .common__title {
    margin-bottom: 25px; }
  #equipment .common__wrapper .equipment__wrap .common__title-main {
    color: #9C8B4F;
    font-size: clamp(1.6rem, 4.2vw, 3.2rem); }
  #equipment .common__wrapper .equipment__wrap .lead__box {
    color: #fff;
    font-size: clamp(1.2rem, 3.2vw, 2rem); }
  #equipment .common__wrapper .equipment__wrap:not(.bottom) .equipment__border {
    margin-bottom: 0;
    border-bottom: none; }
  #equipment .common__wrapper .equipment__wrap.bottom {
    margin-bottom: 40px; }
    #equipment .common__wrapper .equipment__wrap.bottom .equipment__border {
      margin-top: 0;
      padding-top: 0;
      border-top: none; }
#equipment .slider .slick-track {
  display: flex; }
#equipment .slider .slick-slide {
  position: relative;
  height: auto; }
  #equipment .slider .slick-slide:before {
    content: '';
    display: block;
    padding-top: 66%; }
  #equipment .slider .slick-slide img {
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
#equipment .btn {
  text-align: center; }
  #equipment .btn a {
    display: block;
    padding: 15px 0 15px;
    position: relative;
    background-color: #311717;
    color: #FFF;
    width: 80%;
    margin: 0 auto; }
    #equipment .btn a i {
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translateY(-50%);
      margin: 0; }

@media screen and (min-width: 821px) {
  #main__title .main__title-outer {
    margin-bottom: clamp(30px, 3.90625vw, 75px);
    background-image: url(/image/feature/main_image_pc.png?111601); }

  .common__wrapper {
    width: 78%; }

  #concept__menu_section .common__wrapper {
    width: 92%; }

  .common__title {
    margin-bottom: clamp(32px, 4.1666666667vw, 80px); }
    .common__title .common__title-main {
      font-size: clamp(1.4rem, 1.875vw, 3.6rem); }

  #benefits .common__wrapper {
    margin-bottom: clamp(44px, 5.7291666667vw, 110px); }
  #benefits .benefits__wrap {
    padding: 36px;
    margin-bottom: clamp(44px, 0.05vw, 110px); }
    #benefits .benefits__wrap .benefits__leadbox .benefits__leadbox-l {
      font-size: clamp(1.6rem, 1.1979166667vw, 2.3rem); }
    #benefits .benefits__wrap .benefits__leadbox .benefits__leadbox-m {
      font-size: clamp(1.4rem, 0.9375vw, 1.8rem); }
    #benefits .benefits__wrap .benefits__time {
      max-width: 420px;
      margin: 0 auto clamp(20px, 2.6041666667vw, 50px);
      padding: 15px 0; }
      #benefits .benefits__wrap .benefits__time .benefits__time-txt {
        text-align: center;
        font-size: 1.6rem; }

  #renewal .renewal__wrap {
    margin-bottom: clamp(32px, 4.1666666667vw, 80px);
    text-align: center; }
    #renewal .renewal__wrap .renewal__text-black {
      font-size: clamp(1.8rem, 2.3958333333vw, 4.2rem); }
    #renewal .renewal__wrap .renewal__text-gold {
      font-size: clamp(2.2rem, 2.9166666667vw, 5.2rem); }

  #concept {
    margin-bottom: clamp(48px, 6.25vw, 120px); }
    #concept .concept__wrap {
      grid-template-columns: 33% 34% 33%; }
      #concept .concept__wrap .concept__wrap-col {
        padding-top: 100%; }
        #concept .concept__wrap .concept__wrap-col .concept__wrap-item h3 {
          font-size: clamp(2rem, 1.7708333333vw, 3.4rem); }
        #concept .concept__wrap .concept__wrap-col .concept__wrap-item p {
          font-size: clamp(1.3rem, 0.9375vw, 1.8rem); }

  #program .common__wrapper {
    margin-bottom: clamp(64px, 8.8541666667vw, 170px); }
  #program .program__wrap + .program__wrap {
    margin-top: clamp(4rem, 10.6vw, 6rem); }
  #program .program__wrap .proguram__ttl-sub {
    margin-bottom: clamp(16px, 2.0833333333vw, 40px);
    padding-bottom: 3px;
    font-size: clamp(1.6rem, 1.4583333333vw, 2.8rem);
    text-align: left; }
  #program .program__box {
    justify-content: space-between;
    grid-template-columns: repeat(3, calc(95% / 3)); }
    #program .program__box .program__box-item + .program__box-item {
      margin-top: 0; }
    #program .program__box .program__box-item .ttl {
      margin-bottom: 15px;
      font-size: clamp(1.3rem, 1.1458333333vw, 2rem); }
    #program .program__box .program__box-item .img {
      margin-bottom: 5px; }
    #program .program__box .program__box-item .txt {
      font-size: clamp(1.3rem, 0.8333333333vw, 1.6rem); }

  #equipment .common__wrapper .equipment__wrap .equipment__border {
    margin: 5px;
    padding: clamp(40px, 5.2083333333vw, 100px) 0 clamp(32px, 4.1666666667vw, 80px); }
  #equipment .common__wrapper .equipment__wrap .common__title {
    margin-bottom: clamp(24px, 3.0208333333vw, 58px); }
  #equipment .common__wrapper .equipment__wrap .common__title-main {
    font-size: clamp(1.8rem, 2.0833333333vw, 4rem); }
  #equipment .common__wrapper .equipment__wrap .lead__box {
    line-height: 2;
    text-align: center;
    font-size: clamp(1.3rem, 0.9375vw, 1.8rem); }
  #equipment .btn a {
    max-width: 300px;
    height: 80px;
    line-height: 80px;
    padding: 0; } }
@media screen and (min-width: 981px) {
  #equipment .btn a {
    max-width: 400px;
    height: 100px;
    line-height: 100px; } }