/*! Writen  by SCSS */
.lp_content .inner {
  max-width: 1200px;
  width: calc(100% - 40px);
  margin: 0 auto; }
.lp_content .flex {
  display: flex;
  justify-content: space-between; }
.lp_content .flex_wrap {
  flex-wrap: wrap; }
.lp_content .flex_rr {
  flex-direction: row-reverse; }
.lp_content .pos_r {
  position: relative; }
.lp_content .pos_a {
  position: absolute; }
.lp_content .sec_main {
  position: relative;
  z-index: 1;
  background: url("../images/01/main_bg.png") top center/cover no-repeat;
  padding-top: 57.3%; }
  @media screen and (max-width: 480px) {
    .lp_content .sec_main {
      background: url("../images/01/main_bg_sp.png") top center/cover no-repeat;
      padding-top: 164.8%; } }
  .lp_content .sec_main .main_inner {
    position: absolute;
    inset: 0;
    max-width: 1200px;
    width: 62.5%;
    margin-inline: auto; }
    @media screen and (max-width: 480px) {
      .lp_content .sec_main .main_inner {
        width: 100%; } }
    .lp_content .sec_main .main_inner .sec_head {
      position: absolute;
      z-index: 2;
      width: 85.09%;
      top: 0.91%;
      left: 6.34%; }
      .lp_content .sec_main .main_inner .sec_head::before {
        content: none; }
      @media screen and (max-width: 480px) {
        .lp_content .sec_main .main_inner .sec_head {
          z-index: 1;
          width: 85.46%;
          top: 6.51%;
          left: 8.42%; } }
    .lp_content .sec_main .main_inner .main_lead {
      position: absolute;
      width: 72.84%;
      top: 3.64%;
      left: 0;
      right: 0;
      margin-inline: auto; }
      @media screen and (max-width: 480px) {
        .lp_content .sec_main .main_inner .main_lead {
          z-index: 2;
          width: 67.61%;
          top: 5.89%; } }
    .lp_content .sec_main .main_inner .main_text {
      position: absolute;
      width: 41%;
      top: 47.28%;
      left: 14.17%; }
      @media screen and (max-width: 480px) {
        .lp_content .sec_main .main_inner .main_text {
          width: 71.69%;
          top: 66.57%;
          left: 0;
          right: 0;
          margin-inline: auto; } }
    .lp_content .sec_main .main_inner .main_illust {
      position: absolute;
      width: 25.25%;
      top: 43.91%;
      left: 59.59%; }
      @media screen and (max-width: 480px) {
        .lp_content .sec_main .main_inner .main_illust {
          display: none; } }
.lp_content .contact_wrap {
  text-align: center; }
  .lp_content .contact_wrap .contact_lead {
    font-size: clamp(12px, 1.92vw, 20px);
    margin-bottom: 0.5em; }
  .lp_content .contact_wrap .contact_button {
    max-width: 590px;
    margin-inline: auto; }
    .lp_content .contact_wrap .contact_button a {
      width: 100%;
      border-radius: 100vmax;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: clamp(15px, 1.53vw, 19px);
      color: #fff;
      transition: opacity 0.3s ease-in-out;
      padding: 0.6em 0.2em;
      text-decoration: none; }
      @media (hover: hover) {
        .lp_content .contact_wrap .contact_button a:hover {
          opacity: 0.7; } }
