/*! Writen  by SCSS */

  .merit_group {
    background: rgb(254, 254, 254);
    padding: 25px 0; }
  @media screen and (max-width: 820px) {
    .merit_group {
      padding: 12px 0; } }
  @media screen and (max-width: 480px) {
    .merit_group {
      position: static;
      background: #fff;
      padding: 5px 10px 0; } }
    .merit_group .merit_in {
      justify-content: space-between;
      width: 1060px;
      max-width: calc(100% - 80px);
      margin: 0 auto; }
  @media screen and (max-width: 480px) {
    .merit_group .merit_in {
      flex-wrap: wrap;
      align-items: center;
      width: 100%;
      max-width: none; } }
    .merit_group .merit_in .merit_img {
      padding: 0 20px;
      margin:10px 0;
      border-right: 1px solid #000; }
    .merit_group .merit_in .merit_img img.vpc480 {
      height: 50px;
      width: 100%;
      object-fit: contain;
      margin: 0 auto;
      display: block;}
    @media screen and (max-width: 480px) {
      .merit_group .merit_in .merit_img {
        width: 95%;
        padding: 16px 0;
        margin: 0 auto;
        text-align: center;
        border-right: none;
        border-top: none;
        border-bottom: 1px solid #000; } }
    @media screen and (max-width: 480px) {
      .merit_group .merit_in .merit_img:first-child {
        border-top: none; } }
    @media screen and (max-width: 480px) {
      .merit_group .merit_in .merit_img.merit03 {
        padding: 20px 0; } }
      .merit_group .merit_in .merit_img.merit04 {
        /*img{
        	@include mq($br_sp){
        		width: 100%;	
        	}
        }*/ }
    @media screen and (max-width: 480px) {
      .merit_group .merit_in .merit_img.merit04 {
        padding: 20px 0; } }
      .merit_group .merit_in .merit_img.merit05 {
        border: none; }
    @media screen and (max-width: 480px) {
      .merit_group .merit_in .merit_img.merit05 {
        border-bottom: none; } }

.price_group {
  background: linear-gradient(90deg, #443C27 0%, #82775E 100%);
  padding: 6px 0px 4px; }
  @media screen and (max-width: 820px) {
    .price_group {
      padding: auto; } }
  @media screen and (max-width: 480px) {
    .price_group {
      position: static;
      padding: 6px 2px 0; } }
    .price_group .price_in {
      justify-content: center;
      width: calc(100% - 80px);
      margin: 0 auto; }
    @media screen and (max-width: 480px) {
      .price_group .price_in {
        flex-wrap: wrap;
        align-items: center;
        width: calc(100% - 20px);
        flex-direction: column; } }
      .price_group .price_in .price_img,
      .price_group .price_in .price_img img {
        padding: 0;
        width: 100%;
      }
      @media screen and (max-width: 480px) {
      .price_group .price_in .price_img {
        width: 100%;
        padding: 10px 0;
        text-align: center;
        border-right: none; } }
      .price_group .price_in .price_img.price01 {
        margin: 10px auto;
        width: 1030px;
        max-width: 1030px;
      }
      @media screen and (max-width: 480px) {
      .price_group .price_in .price_img.price01 {
        width: 100%;
        margin:0 auto 10px auto;
        border-top: none;} }
      .price_group .price_in .price_img.price02 {
        width: 45%;
        border: none; }
        @media screen and (max-width: 480px) {
      .price_group .price_in .price_img.price02 {
        width: 100%;
        padding: 15px 0;
        text-align: center; } }

.information_area {
  padding: 10px 0 clamp(50px, 7.813vw, 80px);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/bg_infor.jpg"); }
  @media screen and (max-width: 480px) {
  .information_area {
    background-image: url("../images/bg_infor_sp.jpg"); } }
  .information_area .raise_ttl {
    font-size: clamp(34px, 4.883vw, 50px);
    color: #960808;
    letter-spacing: -0.05em;
    text-align: center;
    line-height: 1.5;
    margin-top:40px;
    margin-bottom: clamp(30px, 4.883vw, 50px); }
  .information_area .raise_ttl .raise_ttl_small {
    font-size: 75%;
    color: #000;
    font-weight: inherit;}
  .information_area .raise_ttl {
      line-height: 1.3;}
  .campaign_note_sub {
      display: block;
      margin-top: 6px;
      font-size: 85%;
      line-height: 1.6;}
  .information_area .raise_ttl .raise_ttl_note {
      color: #000;
    }
  .sp_br {
  display: none;
    }

    @media screen and (max-width: 480px) {
      .sp_br {
        display: block;
      }
    }
  @media screen and (max-width: 480px) {
    .information_area .raise_ttl {
      font-size:8vw;
      line-height: 1.45;
      letter-spacing: -0.03em;
      margin-top: 28px;
      margin-bottom: 32px;
      padding: 0 12px;
    }

    .information_area .raise_ttl .raise_ttl_small {
      display: inline-block;
      font-size: 60%;
      margin-bottom: 4px;
      letter-spacing: 0;
    }

    .information_area .raise_ttl .raise_ttl_note {
      font-size: 45%;
      vertical-align: super;
      margin-left: 2px;
      white-space: nowrap;
    }
  }
    .information_area .raise_ttl span.small {
      font-size: 60%; }
    .information_area .raise_ttl span.small02 {
      font-size: 70%; }
    .information_area .raise_ttl span.block {
      display: block; }
  .information_area .infor_in .infor_ttl {
    justify-content: center;
    align-items: center;
    column-gap: 20px;
    margin-bottom: clamp(30px, 4.883vw, 50px); }
    .information_area .infor_in .infor_ttl:before, .information_area .infor_in .infor_ttl:after {
      content: "";
      display: block;
      background: rgba(51, 51, 51, 0.3);
      width: 100%;
      height: 1px; }
    .information_area .infor_in .infor_ttl span {
      font-size: 24px;
      flex-shrink: 0;
      line-height: 1; }
  .information_area .infor_in #p_info {
    position: relative;
    background: #FFF;
    padding: 40px; }
    .information_area .infor_in #p_info .date {
      font-size: 14px; }
      @media screen and (max-width: 480px) {
        .information_area .infor_in #p_info .date {
          font-size: 12px; } }
    .information_area .infor_in #p_info h4 {
    font-size: 24px; }
  @media screen and (max-width: 480px) {
  .information_area .infor_in #p_info h4 {
    font-size: 18px; } }
  /* INFORMATION 記事間の余白 */
  .information_area .infor_in #p_info .item + .item {
    margin-top: 20px;}
  .information_area .infor_bar {
    margin-top: clamp(30px, 3.334vw, 40px);
    flex-wrap: wrap;
    row-gap: clamp(20px, 3.334vw, 40px); }
    @media screen and (max-width: 480px) {
      .information_area .infor_bar {
        margin-top: 40px; } }
    .information_area .infor_bar a {
      display: block;
      width: 31.25%; }
    @media screen and (max-width: 480px) {
      .information_area .infor_bar a {
        width: 100%;
        text-align: center; } }
    .information_area .infor_bar a.full {
      width: 100%; }
    .information_area .infor_bar a.ctype_shadow img {
      display: block !important;
      width: 100% !important;
      box-shadow: 0 12px 30px rgba(0, 0, 0, 0.28) !important;
    }

