/*! Writen  by SCSS */
.exhibition_area .exhibition_obi {
  padding: clamp(20px, 2.5vw, 30px) 0;
  background: linear-gradient(to right, #009feb 0%, #0060af 100%);
  margin-bottom: clamp(30px, 4.167vw, 50px); }
  .exhibition_area .exhibition_obi .obi_in {
    justify-content: center;
    align-items: center;
    column-gap: 2.5%; }
    @media screen and (max-width: 480px) {
      .exhibition_area .exhibition_obi .obi_in {
        flex-direction: column;
        row-gap: 15px; } }
    .exhibition_area .exhibition_obi .obi_in .exhibition_genre {
      background: #FFF;
      text-align: center;
      font-size: clamp(16px, 2vw, 24px);
      color: #02409a;
      line-height: 1;
      padding: clamp(15px, 3.334vw, 40px) clamp(15px, 1.667vw, 20px); }
      @media screen and (max-width: 480px) {
        .exhibition_area .exhibition_obi .obi_in .exhibition_genre {
          padding: 10px 20px; } }
    .exhibition_area .exhibition_obi .obi_in .exhibition_logo img {
      max-width: 200px; }
    .exhibition_area .exhibition_obi .obi_in .exhibition_name {
      font-size: clamp(24px, 3.834vw, 46px);
      color: #FFF;
      line-height: 1.2; }
      @media screen and (max-width: 480px) {
        .exhibition_area .exhibition_obi .obi_in .exhibition_name {
          font-size: 5.6vw;
          text-align: center; } }
      .exhibition_area .exhibition_obi .obi_in .exhibition_name small {
        display: block;
        font-size: 0.7em; }
.exhibition_area .photo_group {
  flex-direction: column; }
  .exhibition_area .photo_group .exhibition_ttl {
    width: 100%;
    font-size: clamp(20px, 3vw, 36px);
    text-align: center; }
  .exhibition_area .photo_group .photo_in {
    width: 100%; }
    .exhibition_area .photo_group .photo_in:nth-of-type(2) {
      background: rgba(0, 0, 0, 0.05); }
    .exhibition_area .photo_group .photo_in .photo_in_cont {
      width: calc(100% - 40px);
      justify-content: flex-start;
      align-items: stretch;
      column-gap: 5%;
      position: relative;
      padding: clamp(50px, 6.25vw, 100px) 0; }
      @media screen and (max-width: 480px) {
        .exhibition_area .photo_group .photo_in .photo_in_cont {
          padding: 40px 0;
          flex-direction: column;
          row-gap: 20px;
          width: 100%; } }
      .exhibition_area .photo_group .photo_in .photo_in_cont.rev {
        flex-direction: row-reverse;
        margin-left: auto; }
        @media screen and (max-width: 480px) {
          .exhibition_area .photo_group .photo_in .photo_in_cont.rev {
            flex-direction: column;
            padding-top: 0; } }
      .exhibition_area .photo_group .photo_in .photo_in_cont .photo {
        width: 62.5%;
        position: relative;
        height: max-content; }
        @media screen and (max-width: 480px) {
          .exhibition_area .photo_group .photo_in .photo_in_cont .photo {
            width: 100%; } }
        .exhibition_area .photo_group .photo_in .photo_in_cont .photo img {
          width: 100%; }
        .exhibition_area .photo_group .photo_in .photo_in_cont .photo span {
          position: absolute;
          top: 20px;
          left: 20px; }
        .exhibition_area .photo_group .photo_in .photo_in_cont .photo figcaption {
          position: absolute;
          bottom: 0px;
          right: 0px;
          text-align: right;
          font-size: 12px;
          padding: 5px 10px;
          color: #fff;
          background: rgba(0, 0, 0, 0.8); }
          @media screen and (max-width: 480px) {
            .exhibition_area .photo_group .photo_in .photo_in_cont .photo figcaption {
              font-size: 10px; } }
      .exhibition_area .photo_group .photo_in .photo_in_cont .text_group_wrap {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center; }
        @media screen and (max-width: 480px) {
          .exhibition_area .photo_group .photo_in .photo_in_cont .text_group_wrap {
            position: static; } }
        .exhibition_area .photo_group .photo_in .photo_in_cont .text_group_wrap .text_group {
          flex-direction: column;
          row-gap: clamp(20px, 3.125vw, 50px); }
          @media screen and (max-width: 480px) {
            .exhibition_area .photo_group .photo_in .photo_in_cont .text_group_wrap .text_group {
              width: calc(100% - 40px);
              margin: 0 auto;
              row-gap: 15px; } }
          .exhibition_area .photo_group .photo_in .photo_in_cont .text_group_wrap .text_group .photo_ttl {
            font-size: clamp(20px, 2.334vw, 35px);
            color: #0060af;
            line-height: 1.4; }
            .exhibition_area .photo_group .photo_in .photo_in_cont .text_group_wrap .text_group .photo_ttl img {
              filter: invert(100%); }
          @media screen and (max-width: 820px) {
            .exhibition_area .photo_group .photo_in .photo_in_cont .text_group_wrap .text_group .read {
              line-height: 1.8; } }
        .exhibition_area .photo_group .photo_in .photo_in_cont .text_group_wrap .natural {
          position: absolute;
          right: -15%;
          bottom: 0;
          font-size: clamp(40px, 5vw, 80px);
          color: rgba(0, 0, 0, 0.1);
          line-height: 0.7; }
          @media screen and (max-width: 820px) {
            .exhibition_area .photo_group .photo_in .photo_in_cont .text_group_wrap .natural {
              right: -13%; } }
          @media screen and (max-width: 480px) {
            .exhibition_area .photo_group .photo_in .photo_in_cont .text_group_wrap .natural {
              right: 0;
              font-size: 12vw; } }
.exhibition_area .point_group {
  max-width: 1520px;
  margin: 0 auto;
  padding: clamp(50px, 5vw, 80px) 0 clamp(100px, 11.25vw, 180px); }
  @media screen and (max-width: 480px) {
    .exhibition_area .point_group {
      flex-direction: column;
      row-gap: 30px;
      padding: 50px 0 70px; } }
  .exhibition_area .point_group .point_in {
    width: 30.93%; }
    @media screen and (max-width: 480px) {
      .exhibition_area .point_group .point_in {
        width: 100%; } }
    .exhibition_area .point_group .point_in .point_ttl {
      display: flex;
      align-items: baseline;
      column-gap: 20px;
      margin-bottom: 15px; }
      .exhibition_area .point_group .point_in .point_ttl:after {
        content: "";
        width: 100%;
        height: 1px;
        background: #0062b2; }
      .exhibition_area .point_group .point_in .point_ttl .point_txt {
        font-size: clamp(20px, 1.875vw, 30px);
        color: #0062b2;
        flex-shrink: 0; }
        @media screen and (max-width: 480px) {
          .exhibition_area .point_group .point_in .point_ttl .point_txt {
            font-size: 7vw; } }
        .exhibition_area .point_group .point_in .point_ttl .point_txt .italic {
          font-style: italic;
          font-size: 150%; }
    .exhibition_area .point_group .point_in .read {
      margin-top: clamp(15px, 1.875vw, 30px); }
.exhibition_area .photo_gallery_group {
  position: relative;
  background: linear-gradient(to right, #009feb 0%, #0060af 100%);
  padding: clamp(40px, 4.375vw, 70px) 0; }
  .exhibition_area .photo_gallery_group .gallery_ttl {
    position: absolute;
    inset: 0;
    top: auto;
    bottom: calc(100% - 12px);
    width: fit-content;
    margin: 0 auto;
    line-height: 0.8;
    display: flex;
    justify-content: center;
    align-items: center; }
    @media screen and (max-width: 820px) {
      .exhibition_area .photo_gallery_group .gallery_ttl {
        bottom: calc(100% - 8px); } }
    @media screen and (max-width: 480px) {
      .exhibition_area .photo_gallery_group .gallery_ttl {
        bottom: calc(100% - 7px); } }
    .exhibition_area .photo_gallery_group .gallery_ttl .grad {
      font-size: clamp(50px, 6.667vw, 80px);
      background: -webkit-linear-gradient(0deg, #008fdc 0%, #006fbe 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      color: #008fdc; }
      @media screen and (max-width: 480px) {
        .exhibition_area .photo_gallery_group .gallery_ttl .grad {
          font-size: 11vw; } }
  .exhibition_area .photo_gallery_group .slide_outer .slide_box {
    max-width: 1500px;
    width: 100%;
    position: relative; }
    .exhibition_area .photo_gallery_group .slide_outer .slide_box .exhibition_slider {
      max-width: 1300px;
      width: calc(100% - 100px);
      overflow: hidden;
      margin: 0 auto;
      position: relative; }
      @media screen and (max-width: 480px) {
        .exhibition_area .photo_gallery_group .slide_outer .slide_box .exhibition_slider {
          width: calc(100% - 40px); } }
      .exhibition_area .photo_gallery_group .slide_outer .slide_box .exhibition_slider .slide_image {
        position: relative;
        line-height: 0; }
    .exhibition_area .photo_gallery_group .slide_outer .slide_box .slide_nav_wrap {
      position: absolute;
      inset: 0;
      z-index: 2;
      pointer-events: none; }
      .exhibition_area .photo_gallery_group .slide_outer .slide_box .slide_nav_wrap .slide_prev01,
      .exhibition_area .photo_gallery_group .slide_outer .slide_box .slide_nav_wrap .slide_next01 {
        pointer-events: all;
        position: absolute;
        width: 50px;
        line-height: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: opacity 0.3s ease-in-out; }
        @media (hover: hover) {
          .exhibition_area .photo_gallery_group .slide_outer .slide_box .slide_nav_wrap .slide_prev01:hover,
          .exhibition_area .photo_gallery_group .slide_outer .slide_box .slide_nav_wrap .slide_next01:hover {
            opacity: 0.7; } }
        @media screen and (max-width: 820px) {
          .exhibition_area .photo_gallery_group .slide_outer .slide_box .slide_nav_wrap .slide_prev01,
          .exhibition_area .photo_gallery_group .slide_outer .slide_box .slide_nav_wrap .slide_next01 {
            width: 40px; } }
      .exhibition_area .photo_gallery_group .slide_outer .slide_box .slide_nav_wrap .slide_prev01 {
        left: 10px; }
      .exhibition_area .photo_gallery_group .slide_outer .slide_box .slide_nav_wrap .slide_next01 {
        right: 10px; }
.exhibition_area .plan_group {
  padding: clamp(50px, 8.334vw, 100px) 0;
  background: rgba(94, 208, 245, 0.1); }
  .exhibition_area .plan_group .plan_detail {
    background: linear-gradient(to right, #009feb 0%, #0060af 100%);
    max-width: 960px;
    width: 100%;
    padding: 20px clamp(20px, 3.334vw, 40px);
    justify-content: center;
    column-gap: 15px;
    margin: 0 auto clamp(40px, 5.834vw, 70px); }
    @media screen and (max-width: 480px) {
      .exhibition_area .plan_group .plan_detail {
        flex-direction: column;
        align-items: center;
        row-gap: 5px;
        padding: 15px 20px; } }
    .exhibition_area .plan_group .plan_detail .detail_txt {
      font-size: clamp(13px, 1.5vw, 18px);
      color: #FFF; }
      @media screen and (max-width: 480px) {
        .exhibition_area .plan_group .plan_detail .detail_txt {
          font-size: 18px;
          letter-spacing: 0.05em;
          line-height: 1.4; } }
  .exhibition_area .plan_group .draw_img {
    text-align: center; }
.exhibition_area .access_group {
  padding: clamp(50px, 6.25vw, 100px) 0; }
  @media screen and (max-width: 480px) {
    .exhibition_area .access_group {
      padding: 50px 0 0; } }
  .exhibition_area .access_group .access_in {
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
    column-gap: clamp(100px, 11.25vw, 180px); }
    @media screen and (max-width: 480px) {
      .exhibition_area .access_group .access_in {
        flex-direction: column;
        row-gap: 30px; } }
    @media screen and (max-width: 480px) {
      .exhibition_area .access_group .access_in .text_group {
        width: calc(100% - 40px);
        margin: 0 auto; } }
    .exhibition_area .access_group .access_in .text_group .section_ttl {
      margin-bottom: clamp(30px, 3.75vw, 60px); }
    @media screen and (max-width: 480px) {
      .exhibition_area .access_group .access_in .text_group .read {
        text-align: center; } }
    .exhibition_area .access_group .access_in .access_map {
      width: 50%;
      line-height: 0; }
      @media screen and (max-width: 480px) {
        .exhibition_area .access_group .access_in .access_map {
          width: 100%; } }
      .exhibition_area .access_group .access_in .access_map iframe {
        width: 100%;
        aspect-ratio: 2/1; }
        @media screen and (max-width: 480px) {
          .exhibition_area .access_group .access_in .access_map iframe {
            aspect-ratio: 4/3; } }
.exhibition_area .modelhouse_group {
  padding: clamp(40px, 5.834vw, 70px) 0 clamp(30px, 4.167vw, 50px);
  background: #f1f1f1; }
  .exhibition_area .modelhouse_group .section_ttl {
    margin-bottom: clamp(30px, 3.75vw, 60px); }
  .exhibition_area .modelhouse_group .slide_outer .slide_box {
    max-width: 1260px;
    width: 100%;
    position: relative; }
    .exhibition_area .modelhouse_group .slide_outer .slide_box .exhibition_slider02 {
      max-width: 1060px;
      width: calc(100% - 100px);
      overflow: hidden;
      margin: 0 auto;
      position: relative; }
      @media screen and (max-width: 480px) {
        .exhibition_area .modelhouse_group .slide_outer .slide_box .exhibition_slider02 {
          width: calc(100% - 40px); } }
      .exhibition_area .modelhouse_group .slide_outer .slide_box .exhibition_slider02 .swiper-wrapper .swiper-slide a {
        display: flex;
        flex-direction: column;
        row-gap: 15px; }
        .exhibition_area .modelhouse_group .slide_outer .slide_box .exhibition_slider02 .swiper-wrapper .swiper-slide a .slide_image {
          position: relative; }
          .exhibition_area .modelhouse_group .slide_outer .slide_box .exhibition_slider02 .swiper-wrapper .swiper-slide a .slide_image .wappen {
            position: absolute;
            left: 0;
            top: 0;
            font-size: clamp(12px, 1vw, 16px);
            color: #FFF;
            padding: 2px 10px;
            background: #333;
            /*
            &.exhibition{background:#02409a;}
            &.house{background:#00a0e9;}
            &.model{background:#90c31f;}
            */ }
        .exhibition_area .modelhouse_group .slide_outer .slide_box .exhibition_slider02 .swiper-wrapper .swiper-slide a .item_name {
          font-size: clamp(13px, 1.385vw, 18px);
          line-height: 1.5; }
          @media screen and (max-width: 480px) {
            .exhibition_area .modelhouse_group .slide_outer .slide_box .exhibition_slider02 .swiper-wrapper .swiper-slide a .item_name {
              font-size: 14px; } }
          .exhibition_area .modelhouse_group .slide_outer .slide_box .exhibition_slider02 .swiper-wrapper .swiper-slide a .item_name .small {
            display: block;
            font-size: 70%; }
    .exhibition_area .modelhouse_group .slide_outer .slide_box .slide_nav_wrap {
      position: absolute;
      inset: 0;
      z-index: 2;
      pointer-events: none; }
      .exhibition_area .modelhouse_group .slide_outer .slide_box .slide_nav_wrap .slide_prev02,
      .exhibition_area .modelhouse_group .slide_outer .slide_box .slide_nav_wrap .slide_next02 {
        pointer-events: all;
        position: absolute;
        width: 50px;
        line-height: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        margin-top: -35px;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: opacity 0.3s ease-in-out; }
        @media (hover: hover) {
          .exhibition_area .modelhouse_group .slide_outer .slide_box .slide_nav_wrap .slide_prev02:hover,
          .exhibition_area .modelhouse_group .slide_outer .slide_box .slide_nav_wrap .slide_next02:hover {
            opacity: 0.7; } }
        @media screen and (max-width: 820px) {
          .exhibition_area .modelhouse_group .slide_outer .slide_box .slide_nav_wrap .slide_prev02,
          .exhibition_area .modelhouse_group .slide_outer .slide_box .slide_nav_wrap .slide_next02 {
            width: 40px; } }
        @media screen and (max-width: 480px) {
          .exhibition_area .modelhouse_group .slide_outer .slide_box .slide_nav_wrap .slide_prev02,
          .exhibition_area .modelhouse_group .slide_outer .slide_box .slide_nav_wrap .slide_next02 {
            max-width: 30px;
            top: -25px;
            width: 100%; } }
      .exhibition_area .modelhouse_group .slide_outer .slide_box .slide_nav_wrap .slide_prev02 {
        left: 10px; }
        @media screen and (max-width: 480px) {
          .exhibition_area .modelhouse_group .slide_outer .slide_box .slide_nav_wrap .slide_prev02 {
            left: 0; } }
      .exhibition_area .modelhouse_group .slide_outer .slide_box .slide_nav_wrap .slide_next02 {
        right: 10px; }
        @media screen and (max-width: 480px) {
          .exhibition_area .modelhouse_group .slide_outer .slide_box .slide_nav_wrap .slide_next02 {
            right: 0; } }

/*# sourceMappingURL=modelhouse.css.map */