@charset "UTF-8";
/*! Writen  by SCSS */
button {
  cursor: pointer;
  border: none;
  padding: 0;
  background: none;
  margin: 0; }
  button:focus {
    outline: 0; }

.read {
  font-size: clamp(13px, 1.29vw, 16px);
  line-height: 2.5;
  letter-spacing: 0.1em; }
  @media screen and (max-width: 480px) {
    .read {
      font-size: 16px; } }

.sec_main {
  aspect-ratio: 1600 / 880;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1; }
  @media screen and (max-width: 480px) {
    .sec_main {
      aspect-ratio: 414 / 600; } }
  .sec_main .main_text .main_text_jp,
  .sec_main .main_text .main_text_en {
    position: absolute;
    z-index: 2;
    transition: filter 1s ease-in-out; }
  .sec_main .main_text .main_text_jp {
    width: 29.13%;
    left: 3.13%;
    bottom: 7.39%;
    filter: drop-shadow(0px 0px 0px #0c203b) drop-shadow(0px 0px 1px #0c203b) drop-shadow(0px 0px 2px #0c203b) drop-shadow(0px 0px 3px #0c203b) drop-shadow(0px 0px 4px #0c203b) drop-shadow(0px 0px 5px #0c203b); }
    @media screen and (max-width: 480px) {
      .sec_main .main_text .main_text_jp {
        width: 73.68%;
        top: 17.5%;
        left: 4.84%;
        filter: drop-shadow(0px 0px 0px #0c203b) drop-shadow(0px 0px 1px #0c203b) drop-shadow(0px 0px 2px #0c203b) drop-shadow(0px 0px 3px #0c203b);
        bottom: auto; } }
    .top_scrolled .sec_main .main_text .main_text_jp {
      filter: drop-shadow(0px 0px 0px rgba(12, 32, 59, 0.6)) drop-shadow(0px 0px 1px rgba(12, 32, 59, 0.6)) drop-shadow(0px 0px 2px rgba(12, 32, 59, 0.6)) drop-shadow(0px 0px 3px rgba(12, 32, 59, 0.6)); }
      @media screen and (max-width: 480px) {
        .top_scrolled .sec_main .main_text .main_text_jp {
          filter: drop-shadow(0px 0px 0px rgba(12, 32, 59, 0.2)) drop-shadow(0px 0px 1px rgba(12, 32, 59, 0.2)) drop-shadow(0px 0px 2px rgba(12, 32, 59, 0.2)) drop-shadow(0px 0px 3px rgba(12, 32, 59, 0.2)); } }
  .sec_main .main_text .main_text_en {
    width: 24%;
    left: 35%;
    bottom: 8.3%;
    filter: drop-shadow(0px 0px 0px #0c203b) drop-shadow(0px 0px 1px #0c203b) drop-shadow(0px 0px 2px #0c203b) drop-shadow(0px 0px 3px #0c203b); }
    @media screen and (max-width: 480px) {
      .sec_main .main_text .main_text_en {
        width: 60.87%;
        top: 34.5%;
        left: 4.84%;
        filter: drop-shadow(0px 0px 0px #0c203b) drop-shadow(0px 0px 1px #0c203b) drop-shadow(0px 0px 2px #0c203b);
        bottom: auto; } }
    .top_scrolled .sec_main .main_text .main_text_en {
      filter: drop-shadow(0px 0px 0px rgba(12, 32, 59, 0.4)) drop-shadow(0px 0px 1px rgba(12, 32, 59, 0.4)) drop-shadow(0px 0px 2px rgba(12, 32, 59, 0.4)) drop-shadow(0px 0px 3px rgba(12, 32, 59, 0.4)); }
      @media screen and (max-width: 480px) {
        .top_scrolled .sec_main .main_text .main_text_en {
          filter: drop-shadow(0px 0px 0px rgba(12, 32, 59, 0.2)) drop-shadow(0px 0px 1px rgba(12, 32, 59, 0.2)); } }
  .sec_main .main_text img {
    width: 100%; }
  .sec_main .main_video_box {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    transition: opacity 1s ease-in-out;
    opacity: 1; }
    .top_scrolled .sec_main .main_video_box {
      opacity: 0.15; }
    @media screen and (max-width: 480px) {
      .sec_main .main_video_box {
        overflow: hidden;
        aspect-ratio: 414 / 600; } }
    .sec_main .main_video_box video {
      max-width: 100%;
      width: 100%; }
      @media screen and (max-width: 480px) {
        .sec_main .main_video_box video {
          aspect-ratio: 414 / 600;
          max-width: none;
          display: block;
          height: 100lvh;
          object-fit: cover;
          object-position: center; } }

.sec01 {
  position: relative;
  z-index: 2;
  padding-top: clamp(60px, 11.25%, 135px);
  padding-bottom: clamp(120px, 25%, 300px); }

.sec01_wrap {
  position: relative;
  max-width: 1140px;
  align-items: flex-start; }
  @media screen and (max-width: 480px) {
    .sec01_wrap {
      flex-direction: column; } }
  .sec01_wrap .image_wrap {
    align-self: stretch;
    height: 100%;
    width: 38.6%;
    position: sticky;
    top: 120px;
    left: 0; }
    @media screen and (max-width: 480px) {
      .sec01_wrap .image_wrap {
        display: none; } }
    .sec01_wrap .image_wrap .image_box {
      position: absolute;
      top: 0;
      line-height: 0;
      max-width: 210px;
      width: 47.73%;
      transition: opacity 1.2s cubic-bezier(0.5, 1, 0.89, 1);
      opacity: 0; }
    .sec01_wrap .image_wrap .image_box_01,
    .sec01_wrap .image_wrap .image_box_02 {
      position: relative;
      opacity: 1; }
    .sec01_wrap .image_wrap .image_box_03,
    .sec01_wrap .image_wrap .image_box_05,
    .sec01_wrap .image_wrap .image_box_07 {
      left: 0; }
    .sec01_wrap .image_wrap .image_box_04,
    .sec01_wrap .image_wrap .image_box_06 {
      right: 0; }
  .sec01_wrap.on02 .image_box_01 {
    opacity: 0; }
  .sec01_wrap.on02 .image_box_03 {
    opacity: 1; }
  .sec01_wrap.on03 .image_box_02 {
    opacity: 0; }
  .sec01_wrap.on03 .image_box_04 {
    opacity: 1; }
  .sec01_wrap.on04 .image_box_03 {
    opacity: 0; }
  .sec01_wrap.on04 .image_box_05 {
    opacity: 1; }
  .sec01_wrap.on05 .image_box_04 {
    opacity: 0; }
  .sec01_wrap.on05 .image_box_06 {
    opacity: 1; }
  .sec01_wrap.on06 .image_box_05 {
    opacity: 0; }
  .sec01_wrap.on06 .image_box_07 {
    opacity: 1; }
  .sec01_wrap .sec01_read_wrap {
    display: flex;
    flex-direction: column;
    font-size: clamp(14px, 1.45vw, 18px);
    line-height: 2.67;
    gap: clamp(100px, 18.34vw, 220px) 0;
    width: 47.37%;
    margin-top: clamp(140px, 23.34vw, 280px);
    margin-bottom: clamp(140px, 23.34vw, 280px); }
    @media screen and (max-width: 480px) {
      .sec01_wrap .sec01_read_wrap {
        font-size: 16px;
        width: 100%;
        gap: 100px 0;
        margin-top: 0;
        margin-bottom: 0; } }
    .sec01_wrap .sec01_read_wrap .sec01_read {
      letter-spacing: 0.05em;
      font-weight: 600; }
      @media screen and (max-width: 480px) {
        .sec01_wrap .sec01_read_wrap .sec01_read {
          letter-spacing: 0; } }
  .sec01_wrap .sp_image_wrap {
    display: none; }
    @media screen and (max-width: 480px) {
      .sec01_wrap .sp_image_wrap {
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        align-self: center;
        max-width: 300px;
        width: 100%; }
        .sec01_wrap .sp_image_wrap .sp_image {
          position: absolute;
          max-width: 142px;
          width: 47.34%;
          transition: opacity 1.2s cubic-bezier(0.5, 1, 0.89, 1);
          opacity: 0; }
          .sec01_wrap .sp_image_wrap .sp_image.sp_image_01, .sec01_wrap .sp_image_wrap .sp_image.sp_image_02 {
            position: relative;
            opacity: 1; }
          .sec01_wrap .sp_image_wrap .sp_image:nth-child(odd) {
            left: 0; }
          .sec01_wrap .sp_image_wrap .sp_image:nth-child(even) {
            right: 0; } }
  @media screen and (max-width: 480px) {
    .sec01_wrap.loop1 .sp_image_wrap .sp_image.sp_image_03 {
      opacity: 1; }
    .sec01_wrap.loop2 .sp_image_wrap .sp_image.sp_image_04 {
      opacity: 1; }
    .sec01_wrap.loop3 .sp_image_wrap .sp_image.sp_image_05 {
      opacity: 1; }
    .sec01_wrap.loop4 .sp_image_wrap .sp_image.sp_image_06 {
      opacity: 1; }
    .sec01_wrap.loop5 .sp_image_wrap .sp_image.sp_image_07 {
      opacity: 1; }
    .sec01_wrap.loop6 .sp_image_wrap .sp_image.sp_image_08 {
      opacity: 1; }
    .sec01_wrap.loop7 .sp_image_wrap .sp_image.sp_image_09 {
      opacity: 1; }
    .sec01_wrap.loop8 .sp_image_wrap .sp_image.sp_image_10 {
      opacity: 1; }
    .sec01_wrap.loop9 .sp_image_wrap .sp_image.sp_image_11 {
      opacity: 1; }
    .sec01_wrap.loop10 .sp_image_wrap .sp_image.sp_image_12 {
      opacity: 1; } }

.sec02 {
  position: relative;
  z-index: 3;
  min-height: 100lvh;
  padding-top: clamp(60px, 8.34%, 100px);
  padding-bottom: clamp(60px, 8.34%, 100px);
  background: #003065;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center; }
  .sec02 .sec02_logo {
    max-width: 400px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.2)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.2)) drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.2)) drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.2)) drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.2)) drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.2));
    margin-bottom: clamp(60px, 8.34%, 100px);
    transition-delay: 1s; }
    @media screen and (max-width: 480px) {
      .sec02 .sec02_logo {
        width: 80%;
        margin-bottom: 60px; } }
  .sec02 .sec02_lead {
    font-size: clamp(18px, 1.93vw, 24px);
    line-height: 1.67;
    letter-spacing: 0.1em;
    margin-bottom: 2em;
    transition-delay: 1.4s; }
    @media screen and (max-width: 480px) {
      .sec02 .sec02_lead {
        font-size: 18px;
        line-height: 2;
        letter-spacing: 0;
        margin-bottom: 1.5em; } }
  .sec02 .read {
    transition-delay: 1.5s; }
    @media screen and (max-width: 480px) {
      .sec02 .read {
        font-size: 14px;
        line-height: 2.29;
        letter-spacing: 0; } }
  .sec02 .bg_image {
    position: absolute;
    inset: 0;
    z-index: -1;
    transition-delay: 0.6s; }
    .sec02 .bg_image img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: contain;
      object-position: center bottom; }