.concept_area {
  position: relative; }
  .concept_area .view_img_transparent {
    position: absolute;
    inset: 0;
    opacity: 0.3;
    z-index: 0; }
  .concept_area .view_img {
    position: relative;
    z-index: 1;
    clip-path: inset(0% 50% 0% 50%);
    transition: 0.6s clip-path ease-in-out 0s; }
    .concept_area .view_img.p-view {
      clip-path: inset(0% 0% 0% 0%); }
  .concept_area .concept_text_group {
    position: absolute;
    inset: 0;
    bottom: auto;
    top: 5.73%;
    display: flex;
    flex-direction: column;
    text-align: center;
    color: #FFF;
    z-index: 2;
    text-shadow: 0px 0px 0px rgba(18, 51, 100, 0.5), 0px 0px 1px rgba(18, 51, 100, 0.5), 0px 0px 2px rgba(18, 51, 100, 0.5), 0px 0px 3px rgba(18, 51, 100, 0.5), 0px 0px 4px rgba(18, 51, 100, 0.5), 0px 0px 5px rgba(18, 51, 100, 0.5), 0px 0px 6px rgba(18, 51, 100, 0.5), 0px 0px 7px rgba(18, 51, 100, 0.5), 0px 0px 8px rgba(18, 51, 100, 0.5), 0px 0px 9px rgba(18, 51, 100, 0.5), 0px 0px 10px rgba(18, 51, 100, 0.5);
    row-gap: clamp(30px, 3.907vw, 40px); }
    @media screen and (max-width: 820px) {
      .concept_area .concept_text_group {
        top: 6%; } }
    @media screen and (max-width: 480px) {
      .concept_area .concept_text_group {
        row-gap: 20px;
        top: 50px; } }
    .concept_area .concept_text_group .concept_ttl {
      font-size: clamp(34px, 3.375vw, 54px);
      line-height: 1.4; }
      @media screen and (max-width: 480px) {
        .concept_area .concept_text_group .concept_ttl {
          font-size: 6.2vw; } }
    .concept_area .concept_text_group .concept_read {
      font-size: clamp(14px, 1.25vw, 20px);
      line-height: 2; }
      @media screen and (max-width: 820px) {
        .concept_area .concept_text_group .concept_read {
          line-height: 2.2; } }
      @media screen and (max-width: 480px) {
        .concept_area .concept_text_group .concept_read {
          font-size: 2.8vw; } }