.lp_content .sec01 {
  margin-top: clamp(-300px, -25%, -50px);
  position: relative;
  padding-top: clamp(100px, 29.17%, 350px); }
  @media screen and (max-width: 480px) {
    .lp_content .sec01 {
      margin-top: -15.18%;
      padding-top: 20.26%; } }
  .lp_content .sec01::before, .lp_content .sec01:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
    background-size: cover;
    background-repeat: no-repeat; }
  .lp_content .sec01::before {
    top: 0;
    background-position: bottom center;
    background-image: url("../images/01/lead_bg_top.png");
    padding-top: 29.48%; }
    @media screen and (max-width: 480px) {
      .lp_content .sec01::before {
        background-image: url("../images/01/lead_bg_top_sp.png");
        padding-top: 61.81%; } }
  .lp_content .sec01:after {
    bottom: 0;
    background-position: bottom center;
    background-image: url("../images/01/lead_bg_bottom.png");
    padding-top: 30.53%; }
    @media screen and (max-width: 480px) {
      .lp_content .sec01:after {
        background-image: url("../images/01/lead_bg_bottom_sp.png");
        padding-top: 56.35%; } }
  .lp_content .sec01 .sec01_inner {
    position: relative;
    max-width: 1200px;
    margin-inline: auto;
    padding-bottom: clamp(100px, 25%, 300px); }
    @media screen and (max-width: 480px) {
      .lp_content .sec01 .sec01_inner {
        padding-bottom: 7.6%; } }
  .lp_content .sec01 .sec01_text_box_01 {
    max-width: 978px;
    width: 81.5%;
    margin-left: 6.67%; }
    @media screen and (max-width: 480px) {
      .lp_content .sec01 .sec01_text_box_01 {
        margin-left: 0;
        width: 100%; } }
  .lp_content .sec01 .sec01_text_box_02 {
    max-width: 926px;
    width: 77.17%;
    margin-left: 13.34%; }
    @media screen and (max-width: 480px) {
      .lp_content .sec01 .sec01_text_box_02 {
        margin-left: 0;
        width: 100%; } }
  .lp_content .sec01 .sec01_image_wrap {
    margin-top: 20px; }
    .lp_content .sec01 .sec01_image_wrap .sec01_image {
      position: absolute;
      z-index: 2;
      line-height: 0; }
      @media screen and (max-width: 480px) {
        .lp_content .sec01 .sec01_image_wrap .sec01_image {
          position: relative; } }
      .lp_content .sec01 .sec01_image_wrap .sec01_image img {
        border-radius: 15px;
        display: block;
        line-height: 0;
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2); }
        @media screen and (max-width: 480px) {
          .lp_content .sec01 .sec01_image_wrap .sec01_image img {
            border-radius: 7px; } }
    .lp_content .sec01 .sec01_image_wrap .sec01_image_01 {
      max-width: 375px;
      width: 31.25%;
      margin-top: -12.5%;
      top: 0;
      right: 7.17%; }
      @media screen and (max-width: 480px) {
        .lp_content .sec01 .sec01_image_wrap .sec01_image_01 {
          width: 46.08%;
          right: 0;
          margin-top: 0;
          margin-left: 43.55%;
          z-index: 3; } }
    .lp_content .sec01 .sec01_image_wrap .sec01_image_02 {
      max-width: 397px;
      width: 33.09%;
      bottom: 0;
      margin-bottom: 8.34%;
      left: 5%; }
      @media screen and (max-width: 480px) {
        .lp_content .sec01 .sec01_image_wrap .sec01_image_02 {
          width: 50.64%;
          right: 0;
          margin-left: 5.07%;
          margin-top: -6.32%; } }
    .lp_content .sec01 .sec01_image_wrap .sec01_image_03 {
      max-width: 278px;
      width: 23.17%;
      z-index: 3;
      bottom: 0;
      margin-bottom: 2.92%;
      left: 32.17%; }
      @media screen and (max-width: 480px) {
        .lp_content .sec01 .sec01_image_wrap .sec01_image_03 {
          width: 35.45%;
          margin-left: 53.17%;
          margin-top: -7.59%;
          margin-bottom: 0;
          left: 0;
          z-index: 3; } }
