/*! Writen  by SCSS */
div.wrap {
  margin-top: 80px; }
  @media screen and (max-width: 768px) {
    div.wrap {
      margin-top: 0; } }

.iframe_wrap {
  max-width: 600px;
  margin: 0 auto;
  aspect-ratio: 16 / 9; }
  .iframe_wrap iframe {
    width: 100%;
    height: 100%;
    border: 0; }

.lead {
  font-size: clamp(18px, 2.25vw, 28px);
  line-height: 1.93;
  color: #5c6e70; }
  @media screen and (max-width: 480px) {
    .lead {
      font-size: calc(19vw/3.9);
      line-height: 1.6; } }

.sec_main {
  position: relative; }
  .sec_main .main_image_wrap {
    position: relative; }
    .sec_main .main_image_wrap .main_image_box {
      width: 85%;
      margin-left: auto;
      position: relative; }
      @media screen and (max-width: 480px) {
        .sec_main .main_image_wrap .main_image_box {
          width: 100%; } }
      .sec_main .main_image_wrap .main_image_box .main_image_inner {
        position: relative; }
        .sec_main .main_image_wrap .main_image_box .main_image_inner img {
          width: 100%; }
          @media screen and (max-width: 480px) {
            .sec_main .main_image_wrap .main_image_box .main_image_inner img {
              display: block;
              line-height: 0;
              height: 100%;
              aspect-ratio: 1040 / 880;
              object-fit: cover;
              object-position: right top; } }
      .sec_main .main_image_wrap .main_image_box .twincle {
        position: absolute;
        inset: 0;
        transition-property: transform,opacity;
        transition-duration: 1.2s;
        transition-timing-function: ease-in-out;
        transition-delay: 1.5s;
        opacity: 0;
        transform: translateY(30px); }
        @media screen and (max-width: 480px) {
          .sec_main .main_image_wrap .main_image_box .twincle {
            transform: translateY(20px); } }
        .loaded .sec_main .main_image_wrap .main_image_box .twincle {
          opacity: 1;
          transform: translateY(0px); }
        .sec_main .main_image_wrap .main_image_box .twincle li {
          position: absolute;
          inset: 0;
          animation-name: hikari;
          animation-timing-function: linear;
          animation-iteration-count: infinite; }
          .sec_main .main_image_wrap .main_image_box .twincle li.tw01 {
            animation-delay: -2.5s;
            animation-duration: 4.5s; }
          .sec_main .main_image_wrap .main_image_box .twincle li.tw02 {
            animation-delay: -3s;
            animation-duration: 6.5s; }
          .sec_main .main_image_wrap .main_image_box .twincle li.tw03 {
            animation-delay: -3.5s;
            animation-duration: 3s; }
          .sec_main .main_image_wrap .main_image_box .twincle li.tw04 {
            animation-delay: -4s;
            animation-duration: 4.5s; }
          .sec_main .main_image_wrap .main_image_box .twincle li.tw05 {
            animation-delay: -4.5s;
            animation-duration: 6.5s; }
          .sec_main .main_image_wrap .main_image_box .twincle li.tw06 {
            animation-delay: -5s;
            animation-duration: 3s; }
      .sec_main .main_image_wrap .main_image_box .main_plot {
        position: absolute;
        inset: 0;
        transition-property: transform,opacity;
        transition-duration: 1.2s;
        transition-timing-function: ease-in-out;
        transition-delay: 0.6s;
        opacity: 0;
        transform: translateY(30px); }
        @media screen and (max-width: 480px) {
          .sec_main .main_image_wrap .main_image_box .main_plot {
            transform: translateY(20px); } }
        .loaded .sec_main .main_image_wrap .main_image_box .main_plot {
          opacity: 1;
          transform: translateY(0px); }
      .sec_main .main_image_wrap .main_image_box .main_plot_name {
        position: absolute;
        inset: 0;
        transition-property: transform,opacity;
        transition-duration: 1.2s;
        transition-timing-function: ease-in-out;
        transition-delay: 1s;
        opacity: 0;
        transform: translateY(30px); }
        @media screen and (max-width: 480px) {
          .sec_main .main_image_wrap .main_image_box .main_plot_name {
            transform: translateY(20px); } }
        .loaded .sec_main .main_image_wrap .main_image_box .main_plot_name {
          opacity: 1;
          transform: translateY(0px); }
      .sec_main .main_image_wrap .main_image_box .main_text {
        width: 52.95%;
        position: absolute;
        z-index: 3;
        right: 1.11%;
        bottom: 3.98%;
        transition-property: transform,opacity;
        transition-duration: 1.6s;
        transition-timing-function: ease-in-out;
        opacity: 0;
        transform: translateY(30px);
        transition-delay: 2s; }
        @media screen and (max-width: 480px) {
          .sec_main .main_image_wrap .main_image_box .main_text {
            width: 100%;
            transform: translateY(20px);
            position: relative;
            right: 0;
            bottom: 0; } }
        .loaded .sec_main .main_image_wrap .main_image_box .main_text {
          opacity: 1;
          transform: translateY(0px); }
    .sec_main .main_image_wrap .main_left {
      width: 43.75%;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      z-index: 1; }
      @media screen and (max-width: 480px) {
        .sec_main .main_image_wrap .main_left {
          position: relative;
          width: 100%;
          display: flex;
          align-items: flex-end;
          justify-content: space-between; } }
      .sec_main .main_image_wrap .main_left .main_left_image {
        mask: url("../images/lp/main_mask.svg") luminance center/cover no-repeat; }
        @media screen and (max-width: 480px) {
          .sec_main .main_image_wrap .main_left .main_left_image {
            mask: none;
            width: 50%; } }
    .sec_main .main_image_wrap img {
      width: 100%; }
  .sec_main .main_lead_wrap {
    text-align: center;
    font-size: clamp(20px, 2.74vw, 34px);
    line-height: 1.53;
    padding: 0.7em 10px;
    background: #d4cdbd;
    position: relative; }
    .sec_main .main_lead_wrap .icon_scroll {
      position: absolute;
      right: 3.34%;
      top: 0;
      bottom: 0;
      display: flex;
      align-items: center;
      max-width: 100px;
      width: 8.34%;
      line-height: 0;
      z-index: 1; }
      @media screen and (max-width: 480px) {
        .sec_main .main_lead_wrap .icon_scroll {
          width: 12%;
          top: 10px;
          right: 10px;
          bottom: auto; } }
  .sec_main .top_merit_wrap {
    background: #9d947e;
    padding-top: 20px;
    padding-bottom: 28px; }
    @media screen and (max-width: 480px) {
      .sec_main .top_merit_wrap {
        padding-top: 15px;
        padding-bottom: 20px; } }
    .sec_main .top_merit_wrap .top_merit {
      display: flex;
      justify-content: center;
      align-items: baseline;
      font-size: clamp(20px, 2.75vw, 40px);
      line-height: 1;
      color: #fff;
      gap: 0.4em;
      font-feature-settings: "palt"; }
      @media screen and (max-width: 768px) {
        .sec_main .top_merit_wrap .top_merit {
          flex-wrap: wrap;
          font-size: clamp(23px, 4.7vw, 32px); } }
      .sec_main .top_merit_wrap .top_merit .item {
        display: flex;
        justify-content: center;
        align-items: baseline;
        gap: 0.3em; }
        @media screen and (max-width: 768px) {
          .sec_main .top_merit_wrap .top_merit .item:not(:last-child) {
            border-bottom: 1px solid #fff;
            width: calc(100% - 30px);
            margin: 0 auto;
            padding-bottom: 0.4em; } }
        .sec_main .top_merit_wrap .top_merit .item:not(:last-child)::after {
          content: "";
          display: block;
          align-self: flex-end;
          width: 1px;
          height: 1em;
          background: currentColor;
          transform: rotate(30deg); }
          @media screen and (max-width: 768px) {
            .sec_main .top_merit_wrap .top_merit .item:not(:last-child)::after {
              content: none; } }
        .sec_main .top_merit_wrap .top_merit .item .item_text {
          display: flex;
          justify-content: center;
          align-items: baseline;
          letter-spacing: 0.1em; }
          .sec_main .top_merit_wrap .top_merit .item .item_text .text_lg {
            color: #ffffcc;
            line-height: 1;
            font-size: 1.3em;
            letter-spacing: 0.1em; }
          .sec_main .top_merit_wrap .top_merit .item .item_text .min {
            margin-left: 0.5em;
            letter-spacing: 0.03em; }

@keyframes hikari {
  0% {
    opacity: 0;
    transform: translateY(0%); }
  10% {
    opacity: 1; }
  85% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: translateY(-40%); } }