.underlayer_group {
  flex-direction: column; }
  .underlayer_group .group_in {
    position: relative;
    overflow: hidden; }
    .underlayer_group .group_in:nth-last-child(1) {
      margin-top: -1px; }
      @media screen and (max-width: 480px) {
        .underlayer_group .group_in:nth-last-child(1) {
          margin-top: 0; } }
    body:not(.mobile) .underlayer_group .group_in.acc_area:hover .text_group .link_more:after {
      transform: skewX(45deg) translateX(10px); }
    @media screen and (max-width: 480px) {
      .underlayer_group .group_in.acc_area .text_group .text_in .page_read.white {
        text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 1px rgba(0, 0, 0, 0.2), 0px 0px 2px rgba(0, 0, 0, 0.2), 0px 0px 3px rgba(0, 0, 0, 0.2), 0px 0px 4px rgba(0, 0, 0, 0.2), 0px 0px 5px rgba(0, 0, 0, 0.2), 0px 0px 6px rgba(0, 0, 0, 0.2), 0px 0px 7px rgba(0, 0, 0, 0.2), 0px 0px 8px rgba(0, 0, 0, 0.2), 0px 0px 9px rgba(0, 0, 0, 0.2), 0px 0px 10px rgba(0, 0, 0, 0.2); } }
    @media screen and (max-width: 480px) {
      .underlayer_group .group_in.acc_area .text_group .link_more {
        margin: 0 0 30px 10px; } }
    .underlayer_group .group_in.loc_area {
      aspect-ratio: 16/6;
      background-image: url("../../top/images/bg_infor.jpg"); }
      @media screen and (max-width: 480px) {
        .underlayer_group .group_in.loc_area {
          aspect-ratio: unset;
          padding-bottom: 80px; }
          .underlayer_group .group_in.loc_area .text_group {
            position: static; }
            .underlayer_group .group_in.loc_area .text_group .link_more {
              position: absolute;
              inset: 0;
              top: auto;
              bottom: 40px;
              margin-bottom: 0; } }
      @media screen and (max-width: 480px) and (max-width: 480px) {
        .underlayer_group .group_in.loc_area .text_group .link_more {
          left: 20px; } }

    .underlayer_group .group_in .under_img img {
      width: 100%; }
    .underlayer_group .group_in .text_group {
      position: absolute;
      inset: 0;
      right: auto;
      padding-left: 10.63%;
      margin: auto;
      display: flex;
      justify-content: center;
      flex-direction: column;
      row-gap: clamp(40px, 5vw, 80px); }
      @media screen and (max-width: 820px) {
        .underlayer_group .group_in .text_group {
          padding-left: 7%; } }
      @media screen and (max-width: 480px) {
        .underlayer_group .group_in .text_group {
          left: 0;
          right: 0;
          justify-content: space-between;
          padding-left: 0;
          width: calc(100% - 40px);
          margin: auto; } }
      .underlayer_group .group_in .text_group .text_in {
        flex-direction: column;
        row-gap: 30px; }
        @media screen and (max-width: 820px) {
          .underlayer_group .group_in .text_group .text_in {
            row-gap: 20px; } }
        @media screen and (max-width: 480px) {
          .underlayer_group .group_in .text_group .text_in {
            row-gap: 15px;
            align-items: center;
            text-align: center;
            margin-top: 12.5%; } }
        .underlayer_group .group_in .text_group .text_in .page_name {
          font-size: clamp(30px, 3.125vw, 50px);
          line-height: 1;
          color: #b79947; }
          @media screen and (max-width: 480px) {
            .underlayer_group .group_in .text_group .text_in .page_name {
              font-size: 40px; } }
        .underlayer_group .group_in .text_group .text_in .page_read {
          font-size: clamp(14px, 1.25vw, 20px);
          line-height: 2.2; }
          @media screen and (max-width: 480px) {
            .underlayer_group .group_in .text_group .text_in .page_read {
              font-size: 14px; } }
          .underlayer_group .group_in .text_group .text_in .page_read.white {
            color: #FFF;
            text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.1), 0px 0px 1px rgba(255, 255, 255, 0.1), 0px 0px 2px rgba(255, 255, 255, 0.1), 0px 0px 3px rgba(255, 255, 255, 0.1), 0px 0px 4px rgba(255, 255, 255, 0.1), 0px 0px 5px rgba(255, 255, 255, 0.1), 0px 0px 6px rgba(255, 255, 255, 0.1), 0px 0px 7px rgba(255, 255, 255, 0.1), 0px 0px 8px rgba(255, 255, 255, 0.1), 0px 0px 9px rgba(255, 255, 255, 0.1), 0px 0px 10px rgba(255, 255, 255, 0.1); }
      .underlayer_group .group_in .text_group .link_more {
        display: block;
        font-size: 16px;
        position: relative;
        width: fit-content; }
        @media screen and (max-width: 480px) {
          .underlayer_group .group_in .text_group .link_more {
            margin: 0 0 30px 10px; } }
        .underlayer_group .group_in .text_group .link_more.white {
          color: #FFF; }
          @media screen and (max-width: 480px) {
            .underlayer_group .group_in .text_group .link_more.white {
              text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.4), 0px 0px 1px rgba(0, 0, 0, 0.4), 0px 0px 2px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4), 0px 0px 4px rgba(0, 0, 0, 0.4), 0px 0px 5px rgba(0, 0, 0, 0.4), 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 7px rgba(0, 0, 0, 0.4), 0px 0px 8px rgba(0, 0, 0, 0.4), 0px 0px 9px rgba(0, 0, 0, 0.4), 0px 0px 10px rgba(0, 0, 0, 0.4); } }
        @media screen and (max-width: 480px) {
          .underlayer_group .group_in .text_group .link_more.sp_white {
            color: #FFF;
            text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.4), 0px 0px 1px rgba(0, 0, 0, 0.4), 0px 0px 2px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4), 0px 0px 4px rgba(0, 0, 0, 0.4), 0px 0px 5px rgba(0, 0, 0, 0.4), 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 7px rgba(0, 0, 0, 0.4), 0px 0px 8px rgba(0, 0, 0, 0.4), 0px 0px 9px rgba(0, 0, 0, 0.4), 0px 0px 10px rgba(0, 0, 0, 0.4); } }
        body:not(.mobile) .underlayer_group .group_in .text_group .link_more:hover:after {
          transform: skewX(45deg) translateX(10px); }
        .underlayer_group .group_in .text_group .link_more:after {
          content: "";
          margin: 0;
          padding: 0;
          border: none;
          border-bottom: solid 1px currentColor;
          border-right: solid 1px currentColor;
          position: absolute;
          top: 100%;
          right: -30px;
          height: 9px;
          width: 40vw;
          transform: skewX(45deg);
          transition: 0.3s all ease-in-out 0s; }
          @media screen and (max-width: 480px) {
            .underlayer_group .group_in .text_group .link_more:after {
              width: 100vw; } }
  .underlayer_group .loop_group {
    position: absolute;
    inset: 0;
    left: auto;
    right: 6.25%;
    width: 39.38%; }
    @media screen and (max-width: 480px) {
      .underlayer_group .loop_group {
        position: relative;
        inset: auto;
        width: 100%; } }
    .underlayer_group .loop_group .loop_bg {
      width: 48.26%;
      position: relative; }
      @media screen and (max-width: 480px) {
        .underlayer_group .loop_group .loop_bg {
          display: none; } }
      .underlayer_group .loop_group .loop_bg .loop_bg_img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        background-size: 100% auto;
        background-repeat: repeat-y; }
        @media screen and (max-width: 480px) {
          .underlayer_group .loop_group .loop_bg .loop_bg_img {
            display: none; } }
        .underlayer_group .loop_group .loop_bg .loop_bg_img.loop_l {
          background-image: url("../images/loop_l.png"); }
        .underlayer_group .loop_group .loop_bg .loop_bg_img.loop_r {
          background-image: url("../images/loop_r.png"); }
    .underlayer_group .loop_group .loop_slider {
      display: none; }
      @media screen and (max-width: 480px) {
        .underlayer_group .loop_group .loop_slider {
          display: block;
          margin-top: 30px; } }
      .underlayer_group .loop_group .loop_slider .swiper-wrapper {
        transition-timing-function: linear; }
        .underlayer_group .loop_group .loop_slider .swiper-wrapper .swiper-slide {
          width: 191px; }


