/*! Writen  by SCSS */
.head_bg {
  width: 100%;
  height: 100%;
  display: block;
  line-height: 0;
  aspect-ratio: 278 / 62;
  object-fit: cover;
  object-position: center;
  fill: currentColor; }

img.wide_image {
  width: 100%; }

.sec_main img {
  width: 100%; }

.sec_lead {
  padding-top: clamp(50px, 8%, 80px);
  padding-bottom: clamp(50px, 8%, 80px); }
  .sec_lead .cv_button {
    max-width: 525px;
    width: 52.5%;
    margin-bottom: 0; }
    @media screen and (max-width: 480px) {
      .sec_lead .cv_button {
        width: 100%; } }
    .sec_lead .cv_button .cv_ico {
      position: absolute;
      left: 0;
      right: 0;
      top: calc(-50%/0.68);
      width: calc(525%/3.68); }
    .sec_lead .cv_button .button {
      max-width: 368px;
      width: 70.1%;
      margin: 0 auto; }
      @media screen and (max-width: 480px) {
        .sec_lead .cv_button .button {
          width: 72%; } }

.bg_wrap {
  background: #333;
  color: #fff; }

.sec01 .inner {
  padding-top: clamp(50px, 8%, 80px);
  padding-bottom: clamp(50px, 8%, 80px); }

.sec01_2 .inner {
  padding-top: clamp(50px, 8%, 80px); }

.sec02 {
  padding-top: clamp(80px, 12%, 120px);
  padding-bottom: clamp(80px, 12%, 120px); }

.sec03 {
  padding-top: clamp(50px, 8%, 80px);
  padding-bottom: clamp(50px, 8%, 80px);
  position: relative;
  z-index: 1; }
  .sec03 .cv_button {
    max-width: 525px;
    width: 52.5%;
    margin-bottom: 0; }
    @media screen and (max-width: 480px) {
      .sec03 .cv_button {
        margin-top: 80px;
        width: 100%; } }
    .sec03 .cv_button .cv_ico {
      position: absolute;
      left: 0;
      right: 0;
      top: calc(-50%/0.68);
      width: calc(525%/3.68); }
    .sec03 .cv_button .button {
      max-width: 368px;
      width: 70.1%;
      margin: 0 auto; }
      @media screen and (max-width: 480px) {
        .sec03 .cv_button .button {
          width: 72%; } }
  .sec03 .sec_head {
    margin-bottom: clamp(60px, 10%, 100px); }
  .sec03 .bg_image {
    position: absolute;
    line-height: 0;
    top: 0;
    z-index: -1; }
  .sec03 .bg_image_left {
    left: 0;
    width: 34.85%;
    margin-top: 2.74%; }
  .sec03 .bg_image_right {
    right: 0;
    width: 47.35%;
    margin-top: 70.79%; }

.sec04 {
  padding-top: clamp(50px, 9%, 90px);
  padding-bottom: clamp(40px, 6%, 60px);
  background: url("../images/lp/bg_pirates.png") center/cover no-repeat;
  color: #fff; }

.sec05 {
  background: url("../images/lp/bg_bottom.jpg") center/cover no-repeat;
  padding-top: clamp(50px, 9%, 90px);
  padding-bottom: clamp(30px, 5%, 50px); }

.sec_head {
  width: 17.37em;
  aspect-ratio: 278 / 62;
  text-align: center;
  position: relative;
  font-size: clamp(13px, 1.53vw, 16px);
  line-height: 1;
  margin-inline: auto;
  text-align: center;
  margin-bottom: clamp(40px, 6%, 60px); }
  @media screen and (max-width: 480px) {
    .sec_head {
      font-size: 15px;
      width: 83%; } }
  .sec_head .text {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center; }

.sec_main_text {
  font-size: clamp(28px, 4.61vw, 48px);
  line-height: 1.42; }
  @media screen and (max-width: 480px) {
    .sec_main_text {
      font-size: 30px; } }

.read {
  font-size: clamp(13px, 1.44vw, 15px);
  line-height: 2.54; }
  @media screen and (max-width: 480px) {
    .read {
      font-size: 14px;
      line-height: 2; } }

.read_min {
  font-size: clamp(11px, 1.34vw, 14px);
  line-height: 1.72; }
  @media screen and (max-width: 480px) {
    .read_min {
      font-size: 13px; } }

.text_sub {
  font-size: clamp(10px, 1.15vw, 12px);
  line-height: 1.67; }
  @media screen and (max-width: 480px) {
    .text_sub {
      font-size: 12px; } }

.border_head {
  text-align: center;
  font-size: clamp(16px, 2.3vw, 24px);
  line-height: 1;
  letter-spacing: 0.4em;
  letter-spacing: 0.3em;
  font-weight: 400; }
  @media screen and (max-width: 480px) {
    .border_head {
      letter-spacing: 0.1em; } }

.cv_button {
  max-width: 368px;
  width: 36.8%;
  margin-inline: auto;
  margin-bottom: clamp(30px, 5%, 50px); }
  @media screen and (max-width: 480px) {
    .cv_button {
      width: 90%; } }
  .cv_button a {
    display: block;
    line-height: 0;
    transition: opacity 0.3s ease-in-out;
    position: relative; }
    @media (hover: hover) {
      .cv_button a:hover {
        opacity: 0.7; } }
    .cv_button a img {
      display: block; }
    .cv_button a .balloon {
      position: absolute;
      z-index: 1;
      width: 49.19%;
      top: -44.11%;
      left: 89.68%; }
      @media screen and (max-width: 480px) {
        .cv_button a .balloon {
          left: auto;
          right: -20px; } }

.sec01_lead_wrap {
  text-align: center; }
  .sec01_lead_wrap .sec01_lead_text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5em;
    margin-bottom: 1em; }
    .sec01_lead_wrap .sec01_lead_text .text_top {
      font-size: 0.5em;
      line-height: 1.38; }
    .sec01_lead_wrap .sec01_lead_text .text_bottom {
      color: #c0ad5e; }
  .sec01_lead_wrap .read .text_border {
    color: #c0ad5e;
    text-decoration: underline; }

.sec01_image {
  max-width: 780px;
  margin-inline: auto;
  margin-bottom: clamp(30px, 5%, 50px); }

.sec01_result {
  margin-top: clamp(40px, 6%, 60px);
  margin-bottom: clamp(40px, 6%, 60px); }

.sec01_b_wrap {
  align-items: flex-start;
  justify-content: center;
  gap: 0 2.5%; }
  @media screen and (max-width: 480px) {
    .sec01_b_wrap {
      flex-direction: column;
      align-items: center;
      gap: 20px 0; } }
  .sec01_b_wrap .image_box_left {
    max-width: 342px;
    width: 34.21%; }
    @media screen and (max-width: 480px) {
      .sec01_b_wrap .image_box_left {
        width: 72.16%; } }
  .sec01_b_wrap .image_box_right {
    max-width: 474px;
    width: 47.4%; }
    @media screen and (max-width: 480px) {
      .sec01_b_wrap .image_box_right {
        width: 100%; } }

.sec01_b_image_wrap {
  position: relative;
  display: flex;
  align-items: flex-start; }
  .sec01_b_image_wrap .image {
    width: 50%; }
  .sec01_b_image_wrap .image_text {
    position: absolute;
    width: 23.13%;
    top: 8.14%;
    left: 0;
    right: 0;
    z-index: 2;
    margin-inline: auto; }

.sec02_group_wrap {
  margin-top: clamp(40px, 6%, 60px);
  margin-bottom: clamp(50px, 8%, 80px);
  max-width: 780px;
  max-width: 840px;
  margin-inline: auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 30px 3.57%; }
  @media screen and (max-width: 480px) {
    .sec02_group_wrap {
      width: 80%;
      flex-direction: column;
      gap: 20px; } }
  .sec02_group_wrap .group_box .box_head {
    font-size: clamp(13px, 2.14vw, 18px);
    line-height: 1;
    padding: 0.6em 0;
    border-top: 1px solid;
    border-bottom: 1px solid;
    margin-bottom: 1em; }
  .sec02_group_wrap .group_box .box_list {
    font-size: 10px;
    line-height: 1.4;
    display: flex;
    flex-direction: column;
    gap: 0.5em; }
    .sec02_group_wrap .group_box .box_list .item {
      gap: 0.6em;
      display: flex;
      align-items: baseline; }
      .sec02_group_wrap .group_box .box_list .item dt {
        width: 4em; }
  .sec02_group_wrap .group_box_01 {
    width: 38.1%; }
    @media screen and (max-width: 480px) {
      .sec02_group_wrap .group_box_01 {
        width: 100%; } }
  .sec02_group_wrap .box_wide {
    width: 57.74%;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    @media screen and (max-width: 480px) {
      .sec02_group_wrap .box_wide {
        width: 100%;
        gap: 20px; }
        .sec02_group_wrap .box_wide .box_inner {
          flex-direction: column;
          gap: 20px; } }
    .sec02_group_wrap .box_wide .group_box_02 {
      width: 50.52%; }
      @media screen and (max-width: 480px) {
        .sec02_group_wrap .box_wide .group_box_02 {
          width: 100%; } }
    .sec02_group_wrap .box_wide .group_box_03 {
      width: 41.24%; }
      @media screen and (max-width: 480px) {
        .sec02_group_wrap .box_wide .group_box_03 {
          width: 100%; } }
    .sec02_group_wrap .box_wide .address {
      font-size: 10px; }
  .sec02_group_wrap .group_box_04 {
    width: 27.39%; }
    @media screen and (max-width: 480px) {
      .sec02_group_wrap .group_box_04 {
        width: 100%; } }
  .sec02_group_wrap .group_box_05 {
    width: 23.81%; }
    @media screen and (max-width: 480px) {
      .sec02_group_wrap .group_box_05 {
        width: 100%; } }

.sec03 {
  overflow: hidden; }
  .sec03 .inner {
    max-width: 780px; }
  .sec03 .sec03_lead {
    text-align: center;
    padding-bottom: 0.8em;
    border-bottom: 1px solid; }
  .sec03 .more_button {
    width: 100%; }
    @media screen and (max-width: 480px) {
      .sec03 .more_button {
        margin-top: 1.2em !important; } }
    .sec03 .more_button a {
      text-align: center;
      padding: 0.8em 0.3em;
      font-size: clamp(10px, 1.82vw, 15px);
      display: block;
      line-height: 1;
      letter-spacing: 0.1em;
      border-radius: 100vmax;
      color: #fff;
      background: #537185; }
      @media screen and (max-width: 480px) {
        .sec03 .more_button a {
          padding: 1em 0.3em;
          font-size: calc(12.5vw/3.9);
          letter-spacing: 0.03em; } }

.border_term {
  font-size: clamp(14px, 2.19vw, 18px);
  border: 1px solid;
  line-height: 1;
  padding: 0.6em 0.4em; }

.sec03_wrap_01 {
  margin-bottom: 40px;
  display: flex;
  align-items: flex-start;
  flex-direction: row-reverse;
  justify-content: space-between;
  margin-right: calc((100% - 780px) / 2); }
  @media screen and (max-width: 820px) {
    .sec03_wrap_01 {
      margin-right: auto; } }
  @media screen and (max-width: 480px) {
    .sec03_wrap_01 {
      flex-direction: column; } }
  .sec03_wrap_01 .more_button {
    margin-top: 1.2em; }
  .sec03_wrap_01 .sub_image {
    width: 50%; }
    @media screen and (max-width: 480px) {
      .sec03_wrap_01 .sub_image {
        width: 100%;
        margin-top: 30px; } }
  .sec03_wrap_01 .text_wrap {
    width: 46.61%; }
    @media screen and (max-width: 480px) {
      .sec03_wrap_01 .text_wrap {
        width: calc(100% - 40px);
        margin-inline: auto; } }
    .sec03_wrap_01 .text_wrap .sec03_01_text_top {
      padding-bottom: 8.34%;
      margin-bottom: 8.34%;
      border-bottom: 1px solid; }
      .sec03_wrap_01 .text_wrap .sec03_01_text_top .sec03_top_head {
        font-size: clamp(18px, 2.92vw, 24px);
        border-bottom: 1px solid;
        padding-right: 1em;
        padding-bottom: 0.5em;
        margin-bottom: 1em; }
      .sec03_wrap_01 .text_wrap .sec03_01_text_top .sec03_top_lead {
        font-size: clamp(24px, 3.65vw, 30px);
        font-weight: 900;
        line-height: 1;
        letter-spacing: 0.2em;
        margin-bottom: 0.7em; }
    .sec03_wrap_01 .text_wrap .sec03_01_text_bottom {
      font-weight: 700; }
      .sec03_wrap_01 .text_wrap .sec03_01_text_bottom .bg_head {
        font-size: clamp(13px, 2.19vw, 18px);
        line-height: 1;
        background: #c3ac5b;
        padding: 0.5em;
        margin-bottom: 1.5em; }
      .sec03_wrap_01 .text_wrap .sec03_01_text_bottom .border_term_wrap {
        display: flex;
        gap: 10px;
        margin-bottom: 15px; }
        .sec03_wrap_01 .text_wrap .sec03_01_text_bottom .border_term_wrap .border_term.wide {
          width: 100%; }
      .sec03_wrap_01 .text_wrap .sec03_01_text_bottom .read_min {
        margin-bottom: 1em; }

.sec03_wrap_02 {
  position: relative;
  margin-bottom: 80px; }
  @media screen and (max-width: 480px) {
    .sec03_wrap_02 {
      margin-bottom: 40px; } }
  .sec03_wrap_02 .more_button01 {
    margin-top: clamp(40px, 6%, 60px); }
  .sec03_wrap_02 .more_button03 {
    margin-top: 1.2em; }
  .sec03_wrap_02 .text_wrap {
    border-top: 1px solid; }
    .sec03_wrap_02 .text_wrap .text_inner {
      padding-top: 40px;
      padding-bottom: 40px;
      border-bottom: 1px solid; }
      @media screen and (max-width: 480px) {
        .sec03_wrap_02 .text_wrap .text_inner {
          padding-top: 25px;
          padding-bottom: 25px; } }
      .sec03_wrap_02 .text_wrap .text_inner .text_box {
        display: flex;
        align-items: flex-start;
        gap: 20px; }
        @media screen and (max-width: 480px) {
          .sec03_wrap_02 .text_wrap .text_inner .text_box {
            flex-direction: column;
            gap: 15px; } }
        .sec03_wrap_02 .text_wrap .text_inner .text_box .border_term {
          width: 28.21%;
          flex-shrink: 0; }
          @media screen and (max-width: 480px) {
            .sec03_wrap_02 .text_wrap .text_inner .text_box .border_term {
              width: 80%; } }
        .sec03_wrap_02 .text_wrap .text_inner .text_box .read_min {
          flex-grow: 1; }
        .sec03_wrap_02 .text_wrap .text_inner .text_box + .text_box {
          margin-top: 20px; }
    .sec03_wrap_02 .text_wrap .box_inner {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 20px 0; }
      @media screen and (max-width: 480px) {
        .sec03_wrap_02 .text_wrap .box_inner {
          gap: 10px 0;
          justify-content: center; } }
      .sec03_wrap_02 .text_wrap .box_inner .text {
        width: 63.83%; }
        @media screen and (max-width: 480px) {
          .sec03_wrap_02 .text_wrap .box_inner .text {
            width: 100%; } }
      .sec03_wrap_02 .text_wrap .box_inner .image_box {
        max-width: 150px;
        width: 31.92%; }
        @media screen and (max-width: 480px) {
          .sec03_wrap_02 .text_wrap .box_inner .image_box {
            width: 100px; } }
  @media screen and (max-width: 480px) {
    .sec03_wrap_02 .sub_image_wrap {
      display: flex;
      margin-top: 20px; } }
  .sec03_wrap_02 .sub_image {
    position: absolute; }
    @media screen and (max-width: 480px) {
      .sec03_wrap_02 .sub_image {
        position: static; }
        .sec03_wrap_02 .sub_image img {
          width: 100%;
          height: 100%;
          display: block;
          line-height: 0;
          object-fit: cover;
          object-position: center; } }
  .sec03_wrap_02 .sub_image_01 {
    width: 23.75%;
    right: 0;
    top: -22px; }
    @media screen and (max-width: 480px) {
      .sec03_wrap_02 .sub_image_01 {
        width: 58%; } }
  .sec03_wrap_02 .sub_image_02 {
    width: 17.58%;
    bottom: 0;
    left: 0; }
    @media screen and (max-width: 480px) {
      .sec03_wrap_02 .sub_image_02 {
        width: 42%; } }

.sec04 .inner {
  display: flex;
  flex-direction: column;
  align-items: center; }
.sec04 .sec04_logo {
  max-width: 300px;
  width: 30%;
  margin-bottom: 3%; }
  @media screen and (max-width: 480px) {
    .sec04 .sec04_logo {
      width: 50%;
      margin-bottom: 20px; } }
.sec04 .name_text {
  max-width: 710px;
  width: 71%;
  margin-bottom: 2%; }
  @media screen and (max-width: 480px) {
    .sec04 .name_text {
      width: 100%;
      margin-bottom: 20px; } }
.sec04 .illust_box {
  max-width: 780px;
  width: 78%;
  line-height: 0;
  border-bottom: 1px solid; }
  @media screen and (max-width: 480px) {
    .sec04 .illust_box {
      width: 100%; } }
  .sec04 .illust_box img {
    width: 18.72%;
    display: block;
    margin-inline: auto; }
    @media screen and (max-width: 480px) {
      .sec04 .illust_box img {
        width: 50%; } }
.sec04 .sec04_lead {
  margin-top: 2.22em;
  margin-bottom: 2.77em;
  font-weight: 700;
  font-size: clamp(14px, 1.73vw, 18px);
  text-align: center;
  line-height: 2; }
.sec04 .link_box {
  max-width: 219px;
  width: 21.9%; }
  @media screen and (max-width: 480px) {
    .sec04 .link_box {
      width: 200px; } }
  .sec04 .link_box a {
    display: block;
    transition: opacity 0.3s ease-in-out; }
    @media (hover: hover) {
      .sec04 .link_box a:hover {
        opacity: 0.7; } }

.sec05_lead_wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: clamp(25px, 4%, 40px);
  color: #fff; }
  .sec05_lead_wrap .sec_head {
    position: relative;
    z-index: 1;
    margin-bottom: clamp(30px, 5%, 50px); }
  .sec05_lead_wrap .head_bg {
    fill: currentColor; }

.banner_list {
  align-items: flex-start;
  display: flex;
  justify-content: center;
  gap: 0 2.6%;
  margin-bottom: clamp(25px, 4%, 40px); }
  @media screen and (max-width: 480px) {
    .banner_list {
      width: 90%;
      margin-inline: auto;
      flex-wrap: wrap;
      justify-content: flex-start;
      gap: 15px 4%; } }
  .banner_list .item {
    max-width: 180px;
    width: 18%; }
    @media screen and (max-width: 480px) {
      .banner_list .item {
        width: 48%; } }
  .banner_list .item_min {
    max-width: 162px;
    width: 16.2%; }
    @media screen and (max-width: 480px) {
      .banner_list .item_min {
        width: 43.2%; } }

.illust_wrap {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 1.8%;
  margin-bottom: clamp(25px, 4%, 40px); }
  @media screen and (max-width: 480px) {
    .illust_wrap {
      position: relative;
      padding-top: 36%; } }
  .illust_wrap .illust_left {
    max-width: 194px;
    width: 19.4%;
    margin-top: 1%; }
    @media screen and (max-width: 480px) {
      .illust_wrap .illust_left {
        position: absolute;
        left: 0;
        top: 0;
        width: 40%; } }
  .illust_wrap .illust_right {
    max-width: 583px;
    width: 58.3%; }
    @media screen and (max-width: 480px) {
      .illust_wrap .illust_right {
        width: 100%; } }

.more_box {
  max-width: 690px;
  margin-inline: auto;
  display: flex;
  justify-content: center; }
  @media screen and (max-width: 480px) {
    .more_box {
      flex-direction: column; } }
  .more_box .more_banner {
    flex-shrink: 0;
    max-width: 341px;
    width: 49.43%; }
    @media screen and (max-width: 480px) {
      .more_box .more_banner {
        width: 100%; } }
    .more_box .more_banner a {
      display: block;
      line-height: 0;
      transition: opacity 0.3s ease-in-out; }
      @media (hover: hover) {
        .more_box .more_banner a:hover {
          opacity: 0.7; } }

.sec_bottom_cv {
  padding-top: clamp(50px, 9%, 90px);
  background: #fff; }
  .sec_bottom_cv .bottom_cv_lead {
    width: 32.66em;
    margin-inline: auto;
    position: relative;
    font-size: clamp(16px, 2.3vw, 24px);
    font-weight: 800;
    letter-spacing: 0.2em;
    margin-bottom: 0.8em; }
    @media screen and (max-width: 480px) {
      .sec_bottom_cv .bottom_cv_lead {
        width: 100%;
        letter-spacing: 0; } }
    .sec_bottom_cv .bottom_cv_lead .balloon {
      display: block;
      line-height: 0; }
    .sec_bottom_cv .bottom_cv_lead .text {
      color: #754c24;
      text-align: center;
      position: absolute;
      line-height: 1;
      top: 0.83em;
      left: 0;
      right: 0; }
      @media screen and (max-width: 480px) {
        .sec_bottom_cv .bottom_cv_lead .text {
          top: 0.4em; } }
  .sec_bottom_cv .banner_pirates {
    margin-bottom: clamp(50px, 9%, 90px); }

.sns_link {
  background: #bdbebe;
  padding-top: clamp(25px, 4%, 40px);
  padding-bottom: clamp(25px, 4%, 40px); }
  .sns_link .sns_link_list {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 3%; }
    @media screen and (max-width: 480px) {
      .sns_link .sns_link_list {
        gap: 20px; } }
    .sns_link .sns_link_list .item {
      max-width: 74px;
      width: 7.4%; }
      @media screen and (max-width: 480px) {
        .sns_link .sns_link_list .item {
          width: 60px; } }

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