.bg_lineup {
  position: relative;
  z-index: 2;
  background: #fcf9f7 url("../images/lp/bg_border.png") top center/100% auto repeat-y; }

.lineup_head_wrap {
  background: #eed6be;
  padding-top: clamp(30px, 4.17%, 50px);
  padding-bottom: clamp(30px, 4.17%, 50px); }
  .lineup_head_wrap .lineup_head {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: clamp(24px, 2.9vw, 36px);
    color: #755c3c;
    line-height: 1;
    gap: 0.55em;
    font-weight: 500; }
    .lineup_head_wrap .lineup_head .en {
      width: 2.33em;
      line-height: 0; }

.sec_lineup .inner {
  max-width: 1200px;
  padding-top: clamp(40px, 5%, 60px);
  padding-bottom: clamp(60px, 8.34%, 100px); }
  .sec_lineup .inner .list_lineup {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1200px;
    column-gap: 2.5%; }
    @media screen and (max-width: 480px) {
      .sec_lineup .inner .list_lineup {
        row-gap: 25px; } }
    .sec_lineup .inner .list_lineup .list_item {
      width: 45% !important; }
      @media screen and (max-width: 480px) {
        .sec_lineup .inner .list_lineup .list_item {
          width: 90% !important; } }
      .sec_lineup .inner .list_lineup .list_item a .title {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: baseline; }
        @media screen and (max-width: 480px) {
          .sec_lineup .inner .list_lineup .list_item a .title.fdc_sp {
            flex-direction: column;
            margin-bottom: 15px; } }
        .sec_lineup .inner .list_lineup .list_item a .title .read {
          color: #755c3c;
          margin-bottom: 15px;
          display: block;
          font-size: 28px;
          font-weight: bold;
          line-height: 1.2;
          letter-spacing: 0; }
          @media screen and (max-width: 1200px) {
            .sec_lineup .inner .list_lineup .list_item a .title .read {
              font-size: 24px; } }
          @media screen and (max-width: 1040px) {
            .sec_lineup .inner .list_lineup .list_item a .title .read {
              font-size: 21px; } }
          @media screen and (max-width: 768px) {
            .sec_lineup .inner .list_lineup .list_item a .title .read {
              font-size: 17px;
              letter-spacing: -0.05em; } }
          @media screen and (max-width: 480px) {
            .sec_lineup .inner .list_lineup .list_item a .title .read {
              font-size: 18px;
              line-height: 1.6;
              letter-spacing: 0; } }
        .sec_lineup .inner .list_lineup .list_item a .title .read2 {
          color: #464646;
          margin-bottom: 10px;
          display: block;
          font-size: 14px;
          line-height: 1.88; }
          @media screen and (max-width: 480px) {
            .sec_lineup .inner .list_lineup .list_item a .title .read2 {
              font-size: 11px;
              line-height: 1.6;
              letter-spacing: 0; } }
        .sec_lineup .inner .list_lineup .list_item a .title .cate {
          background: #755c3c;
          text-align: center;
          padding: 3px;
          line-height: 1;
          display: block;
          font-size: 14px;
          color: #fff; }
          @media screen and (max-width: 480px) {
            .sec_lineup .inner .list_lineup .list_item a .title .cate {
              font-size: 10px; } }
      .sec_lineup .inner .list_lineup .list_item a figure {
        overflow: hidden;
        background: #fff;
        position: relative; }
        .sec_lineup .inner .list_lineup .list_item a figure img {
          transition: all 0.5s ease-in-out 0s; }
      body:not(.mobile) .sec_lineup .inner .list_lineup .list_item a a:hover figure img {
        transform: scale(1.05);
        opacity: 0.8; }
      .sec_lineup .inner .list_lineup .list_item a .more {
        width: 55.56%;
        font-size: 14px;
        text-align: center;
        padding: 10px;
        border: 1px solid;
        margin: 20px auto 0; }
        .sec_lineup .inner .list_lineup .list_item a .more img {
          width: 6.4%;
          max-width: 36px;
          margin-left: 10px; }
        @media screen and (max-width: 768px) {
          .sec_lineup .inner .list_lineup .list_item a .more {
            width: 70%; } }
        @media screen and (max-width: 480px) {
          .sec_lineup .inner .list_lineup .list_item a .more {
            width: 100%;
            padding: 5px;
            margin: 10px auto 0; } }

.bg_content {
  position: relative;
  z-index: 2;
  background: #fcf9f7 url("../images/lp/bg_border.png") top center/100% auto repeat-y;
  padding-bottom: clamp(70px, 13.34%, 160px); }

.contact_head_wrap {
  background: #eed6be;
  padding-top: clamp(30px, 4.17%, 50px);
  padding-bottom: clamp(30px, 4.17%, 50px); }
  .contact_head_wrap .contact_head {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: clamp(24px, 2.9vw, 36px);
    color: #755c3c;
    line-height: 1;
    gap: 0.55em;
    font-weight: 500; }
    .contact_head_wrap .contact_head .en {
      width: 2.33em;
      line-height: 0; }

.sec03 .inner {
  max-width: 840px;
  padding-top: clamp(40px, 5%, 60px);
  padding-bottom: clamp(60px, 8.34%, 100px); }
  .sec03 .inner .read {
    color: #755c3c;
    line-height: 1.88; }
    @media screen and (max-width: 480px) {
      .sec03 .inner .read {
        font-size: 14px;
        line-height: 1.6;
        letter-spacing: 0; } }
.sec03 .form_outer {
  padding-top: clamp(40px, 5.84%, 70px); }
  .sec03 .form_outer .form_list {
    font-size: clamp(13px, 1.81vw, 16px);
    display: flex;
    flex-direction: column;
    gap: 1em 0;
    margin-bottom: clamp(40px, 5%, 60px); }
    @media screen and (max-width: 480px) {
      .sec03 .form_outer .form_list {
        font-size: 16px;
        gap: 1.25em; } }
    .sec03 .form_outer .form_list .item {
      display: flex;
      align-items: center;
      gap: 0 1.56em; }
      @media screen and (max-width: 480px) {
        .sec03 .form_outer .form_list .item {
          flex-direction: column;
          align-items: flex-start;
          gap: 0.6em 0; } }
      .sec03 .form_outer .form_list .item dt {
        width: 11.25em;
        line-height: 1;
        letter-spacing: 0.1em;
        flex-shrink: 0; }
        @media screen and (max-width: 480px) {
          .sec03 .form_outer .form_list .item dt {
            width: 100%; } }
      .sec03 .form_outer .form_list .item dd {
        flex-grow: 1; }
        @media screen and (max-width: 480px) {
          .sec03 .form_outer .form_list .item dd {
            width: 100%;
            display: flex;
            align-items: flex-start;
            flex-direction: column;
            gap: 0.5em 0; } }
        .sec03 .form_outer .form_list .item dd input[type="text"],
        .sec03 .form_outer .form_list .item dd input[type="email"],
        .sec03 .form_outer .form_list .item dd select {
          width: 18.12em;
          font-size: clamp(13px, 1.81vw, 16px);
          padding: 0.25em;
          border: 1px solid #979695;
          border-radius: 0;
          background: #fff;
          line-height: 1;
          font-family: YakuHanJP,"Zen Kaku Gothic New","游ゴシック","Yu Gothic",YuGothic,"游ゴシック体","Lucida Grande","Hiragino Kaku Gothic ProN",Meiryo,sans-serif; }
          @media screen and (max-width: 480px) {
            .sec03 .form_outer .form_list .item dd input[type="text"],
            .sec03 .form_outer .form_list .item dd input[type="email"],
            .sec03 .form_outer .form_list .item dd select {
              width: 90%; } }
        .sec03 .form_outer .form_list .item dd .form_inner_list {
          display: flex;
          flex-direction: column;
          gap: 1em 0; }
          @media screen and (max-width: 480px) {
            .sec03 .form_outer .form_list .item dd .form_inner_list {
              width: 90%;
              gap: 1.25em; } }
          .sec03 .form_outer .form_list .item dd .form_inner_list .item_in {
            display: flex;
            align-items: center;
            gap: 0 0.6em; }
            @media screen and (max-width: 480px) {
              .sec03 .form_outer .form_list .item dd .form_inner_list .item_in {
                align-items: flex-start;
                flex-direction: column;
                gap: 0.6em 0; } }
            .sec03 .form_outer .form_list .item dd .form_inner_list .item_in dt {
              width: 9.37em; }
              @media screen and (max-width: 480px) {
                .sec03 .form_outer .form_list .item dd .form_inner_list .item_in dt {
                  width: 100%; } }
            @media screen and (max-width: 480px) {
              .sec03 .form_outer .form_list .item dd .form_inner_list .item_in dd {
                width: 90%; } }
            .sec03 .form_outer .form_list .item dd .form_inner_list .item_in dd input[type="text"],
            .sec03 .form_outer .form_list .item dd .form_inner_list .item_in dd input[type="email"] {
              width: 29.37em; }
              @media screen and (max-width: 480px) {
                .sec03 .form_outer .form_list .item dd .form_inner_list .item_in dd input[type="text"],
                .sec03 .form_outer .form_list .item dd .form_inner_list .item_in dd input[type="email"] {
                  width: 100%; } }
            .sec03 .form_outer .form_list .item dd .form_inner_list .item_in dd.zipcode {
              display: flex;
              align-items: center;
              gap: 0 0.5em; }
              @media screen and (max-width: 480px) {
                .sec03 .form_outer .form_list .item dd .form_inner_list .item_in dd.zipcode {
                  align-items: flex-start;
                  flex-direction: column;
                  gap: 0.5em 0; } }
              .sec03 .form_outer .form_list .item dd .form_inner_list .item_in dd.zipcode .zipcode_wrap {
                display: flex;
                align-items: center;
                gap: 0 0.5em; }
                .sec03 .form_outer .form_list .item dd .form_inner_list .item_in dd.zipcode .zipcode_wrap .code_l {
                  width: 3.75em; }
                .sec03 .form_outer .form_list .item dd .form_inner_list .item_in dd.zipcode .zipcode_wrap .code_r {
                  width: 5em; }
        .sec03 .form_outer .form_list .item dd .check_box_list {
          display: flex;
          align-items: center;
          gap: 0 1.56em;
          font-size: clamp(13px, 1.81vw, 16px); }
          @media screen and (max-width: 480px) {
            .sec03 .form_outer .form_list .item dd .check_box_list {
              width: 80%;
              font-size: 16px;
              flex-wrap: wrap;
              gap: 0.6em; } }
          .sec03 .form_outer .form_list .item dd .check_box_list .check_box_item {
            display: flex;
            align-items: center;
            gap: 0 0.5em; }
            .sec03 .form_outer .form_list .item dd .check_box_list .check_box_item input {
              border: 1px solid #979695;
              border-radius: 0; }
            .sec03 .form_outer .form_list .item dd .check_box_list .check_box_item label {
              cursor: pointer;
              line-height: 1; }
  .sec03 .form_outer .form_privacy {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    gap: 0 0.5em; }
    .sec03 .form_outer .form_privacy label {
      cursor: pointer;
      line-height: 1; }
    .sec03 .form_outer .form_privacy input {
      border: 1px solid #979695;
      border-radius: 0; }
  .sec03 .form_outer button {
    margin-top: 1.87em;
    width: 9.37em;
    padding: 0.7em 0.62em;
    margin-left: auto;
    margin-right: auto;
    font-size: clamp(13px, 1.81vw, 16px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    line-height: 1;
    color: #fff;
    background: #755c3c;
    border-radius: 5px;
    font-family: YakuHanJP,"Zen Kaku Gothic New","游ゴシック","Yu Gothic",YuGothic,"游ゴシック体","Lucida Grande","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
    transition: opacity 0.3s ease-in-out; }
    @media (hover: hover) {
      .sec03 .form_outer button:hover {
        opacity: 0.7; } }
    @media screen and (max-width: 480px) {
      .sec03 .form_outer button {
        font-size: 16px; } }
    .sec03 .form_outer button .text {
      flex-shrink: 0; }
    .sec03 .form_outer button::after {
      content: "";
      display: block;
      width: 1.5em;
      height: 0.31em;
      border-right: 1px solid;
      border-bottom: 1px solid;
      transform: skewX(45deg); }
  .sec03 .form_outer a {
    text-decoration: underline; }

.wide_image {
  margin-bottom: clamp(80px, 10%, 120px); }
  .wide_image img {
    width: 100%; }

.sec04_head {
  margin-bottom: clamp(40px, 5%, 60px); }
  .sec04_head img {
    width: 100%; }

.sec04_lead_wrap .read {
  letter-spacing: 0; }
  @media screen and (max-width: 480px) {
    .sec04_lead_wrap .read {
      line-height: 2.5; } }

.sec05 {
  padding-top: clamp(60px, 10.84%, 130px); }
  .sec05 .sec05_head {
    text-align: center;
    margin-bottom: 20px;
    line-height: 0; }
  .sec05 .sec05_banner_wrap {
    max-width: 1142px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    gap: clamp(40px, 7.01vw, 80px) 0; }