.sec_in {
  position: relative;
  z-index: 1; }

.sec_top_2 {
  color: #fff;
  background: #3a2a21;
  position: relative;
  padding-top: clamp(40px, 5%, 60px);
  padding-bottom: clamp(50px, 7.5%, 90px);
  margin-bottom: clamp(60px, 8.34%, 100px); }
  .sec_top_2::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 41.63%;
    aspect-ratio: 666 / 1287;
    background: url("../images/lp/bg_img001.webp") left bottom/contain no-repeat;
    opacity: 0.4; }
    @media screen and (max-width: 480px) {
      .sec_top_2::after {
        width: 86.84%;
        aspect-ratio: 666 / 767; } }
  .sec_top_2 .sec01_image_02 {
    width: 43.75%;
    margin-left: auto;
    margin-right: 3.75%;
    margin-bottom: clamp(40px, 5.84%, 70px); }
    @media screen and (max-width: 480px) {
      .sec_top_2 .sec01_image_02 {
        width: 80%;
        right: 5%; } }
  .sec_top_2 .sec01_wrap {
    justify-content: center;
    align-items: flex-end;
    width: 66.25%;
    gap: 0 26.41%;
    margin-left: 18.13%; }
    @media screen and (max-width: 480px) {
      .sec_top_2 .sec01_wrap {
        align-items: flex-start;
        flex-direction: column;
        gap: 25px 0;
        width: 100%;
        margin-left: 0; } }
    .sec_top_2 .sec01_wrap .text_box {
      width: 40%; }
      @media screen and (max-width: 480px) {
        .sec_top_2 .sec01_wrap .text_box {
          width: calc(100% - 40px);
          margin-left: auto;
          margin-right: auto; } }
    .sec_top_2 .sec01_wrap .image_box {
      width: 33.97%; }
      @media screen and (max-width: 480px) {
        .sec_top_2 .sec01_wrap .image_box {
          width: 60%;
          margin-left: 20px; } }
  .sec_top_2 .box_head {
    font-size: 1.52vw;
    line-height: 1.76;
    margin-bottom: 1.6em; }
    @media screen and (max-width: 480px) {
      .sec_top_2 .box_head {
        text-align: center;
        font-size: 18px;
        margin-bottom: 1.5em; } }
  .sec_top_2 .box_lead {
    font-size: 1.21vw;
    line-height: 2; }
    @media screen and (max-width: 480px) {
      .sec_top_2 .box_lead {
        text-align: center;
        font-size: 14px; } }
    .sec_top_2 .box_lead + .box_lead {
      margin-top: 1em; }
      @media screen and (max-width: 480px) {
        .sec_top_2 .box_lead + .box_lead {
          margin-top: 0.6em; } }

