/*! Writen  by SCSS */
sub {
  font-size: 0.5em;
  vertical-align: baseline; }

.sec_main {
  position: relative;
  background: url("../images/main_bg.jpg") center/cover no-repeat;
  transition: opacity 0.6s ease-in-out; }
  @media screen and (max-width: 480px) {
    .sec_main {
      z-index: 3; } }
  .sec_main img {
    width: 100%; }
  .sec_main .main_inner {
    position: relative;
    max-width: 1280px;
    margin-inline: auto;
    padding-top: 92.97%; }
    @media screen and (max-width: 480px) {
      .sec_main .main_inner {
        padding-top: 100%; } }
  .sec_main .main_wave {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%; }
  .sec_main .main_text_box {
    position: absolute;
    left: 0;
    right: 0;
    top: 11.77%;
    width: 62.5%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    line-height: 0; }
    @media screen and (max-width: 480px) {
      .sec_main .main_text_box {
        width: 60%; } }
    .sec_main .main_text_box .main_text {
      overflow: hidden; }
      .sec_main .main_text_box .main_text > img {
        display: block;
        transition-property: transform;
        transition-duration: 0.8s;
        transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
        transform: translateY(101%); }
      .loaded .sec_main .main_text_box .main_text > img {
        transform: translateY(0); }
    .sec_main .main_text_box .main_head {
      width: 38.75%; }
    .sec_main .main_text_box .main_circle {
      width: 13.25%;
      margin-top: 4%; }
      .sec_main .main_text_box .main_circle > img {
        transition-delay: 0.1s; }
    .sec_main .main_text_box .main_text_en_top {
      width: 100%;
      margin-top: 7.75%; }
      .sec_main .main_text_box .main_text_en_top > img {
        transition-delay: 0.2s; }
    .sec_main .main_text_box .main_text_jp {
      width: 64.38%;
      margin-top: 10.38%; }
      .sec_main .main_text_box .main_text_jp > img {
        transition-delay: 0.3s; }
    .sec_main .main_text_box .main_text_en_bottom {
      width: 35.13%;
      margin-top: 7.5%; }
      .sec_main .main_text_box .main_text_en_bottom > img {
        transition-delay: 0.4s; }
  .sec_main .main_illust_outer {
    width: 92.19%;
    position: absolute;
    top: 62.61%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 480px) {
      .sec_main .main_illust_outer {
        top: 60%;
        width: 100%; } }
  .sec_main .main_illust_box {
    position: relative;
    line-height: 0;
    width: 100%; }
    .sec_main .main_illust_box .main_illust_inner {
      overflow: hidden; }
      .sec_main .main_illust_box .main_illust_inner > img {
        display: block;
        transition-property: transform;
        transition-duration: 0.8s;
        transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
        transform: translateY(101%); }
    .sec_main .main_illust_box .main_bird {
      position: absolute;
      inset: 0; }
      .sec_main .main_illust_box .main_bird > img {
        transition-property: transform,opacity;
        transition-duration: 0.8s;
        transition-timing-function: ease-out;
        transition-delay: 0.2s;
        opacity: 0;
        transform: translate(-20%, -10%); }
    .sec_main .main_illust_box .main_town {
      position: relative;
      inset: 0; }
      .sec_main .main_illust_box .main_town > img {
        transition-delay: 0.4s; }
    .sec_main .main_illust_box .main_tree {
      position: absolute;
      inset: 0; }
      .sec_main .main_illust_box .main_tree > img {
        transition-delay: 0.6s; }
    .sec_main .main_illust_box .main_illust {
      position: absolute;
      inset: 0; }
      .sec_main .main_illust_box .main_illust.main_illust_01 > img {
        transition-property: transform,opacity;
        transition-duration: 0.8s;
        transition-timing-function: ease-out;
        transition-delay: 0.8s;
        opacity: 0;
        transform: translateX(10%); }
      .sec_main .main_illust_box .main_illust.main_illust_02 > img {
        transition-property: transform,opacity;
        transition-duration: 1.2s;
        transition-timing-function: ease-in-out;
        transition-delay: 0.9s;
        opacity: 0;
        transform: translateX(-10%); }
  .sec_main .main_illust_outer.p-view .main_illust_box .main_illust_inner > img {
    transform: translateY(0); }
  .sec_main .main_illust_outer.p-view .main_illust_box .main_bird > img {
    opacity: 1;
    transform: translate(0); }
  .sec_main .main_illust_outer.p-view .main_illust_box .main_illust.main_illust_01 > img {
    opacity: 1;
    transform: translateX(0); }
  .sec_main .main_illust_outer.p-view .main_illust_box .main_illust.main_illust_02 > img {
    opacity: 1;
    transform: translateX(0); }
  .sec_main img {
    width: 100%; }
  .sec_main .cap_r {
    margin-right: 3.82%;
    transition-property: transform,opacity;
    transition-duration: 1.2s;
    transition-timing-function: ease-in-out;
    transition-delay: 1s;
    opacity: 0;
    transform: translateY(10%); }
    .loaded .sec_main .cap_r {
      opacity: 1;
      transform: translateY(0); }