.sp {
  display: block; /* スマホでは表示 */
}
.pc {
  display: none; /* スマホでは非表示 */
}

@media screen and (min-width: 480px) {
  .sp {
    display: none; /* PCでは非表示 */
  }
  .pc {
    display: block; /* PCでは表示 */
  }
}

.img_map {
  margin:80px auto;
}





@media screen and (min-width: 1025px) {
  body {
    overflow-x: auto;
  }

  body .wrap.site_top > header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 5000 !important;
    width: 100vw !important;
    height: 98px !important;
    margin: 0 !important;
  }

  body .wrap.site_top > header,
  body .wrap.site_top > header * {
    box-sizing: border-box;
  }

  body .wrap.site_top > header::before,
  body .wrap.site_top > header::after,
  body .wrap.site_top > header .header::before,
  body .wrap.site_top > header .header::after,
  body .wrap.site_top > header .gnavi_wrap::before,
  body .wrap.site_top > header .gnavi_wrap::after,
  body .wrap.site_top > header .gnavi::before,
  body .wrap.site_top > header .gnavi::after {
    display: none !important;
    content: none !important;
  }

  body .wrap.site_top > header .header {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    width: 100vw !important;
    height: 58px !important;
    margin: 0 !important;
    padding: 0 0 0 14px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }

  body .wrap.site_top > header .logo {
    display: block !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body .wrap.site_top > header .logo img {
    display: block !important;
    width: auto !important;
    height: 44px !important;
  }

  body .wrap.site_top > header .head_right {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: flex-end !important;
    width: auto !important;
    height: 58px !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 6000 !important;
    white-space: nowrap !important;
  }

  body .wrap.site_top > header .head_subnavi {
  order: 1 !important;
  position: static !important;
  display: flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  gap: 16px !important;
  height: 58px !important;
  margin: 0 22px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
  white-space: nowrap !important;
  }

  body .wrap.site_top > header .headnavi {
  order: 2 !important;
  position: static !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: flex-end !important;
  flex: 0 0 auto !important;
  height: 58px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  }

  body .wrap.site_top > header .headnavi > li {
    display: block !important;
    flex: 0 0 190px !important;
    width: 190px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body .wrap.site_top > header .headnavi > li > a.site_btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 190px !important;
    min-width: 190px !important;
    max-width: 190px !important;
    height: 58px !important;
    padding: 0 10px !important;
    margin: 0 !important;
    text-align: center !important;
    line-height: 1.35 !important;
  }

  body .wrap.site_top > header .nav_btn {
    display: none !important;
  }

  body .wrap.site_top > header .gnavi_wrap {
    display: block !important;
    position: relative !important;
    width: 100vw !important;
    height: 50px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    pointer-events: auto !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }

  body .wrap.site_top > header .gnavi {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: clamp(22px, 2.8vw, 52px) !important;
    width: 100vw !important;
    height: 45px !important;
    margin: 0 auto !important;
    padding: 5px 24px 12px !important;
    list-style: none !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }

  body .wrap.site_top > header .gnavi > li {
    display: none !important;
    position: static !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    flex: 0 0 auto !important;
    transform: none !important;
  }

  body .wrap.site_top > header .gnavi > li.nav_mod,
  body .wrap.site_top > header .gnavi > li.nav_app,
  body .wrap.site_top > header .gnavi > li.nav_zeh,
  body .wrap.site_top > header .gnavi > li.nav_equ,
  body .wrap.site_top > header .gnavi > li.nav_stu,
  body .wrap.site_top > header .gnavi > li.nav_sec,
  body .wrap.site_top > header .gnavi > li.nav_bra,
  body .wrap.site_top > header .gnavi > li.nav_out {
    display: block !important;
  }

  body .wrap.site_top > header .gnavi > li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 45px !important;
    color: #000 !important;
    font-size: clamp(11px, 0.8vw, 14px) !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    text-decoration: none !important;
  }

  body .wrap.site_top > header .gnavi .en {
    display: none !important;
  }

  body .wrap.site_top > header .gnavi .jp {
    display: block !important;
  }

  body .wrap.site_top > header .barger_logo_wrap {
    display: none !important;
  }

  body .contents_wrap {
    padding-top: 98px !important;
  }

  body#top .contents_wrap {
    padding-top: 0 !important;
  }

  body .wrap.site_top > header .head_subnavi > li {
  margin: 0 !important;
  padding: 0 !important;
}