.sec {
  position: relative; }
  .sec .sec_head {
    top: 0;
    left: 0;
    right: 0;
    margin-inline: auto;
    position: absolute;
    z-index: 2;
    line-height: 0; }

.sec_access {
  padding-top: clamp(25px, 3.34%, 40px);
  padding-bottom: clamp(60px, 8.34%, 100px); }
  .sec_access .sec_head {
    max-width: 912px;
    width: 76%;
    position: relative;
    margin-bottom: clamp(40px, 5%, 60px); }
    @media screen and (max-width: 480px) {
      .sec_access .sec_head {
        width: 77.75%; } }
  .sec_access .life_item01 {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    margin-bottom: clamp(25px, 3.34%, 40px); }
    @media screen and (max-width: 1000px) {
      .sec_access .life_item01 {
        flex-direction: column;
        grid-gap: 40px 0;
        margin-bottom: clamp(50px, 6.67%, 80px); } }
    .sec_access .life_item01 .sec_lead_wrap {
      width: calc(660%/12); }
      @media screen and (max-width: 1000px) {
        .sec_access .life_item01 .sec_lead_wrap {
          width: 100%;
          text-align: center; } }
      .sec_access .life_item01 .sec_lead_wrap .read {
        letter-spacing: -0.02em;
        font-feature-settings: "palt"; }
    .sec_access .life_item01 .imgs {
      width: calc(509%/12);
      position: relative; }
      @media screen and (max-width: 1000px) {
        .sec_access .life_item01 .imgs {
          width: 100%;
          max-width: 450px;
          margin: 0 auto; } }
      .sec_access .life_item01 .imgs .life01 {
        position: absolute;
        top: 0;
        left: 0;
        width: calc(450%/5.09); }
        @media screen and (max-width: 1000px) {
          .sec_access .life_item01 .imgs .life01 {
            position: relative;
            padding-bottom: 25px; } }
        .sec_access .life_item01 .imgs .life01 .cap {
          bottom: auto;
          top: 0; }
      .sec_access .life_item01 .imgs .life02 {
        position: absolute;
        bottom: 0;
        right: 0;
        width: calc(250%/5.09); }
  .sec_access .life_item02 {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: clamp(60px, 8.34%, 100px); }
    @media screen and (max-width: 480px) {
      .sec_access .life_item02 {
        flex-direction: column;
        grid-gap: 20px; } }
    .sec_access .life_item02 .l_cnt {
      width: calc(500%/12);
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      grid-gap: 20px; }
      @media screen and (max-width: 480px) {
        .sec_access .life_item02 .l_cnt {
          width: 100%; } }
      .sec_access .life_item02 .l_cnt .life03 {
        width: 100%;
        margin-bottom: calc(50%/5); }
        @media screen and (max-width: 480px) {
          .sec_access .life_item02 .l_cnt .life03 {
            width: 80%;
            margin: 0 auto 15px; } }
      .sec_access .life_item02 .l_cnt .life04,
      .sec_access .life_item02 .l_cnt .life05 {
        width: calc(50% - 10px); }
    .sec_access .life_item02 .r_cnt {
      width: calc(650%/12); }
      @media screen and (max-width: 480px) {
        .sec_access .life_item02 .r_cnt {
          width: 100%; } }
  .sec_access .access_image_wrap {
    margin-top: clamp(25px, 3.34%, 40px); }
    @media screen and (max-width: 480px) {
      .sec_access .access_image_wrap {
        flex-direction: column; } }
    .sec_access .access_image_wrap .access_image_in {
      width: 50%;
      display: flex;
      align-items: flex-start;
      flex-wrap: wrap; }
      @media screen and (max-width: 480px) {
        .sec_access .access_image_wrap .access_image_in {
          width: 100%; } }
      .sec_access .access_image_wrap .access_image_in .image_min {
        max-width: 270px;
        width: 45%; }
      .sec_access .access_image_wrap .access_image_in .image_med {
        max-width: 330px;
        width: 55%; }
      .sec_access .access_image_wrap .access_image_in .image_lg {
        width: 100%;
        position: relative; }
        .sec_access .access_image_wrap .access_image_in .image_lg .image_text {
          position: absolute;
          z-index: 2; }
        .sec_access .access_image_wrap .access_image_in .image_lg.image_l_lg .image_text {
          max-width: 166px;
          width: 27.67%;
          top: 6.13%;
          right: 5%; }
        .sec_access .access_image_wrap .access_image_in .image_lg.image_r_lg .image_text {
          max-width: 174px;
          width: 29%;
          top: 5.11%;
          left: 5%; }
  .sec_access .sec_lead_wrap .lead + .read {
    margin-top: 2em; }
    @media screen and (max-width: 480px) {
      .sec_access .sec_lead_wrap .lead + .read {
        margin-top: 1.5em; } }
  .sec_access .lead {
    font-size: clamp(18px, 1.93vw, 24px); }
  .sec_access .read {
    font-size: clamp(14px, 1.334vw, 16px);
    line-height: 2.5; }
    @media screen and (max-width: 480px) {
      .sec_access .read {
        line-height: 2; } }

