/*! Writen  by SCSS */
.pre-inc .information_area {
  padding: clamp(60px, 10vw, 120px) 0 clamp(100px, 15.834vw, 190px);
  position: relative;
  z-index: 1;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/top/bg_information.jpg"); }
  @media screen and (max-width: 480px) {
    .pre-inc .information_area {
      padding: 40px 0 80px;
      background-image: url("../images/top/bg_information_sp.jpg"); } }
  .pre-inc .information_area .information {
    background: #FFF;
    padding: 20px 30px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.2);
    margin-bottom: clamp(50px, 66.667vw, 80px); }
    @media screen and (max-width: 820px) {
      .pre-inc .information_area .information {
        padding: 15px 20px; } }
    @media screen and (max-width: 480px) {
      .pre-inc .information_area .information {
        width: calc(100% - 20px); } }
    .pre-inc .information_area .information .infor {
      width: 100%; }
      .pre-inc .information_area .information .infor .infor_in {
        overflow: hidden;
        justify-content: flex-start;
        align-items: center;
        font-size: clamp(11px, 1.231vw, 16px); }
        @media screen and (max-width: 820px) {
          .pre-inc .information_area .information .infor .infor_in {
            font-size: 12px; } }
        @media screen and (max-width: 480px) {
          .pre-inc .information_area .information .infor .infor_in {
            font-size: 11px;
            flex-direction: column; } }
        .pre-inc .information_area .information .infor .infor_in > dt {
          color: #941b62;
          flex-shrink: 0;
          padding-right: 30px;
          margin-right: 30px;
          position: relative; }
          @media screen and (max-width: 960px) {
            .pre-inc .information_area .information .infor .infor_in > dt {
              padding-right: 15px;
              margin-right: 15px; } }
          @media screen and (max-width: 480px) {
            .pre-inc .information_area .information .infor .infor_in > dt {
              padding: 0;
              margin: 0;
              padding-bottom: 10px;
              margin-bottom: 10px; } }
          .pre-inc .information_area .information .infor .infor_in > dt:after {
            content: "";
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
            width: 1px;
            background: currentColor; }
            @media screen and (max-width: 480px) {
              .pre-inc .information_area .information .infor .infor_in > dt:after {
                top: auto;
                left: 0;
                width: 15px;
                height: 1px;
                margin: auto; } }
        .pre-inc .information_area .information .infor .infor_in > dd {
          width: 100%; }
          @media screen and (max-width: 480px) {
            .pre-inc .information_area .information .infor .infor_in > dd {
              width: 100%; } }
          .pre-inc .information_area .information .infor .infor_in > dd .infor_slider .swiper-wrapper .swiper-slide {
            width: 100%; }
            @media screen and (max-width: 480px) {
              .pre-inc .information_area .information .infor .infor_in > dd .infor_slider .swiper-wrapper .swiper-slide {
                font-size: 10px;
                text-align: center; } }
            .pre-inc .information_area .information .infor .infor_in > dd .infor_slider .swiper-wrapper .swiper-slide .infor_txt {
              display: flex;
              align-items: center;
              justify-content: flex-start;
              column-gap: 20px; }
              .pre-inc .information_area .information .infor .infor_in > dd .infor_slider .swiper-wrapper .swiper-slide .infor_txt dd {
                text-align: left;
                line-height: 1.4; }
  .pre-inc .information_area .price_txt_group {
    width: 100%;
    margin: 0 auto;
    background: #d36d6d;
    padding: 15px 30px;
    justify-content: center;
    column-gap: 20px;
    color: #FFF;
    margin: 50px auto; }
    @media screen and (max-width: 820px) {
      .pre-inc .information_area .price_txt_group {
        column-gap: 15px;
        padding: 15px 20px; } }
    @media screen and (max-width: 480px) {
      .pre-inc .information_area .price_txt_group {
        flex-wrap: wrap;
        gap: 5px 20px; } }
    .pre-inc .information_area .price_txt_group .price_txt {
      font-size: clamp(19px, 2.25vw, 27px); }
      @media screen and (max-width: 820px) {
        .pre-inc .information_area .price_txt_group .price_txt {
          font-size: 2.4vw; } }
      @media screen and (max-width: 480px) {
        .pre-inc .information_area .price_txt_group .price_txt {
          text-align: center;
          font-size: 5.6vw;
          line-height: 1.6; } }
      @media screen and (max-width: 480px) {
        .pre-inc .information_area .price_txt_group .price_txt.type_name {
          width: 100%;
          border-bottom: 1px solid #FFF;
          padding-bottom: 10px; } }
      .pre-inc .information_area .price_txt_group .price_txt span {
        display: inline-block;
        line-height: 1; }
        .pre-inc .information_area .price_txt_group .price_txt span.big {
          font-size: 165%; }
          .pre-inc .information_area .price_txt_group .price_txt span.big.price {
            color: #FF9; }
        .pre-inc .information_area .price_txt_group .price_txt span.small {
          font-size: 70%; }
          .pre-inc .information_area .price_txt_group .price_txt span.small.first {
            margin-right: 5px; }
        .pre-inc .information_area .price_txt_group .price_txt span.small02 {
          font-size: 80%; }
  .pre-inc .information_area .merit_group {
    display: grid;
    gap: 15px 1.25%;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr); }
    @media screen and (max-width: 480px) {
      .pre-inc .information_area .merit_group {
        width: calc(100% - 20px);
        grid-template-columns: repeat(2, 1fr); } }
    .pre-inc .information_area .merit_group .merit_in {
      color: #FFF;
      display: flex;
      flex-direction: column;
      row-gap: clamp(20px, 2.5vw, 30px);
      padding: clamp(30px, 3.334vw, 40px) 5px 0;
      letter-spacing: normal;
      background-position: top center;
      background-repeat: no-repeat;
      background-size: cover;
      aspect-ratio: 390/290; }
      @media screen and (max-width: 820px) {
        .pre-inc .information_area .merit_group .merit_in {
          row-gap: 10px; } }
      @media screen and (max-width: 480px) {
        .pre-inc .information_area .merit_group .merit_in {
          padding: 20px 0 0;
          aspect-ratio: 330/320; } }
      .pre-inc .information_area .merit_group .merit_in.bg02 {
        grid-column: 2/3;
        grid-row: 1/2; }
        @media screen and (max-width: 480px) {
          .pre-inc .information_area .merit_group .merit_in.bg02 {
            grid-column: auto;
            grid-row: auto; } }
      .pre-inc .information_area .merit_group .merit_in.bg03 {
        grid-column: 2/3;
        grid-row: 2/3; }
        @media screen and (max-width: 480px) {
          .pre-inc .information_area .merit_group .merit_in.bg03 {
            grid-column: auto;
            grid-row: auto; } }
      .pre-inc .information_area .merit_group .merit_in.long {
        grid-row: 1/3;
        aspect-ratio: 390/600; }
        @media screen and (max-width: 480px) {
          .pre-inc .information_area .merit_group .merit_in.long {
            grid-row: auto;
            aspect-ratio: 330/320; } }
      .pre-inc .information_area .merit_group .merit_in.bg01 {
        background-image: url("../images/top/bg_merit01.jpg"); }
        @media screen and (max-width: 480px) {
          .pre-inc .information_area .merit_group .merit_in.bg01 {
            background-image: url("../images/top/bg_merit01_sp.jpg"); } }
      .pre-inc .information_area .merit_group .merit_in.bg02 {
        background-image: url("../images/top/bg_merit02.jpg"); }
        @media screen and (max-width: 480px) {
          .pre-inc .information_area .merit_group .merit_in.bg02 {
            background-image: url("../images/top/bg_merit02_sp.jpg"); } }
      .pre-inc .information_area .merit_group .merit_in.bg03 {
        background-image: url("../images/top/bg_merit03.jpg"); }
        @media screen and (max-width: 480px) {
          .pre-inc .information_area .merit_group .merit_in.bg03 {
            background-image: url("../images/top/bg_merit03_sp.jpg"); } }
      .pre-inc .information_area .merit_group .merit_in.bg04 {
        background-image: url("../images/top/bg_merit04.jpg"); }
        @media screen and (max-width: 480px) {
          .pre-inc .information_area .merit_group .merit_in.bg04 {
            background-image: url("../images/top/bg_merit04_sp.jpg"); } }
      @media screen and (max-width: 480px) {
        .pre-inc .information_area .merit_group .merit_in:nth-child(4) .merit_read {
          letter-spacing: -0.08em; } }
      .pre-inc .information_area .merit_group .merit_in .merit_ttl {
        display: flex;
        justify-content: center;
        align-items: center;
        column-gap: clamp(12px, 1.539vw, 20px); }
        .pre-inc .information_area .merit_group .merit_in .merit_ttl::before, .pre-inc .information_area .merit_group .merit_in .merit_ttl::after {
          content: "";
          display: block;
          background: #FFF;
          height: 1px;
          width: clamp(30px, 5vw, 60px); }
        .pre-inc .information_area .merit_group .merit_in .merit_ttl span {
          font-size: clamp(12px, 1.5vw, 18px);
          flex-shrink: 0; }
      .pre-inc .information_area .merit_group .merit_in .merit_read {
        font-size: clamp(10px, 1.539vw, 20px);
        text-align: center;
        line-height: 1.6;
        text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.15), 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 0px 2px rgba(0, 0, 0, 0.15), 0px 0px 3px rgba(0, 0, 0, 0.15), 0px 0px 4px rgba(0, 0, 0, 0.15), 0px 0px 5px rgba(0, 0, 0, 0.15), 0px 0px 6px rgba(0, 0, 0, 0.15), 0px 0px 7px rgba(0, 0, 0, 0.15), 0px 0px 8px rgba(0, 0, 0, 0.15), 0px 0px 9px rgba(0, 0, 0, 0.15), 0px 0px 10px rgba(0, 0, 0, 0.15); }
        .pre-inc .information_area .merit_group .merit_in .merit_read span {
          display: inline-block; }
          .pre-inc .information_area .merit_group .merit_in .merit_read span.long {
            width: 130%;
            transform: scale(0.9, 1) translateX(-13%); }
        .pre-inc .information_area .merit_group .merit_in .merit_read strong {
          display: inline-block;
          line-height: 1; }
          .pre-inc .information_area .merit_group .merit_in .merit_read strong.big {
            font-size: 120%;
            font-weight: 700; }
            .pre-inc .information_area .merit_group .merit_in .merit_read strong.big.en {
              font-weight: 400; }
          .pre-inc .information_area .merit_group .merit_in .merit_read strong.big02 {
            font-size: 180%;
            font-weight: 700; }
            .pre-inc .information_area .merit_group .merit_in .merit_read strong.big02.en {
              font-weight: 400; }
        .pre-inc .information_area .merit_group .merit_in .merit_read small.small {
          font-size: 77%; }
          .pre-inc .information_area .merit_group .merit_in .merit_read small.small.block {
            display: block;
            line-height: 1.3; }
        .pre-inc .information_area .merit_group .merit_in .merit_read small.small02 {
          margin-top: 5px;
          font-size: 10px;
          display: block;
          line-height: 1.3; }