.sec_lead {
  padding-top: clamp(40px, 4.69%, 60px);
  padding-bottom: clamp(50px, 7.04%, 90px); }
  .sec_lead .concept_lead_wrap {
    font-size: clamp(16px, 1.81vw, 24px);
    text-align: center; }
    @media screen and (max-width: 480px) {
      .sec_lead .concept_lead_wrap {
        font-size: 14px; } }
    .sec_lead .concept_lead_wrap + .concept_lead_wrap {
      margin-top: 2.5em; }
  .sec_lead .concept_lead {
    line-height: 2.17; }
    @media screen and (max-width: 480px) {
      .sec_lead .concept_lead {
        line-height: 1.6; }
        .sec_lead .concept_lead + .concept_lead {
          margin-top: 0.4em; } }

.sec_concept_outer {
  overflow: hidden; }

.sec_concept {
  max-width: 1786px;
  margin-inline: auto;
  position: relative; }
  .sec_concept::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 125.59%; }
  @media screen and (max-width: 1786px) {
    .sec_concept {
      width: 139.54%;
      margin-left: calc((75% - 1280px) / 2);
      margin-right: calc((75% - 1280px) / 2); } }
  @media screen and (max-width: 1320px) {
    .sec_concept {
      margin-left: -19.76%;
      margin-right: -19.76%; } }
  .sec_concept .concept_image_box {
    position: absolute;
    line-height: 0; }
    .sec_concept .concept_image_box .image_sub {
      position: absolute; }
    .sec_concept .concept_image_box .balloon {
      position: absolute; }
  .sec_concept .sec_concept_head {
    position: absolute;
    line-height: 0;
    z-index: 8;
    width: 20.72%;
    top: 45.84%;
    left: 50.34%; }
  .sec_concept .concept_image_box_01 {
    width: 36.29%;
    top: 0;
    left: 30.24%; }
  .sec_concept .concept_image_box_02 {
    width: 32.42%;
    top: 6.34%;
    left: 13.39%;
    z-index: 3; }
    .sec_concept .concept_image_box_02 .balloon {
      width: 31.61%;
      top: 27.3%;
      right: -4.83%; }
      @media screen and (max-width: 480px) {
        .sec_concept .concept_image_box_02 .balloon {
          width: 51.82%;
          right: 4%; } }
    .sec_concept .concept_image_box_02 .image_sub {
      width: 57.17%;
      top: -16.35%;
      left: -10.01%; }
  .sec_concept .concept_image_box_03 {
    width: 42.95%;
    top: 0.58%;
    left: 51.8%;
    z-index: 2; }
    .sec_concept .concept_image_box_03 .balloon {
      width: 23.86%;
      top: 47.38%;
      left: -5.86%; }
      @media screen and (max-width: 480px) {
        .sec_concept .concept_image_box_03 .balloon {
          width: 39.12%;
          top: 30%;
          left: -16%; } }
    .sec_concept .concept_image_box_03 .image_sub {
      width: 19.82%;
      bottom: -15.25%;
      right: 24.91%; }
  .sec_concept .concept_image_box_04 {
    width: 29.9%;
    top: 26.58%;
    left: 34.16%; }
    @media screen and (max-width: 480px) {
      .sec_concept .concept_image_box_04 {
        z-index: 1; } }
    .sec_concept .concept_image_box_04 .balloon {
      width: 34.27%;
      bottom: 15.48%;
      left: 1.5%; }
      @media screen and (max-width: 480px) {
        .sec_concept .concept_image_box_04 .balloon {
          width: 56.18%;
          bottom: 18%;
          left: -18%; } }
  .sec_concept .concept_image_box_05 {
    width: 38.13%;
    top: 37.32%;
    left: 0; }
    .sec_concept .concept_image_box_05 .balloon {
      width: 26.88%;
      bottom: 37.88%;
      right: -9.83%; }
      @media screen and (max-width: 480px) {
        .sec_concept .concept_image_box_05 .balloon {
          width: 44.06%;
          bottom: 30%; } }
  .sec_concept .concept_image_box_06 {
    width: 25.87%;
    top: 67.1%;
    left: 20.95%; }
    .sec_concept .concept_image_box_06 .balloon {
      width: 39.62%;
      top: 39.03%;
      right: -16.66%; }
      @media screen and (max-width: 480px) {
        .sec_concept .concept_image_box_06 .balloon {
          width: 64.94%;
          top: 40%;
          right: -25%; } }
    .sec_concept .concept_image_box_06 .image_sub {
      width: 44.16%;
      top: -14.06%;
      right: -1.51%; }
  .sec_concept .concept_image_box_07 {
    width: 42.89%;
    bottom: 0;
    left: 51.68%; }
    .sec_concept .concept_image_box_07 .balloon {
      width: 23.9%;
      top: 28.44%;
      left: -10.83%; }
      @media screen and (max-width: 480px) {
        .sec_concept .concept_image_box_07 .balloon {
          width: 39.17%; } }

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