body .wrap.site_top > header .head_subnavi a {
  display: flex !important;
  align-items: center !important;
  color: #000 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
}

body .wrap.site_top > header .head_subnavi a::before {
  content: "›";
  margin-right: 5px;
}
}


/* 現在ページのヘッダーナビ色付け */
body#top .wrap.site_top > header .gnavi > li.nav_top > a,
body#access .wrap.site_top > header .gnavi > li.nav_acc > a,
body#location .wrap.site_top > header .gnavi > li.nav_loc > a,
body#plan .wrap.site_top > header .gnavi > li.nav_pla > a,
body#modelroom .wrap.site_top > header .gnavi > li.nav_mod > a,
body#appearance .wrap.site_top > header .gnavi > li.nav_app > a,
body#zeh .wrap.site_top > header .gnavi > li.nav_zeh > a,
body#equipment .wrap.site_top > header .gnavi > li.nav_equ > a,
body#structure .wrap.site_top > header .gnavi > li.nav_stu > a,
body#security .wrap.site_top > header .gnavi > li.nav_sec > a {
  color: #6B4A24 !important;
}

body#top .wrap.site_top > header .gnavi > li.nav_top > a::after,
body#access .wrap.site_top > header .gnavi > li.nav_acc > a::after,
body#location .wrap.site_top > header .gnavi > li.nav_loc > a::after,
body#plan .wrap.site_top > header .gnavi > li.nav_pla > a::after,
body#modelroom .wrap.site_top > header .gnavi > li.nav_mod > a::after,
body#appearance .wrap.site_top > header .gnavi > li.nav_app > a::after,
body#zeh .wrap.site_top > header .gnavi > li.nav_zeh > a::after,
body#equipment .wrap.site_top > header .gnavi > li.nav_equ > a::after,
body#structure .wrap.site_top > header .gnavi > li.nav_stu > a::after,
body#security .wrap.site_top > header .gnavi > li.nav_sec > a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 4px;
  width: 100%;
  height: 1px;
  background: #b79947;
  transform: translateX(-50%);
}