.pre-inc .concept_area {
  position: relative;
  overflow: hidden; }
  .pre-inc .concept_area .concept_area_in {
    padding-top: 140px;
    aspect-ratio: 1920/1080;
    position: relative; }
    @media screen and (max-width: 1200px) {
      .pre-inc .concept_area .concept_area_in {
        padding-top: 8%; } }
    @media screen and (max-width: 820px) {
      .pre-inc .concept_area .concept_area_in {
        aspect-ratio: 4/3; } }
    @media screen and (max-width: 480px) {
      .pre-inc .concept_area .concept_area_in {
        aspect-ratio: unset;
        padding-top: 40px;
        padding-bottom: 75%; } }
    .pre-inc .concept_area .concept_area_in .under_bg_wrap {
      position: absolute;
      inset: 0;
      			/*
      			@keyframes maskAnime {
      				0% {
      					-webkit-mask-position: 50% 0;
      					mask-position: 50% 0;
      				}
      
      				100% {
      					-webkit-mask-position: 50% 100%;
      					mask-position: 50% 100%;
      				}
      			}
      			*/ }
      .pre-inc .concept_area .concept_area_in .under_bg_wrap.p-view .under_bg:before {
        clip-path: inset(0 0 0 0); }
      .pre-inc .concept_area .concept_area_in .under_bg_wrap .under_bg {
        position: absolute;
        inset: 0; }
        .pre-inc .concept_area .concept_area_in .under_bg_wrap .under_bg:before {
          content: "";
          position: absolute;
          inset: 0;
          background-position: top center;
          background-repeat: no-repeat;
          background-size: cover;
          background-image: url("../images/top/concept_bg.jpg");
          z-index: -1;
          clip-path: inset(0 0 0 100%);
          transition: 1.2s clip-path cubic-bezier(0.75, 0, 0.25, 1) 0.2s; }
          @media screen and (max-width: 480px) {
            .pre-inc .concept_area .concept_area_in .under_bg_wrap .under_bg:before {
              top: auto;
              height: 37%;
              background-size: 100% auto;
              background-image: url("../images/top/concept_bg_sp.jpg"); } }
    .pre-inc .concept_area .concept_area_in .bimata_group {
      flex-direction: column;
      text-align: center;
      row-gap: clamp(20px, 3.125vw, 50px); }
      .pre-inc .concept_area .concept_area_in .bimata_group .bimata {
        width: 63.16%;
        margin: auto;
        position: relative; }
        @media screen and (max-width: 480px) {
          .pre-inc .concept_area .concept_area_in .bimata_group .bimata {
            width: calc(100% - 40px);
            text-align: center; } }
        .pre-inc .concept_area .concept_area_in .bimata_group .bimata sup {
          position: absolute;
          right: 0;
          bottom: 50%; }
      .pre-inc .concept_area .concept_area_in .bimata_group .bimata_read {
        font-size: clamp(20px, 1.875vw, 30px);
        line-height: 1.6;
        text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.7), 0px 0px 1px rgba(255, 255, 255, 0.7), 0px 0px 2px rgba(255, 255, 255, 0.7), 0px 0px 3px rgba(255, 255, 255, 0.7), 0px 0px 4px rgba(255, 255, 255, 0.7), 0px 0px 5px rgba(255, 255, 255, 0.7), 0px 0px 6px rgba(255, 255, 255, 0.7), 0px 0px 7px rgba(255, 255, 255, 0.7), 0px 0px 8px rgba(255, 255, 255, 0.7), 0px 0px 9px rgba(255, 255, 255, 0.7), 0px 0px 10px rgba(255, 255, 255, 0.7);
        letter-spacing: 0.1em;
        -webkit-text-stroke: 2px #fff;
        text-stroke: 2px #fff;
        paint-order: stroke; }
        @media screen and (max-width: 480px) {
          .pre-inc .concept_area .concept_area_in .bimata_group .bimata_read {
            font-size: 15px; } }
      .pre-inc .concept_area .concept_area_in .bimata_group .bimata_copy_group {
        position: absolute;
        bottom: 5%;
        left: 7.82%;
        display: flex;
        flex-direction: column;
        row-gap: 20px; }
        @media screen and (max-width: 820px) {
          .pre-inc .concept_area .concept_area_in .bimata_group .bimata_copy_group {
            left: 5%;
            bottom: 5%; } }
        @media screen and (max-width: 480px) {
          .pre-inc .concept_area .concept_area_in .bimata_group .bimata_copy_group {
            position: relative;
            inset: auto; } }
        .pre-inc .concept_area .concept_area_in .bimata_group .bimata_copy_group .bimata_copy {
          text-align: left;
          font-size: clamp(12px, 1.334vw, 16px);
          text-shadow: 0px 0px 0px white, 0px 0px 1px white, 0px 0px 2px white, 0px 0px 3px white, 0px 0px 4px white, 0px 0px 5px white, 0px 0px 6px white, 0px 0px 7px white, 0px 0px 8px white, 0px 0px 9px white, 0px 0px 10px white;
          -webkit-text-stroke: 2px #fff;
          text-stroke: 2px #fff;
          paint-order: stroke; }
          @media screen and (max-width: 480px) {
            .pre-inc .concept_area .concept_area_in .bimata_group .bimata_copy_group .bimata_copy {
              font-size: 12px;
              text-align: center; } }
        .pre-inc .concept_area .concept_area_in .bimata_group .bimata_copy_group .site_btn {
          background: #005bac;
          padding: clamp(15px, 1.563vw, 25px) 10px; }
          @media screen and (max-width: 480px) {
            .pre-inc .concept_area .concept_area_in .bimata_group .bimata_copy_group .site_btn {
              width: 70%;
              margin: 0 auto; } }
          .pre-inc .concept_area .concept_area_in .bimata_group .bimata_copy_group .site_btn .link_txt {
            font-size: clamp(14px, 1.125vw, 18px);
            color: #FFF; }
.pre-inc .parallax_container {
  position: relative;
  overflow: hidden;
  contain: layout; }
  .pre-inc .parallax_container .parallax_wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 130%;
    overflow: hidden; }
    .pre-inc .parallax_container .parallax_wrap.rev {
      top: auto;
      bottom: 0; }
    .pre-inc .parallax_container .parallax_wrap .parallax_image {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover; }
