/*! Writen  by SCSS */
.inner_main {
  padding-top: 520px; }
  @media screen and (max-width: 480px) {
    .inner_main {
      padding-top: 200px; } }
  .inner_main .main_ttl .head_en {
    width: 22%; }

.cap_l,
.cap_c,
.cap_r {
  font-size: 10px; }

.sec01 {
  position: relative;
  margin-top: -170px;
  overflow: hidden; }
  @media screen and (max-width: 480px) {
    .sec01 {
      margin-top: -30px; } }
  .sec01 img {
    width: 100%; }
  .sec01 .sec01_wrap {
    position: relative; }
  .sec01 .wrap_head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    line-height: 0;
    position: absolute;
    z-index: 1; }

.sec01_top {
  position: relative;
  z-index: 2; }
  .sec01_top .sec01_wrap_01 .wrap_head {
    width: 23.36%;
    top: 21.62%;
    left: 7.82%; }
    @media screen and (max-width: 480px) {
      .sec01_top .sec01_wrap_01 .wrap_head {
        width: 35%;
        top: 15%;
        left: 4%; } }
  .sec01_top .sec01_wrap_02 {
    margin-top: -6.25%; }
    @media screen and (max-width: 480px) {
      .sec01_top .sec01_wrap_02 {
        margin-top: 5%; } }
    .sec01_top .sec01_wrap_02 .wrap_head {
      width: 67.97%;
      top: -4.55%;
      right: 5.47%;
      flex-direction: row-reverse; }
      @media screen and (max-width: 480px) {
        .sec01_top .sec01_wrap_02 .wrap_head {
          margin-top: 0;
          flex-direction: column;
          align-items: center;
          top: -18%; } }
      .sec01_top .sec01_wrap_02 .wrap_head .wrap_head_main {
        width: 61.04%; }
        @media screen and (max-width: 480px) {
          .sec01_top .sec01_wrap_02 .wrap_head .wrap_head_main {
            width: 100%; } }
      .sec01_top .sec01_wrap_02 .wrap_head .wrap_head_sub {
        width: 36.21%;
        margin-top: 9.2%; }
        @media screen and (max-width: 480px) {
          .sec01_top .sec01_wrap_02 .wrap_head .wrap_head_sub {
            width: 59.33%;
            margin-top: -3%; } }