.lp_content .sec02_content {
  padding-top: clamp(40px, 5%, 60px);
  padding-bottom: clamp(40px, 5%, 60px); }
  .lp_content .sec02_content .sec02_content_bg {
    max-width: 1000px;
    margin-inline: auto;
    background: #fff;
    border: 3px solid #333333;
    padding-top: clamp(40px, 5%, 60px);
    padding-bottom: clamp(30px, 4.17%, 50px);
    border-radius: 22px; }
    @media screen and (max-width: 480px) {
      .lp_content .sec02_content .sec02_content_bg {
        border: none; } }
    .lp_content .sec02_content .sec02_content_bg .sec02_inner {
      max-width: 900px;
      width: calc(100% - 40px);
      margin-inline: auto; }
    .lp_content .sec02_content .sec02_content_bg .sec02_head {
      font-size: clamp(16px, 3.84vw, 40px);
      line-height: 1;
      display: flex;
      align-items: center;
      font-weight: 500;
      color: #fff;
      padding: 0.2em 0.5em;
      gap: 0.5em;
      border-radius: 15px;
      margin-bottom: 1em; }
      @media screen and (max-width: 480px) {
        .lp_content .sec02_content .sec02_content_bg .sec02_head {
          border-radius: 7px;
          padding: 0.5em; } }
      .lp_content .sec02_content .sec02_content_bg .sec02_head .text_item {
        font-size: 0.55em;
        padding: 0.25em 0.4em;
        background: #fff;
        border-radius: 7px;
        letter-spacing: 0.2em; }
        @media screen and (max-width: 480px) {
          .lp_content .sec02_content .sec02_content_bg .sec02_head .text_item {
            border-radius: 4px; } }
    @media screen and (max-width: 480px) {
      .lp_content .sec02_content .sec02_content_bg .sec02_top {
        display: flex;
        flex-direction: column-reverse; } }
    .lp_content .sec02_content .sec02_content_bg .sec02_lead_wrap .sec02_main_slider {
      max-width: 420px;
      width: 46.67%; }
      @media screen and (max-width: 480px) {
        .lp_content .sec02_content .sec02_content_bg .sec02_lead_wrap .sec02_main_slider {
          display: none; } }
    .lp_content .sec02_content .sec02_content_bg .sec02_lead_wrap .lead_text_box {
      width: 52.45%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      gap: 15px 0; }
      @media screen and (max-width: 480px) {
        .lp_content .sec02_content .sec02_content_bg .sec02_lead_wrap .lead_text_box {
          width: 100%; } }
      .lp_content .sec02_content .sec02_content_bg .sec02_lead_wrap .lead_text_box .sec02_price_wrap {
        width: 95.34%;
        margin-left: auto;
        font-size: clamp(16px, 2.3vw, 24px); }
        @media screen and (max-width: 480px) {
          .lp_content .sec02_content .sec02_content_bg .sec02_lead_wrap .lead_text_box .sec02_price_wrap {
            width: 100%; } }
        .lp_content .sec02_content .sec02_content_bg .sec02_lead_wrap .lead_text_box .sec02_price_wrap .item {
          line-height: 1; }
          .lp_content .sec02_content .sec02_content_bg .sec02_lead_wrap .lead_text_box .sec02_price_wrap .item + .item {
            margin-top: 0.5em; }
          .lp_content .sec02_content .sec02_content_bg .sec02_lead_wrap .lead_text_box .sec02_price_wrap .item .item_inner {
            display: flex;
            align-items: baseline;
            justify-content: space-between;
            background: #fffbc7;
            padding: 0.6em 1.5em;
            border-radius: 15px; }
            @media screen and (max-width: 480px) {
              .lp_content .sec02_content .sec02_content_bg .sec02_lead_wrap .lead_text_box .sec02_price_wrap .item .item_inner {
                border-radius: 7px; } }
            .lp_content .sec02_content .sec02_content_bg .sec02_lead_wrap .lead_text_box .sec02_price_wrap .item .item_inner .price_name {
              line-height: 1; }
              .lp_content .sec02_content .sec02_content_bg .sec02_lead_wrap .lead_text_box .sec02_price_wrap .item .item_inner .price_name .text_min {
                font-size: 0.75em; }
            .lp_content .sec02_content .sec02_content_bg .sec02_lead_wrap .lead_text_box .sec02_price_wrap .item .item_inner .price {
              line-height: 1;
              font-size: 0.91em; }
          .lp_content .sec02_content .sec02_content_bg .sec02_lead_wrap .lead_text_box .sec02_price_wrap .item .price_cap {
            font-size: 0.62em;
            margin-top: 0.3em;
            color: #292823; }
    .lp_content .sec02_content .sec02_content_bg .sec02_sub_slider_outer {
      overflow: hidden; }
    .lp_content .sec02_content .sec02_content_bg .sec02_sub_slider {
      max-width: 820px;
      width: calc(100% - 70px);
      margin: clamp(25px, 3.34%, 40px) auto;
      position: relative;
      overflow: visible; }
      @media screen and (max-width: 480px) {
        .lp_content .sec02_content .sec02_content_bg .sec02_sub_slider {
          margin-top: 0;
          width: calc(100% - 40px); } }
    .lp_content .sec02_content .sec02_content_bg .swiper-button-next,
    .lp_content .sec02_content .sec02_content_bg .swiper-button-prev {
      top: 0;
      bottom: 0;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 30px;
      line-height: 0; }
      .lp_content .sec02_content .sec02_content_bg .swiper-button-next img,
      .lp_content .sec02_content .sec02_content_bg .swiper-button-prev img {
        width: 100%;
        margin: auto; }
      .lp_content .sec02_content .sec02_content_bg .swiper-button-next::after,
      .lp_content .sec02_content .sec02_content_bg .swiper-button-prev::after {
        content: none; }
    .lp_content .sec02_content .sec02_content_bg .swiper-button-next {
      right: -40px; }
      @media screen and (max-width: 480px) {
        .lp_content .sec02_content .sec02_content_bg .swiper-button-next {
          right: -15px; } }
    .lp_content .sec02_content .sec02_content_bg .swiper-button-prev {
      left: -40px; }
      @media screen and (max-width: 480px) {
        .lp_content .sec02_content .sec02_content_bg .swiper-button-prev {
          left: -15px; } }
    .lp_content .sec02_content .sec02_content_bg .outline_list {
      max-width: 820px;
      margin-inline: auto;
      font-size: clamp(11px, 1.73vw, 18px);
      margin-bottom: clamp(40px, 5%, 60px); }
      .lp_content .sec02_content .sec02_content_bg .outline_list .item {
        padding: 1.22em 0.55em;
        display: flex;
        align-items: baseline;
        gap: 0.5em 2em; }
        .lp_content .sec02_content .sec02_content_bg .outline_list .item dt {
          width: 5em;
          flex-shrink: 0;
          margin: 0; }
        .lp_content .sec02_content .sec02_content_bg .outline_list .item dd {
          flex-grow: 1;
          margin: 0; }
        .lp_content .sec02_content .sec02_content_bg .outline_list .item:not(:last-child) {
          border-bottom: 1px solid #808080; }
        @media screen and (max-width: 480px) {
          .lp_content .sec02_content .sec02_content_bg .outline_list .item:last-child {
            flex-direction: column; } }
    .lp_content .sec02_content .sec02_content_bg .map_wrap {
      max-width: 820px;
      margin-inline: auto; }
    .lp_content .sec02_content .sec02_content_bg .address_wrap {
      display: flex;
      align-items: baseline;
      font-size: clamp(12px, 1.34vw, 14px);
      line-height: 1;
      padding: 0.6em 1em;
      color: #fff; }
      @media screen and (max-width: 480px) {
        .lp_content .sec02_content .sec02_content_bg .address_wrap {
          flex-wrap: wrap; } }
      .lp_content .sec02_content .sec02_content_bg .address_wrap .address_head {
        font-size: 0.8em;
        border-right: 1px solid;
        padding-right: 1em;
        margin-right: 1em; }
      .lp_content .sec02_content .sec02_content_bg .address_wrap .address_sub {
        margin-left: auto;
        font-size: 0.6em; }
        @media screen and (max-width: 480px) {
          .lp_content .sec02_content .sec02_content_bg .address_wrap .address_sub {
            width: 100%;
            text-align: right;
            margin-top: 0.5em; } }
    .lp_content .sec02_content .sec02_content_bg .map_box iframe {
      display: block;
      width: 100%;
      line-height: 0;
      aspect-ratio: 820 / 315; }
      @media screen and (max-width: 480px) {
        .lp_content .sec02_content .sec02_content_bg .map_box iframe {
          aspect-ratio: 300 / 150; } }
    .lp_content .sec02_content .sec02_content_bg .contact_wrap {
      margin-top: clamp(40px, 5%, 60px); }
  .lp_content .sec02_content.sec02_content_01 {
    background: #e6794f; }
    .lp_content .sec02_content.sec02_content_01 .sec02_head {
      background: #e6794f; }
      .lp_content .sec02_content.sec02_content_01 .sec02_head .text_item {
        color: #e6794f; }
    .lp_content .sec02_content.sec02_content_01 .point_box {
      max-width: 446px;
      width: 94.5%; }
    .lp_content .sec02_content.sec02_content_01 .address_wrap {
      background: #e6794f; }
    .lp_content .sec02_content.sec02_content_01 .contact_button a {
      background: #e6794f; }
  .lp_content .sec02_content.sec02_content_02 {
    background: #b0bd22; }
    .lp_content .sec02_content.sec02_content_02 .sec02_head {
      background: #b0bd22; }
      .lp_content .sec02_content.sec02_content_02 .sec02_head .text_item {
        color: #b0bd22; }
    .lp_content .sec02_content.sec02_content_02 .point_box {
      max-width: 472px;
      width: 100%; }
    .lp_content .sec02_content.sec02_content_02 .address_wrap {
      background: #b0bd22; }
    .lp_content .sec02_content.sec02_content_02 .contact_button a {
      background: #b0bd22; }
.lp_content .sec03 {
  padding-top: clamp(25px, 3.34%, 40px);
  padding-bottom: clamp(50px, 6.67%, 80px); }
  .lp_content .sec03 .sec03_contact_button_top a {
    background: #029845; }
  .lp_content .sec03 .sec03_image_wrap {
    margin-top: clamp(40px, 5%, 60px);
    margin-bottom: clamp(60px, 8.34%, 100px); }
    @media screen and (max-width: 480px) {
      .lp_content .sec03 .sec03_image_wrap {
        margin-top: 25px;
        margin-bottom: 40px; } }
    .lp_content .sec03 .sec03_image_wrap .image_box {
      width: calc(100%  / 3); }
      .lp_content .sec03 .sec03_image_wrap .image_box img {
        width: 100%; }
  .lp_content .sec03 .sec03_contact_bottom .contact_button_sec03_bottom a {
    color: #3daba4;
    background: #fff;
    border: 1px solid; }

.page_top_button {
  position: fixed;
  z-index: 999;
  max-width: 26px;
  right: 40px;
  bottom: 60px;
  transform: translateX(80px);
  transition: opacity 0.3s ease-in-out,transform 0.3s ease-in-out; }
  @media screen and (max-width: 480px) {
    .page_top_button {
      right: 20px;
      bottom: 120px; } }
  @media (hover: hover) {
    .page_top_button:hover {
      opacity: 0.7; } }
  .scrolled .page_top_button {
    transform: translateX(0); }

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