@charset "UTF-8";
/*! Writen  by SCSS */
.sec_img {
  text-align: center;
  margin-bottom: clamp(40px, 5vw, 60px); }

@media screen and (max-width: 480px) {
  .sp_wide {
    width: calc(100% + 40px);
    margin: 0 -20px; } }

.text_wrap .ttl_en {
  color: #ebd6ab;
  font-size: clamp(30px, 4.167vw, 50px);
  line-height: 1.2;
  margin-bottom: clamp(20px, 2.917vw, 35px);
  margin-bottom: clamp(30px, 5vw, 60px); }
  .text_wrap .ttl_en.lg {
    font-size: clamp(35px, 5vw, 60px); }
.text_wrap .read_lg {
  font-size: clamp(18px, 1.667vw, 20px);
  line-height: 1.2;
  margin-bottom: clamp(15px, 3.75vw, 45px);
  margin-bottom: clamp(25px, 5vw, 60px); }

.sec01 {
  margin-bottom: clamp(50px, 10.834vw, 130px); }
  .sec01 .text_wrap {
    margin-bottom: clamp(40px, 5.417vw, 65px);
    margin-bottom: clamp(50px, 7.084vw, 85px); }

.sec02 {
  margin-bottom: clamp(50px, 10.834vw, 130px); }
  .sec02 .text_box {
    padding-top: clamp(35px, 5.834vw, 70px);
    padding-bottom: clamp(50px, 10.834vw, 130px);
    background: rgba(255, 255, 255, 0.2); }
    @media screen and (max-width: 768px) {
      .sec02 .text_box {
        text-align: center; } }
    .sec02 .text_box .inner .sec_ttl {
      text-align: left;
      color: #fff;
      margin-bottom: 1.5em; }
      @media screen and (max-width: 768px) {
        .sec02 .text_box .inner .sec_ttl {
          text-align: center;
          margin-bottom: 1.3em; } }
  @media screen and (max-width: 480px) {
    .sec02 .sld img {
      width: 660px;
      max-width: 660px; } }

.sec03 {
  margin-bottom: clamp(50px, 10.834vw, 130px); }
  .sec03 .sec_ttl {
    text-align: left;
    color: #fff;
    margin-bottom: 1.5em; }
    @media screen and (max-width: 768px) {
      .sec03 .sec_ttl {
        text-align: center;
        margin-bottom: 1.3em; } }
  .sec03 .box01 {
    margin-top: clamp(25px, 5.834vw, 70px);
    display: flex; }
    @media screen and (max-width: 768px) {
      .sec03 .box01 {
        margin-top: 25px;
        margin-top: 40px;
        flex-direction: column;
        gap: 20px 0;
        gap: 30px 0; } }
    .sec03 .box01 .txts {
      max-width: 620px;
      margin-right: 95px; }
      @media screen and (max-width: 768px) {
        .sec03 .box01 .txts {
          width: calc(620%/12);
          margin-right: calc(95%/12);
          text-align: center;
          width: 100%;
          margin: 0 auto; } }
    .sec03 .box01 .imgs {
      width: calc(300%/12); }
      @media screen and (max-width: 768px) {
        .sec03 .box01 .imgs {
          width: 100%;
          max-width: 300px;
          margin: 0 auto; } }

.parallax.down {
  clip-path: polygon(0 0, 100% 0, 100% 0%, 0 0%);
  transition: clip-path 1s cubic-bezier(0.36, 0.1, 0.16, 1); }
  .parallax.down.p-view {
    transition: clip-path 1s cubic-bezier(0.36, 0.1, 0.16, 1);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
.parallax.scale {
  overflow: hidden;
  transition: all 1.2s ease-in-out 0.1s;
  /* Firefox */
  scrollbar-width: none;
  /* IE, Edge レガシー */
  -ms-overflow-style: none; }
  .parallax.scale::-webkit-scrollbar {
    display: none; }
  @media screen and (max-width: 480px) {
    .parallax.scale {
      overflow-x: auto; } }
  .parallax.scale img {
    transition: all 1.2s ease-in-out 0.1s;
    transform: scale(1.2); }
  .parallax.scale.p-view img {
    transform: scale(1); }

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