<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/*! Writen  by SCSS */
.float_bnner {
  position: fixed;
  top: 150px;
  right: 20px;
  z-index: 20; }
  @media screen and (max-width: 1200px) {
    .float_bnner {
      max-width: 180px; } }
  @media screen and (max-width: 768px) {
    .float_bnner {
      width: 150px;
      top: auto;
      right: 10px;
      bottom: 60px; } }
  @media screen and (max-width: 480px) {
    .float_bnner {
      width: 140px; } }
  .float_bnner a {
    transition: opacity 0.3s ease-in-out; }
    @media (hover: hover) {
      .float_bnner a:hover {
        opacity: 0.7; } }
  .float_bnner .close_btn {
    cursor: pointer;
    position: absolute;
    top: -15px;
    left: 0;
    width: 15px;
    height: 15px;
    background: #000;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3; }

.cap_bg {
  background: rgba(51, 51, 51, 0.7); }

.main_img {
  position: relative;
  background-image: url("../images/top/main.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%; }
  @media screen and (max-width: 480px) {
    .main_img {
      padding-top: 167.64%; } }
  .main_img .main_txt {
    position: absolute;
    inset: 0;
    margin: auto;
    width: calc(801%/16);
    display: flex;
    justify-content: center;
    align-items: center; }
    @media screen and (max-width: 480px) {
      .main_img .main_txt {
        width: 95%;
        bottom: auto;
        top: 20vw; } }

.sec_merit .merit_list {
  display: grid;
  grid-template-columns: repeat(3, 1fr); }
  @media screen and (max-width: 768px) {
    .sec_merit .merit_list {
      gap: 1px;
      grid-template-columns: repeat(3, 1fr); } }
  @media screen and (max-width: 480px) {
    .sec_merit .merit_list {
      grid-template-columns: repeat(2, 1fr); } }
  .sec_merit .merit_list .item {
    aspect-ratio: 533 / 268; }
    @media screen and (max-width: 480px) {
      .sec_merit .merit_list .item {
        gap: 6px 0; } }
    .sec_merit .merit_list .item a {
      aspect-ratio: 533 / 268;
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
      background: linear-gradient(-135deg, #ad9a90 0%, #ebe3e3 100%);
      gap: clamp(10px, 1.25vw, 20px) 0;
      color: #fff;
      position: relative;
      z-index: 1;
      transition: opacity 0.3s ease-in-out; }
      @media (hover: hover) {
        .sec_merit .merit_list .item a:hover {
          opacity: 0.7; } }
      .sec_merit .merit_list .item a::before {
        content: "";
        display: block;
        z-index: -1;
        position: absolute;
        inset: 0;
        background-position: right center;
        background-repeat: no-repeat;
        background-size: cover; }
      .sec_merit .merit_list .item a .item_head {
        font-size: 1.57vw;
        line-height: 1.4;
        font-weight: 600;
        letter-spacing: 0.2em; }
        @media screen and (max-width: 768px) {
          .sec_merit .merit_list .item a .item_head {
            font-size: clamp(16px, 2.86vw, 22px); } }
      .sec_merit .merit_list .item a .item_text {
        font-size: 1.07vw;
        line-height: 1.48;
        letter-spacing: 0.1em; }
        @media screen and (max-width: 768px) {
          .sec_merit .merit_list .item a .item_text {
            font-size: clamp(13px, 2.08vw, 16px); } }
        @media screen and (max-width: 480px) {
          .sec_merit .merit_list .item a .item_text {
            letter-spacing: 0.05em; } }
        .sec_merit .merit_list .item a .item_text sup {
          font-size: 10px; }
    .sec_merit .merit_list .item:nth-child(1) a::before {
      background-image: url("../images/top/obi_bg01.jpg"); }
    .sec_merit .merit_list .item:nth-child(2) a::before {
      background-image: url("../images/top/obi_bg02.jpg"); }
    .sec_merit .merit_list .item:nth-child(3) a::before {
      background-image: url("../images/top/obi_bg03.jpg"); }
    .sec_merit .merit_list .item:nth-child(4) a::before {
      background-image: url("../images/top/obi_bg04.jpg"); }
    .sec_merit .merit_list .item:nth-child(5) a::before {
      background-image: url("../images/top/obi_bg05.jpg"); }
    .sec_merit .merit_list .item:nth-child(6) a::before {
      background-image: url("../images/top/obi_bg06.jpg"); }

.sec_concept {
  padding-top: clamp(60px, 7.82%, 100px);
  padding-bottom: clamp(60px, 7.82%, 100px); }
  .sec_concept .concept_lead_image_box {
    margin-bottom: clamp(50px, 6.25%, 80px);
    position: relative; }
    .sec_concept .concept_lead_image_box .lead_text_wrap {
      position: absolute;
      z-index: 2;
      left: 4.69%;
      top: 8.34%;
      color: #555; }
      @media screen and (max-width: 480px) {
        .sec_concept .concept_lead_image_box .lead_text_wrap {
          position: relative;
          margin-bottom: 20px;
          top: 0;
          left: 0; } }
      .sec_concept .concept_lead_image_box .lead_text_wrap .lead {
        font-size: clamp(16px, 1.81vw, 24px);
        line-height: 1;
        margin-bottom: 1em;
        letter-spacing: 0.2em; }
        @media screen and (max-width: 480px) {
          .sec_concept .concept_lead_image_box .lead_text_wrap .lead {
            text-shadow: none;
            font-size: 18px; } }
      .sec_concept .concept_lead_image_box .lead_text_wrap .concept_head {
        font-size: clamp(32px, 5.45vw, 72px);
        line-height: 1;
        margin-bottom: 0.83em;
        display: flex;
        align-items: baseline;
        justify-content: center; }
        @media screen and (max-width: 480px) {
          .sec_concept .concept_lead_image_box .lead_text_wrap .concept_head {
            text-shadow: none;
            font-size: 42px; } }
        .sec_concept .concept_lead_image_box .lead_text_wrap .concept_head .animation_text {
          filter: blur(10px);
          transform: scale(1.02);
          opacity: 0;
          transition-property: filter,transform,opacity;
          transition-duration: 0.8s;
          transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1); }
          .sec_concept .concept_lead_image_box .lead_text_wrap .concept_head .animation_text:nth-child(2), .sec_concept .concept_lead_image_box .lead_text_wrap .concept_head .animation_text:nth-child(5), .sec_concept .concept_lead_image_box .lead_text_wrap .concept_head .animation_text:nth-child(7) {
            margin-right: 0.25em; }
          .sec_concept .concept_lead_image_box .lead_text_wrap .concept_head .animation_text:nth-of-type(1) {
            transition-delay: 0.1s; }
          .sec_concept .concept_lead_image_box .lead_text_wrap .concept_head .animation_text:nth-of-type(2) {
            transition-delay: 0.2s; }
          .sec_concept .concept_lead_image_box .lead_text_wrap .concept_head .animation_text:nth-of-type(3) {
            transition-delay: 0.3s; }
          .sec_concept .concept_lead_image_box .lead_text_wrap .concept_head .animation_text:nth-of-type(4) {
            transition-delay: 0.4s; }
          .sec_concept .concept_lead_image_box .lead_text_wrap .concept_head .animation_text:nth-of-type(5) {
            transition-delay: 0.5s; }
          .sec_concept .concept_lead_image_box .lead_text_wrap .concept_head .animation_text:nth-of-type(6) {
            transition-delay: 0.6s; }
          .sec_concept .concept_lead_image_box .lead_text_wrap .concept_head .animation_text:nth-of-type(7) {
            transition-delay: 0.7s; }
          .sec_concept .concept_lead_image_box .lead_text_wrap .concept_head .animation_text:nth-of-type(8) {
            transition-delay: 0.8s; }
          .sec_concept .concept_lead_image_box .lead_text_wrap .concept_head .animation_text:nth-of-type(9) {
            transition-delay: 0.9s; }
          .sec_concept .concept_lead_image_box .lead_text_wrap .concept_head .animation_text:nth-of-type(10) {
            transition-delay: 1s; }
          .sec_concept .concept_lead_image_box .lead_text_wrap .concept_head .animation_text:nth-of-type(11) {
            transition-delay: 1.1s; }
          .sec_concept .concept_lead_image_box .lead_text_wrap .concept_head .animation_text:nth-of-type(12) {
            transition-delay: 1.2s; }
          .sec_concept .concept_lead_image_box .lead_text_wrap .concept_head .animation_text:nth-of-type(13) {
            transition-delay: 1.3s; }
          .sec_concept .concept_lead_image_box .lead_text_wrap .concept_head .animation_text:nth-of-type(14) {
            transition-delay: 1.4s; }
          .sec_concept .concept_lead_image_box .lead_text_wrap .concept_head .animation_text:nth-of-type(15) {
            transition-delay: 1.5s; }
        .sec_concept .concept_lead_image_box .lead_text_wrap .concept_head.p-view .animation_text {
          filter: blur(0);
          transform: scale(1);
          opacity: 1; }
    .sec_concept .concept_lead_image_box .image_box {
      mask: url("../images/common/mask.svg") alpha center/cover no-repeat;
      display: block;
      line-height: 0; }
      .sec_concept .concept_lead_image_box .image_box .cap {
        right: 7.82%; }
  .sec_concept .concept_read_wrap {
    font-size: clamp(14px, 1.61vw, 20px);
    line-height: 2.5;
    letter-spacing: 0.2em;
    display: grid;
    gap: 1em 0; }
    @media screen and (max-width: 480px) {
      .sec_concept .concept_read_wrap {
        line-height: 2;
        letter-spacing: 0.1em;
        gap: 0.8em; } }

.content_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2px; }
  @media screen and (max-width: 480px) {
    .content_list {
      grid-template-columns: 1fr; } }
  .content_list .item {
    filter: blur(10px);
    overflow: hidden;
    transition-property: filter,clip-path,transform;
    transition-duration: 1.6s;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1); }
    .content_list .item.cs {
      pointer-events: none;
      position: relative; }
      .content_list .item.cs a::after {
        content: "";
        position: absolute;
        inset: 0;
        margin: auto;
        z-index: 2;
        background: rgba(0, 0, 0, 0.7); }
    .content_list .item a {
      display: block;
      position: relative;
      width: 100%; }
      @media screen and (max-width: 480px) {
        .content_list .item a {
          aspect-ratio: 2 / 1; } }
      .content_list .item a img {
        width: 100%; }
      .content_list .item a .item_name {
        width: 43.86%;
        position: absolute;
        z-index: 2;
        font-size: clamp(14px, 2.56vw, 42px);
        line-height: 1;
        top: 0;
        bottom: 0;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        letter-spacing: 0.05em; }
        .content_list .item a .item_name .text {
          transition: clip-path 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0.4s; }
        @media screen and (max-width: 480px) {
          .content_list .item a .item_name {
            font-size: 22px; } }
      .content_list .item a .item_image {
        width: 100%;
        height: 100%;
        overflow: hidden;
        filter: grayscale(100%);
        transition: filter 0.8s cubic-bezier(0.25, 1, 0.5, 1) 1s; }
        .content_list .item a .item_image img {
          display: block;
          height: 100%;
          object-fit: cover;
          object-position: center;
          transition: transform 1s cubic-bezier(0.25, 1, 0.5, 1); }
      @media (hover: hover) {
        .content_list .item a:hover .item_image img {
          transform: scale(1.1); } }
    .content_list .item.p-view {
      filter: blur(0); }
      .content_list .item.p-view .item_image {
        filter: grayscale(0); }
    .content_list .item.item_left {
      transform: translateX(-100%); }
      .content_list .item.item_left a {
        transform: translateX(100%);
        transition-property: filter,clip-path,transform;
        transition-duration: 1.6s;
        transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
        mask: url("../images/top/content_mask_left.svg") alpha right top/cover no-repeat; }
        .content_list .item.item_left a .item_name {
          left: 0;
          background: url("../images/top/bg_content_left.svg") left center/cover no-repeat; }
          .content_list .item.item_left a .item_name .text {
            clip-path: inset(0 100% 0 0); }
      .content_list .item.item_left.p-view {
        transform: translateX(0); }
        .content_list .item.item_left.p-view a {
          transform: translateX(0); }
          .content_list .item.item_left.p-view a .item_name .text {
            clip-path: inset(0); }
    .content_list .item.item_right {
      transform: translateX(100%); }
      .content_list .item.item_right a {
        transform: translateX(-100%);
        transition-property: filter,clip-path,transform;
        transition-duration: 1.6s;
        transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
        mask: url("../images/top/content_mask_right.svg") alpha left top/cover no-repeat; }
        .content_list .item.item_right a .item_name {
          right: 0;
          background: url("../images/top/bg_content_right.svg") left center/cover no-repeat; }
          .content_list .item.item_right a .item_name .text {
            clip-path: inset(0 0 0 100%); }
      .content_list .item.item_right.p-view {
        transform: translateX(0); }
        .content_list .item.item_right.p-view a {
          transform: translateX(0); }
          .content_list .item.item_right.p-view a .item_name .text {
            clip-path: inset(0); }

.info_box {
  margin-top: clamp(25px, 3.13%, 40px);
  margin-bottom: 40px;
  text-align: center; }
  @media screen and (max-width: 480px) {
    .info_box {
      margin-bottom: 15px; } }
  .info_box .info_txt {
    font-size: 60px;
    letter-spacing: 0.1em;
    font-weight: bold;
    color: #9d005d;
    width: fit-content;
    margin: 0 auto; }
    @media screen and (max-width: 1200px) {
      .info_box .info_txt {
        font-size: 4.1666vw; } }
    @media screen and (max-width: 768px) {
      .info_box .info_txt {
        font-size: 30px; } }
    @media screen and (max-width: 480px) {
      .info_box .info_txt {
        font-size: 7vw; } }
    .info_box .info_txt .text_m_small {
      font-size: 0.43em;
      letter-spacing: 0;
      font-weight: 300;
      line-height: 1.2;
      text-align: left;
      display: flex;
      flex-direction: column; }
      @media screen and (max-width: 480px) {
        .info_box .info_txt .text_m_small {
          font-size: 0.44em; } }
      .info_box .info_txt .text_m_small .day_wrap {
        display: flex; }
        .info_box .info_txt .text_m_small .day_wrap .ttl {
          width: 8em;
          display: inline-block;
          text-align-last: justify;
          margin-right: 0.15em; }

.cv_btns .top_entry {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 30px;
  padding: 0 20px; }
  @media screen and (max-width: 768px) {
    .cv_btns .top_entry {
      flex-direction: column;
      align-items: center;
      grid-gap: 20px 0; } }
  .cv_btns .top_entry &gt; div {
    max-width: 630px;
    width: calc(50% - 15px); }
    @media screen and (max-width: 768px) {
      .cv_btns .top_entry &gt; div {
        width: 100%; } }
    @media screen and (max-width: 768px) {
      .cv_btns .top_entry &gt; div.pc_link {
        display: none; } }
    .cv_btns .top_entry &gt; div.sp_link {
      display: none; }
      @media screen and (max-width: 768px) {
        .cv_btns .top_entry &gt; div.sp_link {
          display: block; } }
    .cv_btns .top_entry &gt; div a {
      aspect-ratio: 630 / 120;
      width: 100%;
      height: 100%;
      text-align: center;
      display: flex;
      align-items: center;
      flex-direction: column;
      justify-content: center;
      font-size: 24px;
      letter-spacing: 0.05em;
      line-height: 1;
      color: #fff;
      transition: opacity 0.3s ease-in-out; }
      @media screen and (max-width: 1200px) {
        .cv_btns .top_entry &gt; div a {
          font-size: 2vw;
          font-size: 1.8vw; } }
      @media screen and (max-width: 768px) {
        .cv_btns .top_entry &gt; div a {
          font-size: 24px; } }
      @media screen and (max-width: 480px) {
        .cv_btns .top_entry &gt; div a {
          font-size: 4vw; } }
      .cv_btns .top_entry &gt; div a .text_min {
        font-size: 0.8em; }
      .cv_btns .top_entry &gt; div a .text {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        gap: 0.3em; }
      @media (hover: hover) {
        .cv_btns .top_entry &gt; div a:hover {
          opacity: 0.7; } }
    .cv_btns .top_entry &gt; div.ent a {
      background: url("../images/common/footer_entry_bg.svg") center/cover no-repeat; }
    .cv_btns .top_entry &gt; div.ent.long {
      max-width: 1000px; }
      .cv_btns .top_entry &gt; div.ent.long a {
        font-size: 30px;
        aspect-ratio: 540 / 60;
        background: url("../images/common/footer_entry_bg_long.svg") center/cover no-repeat; }
        @media screen and (max-width: 1200px) {
          .cv_btns .top_entry &gt; div.ent.long a {
            font-size: 2vw; } }
        @media screen and (max-width: 768px) {
          .cv_btns .top_entry &gt; div.ent.long a {
            font-size: 24px; } }
        @media screen and (max-width: 480px) {
          .cv_btns .top_entry &gt; div.ent.long a {
            font-size: 4vw;
            aspect-ratio: 630 / 120;
            background: url("../images/common/footer_entry_bg.svg") center/cover no-repeat; } }
    .cv_btns .top_entry &gt; div.res a {
      color: #fff;
      background: url("../images/common/footer_entry_bg2.svg") center/cover no-repeat; }
      .cv_btns .top_entry &gt; div.res a .text_in {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 0.25em; }
        .cv_btns .top_entry &gt; div.res a .text_in .text_more {
          font-size: 0.6em;
          border: 1px solid;
          padding: 0.6em;
          letter-spacing: 0.1em; }
    .cv_btns .top_entry &gt; div.res.long {
      max-width: 1000px; }
      .cv_btns .top_entry &gt; div.res.long a {
        font-size: 30px;
        aspect-ratio: 540 / 60;
        background: url("../images/common/footer_entry_bg2_long.svg") center/cover no-repeat; }
        .cv_btns .top_entry &gt; div.res.long a .text_in {
          display: flex;
          align-items: center;
          justify-content: center;
          flex-wrap: wrap;
          gap: 0.25em; }
          .cv_btns .top_entry &gt; div.res.long a .text_in .text_more {
            font-size: 0.6em;
            border: 1px solid;
            padding: 0.6em;
            letter-spacing: 0.1em; }
        @media screen and (max-width: 1200px) {
          .cv_btns .top_entry &gt; div.res.long a {
            font-size: 2vw; } }
        @media screen and (max-width: 768px) {
          .cv_btns .top_entry &gt; div.res.long a {
            font-size: 24px; } }
        @media screen and (max-width: 480px) {
          .cv_btns .top_entry &gt; div.res.long a {
            font-size: 4vw;
            aspect-ratio: 630 / 120;
            background: url("../images/common/footer_entry_bg2.svg") center/cover no-repeat; } }
  .cv_btns .top_entry .banner_box {
    max-width: 1000px;
    width: 100%; }
    .cv_btns .top_entry .banner_box a {
      aspect-ratio: unset; }
      @media screen and (max-width: 480px) {
        .cv_btns .top_entry .banner_box a.vpc480 {
          display: none; } }
      .cv_btns .top_entry .banner_box a.vsp480 {
        display: none; }
        @media screen and (max-width: 480px) {
          .cv_btns .top_entry .banner_box a.vsp480 {
            display: block; } }

.cp_bnner {
  max-width: 1000px;
  margin: 50px auto 0;
  width: calc(100% - 40px); }

.movie_play {
  max-width: 1000px;
  margin: 50px auto 0;
  width: calc(100% - 40px);
  cursor: pointer;
  transition: opacity 0.3s ease-in-out; }
  .movie_play:hover {
    opacity: 0.7; }

/*	モーダル	*/
/* youtube MODAL */
.modal {
  position: fixed;
  z-index: 999999999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  pointer-events: none; }
  .loaded .modal {
    transition: opacity 0.3s ease-in-out 0s; }
  .modal .modal_in {
    position: absolute;
    top: 0;
    bottom: 50px;
    left: 0;
    right: 0;
    width: 1000px;
    z-index: 2;
    margin: auto;
    width: calc(100vw - 40px);
    max-width: calc((100vh - 300px)/0.5625);
    height: calc((100vw - 40px) * 0.5625);
    max-height: calc(100vh - 300px);
    transform: scale(0.95);
    opacity: 0;
    transition: all 0.3s ease-in-out 0s,opacity 0.3s ease-in-out 0.3s; }
  .modal .modal_bg {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.7); }
  .modal .video {
    position: relative;
    width: 100%;
    padding-top: 56.25%; }
    .modal .video iframe {
      position: absolute;
      top: 0;
      right: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      transition: 0.3s opacity ease-in-out 0s;
      pointer-events: none; }
  .modal.opened {
    opacity: 1;
    pointer-events: all;
    cursor: pointer; }
    .modal.opened .modal_in {
      transform: scale(1);
      opacity: 1; }
    .modal.opened .video iframe {
      opacity: 1;
      pointer-events: all; }

.modal_close {
  position: absolute;
  right: 0;
  bottom: calc(100% + 10px);
  font-size: 20px;
  color: #FFF;
  border: none;
  background: none;
  cursor: pointer;
  display: block;
  line-height: 1;
  transform-origin: center;
  transition: 0.6s all ease-in-out 0s; }
  .modal_close:hover {
    transform: rotate(360deg); }

.floating_bnner2 {
  max-width: 300px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 20; }
  @media screen and (max-width: 900px) {
    .floating_bnner2 {
      max-width: 200px; } }
  @media screen and (max-width: 680px) {
    .floating_bnner2 {
      max-width: 40px;
      left: auto;
      right: 0;
      top: 140px;
      bottom: auto; } }
  .floating_bnner2 a {
    display: block; }
  .floating_bnner2 .floating_bnner_close2 {
    background: #000;
    border-radius: 15px;
    color: #fff;
    font-size: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -35px;
    right: 0;
    cursor: pointer;
    width: 30px;
    height: 30px; }
    @media screen and (max-width: 900px) {
      .floating_bnner2 .floating_bnner_close2 {
        top: -40px;
        border-radius: 0;
        width: 40px;
        height: 40px; } }

.floating_bnner {
  max-width: 500px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 20; }
  @media screen and (max-width: 900px) {
    .floating_bnner {
      max-width: 300px; } }
  @media screen and (max-width: 768px) {
    .floating_bnner {
      bottom: 60px; } }
  @media screen and (max-width: 500px) {
    .floating_bnner {
      left: 20px;
      margin-inline: auto;
      max-width: 250px; } }
  .floating_bnner a {
    display: block; }
  .floating_bnner .cap_l {
    padding: 5px;
    background: rgba(255, 255, 255, 0.6);
    color: #333;
    font-weight: 600;
    line-height: 1.4;
    text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.8), 0px 0px 1px rgba(255, 255, 255, 0.8), 0px 0px 2px rgba(255, 255, 255, 0.8), 0px 0px 3px rgba(255, 255, 255, 0.8), 0px 0px 4px rgba(255, 255, 255, 0.8), 0px 0px 5px rgba(255, 255, 255, 0.8), 0px 0px 6px rgba(255, 255, 255, 0.8), 0px 0px 7px rgba(255, 255, 255, 0.8), 0px 0px 8px rgba(255, 255, 255, 0.8); }
  .floating_bnner .floating_bnner_close {
    background: #000;
    border-radius: 15px;
    color: #fff;
    font-size: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -35px;
    right: 0;
    cursor: pointer;
    width: 30px;
    height: 30px; }