.sec_info {
  padding-top: clamp(50px, 6.67%, 80px);
  padding-bottom: clamp(80px, 10%, 120px);
  background: rgba(255, 255, 255, 0.5); }
  .sec_info .information {
    font-size: clamp(20px, 3.54vw, 44px);
    line-height: 1;
    text-align: center;
    color: #172a4d;
    margin-bottom: clamp(50px, 6.67%, 80px); }
  .sec_info .cv_button {
    font-size: clamp(14px, 1.61vw, 20px);
    line-height: 1;
    max-width: 420px;
    margin-inline: auto;
    display: flex;
    flex-direction: column;
    gap: 1.5em; }
    @media screen and (max-width: 480px) {
      .sec_info .cv_button {
        gap: 1em; } }
    .sec_info .cv_button a {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0.8em; }
      @media screen and (max-width: 480px) {
        .sec_info .cv_button a {
          padding: 1em; } }
      .sec_info .cv_button a .text {
        margin-inline: auto; }
      .sec_info .cv_button a::after {
        content: "";
        display: block;
        height: 0.3em;
        width: 1.5em;
        transform: skewX(45deg);
        border-right: 1px solid currentColor;
        border-bottom: 1px solid currentColor;
        opacity: 0.5; }

.sec_planning {
  padding-top: clamp(70px, 12.5%, 150px);
  padding-bottom: clamp(60px, 11.67%, 140px); }
  .sec_planning .sec_head {
    max-width: 643px;
    width: 53.59%; }
    @media screen and (max-width: 480px) {
      .sec_planning .sec_head {
        width: 80.38%; } }
  .sec_planning .inner {
    max-width: 1330px; }
    .sec_planning .inner .planning_image_wrap {
      align-items: flex-start;
      margin-top: clamp(50px, 7.5%, 90px); }
      @media screen and (max-width: 480px) {
        .sec_planning .inner .planning_image_wrap {
          flex-direction: column;
          gap: 30px 0;
          margin-top: 40px; } }
      .sec_planning .inner .planning_image_wrap .image_box {
        max-width: 600px;
        width: 45.12%;
        position: relative;
        z-index: 1; }
        @media screen and (max-width: 480px) {
          .sec_planning .inner .planning_image_wrap .image_box {
            width: 100%; } }
        .sec_planning .inner .planning_image_wrap .image_box::before {
          content: "";
          display: block;
          position: absolute;
          top: 4.77%;
          left: 3.34%;
          bottom: -4.76%;
          right: -3.33%;
          z-index: -1;
          background: #ebebeb; }

.sec_equipment {
  padding-top: clamp(80px, 13.34%, 160px);
  padding-bottom: clamp(50px, 6.67%, 80px);
  background: rgba(255, 255, 255, 0.5);
  margin-bottom: clamp(50px, 6.67%, 80px); }
  .sec_equipment .sec_head {
    padding-top: clamp(50px, 6.67%, 80px);
    max-width: 726px;
    width: 60.5%; }
    @media screen and (max-width: 480px) {
      .sec_equipment .sec_head {
        width: 90.75%; } }
  .sec_equipment .img_equipment {
    margin-top: clamp(50px, 6.67%, 80px) !important; }
  .sec_equipment .equipment_list {
    margin-top: clamp(30px, 4.17%, 50px);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: clamp(30px, 4.17vw, 50px) 0; }
    .sec_equipment .equipment_list .item_head {
      font-size: clamp(14px, 1.61vw, 20px);
      color: #a09264;
      line-height: 1;
      border-bottom: 1px solid;
      padding-bottom: 0.8em;
      margin-bottom: 0.8em; }
      .sec_equipment .equipment_list .item_head.lg {
        line-height: 1.4; }
    .sec_equipment .equipment_list .item_text {
      font-size: clamp(13px, 1.29vw, 16px);
      line-height: 1.88; }
      @media screen and (max-width: 480px) {
        .sec_equipment .equipment_list .item_text {
          line-height: 1.6; } }
    .sec_equipment .equipment_list .item01 {
      width: 25%;
      display: grid;
      align-items: start;
      align-content: start;
      grid-auto-flow: dense;
      justify-content: space-between;
      grid-template-columns: 58.83% 35.3%; }
      @media screen and (max-width: 768px) {
        .sec_equipment .equipment_list .item01 {
          width: 48%; } }
      @media screen and (max-width: 480px) {
        .sec_equipment .equipment_list .item01 {
          width: 100%; } }
      .sec_equipment .equipment_list .item01 .item_head {
        grid-column: span 2; }
    .sec_equipment .equipment_list .item02 {
      width: 22.5%; }
      @media screen and (max-width: 768px) {
        .sec_equipment .equipment_list .item02 {
          width: 48%; } }
      @media screen and (max-width: 480px) {
        .sec_equipment .equipment_list .item02 {
          width: 100%; } }
      .sec_equipment .equipment_list .item02 .image_box {
        margin-top: 10px;
        margin-inline: auto;
        max-width: 210px; }
    .sec_equipment .equipment_list .item04 {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      @media screen and (max-width: 768px) {
        .sec_equipment .equipment_list .item04 {
          flex-direction: column; } }
      @media screen and (max-width: 480px) {
        .sec_equipment .equipment_list .item04 {
          width: 100%; } }
      .sec_equipment .equipment_list .item04 .in_head {
        border-bottom: 0;
        color: #333;
        padding-bottom: 0;
        margin-bottom: 0.5em; }
      .sec_equipment .equipment_list .item04 .image_box {
        margin-top: 4.69%; }
      .sec_equipment .equipment_list .item04 .item04_00 {
        width: 100%; }
      .sec_equipment .equipment_list .item04 .item04_01 {
        width: 36.59%;
        display: flex;
        justify-content: space-between; }
        @media screen and (max-width: 768px) {
          .sec_equipment .equipment_list .item04 .item04_01 {
            width: 100%;
            max-width: 440px;
            margin: 0 auto 30px; } }
        .sec_equipment .equipment_list .item04 .item04_01 .image_box {
          width: 38.05%; }
        .sec_equipment .equipment_list .item04 .item04_01 .text_box {
          width: 54.67%; }
      .sec_equipment .equipment_list .item04 .item04_02 {
        width: 60.59%; }
        @media screen and (max-width: 768px) {
          .sec_equipment .equipment_list .item04 .item04_02 {
            width: 100%; } }
        .sec_equipment .equipment_list .item04 .item04_02 .in_box {
          margin-top: 8px;
          display: flex;
          justify-content: space-between; }
          @media screen and (max-width: 480px) {
            .sec_equipment .equipment_list .item04 .item04_02 .in_box {
              flex-direction: column;
              grid-gap: 10px; } }
        .sec_equipment .equipment_list .item04 .item04_02 .imgs {
          width: 50.9%;
          display: flex;
          justify-content: space-between; }
          @media screen and (max-width: 480px) {
            .sec_equipment .equipment_list .item04 .item04_02 .imgs {
              width: 100%; } }
          .sec_equipment .equipment_list .item04 .item04_02 .imgs .img010 {
            height: fit-content;
            width: 48.11%; }
            @media screen and (max-width: 480px) {
              .sec_equipment .equipment_list .item04 .item04_02 .imgs .img010 {
                width: 48%; } }
          .sec_equipment .equipment_list .item04 .item04_02 .imgs .img011 {
            height: fit-content;
            width: 48.11%;
            position: relative; }
            @media screen and (max-width: 480px) {
              .sec_equipment .equipment_list .item04 .item04_02 .imgs .img011 {
                width: 48%; } }
            .sec_equipment .equipment_list .item04 .item04_02 .imgs .img011 .cap01 {
              right: 50.57%; }
            .sec_equipment .equipment_list .item04 .item04_02 .imgs .img011 .cap02 {
              bottom: 51.41%; }
        .sec_equipment .equipment_list .item04 .item04_02 .txt_box_02 {
          width: 46.22%;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          row-gap: clamp(5px, 0.834vw, 10px); }
          @media screen and (max-width: 480px) {
            .sec_equipment .equipment_list .item04 .item04_02 .txt_box_02 {
              width: 100%;
              row-gap: 10px; } }
          .sec_equipment .equipment_list .item04 .item04_02 .txt_box_02 .ttl {
            display: flex;
            align-items: center;
            column-gap: 7px;
            margin-bottom: 0.2em;
            font-size: clamp(13px, 1.417vw, 17px);
            line-height: 1;
            font-weight: 600; }
            .sec_equipment .equipment_list .item04 .item04_02 .txt_box_02 .ttl span {
              background-color: #a19278;
              line-height: 1;
              display: block;
              width: fit-content;
              padding: 2px 3px 3px;
              color: #fff; }
          .sec_equipment .equipment_list .item04 .item04_02 .txt_box_02 .txt {
            font-size: clamp(9px, 1.167vw, 14px);
            line-height: 1.5; }
            @media screen and (max-width: 480px) {
              .sec_equipment .equipment_list .item04 .item04_02 .txt_box_02 .txt {
                font-size: 10px; } }

.arrow_prev,
.arrow_next {
  display: block;
  line-height: 0;
  aspect-ratio: 13.782 / 13.71; }

.swiper-button-next,
.swiper-button-prev {
  position: static;
  top: 0;
  bottom: 0;
  aspect-ratio: 13.782 / 13.71;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0; }
  .swiper-button-next::before, .swiper-button-next::after,
  .swiper-button-prev::before,
  .swiper-button-prev::after {
    content: none; }

.img17 {
  max-width: 960px;
  max-width: 1050px;
  margin: 0 auto; }

.sec_plan {
  display: flex; }
  @media screen and (max-width: 480px) {
    .sec_plan {
      flex-direction: column; } }
  .sec_plan .sec_head {
    max-width: 322px;
    width: 26.84%; }
    @media screen and (max-width: 480px) {
      .sec_plan .sec_head {
        width: 40.26%; } }
  .sec_plan .plan_in {
    padding-top: clamp(70px, 13.34%, 160px);
    width: 50%;
    padding-bottom: clamp(40px, 5%, 60px); }
    @media screen and (max-width: 480px) {
      .sec_plan .plan_in {
        width: 100%; } }
  .sec_plan .plan_inner {
    width: calc(100% - 40px);
    margin-inline: auto; }
    .sec_plan .plan_inner .plan_head {
      text-align: center;
      font-size: clamp(14px, 2.2vw, 34px);
      line-height: 1;
      margin-bottom: 1.5em; }
    .sec_plan .plan_inner .plan_lead {
      font-size: clamp(18px, 1.68vw, 26px);
      line-height: 1.54;
      margin-bottom: 1.5em;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center; }
  .sec_plan .slide_outer .plan_slide .swiper-slide {
    width: 60%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
    @media screen and (max-width: 480px) {
      .sec_plan .slide_outer .plan_slide .swiper-slide {
        width: 80%; } }
    .sec_plan .slide_outer .plan_slide .swiper-slide a {
      display: block;
      line-height: 0;
      transition: opacity 0.3s ease-in-out; }
      @media (hover: hover) {
        .sec_plan .slide_outer .plan_slide .swiper-slide a:hover {
          opacity: 0.7; } }
    .sec_plan .slide_outer .plan_slide .swiper-slide img {
      width: 100%; }
  .sec_plan .slide_nav_wrap {
    font-size: clamp(16px, 1.68vw, 26px);
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 1em;
    margin-top: 20px; }
    .sec_plan .slide_nav_wrap .arrow_prev,
    .sec_plan .slide_nav_wrap .arrow_next {
      width: 1em; }
    .sec_plan .slide_nav_wrap .plan_pagination {
      width: auto;
      position: static;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 0.25em;
      margin: 0; }
      .sec_plan .slide_nav_wrap .plan_pagination .swiper-pagination-bullet {
        width: 0.8em;
        height: 0.8em;
        border-radius: 100%;
        margin: 0;
        border: 1px solid currentColor;
        background: none;
        transition: background 0.3s ease-in-out;
        opacity: 1; }
        .sec_plan .slide_nav_wrap .plan_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
          background: currentColor; }
  .sec_plan .plan_in_left {
    background: rgba(223, 152, 140, 0.4); }
    .sec_plan .plan_in_left .plan_lead {
      color: #502331; }
    .sec_plan .plan_in_left .slide_nav_wrap {
      color: #502331; }
      .sec_plan .plan_in_left .slide_nav_wrap .arrow_prev,
      .sec_plan .plan_in_left .slide_nav_wrap .arrow_next {
        fill: #502331; }
  .sec_plan .plan_in_right {
    background: rgba(131, 208, 205, 0.4); }
    @media screen and (max-width: 480px) {
      .sec_plan .plan_in_right {
        padding-top: 30px; } }
    .sec_plan .plan_in_right .plan_lead {
      color: #1a807c; }
    .sec_plan .plan_in_right .slide_nav_wrap {
      color: #1a807c; }
      .sec_plan .plan_in_right .slide_nav_wrap .arrow_prev,
      .sec_plan .plan_in_right .slide_nav_wrap .arrow_next {
        fill: #1a807c; }

.sec_cv_top {
  padding-bottom: clamp(60px, 11.67%, 140px); }

.sec_my_style {
  padding-top: clamp(80px, 18.34%, 220px);
  padding-bottom: clamp(60px, 11.67%, 140px); }
  @media screen and (max-width: 480px) {
    .sec_my_style {
      padding-top: 120px; } }
  .sec_my_style .hensai {
    max-width: 700px;
    margin: 0 auto;
    margin-top: clamp(30px, 5%, 60px); }
  .sec_my_style .sec_head {
    max-width: 994px;
    width: 82.84%; }
    @media screen and (max-width: 480px) {
      .sec_my_style .sec_head {
        width: 92.63%; } }
  .sec_my_style .items {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    grid-gap: 20px 0;
    display: none; }
    @media screen and (max-width: 768px) {
      .sec_my_style .items {
        display: flex; } }
    .sec_my_style .items .item {
      width: 48%; }
      .sec_my_style .items .item.sp_wide {
        width: 100%; }
    .sec_my_style .items figure {
      margin-bottom: 8px; }
      .sec_my_style .items figure .nm {
        box-sizing: border-box;
        width: 2em;
        height: 2em;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        line-height: 0.8;
        font-size: 15px;
        padding: 5px 5px 7px;
        border-radius: 1em;
        position: absolute;
        top: 5px;
        left: 5px;
        background: #ff5959; }
        .sec_my_style .items figure .nm.color2 {
          background: #225074;
          background: #4eccec; }
    .sec_my_style .items .txt_ttl {
      font-size: clamp(12px, 1.12vw, 14px);
      line-height: 1.6;
      letter-spacing: 0.02em;
      text-align: justify;
      font-weight: bold; }
    .sec_my_style .items .txt {
      font-size: clamp(11px, 0.96vw, 12px);
      line-height: 1.6;
      letter-spacing: 0.05em;
      text-align: justify; }

.sec_position {
  padding-top: clamp(80px, 18.34%, 220px);
  padding-bottom: clamp(60px, 11.67%, 140px); }
  .sec_position .sec_head {
    max-width: 580px;
    width: 48.34%; }
    @media screen and (max-width: 480px) {
      .sec_position .sec_head {
        width: 72.5%; } }
  .sec_position .map_box img {
    width: 100%; }

.style_area {
  padding: 100px 0 80px; }
  @media screen and (max-width: 768px) {
    .style_area {
      padding: 60px 0; } }
  .style_area.weekend {
    background: #3a2a21; }
  .style_area.holiday {
    background: #e2d5c4; }
  .style_area .style_txt_wrap {
    max-width: 1440px;
    margin: 0 auto clamp(60px, 5.556vw, 80px);
    width: calc(100% - 60px);
    align-items: center; }
    @media screen and (max-width: 480px) {
      .style_area .style_txt_wrap {
        flex-direction: column;
        row-gap: 30px;
        align-items: flex-start;
        margin: 0 auto 40px; } }
    .style_area .style_txt_wrap .style_img.en_img01 {
      width: 39.59%; }
      @media screen and (max-width: 480px) {
        .style_area .style_txt_wrap .style_img.en_img01 {
          width: 80%; } }
    .style_area .style_txt_wrap .style_img.en_img02 {
      width: 34.03%; }
      @media screen and (max-width: 480px) {
        .style_area .style_txt_wrap .style_img.en_img02 {
          width: 80%; } }
    .style_area .style_txt_wrap .style_txt {
      width: 45%;
      font-size: clamp(12px, 1.598vw, 23px);
      font-size: clamp(12px, 1.334vw, 20px);
      margin-right: 4.16%;
      line-height: 2.2; }
      @media screen and (max-width: 768px) {
        .style_area .style_txt_wrap .style_txt {
          width: 50%; } }
      @media screen and (max-width: 480px) {
        .style_area .style_txt_wrap .style_txt {
          width: 100%;
          margin-right: 0; } }
      .style_area .style_txt_wrap .style_txt.white {
        color: #FFF; }
  .style_area .image_wrap {
    justify-content: flex-start;
    align-items: flex-end;
    column-gap: 3.4375%; }
    @media screen and (max-width: 480px) {
      .style_area .image_wrap {
        flex-direction: column;
        row-gap: 30px;
        align-items: flex-start; } }
    .style_area .image_wrap.rev {
      flex-direction: row-reverse; }
      @media screen and (max-width: 480px) {
        .style_area .image_wrap.rev {
          flex-direction: column;
          align-items: flex-end; } }
    .style_area .image_wrap .big_img {
      width: 73.5%;
      position: relative; }
      @media screen and (max-width: 480px) {
        .style_area .image_wrap .big_img {
          width: 92.5%; } }
      .style_area .image_wrap .big_img img {
        width: 100%; }
      .style_area .image_wrap .big_img .wappen {
        position: absolute;
        top: 5%;
        max-width: 224px;
        width: 19.04%;
        aspect-ratio: 1;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.8vw;
        line-height: 1.4;
        text-align: center; }
        @media screen and (max-width: 1400px) {
          .style_area .image_wrap .big_img .wappen {
            top: -5%; } }
        @media screen and (max-width: 480px) {
          .style_area .image_wrap .big_img .wappen {
            width: 30%;
            font-size: 3.6vw; } }
        .style_area .image_wrap .big_img .wappen.beige {
          background: #e1d4c3;
          color: #3a2b21;
          left: calc(100% - 40px); }
          @media screen and (max-width: 480px) {
            .style_area .image_wrap .big_img .wappen.beige {
              left: auto;
              right: -8%; } }
        .style_area .image_wrap .big_img .wappen.brown {
          background: #3a2a21;
          color: #FFF;
          right: calc(100% - 40px); }
          @media screen and (max-width: 480px) {
            .style_area .image_wrap .big_img .wappen.brown {
              right: auto;
              left: -8%; } }
    .style_area .image_wrap .sub_img_wrap {
      max-width: 284px;
      width: 17.75%;
      display: flex;
      flex-direction: column;
      row-gap: 40px; }
      @media screen and (max-width: 1400px) {
        .style_area .image_wrap .sub_img_wrap {
          row-gap: 20px; } }
      @media screen and (max-width: 480px) {
        .style_area .image_wrap .sub_img_wrap {
          max-width: 320px;
          margin: 0 auto;
          width: calc(100% - 40px);
          display: flex;
          flex-direction: row;
          justify-content: space-between; } }
      @media screen and (max-width: 480px) {
        .style_area .image_wrap .sub_img_wrap .sub_img {
          width: 48%; } }

.style_area2 {
  position: relative;
  background: #3a2a21;
  padding: 100px 0 80px;
  overflow: hidden; }
  @media screen and (max-width: 768px) {
    .style_area2 {
      padding: 0 0 40px; } }
  .style_area2::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 36.25%;
    aspect-ratio: 580 / 1287;
    background: url("../images/lp/style_area2_bg.webp") right bottom/contain no-repeat; }
    @media screen and (max-width: 480px) {
      .style_area2::after {
        width: 86.84%;
        aspect-ratio: 666 / 767; } }
  .style_area2 .inner {
    max-width: 1400px;
    position: relative;
    z-index: 2; }
    @media screen and (max-width: 600px) {
      .style_area2 .inner {
        padding-bottom: calc(100%/5.45); } }
    @media screen and (max-width: 480px) {
      .style_area2 .inner {
        padding-bottom: 0; } }
    .style_area2 .inner .big_img {
      width: calc(1000%/14); }
      @media screen and (max-width: 600px) {
        .style_area2 .inner .big_img {
          width: 100%; } }
      @media screen and (max-width: 480px) {
        .style_area2 .inner .big_img {
          width: calc(100% + 40px);
          margin: 0 -20px; } }
    .style_area2 .inner .style_txt_wrap {
      font-size: clamp(16px, 1.734vw, 26px);
      position: absolute;
      bottom: -1em;
      right: -1em;
      z-index: 1;
      background: rgba(255, 255, 255, 0.8);
      padding: 1em;
      z-index: 2; }
      @media screen and (max-width: 1400px) {
        .style_area2 .inner .style_txt_wrap {
          right: 0; } }
      @media screen and (max-width: 480px) {
        .style_area2 .inner .style_txt_wrap {
          position: static;
          background: none;
          text-align: center;
          color: #fff;
          font-size: calc(18vw/3.9);
          padding: 1.5em 0 0; } }
      .style_area2 .inner .style_txt_wrap::before {
        content: "";
        position: absolute;
        top: 0.5em;
        left: 0.5em;
        bottom: -0.5em;
        right: -0.5em;
        background: rgba(212, 205, 189, 0.3);
        z-index: -1; }
        @media screen and (max-width: 480px) {
          .style_area2 .inner .style_txt_wrap::before {
            content: none; } }
      .style_area2 .inner .style_txt_wrap .style_head {
        line-height: 1.4;
        letter-spacing: 0.1em;
        margin-bottom: 1em; }
      .style_area2 .inner .style_txt_wrap .style_txt {
        font-size: clamp(13px, 1.2vw, 18px);
        letter-spacing: 0.1em;
        line-height: 2; }
        @media screen and (max-width: 480px) {
          .style_area2 .inner .style_txt_wrap .style_txt {
            font-size: calc(14vw/3.9); } }

.sec02_wrap {
  margin-top: clamp(40px, 5.84%, 70px); }
  @media screen and (max-width: 480px) {
    .sec02_wrap {
      flex-direction: column;
      align-items: center; } }
  .sec02_wrap .sec02_line_image {
    max-width: 1000px;
    width: 83.34%;
    margin: 0 auto; }
    @media screen and (max-width: 480px) {
      .sec02_wrap .sec02_line_image {
        width: 100%; } }
  @media screen and (max-width: 480px) and (max-width: 480px) {
    .sec02_wrap .sec02_line_image .image_in {
      margin-bottom: 25px;
      overflow-x: scroll; }
      .sec02_wrap .sec02_line_image .image_in img {
        display: block;
        max-width: none;
        width: 640px; } }

  .sec02_wrap .sp_side_scroll {
    display: none; }
    @media screen and (max-width: 480px) {
      .sec02_wrap .sp_side_scroll {
        display: flex;
        justify-content: center;
        align-items: center;
        column-gap: 10px; } }
    .sec02_wrap .sp_side_scroll .scroll_txt {
      font-size: 3.1vw;
      color: #900; }
    .sec02_wrap .sp_side_scroll .swipe_icon {
      line-height: 0; }
      .sec02_wrap .sp_side_scroll .swipe_icon img {
        width: 30px; }
  .sec02_wrap .sec02_bottom_image {
    display: flex;
    justify-content: center;
    grid-gap: 15px;
    max-width: 1000px;
    width: 83.34%;
    margin: 20px auto 0; }
    @media screen and (max-width: 480px) {
      .sec02_wrap .sec02_bottom_image {
        grid-gap: 10px;
        width: 100%;
        flex-wrap: wrap; } }
    @media screen and (max-width: 480px) {
      .sec02_wrap .sec02_bottom_image figure {
        width: calc(50% - 5px); } }

.sec_cv .sec_lead_wrap {
  margin-bottom: clamp(40px, 5%, 60px); }
  .sec_cv .sec_lead_wrap .lead + .read {
    margin-top: 2em; }
    @media screen and (max-width: 480px) {
      .sec_cv .sec_lead_wrap .lead + .read {
        margin-top: 1.5em; } }
.sec_cv .lead {
  font-size: clamp(18px, 1.93vw, 24px); }
.sec_cv .read {
  font-size: clamp(14px, 1.334vw, 16px);
  line-height: 2.5; }
  @media screen and (max-width: 480px) {
    .sec_cv .read {
      line-height: 2; } }
.sec_cv .info_cv_bg .cv_btn_wrap {
  max-width: 960px; }
  @media screen and (max-width: 768px) {
    .sec_cv .info_cv_bg .cv_btn_wrap {
      width: 90%;
      flex-direction: column;
      gap: 15px 0; } }
  .sec_cv .info_cv_bg .cv_btn_wrap .cv_btn a {
    width: 100%;
    font-size: 12px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s ease-in-out;
    border: 1px solid rgba(0, 0, 0, 0.05); }
    .sec_cv .info_cv_bg .cv_btn_wrap .cv_btn a .text {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-left: auto;
      margin-right: auto; }
      .sec_cv .info_cv_bg .cv_btn_wrap .cv_btn a .text .jp {
        margin-right: 0.5em; }
    .sec_cv .info_cv_bg .cv_btn_wrap .cv_btn a .arrow {
      width: 5px;
      line-height: 0; }
      .sec_cv .info_cv_bg .cv_btn_wrap .cv_btn a .arrow img {
        width: 100%; }
    @media (hover: hover) {
      .sec_cv .info_cv_bg .cv_btn_wrap .cv_btn a:hover {
        opacity: 0.7; } }
  .sec_cv .info_cv_bg .cv_btn_wrap .cv_btn {
    width: 47.92%; }
    @media screen and (max-width: 768px) {
      .sec_cv .info_cv_bg .cv_btn_wrap .cv_btn {
        width: 100%; } }
    .sec_cv .info_cv_bg .cv_btn_wrap .cv_btn a {
      font-size: clamp(18px, 1.91vw, 28px);
      padding: 0.5em 0.5em;
      letter-spacing: 0.03em; }
      .sec_cv .info_cv_bg .cv_btn_wrap .cv_btn a .text {
        gap: 0 0.8em; }
        .sec_cv .info_cv_bg .cv_btn_wrap .cv_btn a .text .jp {
          letter-spacing: 0.2em; }
        .sec_cv .info_cv_bg .cv_btn_wrap .cv_btn a .text .en {
          font-size: 0.6em;
          letter-spacing: 0.1em; }
.sec_cv .btn_req {
  color: #fff;
  background: #172a4d; }
.sec_cv .btn_res {
  color: #fff;
  background: #59aa7a; }

.no_indent {
  text-indent: 0 !important;
  padding-left: 0 !important; }

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