/*! Writen  by SCSS */
.sec02,
.sec03,
.sec04,
.sec05,
.sec06,
.sec07 {
  padding-bottom: clamp(50px, 6.67%, 80px); }

.sec02 .box01 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  @media screen and (max-width: 1000px) {
    .sec02 .box01 {
      flex-direction: column; } }
  .sec02 .box01 .l_cnt {
    width: calc(570%/12); }
    @media screen and (max-width: 1000px) {
      .sec02 .box01 .l_cnt {
        width: 100%;
        order: 2; } }
  .sec02 .box01 .r_cnt {
    width: calc(595%/12); }
    @media screen and (max-width: 1000px) {
      .sec02 .box01 .r_cnt {
        width: 100%;
        order: 1;
        margin-bottom: 25px; } }
  .sec02 .box01 .cap_cnt {
    margin-top: 15px;
    width: 100%; }
    @media screen and (max-width: 1000px) {
      .sec02 .box01 .cap_cnt {
        width: 100%;
        order: 3; } }
    @media screen and (max-width: 480px) {
      .sec02 .box01 .cap_cnt .cap_l {
        font-size: calc(10vw / 3.9);
        letter-spacing: 0; } }
  .sec02 .box01 .item01 {
    background: #23b8bc;
    color: #fff;
    font-feature-settings: "palt";
    font-size: clamp(16px, 1.667vw, 20px);
    padding: 0.95em 10px; }
    @media screen and (max-width: 1000px) {
      .sec02 .box01 .item01 {
        margin-bottom: 1em; } }
    @media screen and (max-width: 480px) {
      .sec02 .box01 .item01 {
        font-size: calc(12vw / 3.9);
        letter-spacing: 0; } }
    .sec02 .box01 .item01 .txt1 {
      line-height: 1.44;
      letter-spacing: 0.1em;
      font-size: clamp(14px, 1.5vw, 18px);
      margin-bottom: 0.8em; }
      @media screen and (max-width: 480px) {
        .sec02 .box01 .item01 .txt1 {
          font-size: calc(12vw / 3.9);
          letter-spacing: 0; } }
    .sec02 .box01 .item01 .txt2 {
      letter-spacing: 0.05em; }
      .sec02 .box01 .item01 .txt2 .big {
        font-size: 200%;
        letter-spacing: 0;
        display: inline-block;
        line-height: 0.8; }
  .sec02 .box01 .item02 .in_box {
    margin-top: 25px;
    display: flex;
    align-items: stretch;
    justify-content: space-between; }
    @media screen and (max-width: 480px) {
      .sec02 .box01 .item02 .in_box {
        align-items: flex-end; } }
    .sec02 .box01 .item02 .in_box .in_l {
      width: calc(310%/5.7); }
      @media screen and (max-width: 480px) {
        .sec02 .box01 .item02 .in_box .in_l {
          width: calc(430%/7.1); } }
      @media screen and (max-width: 480px) {
        .sec02 .box01 .item02 .in_box .in_l .img102 {
          width: calc(270%/4.3);
          margin: 0 auto calc(40%/4.3); } }
    .sec02 .box01 .item02 .in_box .in_c {
      width: calc(112%/5.7);
      display: flex;
      align-items: center;
      justify-content: center; }
      @media screen and (max-width: 480px) {
        .sec02 .box01 .item02 .in_box .in_c {
          display: none; } }
    .sec02 .box01 .item02 .in_box .in_r {
      width: calc(112%/5.7);
      position: relative; }
      @media screen and (max-width: 480px) {
        .sec02 .box01 .item02 .in_box .in_r {
          width: calc(280%/7.1); } }
      .sec02 .box01 .item02 .in_box .in_r figure {
        position: absolute;
        left: 0;
        bottom: -10px;
        right: 0; }
        @media screen and (max-width: 480px) {
          .sec02 .box01 .item02 .in_box .in_r figure {
            position: static;
            width: calc(194%/2.8);
            margin: 0 auto; } }