.sec01_bottom {
  position: relative;
  z-index: 1;
  margin-top: -12.5%;
  padding-top: 7.04%;
  padding-bottom: 14.54%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  background-image: url("../images/bg_top.svg"); }
  @media screen and (max-width: 480px) {
    .sec01_bottom {
      background-position: bottom center;
      margin-top: -20%;
      padding-top: 25%;
      padding-bottom: 40%; } }
  .sec01_bottom .sec01_wrap_03 {
    width: 75.55%; }
    @media screen and (max-width: 480px) {
      .sec01_bottom .sec01_wrap_03 {
        width: 100%; } }
    .sec01_bottom .sec01_wrap_03 .wrap_head {
      width: 56.36%;
      top: 1.9%;
      left: 32.48%; }
      @media screen and (max-width: 480px) {
        .sec01_bottom .sec01_wrap_03 .wrap_head {
          flex-direction: column;
          top: -10%;
          align-items: center; } }
      .sec01_bottom .sec01_wrap_03 .wrap_head .wrap_head_main {
        width: 55.42%; }
        @media screen and (max-width: 480px) {
          .sec01_bottom .sec01_wrap_03 .wrap_head .wrap_head_main {
            width: 100%; } }
      .sec01_bottom .sec01_wrap_03 .wrap_head .wrap_head_sub {
        width: 41.29%;
        margin-top: 10.1%; }
        @media screen and (max-width: 480px) {
          .sec01_bottom .sec01_wrap_03 .wrap_head .wrap_head_sub {
            width: 74.51%;
            margin-top: -5%; } }
    .sec01_bottom .sec01_wrap_03 .box_text {
      position: absolute;
      width: 48.82%;
      right: -32.26%;
      bottom: -39.59%; }
  .sec01_bottom .sec01_wrap_04 {
    z-index: 1;
    margin-top: -3.9%;
    width: 70.94%;
    margin-left: auto; }
    @media screen and (max-width: 480px) {
      .sec01_bottom .sec01_wrap_04 {
        width: 100%;
        margin-top: 15%; } }
    .sec01_bottom .sec01_wrap_04 .profile_box {
      position: absolute;
      width: 41.08%;
      left: -41.07%;
      top: 8.78%; }
      @media screen and (max-width: 480px) {
        .sec01_bottom .sec01_wrap_04 .profile_box {
          position: relative;
          width: 100%;
          left: 0;
          top: 0;
          background: url("../../common/images/main_bg.jpg") center/cover no-repeat;
          margin-top: -25px;
          padding-top: 40px;
          padding-bottom: 20px; } }
      .sec01_bottom .sec01_wrap_04 .profile_box::before {
        content: "";
        display: block;
        width: 100%;
        padding-top: 125.47%;
        background: url("../images/bg_profile.png") center/cover no-repeat; }
        @media screen and (max-width: 480px) {
          .sec01_bottom .sec01_wrap_04 .profile_box::before {
            content: none; } }
      .sec01_bottom .sec01_wrap_04 .profile_box .profile_inner {
        width: 79.09%;
        height: fit-content;
        position: absolute;
        border-top: 1px solid #cccccc;
        border-bottom: 1px solid #cccccc;
        padding-top: 6.71%;
        padding-bottom: 6.71%;
        inset: 0;
        margin: auto; }
        @media screen and (max-width: 480px) {
          .sec01_bottom .sec01_wrap_04 .profile_box .profile_inner {
            position: relative;
            padding-top: 15px;
            padding-bottom: 15px; } }
        .sec01_bottom .sec01_wrap_04 .profile_box .profile_inner::before, .sec01_bottom .sec01_wrap_04 .profile_box .profile_inner::after {
          content: "";
          display: block;
          position: absolute;
          background: #333;
          width: 23.73%;
          height: 1px;
          z-index: 1; }
        .sec01_bottom .sec01_wrap_04 .profile_box .profile_inner::before {
          top: -1px;
          left: 0; }
        .sec01_bottom .sec01_wrap_04 .profile_box .profile_inner::after {
          bottom: -1px;
          right: 0; }
        .sec01_bottom .sec01_wrap_04 .profile_box .profile_inner .profile_top {
          align-items: flex-start;
          margin-bottom: 6.78%; }
          .sec01_bottom .sec01_wrap_04 .profile_box .profile_inner .profile_top .image_box {
            width: 35.6%; }
          .sec01_bottom .sec01_wrap_04 .profile_box .profile_inner .profile_top .text_box {
            width: 61.02%; }
            .sec01_bottom .sec01_wrap_04 .profile_box .profile_inner .profile_top .text_box .profile_top_head {
              width: 70%;
              line-height: 0; }
            .sec01_bottom .sec01_wrap_04 .profile_box .profile_inner .profile_top .text_box .box_text {
              line-height: 1.3; }
            .sec01_bottom .sec01_wrap_04 .profile_box .profile_inner .profile_top .text_box .position {
              margin-top: 1em;
              margin-bottom: 1.2em;
              line-height: 1.1; }
            .sec01_bottom .sec01_wrap_04 .profile_box .profile_inner .profile_top .text_box .name {
              font-size: clamp(12px, 1.36vw, 18px);
              display: flex;
              align-items: baseline;
              gap: 0.25em;
              margin-bottom: 0.6em;
              line-height: 1; }
              .sec01_bottom .sec01_wrap_04 .profile_box .profile_inner .profile_top .text_box .name .text_min {
                font-size: 0.6em; }
        .sec01_bottom .sec01_wrap_04 .profile_box .profile_inner .profile_bottom_head {
          width: 45.09%;
          line-height: 0; }
        .sec01_bottom .sec01_wrap_04 .profile_box .profile_inner > .box_text {
          margin-top: 1em;
          line-height: 1.6; }
      .sec01_bottom .sec01_wrap_04 .profile_box .box_text {
        font-size: 10px; }
    .sec01_bottom .sec01_wrap_04 .image_box {
      position: relative;
      z-index: 1; }
    .sec01_bottom .sec01_wrap_04 .wrap_head {
      width: 60.58%;
      bottom: -4.21%;
      right: 47.36%; }
      @media screen and (max-width: 480px) {
        .sec01_bottom .sec01_wrap_04 .wrap_head {
          flex-direction: column;
          bottom: calc(100% - 10px);
          right: auto;
          left: 10px;
          transform: rotate(-7deg); } }
      .sec01_bottom .sec01_wrap_04 .wrap_head .wrap_head_main {
        width: 48.37%; }
        @media screen and (max-width: 480px) {
          .sec01_bottom .sec01_wrap_04 .wrap_head .wrap_head_main {
            width: 100%; } }
      .sec01_bottom .sec01_wrap_04 .wrap_head .wrap_head_sub {
        margin-top: 5.82%;
        width: 48.55%; }
        @media screen and (max-width: 480px) {
          .sec01_bottom .sec01_wrap_04 .wrap_head .wrap_head_sub {
            width: 100%;
            margin-top: -5%; } }