.modal_box {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100dvh;
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  height: fit-content;
  margin: auto;
  padding: 20px; }
  @media screen and (max-width: 768px) {
    .modal_box {
      padding: 20px 0; } }
  .modal_box::before {
    content: "";
    display: block;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1; }
  .modal_box .modal_item {
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    max-width: 720px;
    width: 60%;
    aspect-ratio: 720 / 600;
    height: fit-content;
    max-height: calc(100vh - 20px); }
    @media screen and (max-width: 768px) {
      .modal_box .modal_item {
        width: calc(100% - 40px); } }
    .modal_box .modal_item a {
      display: block; }
    .modal_box .modal_item img {
      display: block;
      width: 100%;
      margin: auto;
      object-fit: contain;
      object-position: center; }
    .modal_box .modal_item .modal_close {
      position: absolute;
      z-index: 2;
      bottom: calc(100% + 10px);
      right: 0;
      cursor: pointer;
      border: none;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0;
      width: 1.5em;
      height: 1.5em;
      font-size: 24px;
      line-height: 1;
      aspect-ratio: 1;
      background: #fff;
      color: #222;
      transition: opacity 0.3s ease-in-out; }
      @media screen and (max-width: 768px) {
        .modal_box .modal_item .modal_close {
          right: 20px; } }
      @media screen and (max-width: 480px) {
        .modal_box .modal_item .modal_close {
          padding: 0;
          font-size: 16px;
          top: -1.8em;
          right: 0; } }
      @media (hover: hover) {
        .modal_box .modal_item .modal_close:hover {
          opacity: 0.7; } }
      .modal_box .modal_item .modal_close:focus {
        outline: 0; }

/*# sourceMappingURL=top.css.map */
</pre></body></html>