.wrap.site_top > header .gnavi > li > a {
  position: relative;
}



  @media screen and (min-width: 1025px) {
  body .wrap.site_top > header .gnavi {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: clamp(12px, 1.45vw, 26px) !important;
    width: 100vw !important;
    height: 45px !important;
    margin: 0 auto !important;
    padding: 5px 18px 12px !important;
  }

  body .wrap.site_top > header .gnavi > li {
    display: block !important;
    position: static !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    flex: 0 0 auto !important;
    transform: none !important;
  }

  body .wrap.site_top > header .gnavi > li.nav_out {
    display: none !important;
  }

  body .wrap.site_top > header .gnavi > li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 45px !important;
    font-size: clamp(10px, 0.75vw, 13px) !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    position: relative !important;
  }

  body .wrap.site_top > header .gnavi .en {
    display: none !important;
  }

  body .wrap.site_top > header .gnavi .jp {
    display: block !important;
  }
}



@media screen and (max-width: 1024px) {
  html body#top header .head_right,
  html body#top header .head_right ul,
  html body#top header .head_right li,
  html body#top header .head_right a,
  html body#top header .head_right span,
  html body#top header .head_subnavi,
  html body#top header .headnavi {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  html body#top header .header {
    background: #fff !important;
    overflow: hidden !important;
  }
}