.sec03 .box01 {
  max-width: 1000px;
  margin: 0 auto 40px;
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 768px) {
    .sec03 .box01 {
      flex-direction: column; } }
  .sec03 .box01 .l_cnt {
    width: calc(570%/10); }
    @media screen and (max-width: 768px) {
      .sec03 .box01 .l_cnt {
        width: 100%;
        order: 2; } }
  .sec03 .box01 .r_cnt {
    width: calc(346%/10); }
    @media screen and (max-width: 768px) {
      .sec03 .box01 .r_cnt {
        width: 100%;
        order: 1;
        margin-bottom: 25px; } }
  .sec03 .box01 .item01 {
    background: #23b8bc;
    color: #fff;
    font-feature-settings: "palt";
    font-size: clamp(16px, 1.667vw, 20px);
    padding: 0.75em 10px;
    display: flex;
    justify-content: center;
    grid-gap: 0 1em;
    margin-bottom: 20px; }
    @media screen and (max-width: 768px) {
      .sec03 .box01 .item01 {
        margin-bottom: 1em; } }
    @media screen and (max-width: 480px) {
      .sec03 .box01 .item01 {
        font-size: calc(12vw / 3.9);
        letter-spacing: 0; } }
    .sec03 .box01 .item01 .txt2 {
      letter-spacing: 0.05em; }
      .sec03 .box01 .item01 .txt2 .big {
        font-size: 200%;
        letter-spacing: 0;
        display: inline-block;
        line-height: 0.8; }
  .sec03 .box01 .item02 .in_box {
    margin-top: 25px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between; }
    @media screen and (max-width: 480px) {
      .sec03 .box01 .item02 .in_box {
        align-items: flex-end; } }
    .sec03 .box01 .item02 .in_box .in_l {
      width: calc(336%/5.7); }
      @media screen and (max-width: 480px) {
        .sec03 .box01 .item02 .in_box .in_l {
          width: calc(400%/7.1); } }
      @media screen and (max-width: 480px) {
        .sec03 .box01 .item02 .in_box .in_l .img102 {
          width: calc(270%/4.3);
          margin: 0 auto calc(40%/4.3); } }
      .sec03 .box01 .item02 .in_box .in_l .cap_l {
        font-size: 9px; }
        @media screen and (max-width: 480px) {
          .sec03 .box01 .item02 .in_box .in_l .cap_l {
            font-size: calc(8vw / 3.9);
            letter-spacing: -0.05em; } }
      .sec03 .box01 .item02 .in_box .in_l .in_box_ttl {
        font-size: clamp(18px, 2vw, 24px);
        font-weight: bold;
        color: #23b8bc;
        letter-spacing: 0.1em; }
        @media screen and (max-width: 480px) {
          .sec03 .box01 .item02 .in_box .in_l .in_box_ttl {
            font-size: calc(14vw / 3.9); } }
      .sec03 .box01 .item02 .in_box .in_l .copy {
        margin-bottom: 1.5em; }
        @media screen and (max-width: 480px) {
          .sec03 .box01 .item02 .in_box .in_l .copy {
            font-size: calc(10vw / 3.9); } }
    .sec03 .box01 .item02 .in_box .in_r {
      width: calc(204%/5.7);
      position: relative; }
      @media screen and (max-width: 480px) {
        .sec03 .box01 .item02 .in_box .in_r {
          width: calc(280%/7.1); } }
@media screen and (max-width: 768px) {
  .sec03 .box02 {
    margin: 0 auto; } }
.sec03 .box02 .item {
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 768px) {
    .sec03 .box02 .item {
      flex-wrap: wrap; } }
  @media screen and (max-width: 600px) {
    .sec03 .box02 .item {
      width: calc(340% / 7.1); } }
  .sec03 .box02 .item .item_img {
    width: calc(177%/3.8);
    height: fit-content; }
    @media screen and (max-width: 768px) {
      .sec03 .box02 .item .item_img {
        width: 100%; } }
  .sec03 .box02 .item .text_box {
    width: calc(180%/3.8); }
    @media screen and (max-width: 768px) {
      .sec03 .box02 .item .text_box {
        width: 100%; } }
    .sec03 .box02 .item .text_box .item_ttl {
      text-align: left; }
      @media screen and (max-width: 768px) {
        .sec03 .box02 .item .text_box .item_ttl {
          text-align: center; } }
  @media screen and (max-width: 600px) {
    .sec03 .box02 .item.sp_col2 {
      width: 100%; } }
  @media screen and (max-width: 600px) {
    .sec03 .box02 .item.sp_col2 .item_img {
      width: calc(180%/3.8); } }
  @media screen and (max-width: 600px) {
    .sec03 .box02 .item.sp_col2 .text_box {
      width: calc(180%/3.8); } }
  @media screen and (max-width: 600px) {
    .sec03 .box02 .item.sp_col2 .text_box .item_ttl {
      text-align: left; } }