.pre-inc .big_image_wrap {
  position: absolute;
  inset: 0; }
  .pre-inc .big_image_wrap .big_img {
    aspect-ratio: 1920/950; }
    @media screen and (max-width: 480px) {
      .pre-inc .big_image_wrap .big_img {
        aspect-ratio: unset;
        height: 100%;
        width: 100%; } }
  .pre-inc .big_image_wrap .cap {
    right: auto;
    left: 5px;
    z-index: 1; }
.pre-inc .underlayer_area {
  display: flex;
  flex-direction: column; }
  .pre-inc .underlayer_area .underlayer {
    position: relative;
    height: 110vh; }
    @media screen and (max-width: 820px) {
      .pre-inc .underlayer_area .underlayer {
        height: 50vh; } }
    @media screen and (max-width: 480px) {
      .pre-inc .underlayer_area .underlayer {
        height: 100vh; } }
    .pre-inc .underlayer_area .underlayer .right_cont {
      position: absolute;
      inset: 0;
      left: auto;
      width: 50%; }
      @media screen and (max-width: 480px) {
        .pre-inc .underlayer_area .underlayer .right_cont {
          height: 50%;
          width: 100%;
          top: auto;
          left: 0; } }
      .pre-inc .underlayer_area .underlayer .right_cont.bg01 {
        background: rgba(73, 1, 5, 0.5); }
      .pre-inc .underlayer_area .underlayer .right_cont.bg02 {
        background: rgba(0, 45, 22, 0.5); }
      .pre-inc .underlayer_area .underlayer .right_cont.bg03 {
        background: rgba(69, 66, 21, 0.5); }
      .pre-inc .underlayer_area .underlayer .right_cont.bg04 {
        background: rgba(0, 31, 58, 0.5); }
      .pre-inc .underlayer_area .underlayer .right_cont.bg05 {
        background: rgba(43, 11, 30, 0.5); }
      .pre-inc .underlayer_area .underlayer .right_cont .right_cont_group {
        position: relative;
        height: 100%; }
        .pre-inc .underlayer_area .underlayer .right_cont .right_cont_group .en_img {
          position: absolute;
          clip-path: inset(0 100% 0 0);
          transition: 1s clip-path ease-in-out 0s; }
          .pre-inc .underlayer_area .underlayer .right_cont .right_cont_group .en_img.p-view {
            clip-path: inset(0 0 0 0); }
          .pre-inc .underlayer_area .underlayer .right_cont .right_cont_group .en_img.en_img01 {
            right: 20.84%;
            bottom: 12.91%;
            max-width: 1057px;
            width: 111.03%; }
            @media screen and (max-width: 820px) {
              .pre-inc .underlayer_area .underlayer .right_cont .right_cont_group .en_img.en_img01 {
                width: 140%; } }
            @media screen and (max-width: 480px) {
              .pre-inc .underlayer_area .underlayer .right_cont .right_cont_group .en_img.en_img01 {
                width: 85%;
                left: 0;
                right: 0;
                bottom: auto;
                top: -23%;
                margin: auto; } }
          .pre-inc .underlayer_area .underlayer .right_cont .right_cont_group .en_img.en_img02 {
            right: 46.88%;
            bottom: 10.76%;
            max-width: 820px;
            width: 86.14%; }
            @media screen and (max-width: 820px) {
              .pre-inc .underlayer_area .underlayer .right_cont .right_cont_group .en_img.en_img02 {
                width: 110%;
                right: 33%; } }
            @media screen and (max-width: 480px) {
              .pre-inc .underlayer_area .underlayer .right_cont .right_cont_group .en_img.en_img02 {
                width: 72%;
                left: 0;
                right: 0;
                bottom: auto;
                top: -23%;
                margin: auto; } }
          .pre-inc .underlayer_area .underlayer .right_cont .right_cont_group .en_img.en_img03 {
            right: 47.92%;
            bottom: 0;
            max-width: 845px;
            width: 88.77%; }
            @media screen and (max-width: 820px) {
              .pre-inc .underlayer_area .underlayer .right_cont .right_cont_group .en_img.en_img03 {
                width: 110%;
                right: 55%; } }
            @media screen and (max-width: 480px) {
              .pre-inc .underlayer_area .underlayer .right_cont .right_cont_group .en_img.en_img03 {
                width: 84%;
                right: 2%;
                bottom: auto;
                top: -26%;
                margin: auto; } }
          .pre-inc .underlayer_area .underlayer .right_cont .right_cont_group .en_img.en_img04 {
            right: 53.13%;
            bottom: 0;
            max-width: 744px;
            width: 78.16%; }
            @media screen and (max-width: 820px) {
              .pre-inc .underlayer_area .underlayer .right_cont .right_cont_group .en_img.en_img04 {
                width: 90%;
                right: 65%; } }
            @media screen and (max-width: 480px) {
              .pre-inc .underlayer_area .underlayer .right_cont .right_cont_group .en_img.en_img04 {
                width: 82%;
                right: 4%;
                bottom: auto;
                top: -26%;
                margin: auto; } }
          .pre-inc .underlayer_area .underlayer .right_cont .right_cont_group .en_img.en_img05 {
            right: 22.92%;
            bottom: 10.76%;
            max-width: 1021px;
            width: 107.25%; }
            @media screen and (max-width: 820px) {
              .pre-inc .underlayer_area .underlayer .right_cont .right_cont_group .en_img.en_img05 {
                width: 130%;
                bottom: 15%;
                right: 25%; } }
            @media screen and (max-width: 480px) {
              .pre-inc .underlayer_area .underlayer .right_cont .right_cont_group .en_img.en_img05 {
                width: 88%;
                right: 4%;
                bottom: auto;
                top: -26%;
                margin: auto; } }
        .pre-inc .underlayer_area .underlayer .right_cont .right_cont_group .right_cont_in {
          max-width: 680px;
          margin: 0 auto;
          width: calc(100% - 100px);
          height: 100%;
          padding: 12.91% 0 10.76%;
          display: flex;
          flex-direction: column;
          justify-content: space-between; }
          @media screen and (max-width: 820px) {
            .pre-inc .underlayer_area .underlayer .right_cont .right_cont_group .right_cont_in {
              width: calc(100% - 60px); } }
          @media screen and (max-width: 480px) {
            .pre-inc .underlayer_area .underlayer .right_cont .right_cont_group .right_cont_in {
              padding: 50px 0 30px;
              width: 100%; } }
          .pre-inc .underlayer_area .underlayer .right_cont .right_cont_group .right_cont_in .text_group {
            display: flex;
            flex-direction: column;
            row-gap: clamp(20px, 3.125vw, 50px);
            position: relative;
            color: #FFF; }
            @media screen and (max-width: 480px) {
              .pre-inc .underlayer_area .underlayer .right_cont .right_cont_group .right_cont_in .text_group {
                width: calc(100% - 40px);
                margin-left: auto; } }
            .pre-inc .underlayer_area .underlayer .right_cont .right_cont_group .right_cont_in .text_group .under_ttl {
              font-size: clamp(30px, 3.75vw, 60px);
              line-height: 1.4; }
              .pre-inc .underlayer_area .underlayer .right_cont .right_cont_group .right_cont_in .text_group .under_ttl .small {
                display: block;
                font-size: 35%; }
            .pre-inc .underlayer_area .underlayer .right_cont .right_cont_group .right_cont_in .text_group .under_read {
              font-size: clamp(12px, 1.125vw, 18px);
              line-height: 2;
              letter-spacing: 0.05em; }
              @media screen and (max-width: 480px) {
                .pre-inc .underlayer_area .underlayer .right_cont .right_cont_group .right_cont_in .text_group .under_read {
                  line-height: 1.71;
                  font-size: 12px; } }
              .pre-inc .underlayer_area .underlayer .right_cont .right_cont_group .right_cont_in .text_group .under_read .small {
                font-size: 70%; }
                @media screen and (max-width: 480px) {
                  .pre-inc .underlayer_area .underlayer .right_cont .right_cont_group .right_cont_in .text_group .under_read .small {
                    font-size: 80%; } }
          .pre-inc .underlayer_area .underlayer .right_cont .right_cont_group .right_cont_in .site_btn {
            max-width: 300px;
            width: 100%;
            margin-left: auto;
            padding: clamp(15px, 1.563vw, 25px) 10px;
            background: currentColor; }
            @media screen and (max-width: 820px) {
              .pre-inc .underlayer_area .underlayer .right_cont .right_cont_group .right_cont_in .site_btn {
                width: 60%; } }
            @media screen and (max-width: 480px) {
              .pre-inc .underlayer_area .underlayer .right_cont .right_cont_group .right_cont_in .site_btn {
                width: 45%; } }
            .pre-inc .underlayer_area .underlayer .right_cont .right_cont_group .right_cont_in .site_btn .link_txt {
              font-size: clamp(14px, 1.125vw, 18px);
              color: #FFF; }
            .pre-inc .underlayer_area .underlayer .right_cont .right_cont_group .right_cont_in .site_btn.color01 {
              color: #e94b27; }
            .pre-inc .underlayer_area .underlayer .right_cont .right_cont_group .right_cont_in .site_btn.color02 {
              color: #00883e; }
            .pre-inc .underlayer_area .underlayer .right_cont .right_cont_group .right_cont_in .site_btn.color03 {
              background: #dcc700; }
              .pre-inc .underlayer_area .underlayer .right_cont .right_cont_group .right_cont_in .site_btn.color03 .link_txt {
                color: #000; }
              .pre-inc .underlayer_area .underlayer .right_cont .right_cont_group .right_cont_in .site_btn.color03.arrow::after {
                border-color: #000; }
            .pre-inc .underlayer_area .underlayer .right_cont .right_cont_group .right_cont_in .site_btn.color04 {
              color: #005bac; }
            .pre-inc .underlayer_area .underlayer .right_cont .right_cont_group .right_cont_in .site_btn.color05 {
              color: #b44695; }
.pre-inc:not(.mobile) .underlayer_area .underlayer .right_cont .right_cont_group .right_cont_in .site_btn:hover {
  background: #FFF; }
  .pre-inc:not(.mobile) .underlayer_area .underlayer .right_cont .right_cont_group .right_cont_in .site_btn:hover .link_txt {
    color: currentColor; }
  .pre-inc:not(.mobile) .underlayer_area .underlayer .right_cont .right_cont_group .right_cont_in .site_btn:hover.arrow::after {
    border-color: currentColor; }
  .pre-inc:not(.mobile) .underlayer_area .underlayer .right_cont .right_cont_group .right_cont_in .site_btn:hover.color03 .link_txt {
    color: #dcc700; }
  .pre-inc:not(.mobile) .underlayer_area .underlayer .right_cont .right_cont_group .right_cont_in .site_btn:hover.color03.arrow::after {
    border-color: #dcc700; }
.pre-inc:not(.mobile) .news_area .news_area_in .news_cont .site_btn:hover::after {
  border-color: #e94b27; }
.pre-inc:not(.mobile) .news_area .news_area_in .news_cont .site_btn:hover .link_txt {
  text-shadow: 0px 0px 0px white, 0px 0px 1px white, 0px 0px 2px white, 0px 0px 3px white, 0px 0px 4px white, 0px 0px 5px white, 0px 0px 6px white, 0px 0px 7px white, 0px 0px 8px white, 0px 0px 9px white, 0px 0px 10px white;
  -webkit-text-stroke: 1px #fff;
  text-stroke: 1px #fff;
  paint-order: stroke; }
.pre-inc:not(.mobile) .news_area .news_area_in .news_cont .site_btn:hover .btn_txt_img img.off {
  opacity: 0; }
.pre-inc:not(.mobile) .news_area .news_area_in .news_cont .site_btn:hover .btn_txt_img img.on {
  opacity: 1; }

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