/*! Writen  by SCSS */
.contents_wrap {
  display: flex;
  align-items: flex-start; }
  @media screen and (max-width: 768px) {
    .contents_wrap {
      flex-direction: column; } }

.read {
  font-size: clamp(12px, 1.29vw, 16px); }
  @media screen and (max-width: 768px) {
    .read {
      font-size: clamp(12px, 2.08vw, 16px); } }
  @media screen and (max-width: 480px) {
    .read {
      font-size: 14px; } }

.content_left {
  position: sticky;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%; }
  @media screen and (max-width: 768px) {
    .content_left {
      position: relative;
      width: 100%; } }
  .content_left .content_main_image {
    height: 100lvh;
    opacity: 0;
    filter: blur(55px) saturate(0%) contrast(0%) brightness(500%);
    transition: opacity 1s cubic-bezier(0.5, 1, 0.89, 1), filter 1s cubic-bezier(0.5, 1, 0.89, 1); }
    .loaded .content_left .content_main_image {
      opacity: 1;
      filter: blur(0) saturate(100%) contrast(100%) brightness(100%); }
    .content_left .content_main_image img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center; }
  .content_left .main_logo_box {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.6s cubic-bezier(0.5, 1, 0.89, 1) 0.8s; }
    .loaded .content_left .main_logo_box {
      opacity: 1; }
    .content_left .main_logo_box .main_logo {
      width: 42.5%;
      fill: #fff; }
      @media screen and (max-width: 480px) {
        .content_left .main_logo_box .main_logo {
          width: 80%; } }

.content_right {
  width: 50%; }
  @media screen and (max-width: 768px) {
    .content_right {
      width: 100%; } }

.sec_lead {
  position: relative;
  width: 100%;
  height: 100lvh;
  background: url("../images/top/bg_sky.jpg") top center/cover no-repeat; }
  .sec_lead .inner {
    height: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
  .sec_lead .lead_wrap {
    font-size: clamp(12px, 1.61vw, 20px);
    line-height: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    @media screen and (max-width: 768px) {
      .sec_lead .lead_wrap {
        font-size: clamp(14px, 2.6vw, 20px); } }
    @media screen and (max-width: 480px) {
      .sec_lead .lead_wrap {
        font-size: 16px; } }
    .sec_lead .lead_wrap .lead_bottom {
      font-size: 1.6em;
      line-height: 2.5;
      letter-spacing: 0.1em; }
    .sec_lead .lead_wrap .lead_logo_box {
      width: 11.35em;
      margin-top: clamp(30px, 7.15%, 50px);
      line-height: 0; }
  .sec_lead .icon_scroll {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    height: 10lvh;
    width: 1px;
    bottom: 6.25lvh; }
    .sec_lead .icon_scroll::before {
      position: relative;
      content: "";
      display: block;
      width: 1px;
      background: currentColor;
      margin-left: auto;
      margin-right: auto;
      animation: pathmove 1.4s cubic-bezier(0.5, 1, 0.89, 1) infinite; }
    .sec_lead .icon_scroll .text {
      font-size: clamp(12px, 1.29vw, 16px);
      display: block;
      position: absolute;
      line-height: 1;
      writing-mode: vertical-rl;
      top: 0;
      left: calc(10% + 0.5em); }
      @media screen and (max-width: 768px) {
        .sec_lead .icon_scroll .text {
          font-size: clamp(12px, 2.08vw, 16px); } }
      @media screen and (max-width: 480px) {
        .sec_lead .icon_scroll .text {
          font-size: 14px; } }

@keyframes pathmove {
  0% {
    height: 0;
    top: 0;
    opacity: 0; }
  30% {
    height: 10lvh;
    opacity: 1; }
  100% {
    height: 0;
    top: 10lvh;
    opacity: 0; } }
.sec_information .info_main_image {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  position: relative; }
  .sec_information .info_main_image .info_main_text_box {
    position: absolute;
    z-index: 2;
    max-width: 517px;
    width: 73.86%;
    left: 0;
    right: 0;
    bottom: 3.85%;
    margin-left: auto;
    margin-right: auto; }
    .sec_information .info_main_image .info_main_text_box .main_text_en {
      line-height: 1; }
    .sec_information .info_main_image .info_main_text_box .main_text_jp {
      text-align: right;
      position: absolute;
      color: #fff;
      line-height: 1;
      font-size: clamp(12px, 1.61vw, 20px);
      right: 0;
      letter-spacing: 0.1em;
      bottom: 1em; }
      @media screen and (max-width: 768px) {
        .sec_information .info_main_image .info_main_text_box .main_text_jp {
          font-size: clamp(14px, 2.6vw, 20px); } }
      @media screen and (max-width: 480px) {
        .sec_information .info_main_image .info_main_text_box .main_text_jp {
          font-size: 16px;
          bottom: 0.6em; } }

.information_list {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  padding-top: clamp(60px, 14.29%, 100px);
  padding-bottom: clamp(60px, 14.29%, 100px);
  letter-spacing: 0.1em; }
  .information_list .item + .item {
    padding-top: clamp(25px, 8%, 40px);
    margin-top: clamp(25px, 8%, 40px);
    border-top: 1px solid; }
    @media screen and (max-width: 480px) {
      .information_list .item + .item {
        padding-top: 20px;
        margin-top: 20px; } }
  .information_list .item .en {
    line-height: 1;
    margin-bottom: 2em; }
    @media screen and (max-width: 480px) {
      .information_list .item .en {
        margin-bottom: 1em; } }
  .information_list .item dd {
    line-height: 1.88; }

.sec_access {
  background: #fff2db;
  padding-top: clamp(40px, 8.58%, 60px);
  padding-bottom: clamp(40px, 10%, 70px); }
  .sec_access .access_head {
    max-width: 286px;
    width: 40.86%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: clamp(14px, 1.61vw, 20px);
    gap: 1em 0;
    line-height: 1;
    margin-bottom: 1.5em; }
    @media screen and (max-width: 768px) {
      .sec_access .access_head {
        font-size: clamp(14px, 2.6vw, 20px); } }
    @media screen and (max-width: 480px) {
      .sec_access .access_head {
        font-size: 16px; } }
    @media screen and (max-width: 480px) {
      .sec_access .access_head {
        width: 65%; } }
  .sec_access .map_box {
    aspect-ratio: 7 / 6; }
    .sec_access .map_box iframe {
      display: block;
      width: 100%;
      height: 100%;
      line-height: 0; }
  .sec_access .address_text {
    margin-top: clamp(25px, 5.72%, 40px); }

.sec_gallery {
  padding-top: clamp(40px, 8.58%, 60px);
  padding-bottom: clamp(80px, 17.15%, 120px); }
  .sec_gallery .gallery_head {
    max-width: 317px;
    width: 45.29%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: center;
    font-size: clamp(14px, 1.61vw, 20px);
    margin-bottom: clamp(50px, 11.43%, 80px); }
    @media screen and (max-width: 768px) {
      .sec_gallery .gallery_head {
        font-size: clamp(14px, 2.6vw, 20px); } }
    @media screen and (max-width: 480px) {
      .sec_gallery .gallery_head {
        width: 72.05%;
        font-size: 16px; } }
    .sec_gallery .gallery_head .head_jp {
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 1em;
      line-height: 1; }
      @media screen and (max-width: 480px) {
        .sec_gallery .gallery_head .head_jp {
          bottom: 0.3em; } }
  .sec_gallery .gallery_image_01 {
    margin-bottom: clamp(40px, 10%, 70px); }
    @media screen and (max-width: 480px) {
      .sec_gallery .gallery_image_01 {
        margin-bottom: 25px; } }
    .sec_gallery .gallery_image_01 video {
      width: 100%; }
  .sec_gallery .gallery_image_wrap {
    align-items: flex-start; }
    @media screen and (max-width: 480px) {
      .sec_gallery .gallery_image_wrap {
        flex-direction: column;
        gap: 25px 0; } }
    .sec_gallery .gallery_image_wrap .gallery_image_02 {
      max-width: 360px;
      width: 51.43%; }
      @media screen and (max-width: 480px) {
        .sec_gallery .gallery_image_wrap .gallery_image_02 {
          width: 81.82%; } }
    .sec_gallery .gallery_image_wrap .gallery_image_03 {
      max-width: 260px;
      width: 37.15%;
      margin-top: 11.43%; }
      @media screen and (max-width: 480px) {
        .sec_gallery .gallery_image_wrap .gallery_image_03 {
          margin-top: 0; } }
      @media screen and (max-width: 480px) {
        .sec_gallery .gallery_image_wrap .gallery_image_03 {
          width: 59.1%;
          margin-left: auto; } }
    .sec_gallery .gallery_image_wrap .gallery_image_04 {
      max-width: 200px;
      width: 28.58%;
      margin-left: 12.86%; }
      @media screen and (max-width: 480px) {
        .sec_gallery .gallery_image_wrap .gallery_image_04 {
          width: 45.46%; } }

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