/* PC：ナビ文字下の黒背景を伸ばす */
@media screen and (min-width: 1025px) {
  body .wrap.site_top > header {
    height: 101px !important;
  }

  body .contents_wrap {
    padding-top:101px !important;
  }

  body#top .contents_wrap {
    padding-top: 0 !important;
  }
}


/* 設備バナー4枚のみ横並び */
.information_area .infor_bar .equipment_bnr4 {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
	width: 100%;
}

.information_area .infor_bar .equipment_bnr4 a {
	display: block;
	width: 100% !important;
}

.information_area .infor_bar .equipment_bnr4 img {
	display: block;
	width: 100%;
	height: auto;
}

/* =========================================================
   スマホ：設備バナー4枚を2列×2段で大きく表示
   ========================================================= */
@media screen and (max-width: 480px) {

  /* ご契約者様の声〜設備バナー部分の左右余白 */
  .information_area .inner.inner1024 {
    width: calc(100% - 32px);
    margin-left: auto;
    margin-right: auto;
  }

  /* ご契約者様の声バナーは横幅いっぱい */
  .information_area .infor_bar > a.full {
    width: 100% !important;
  }

  .information_area .infor_bar > a.full img {
    display: block;
    width: 100%;
    height: auto;
  }

  /* 4枚を1列4枚ではなく、2列×2段にする */
  .information_area .infor_bar .equipment_bnr4 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    width: 100%;
    margin-top: 22px;
  }

  .information_area .infor_bar .equipment_bnr4 a {
    display: block;
    width: 100% !important;
    margin: 0;
    padding: 0;
  }

  .information_area .infor_bar .equipment_bnr4 img {
    display: block;
    width: 100%;
    height: auto;
  }

  /* Accessとの間に少し余裕を持たせる */
  .information_area {
    padding-bottom: 48px;
  }
}