.sec02 {
  margin-top: -13.67%;
  padding-top: 16.8%;
  padding-bottom: 37.5%;
  background-image: url("../images/bg_bottom.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center; }
  @media screen and (max-width: 1280px) {
    .sec02 {
      padding-bottom: clamp(100px, 62.34%, 480px);
      background-position: top center; } }
  @media screen and (max-width: 480px) {
    .sec02 {
      background-image: url("../images/bg_bottom_sp.jpg");
      margin-top: -24%;
      padding-top: 30%;
      background-position: bottom center; } }
  .sec02 .sec02_read {
    font-size: clamp(10px, 1.48vw, 12px); }
    @media screen and (max-width: 480px) {
      .sec02 .sec02_read {
        font-size: 11px; } }
  .sec02 .inner {
    max-width: 770px; }
    .sec02 .inner .sec02_head {
      width: 68.58%;
      margin-inline: auto;
      margin-bottom: 3.9%; }
      @media screen and (max-width: 480px) {
        .sec02 .inner .sec02_head {
          width: 100%;
          margin-bottom: 20px; } }
    .sec02 .inner .landplan_image {
      max-width: 627px;
      margin-inline: auto;
      margin-bottom: clamp(25px, 3.13%, 40px);
      color: #fff; }
    .sec02 .inner .sec02_lead_box {
      color: #fff;
      text-align: center;
      margin-bottom: 7.8%; }
      .sec02 .inner .sec02_lead_box .sec02_lead {
        font-size: clamp(13px, 2.22vw, 18px);
        line-height: 1;
        margin-bottom: 1em; }
        @media screen and (max-width: 480px) {
          .sec02 .inner .sec02_lead_box .sec02_lead {
            font-size: 14px; } }
      .sec02 .inner .sec02_lead_box .sec02_read {
        line-height: 1.92; }
    .sec02 .inner .sec02_wrap_outer .sec02_wrap {
      position: relative;
      background: rgba(255, 255, 255, 0.5);
      justify-content: center;
      gap: 5px;
      border-radius: 10px; }
      .sec02 .inner .sec02_wrap_outer .sec02_wrap .sec02_read {
        line-height: 1.75; }
        @media screen and (max-width: 480px) {
          .sec02 .inner .sec02_wrap_outer .sec02_wrap .sec02_read {
            line-height: 1.6; } }
      .sec02 .inner .sec02_wrap_outer .sec02_wrap .text_box .sec02_read {
        margin-top: 1em; }
        @media screen and (max-width: 480px) {
          .sec02 .inner .sec02_wrap_outer .sec02_wrap .text_box .sec02_read {
            margin-top: 0.6em; } }
      .sec02 .inner .sec02_wrap_outer .sec02_wrap + .sec02_wrap {
        margin-top: 12px; }
        @media screen and (max-width: 480px) {
          .sec02 .inner .sec02_wrap_outer .sec02_wrap + .sec02_wrap {
            margin-top: 10px; } }
    .sec02 .inner .sec02_wrap_outer .sec02_wrap_01 {
      align-items: flex-end;
      padding: 0.77% 2.59% 3.89%; }
      @media screen and (max-width: 480px) {
        .sec02 .inner .sec02_wrap_outer .sec02_wrap_01 {
          flex-direction: column;
          gap: 10px 0;
          padding: 12px; } }
      .sec02 .inner .sec02_wrap_outer .sec02_wrap_01 .text_box {
        width: 44.53%; }
        @media screen and (max-width: 480px) {
          .sec02 .inner .sec02_wrap_outer .sec02_wrap_01 .text_box {
            width: 100%; } }
      .sec02 .inner .sec02_wrap_outer .sec02_wrap_01 .image_box {
        max-width: 347px;
        width: 47.54%;
        margin-top: -6.16%; }
        @media screen and (max-width: 480px) {
          .sec02 .inner .sec02_wrap_outer .sec02_wrap_01 .image_box {
            margin-top: 0;
            width: 90%; } }
    .sec02 .inner .sec02_wrap_outer .sec02_wrap_02 {
      align-items: center;
      padding: 1.55% 2.59% 2.59%; }
      @media screen and (max-width: 480px) {
        .sec02 .inner .sec02_wrap_outer .sec02_wrap_02 {
          flex-direction: column;
          gap: 10px 0;
          padding: 12px; } }
      .sec02 .inner .sec02_wrap_outer .sec02_wrap_02 .text_box {
        width: 49.18%; }
        @media screen and (max-width: 480px) {
          .sec02 .inner .sec02_wrap_outer .sec02_wrap_02 .text_box {
            width: 100%; } }
      .sec02 .inner .sec02_wrap_outer .sec02_wrap_02 .image_box {
        max-width: 347px;
        width: 47.54%; }
        @media screen and (max-width: 480px) {
          .sec02 .inner .sec02_wrap_outer .sec02_wrap_02 .image_box {
            width: 90%; } }
    .sec02 .inner .sec02_wrap_outer .sec02_wrap_03 {
      align-items: center;
      width: 64.94%;
      gap: 0 5%;
      margin-inline: auto;
      padding: 2.59%; }
      @media screen and (max-width: 480px) {
        .sec02 .inner .sec02_wrap_outer .sec02_wrap_03 {
          width: 100%;
          background: rgba(255, 255, 255, 0.7);
          padding: 12px; } }
      .sec02 .inner .sec02_wrap_outer .sec02_wrap_03 .text_box {
        width: 46.53%; }
      .sec02 .inner .sec02_wrap_outer .sec02_wrap_03 .image_box {
        max-width: 179px;
        width: 38.92%; }

.caption_area {
  padding-top: 40px; }

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