/*! Writen  by SCSS */
.sec01 {
  margin-bottom: clamp(60px, 8.34%, 100px); }

.sec02 {
  margin-bottom: clamp(60px, 8.34%, 100px); }

.sec03 {
  margin-bottom: clamp(60px, 8.34%, 100px); }

.sec01 .list .item02 {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  justify-content: space-between;
  gap: clamp(5px, 1.25vw, 15px) 3.33%;
  grid-row: 1 / 3;
  grid-column: 3/5; }
  @media screen and (max-width: 480px) {
    .sec01 .list .item02 {
      grid-row: auto;
      grid-column: 1/3;
      gap: 15px 0; } }
  .sec01 .list .item02 .item_inner {
    position: relative;
    padding: 20px 30px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    background: rgba(250, 241, 243, 0.7); }
    @media screen and (max-width: 1200px) {
      .sec01 .list .item02 .item_inner {
        padding-inline: 5.18%; } }
    @media screen and (max-width: 768px) {
      .sec01 .list .item02 .item_inner {
        margin-top: 0; } }
    @media screen and (max-width: 480px) {
      .sec01 .list .item02 .item_inner {
        padding: 20px 15px; } }
    .sec01 .list .item02 .item_inner .text_wrap {
      width: 46.16%; }
      @media screen and (max-width: 480px) {
        .sec01 .list .item02 .item_inner .text_wrap {
          width: 52.46%; } }
      .sec01 .list .item02 .item_inner .text_wrap .lead {
        line-height: 1.6;
        margin-bottom: 0.4em;
        color: #6c8488;
        font-size: clamp(13px, 1.28vw, 18px); }
      .sec01 .list .item02 .item_inner .text_wrap .read {
        line-height: 1.6; }
    .sec01 .list .item02 .item_inner .img {
      width: 51.93%; }
      @media screen and (max-width: 480px) {
        .sec01 .list .item02 .item_inner .img {
          width: 42.63%;
          height: 100%;
          aspect-ratio: 1/0.99; }
          .sec01 .list .item02 .item_inner .img img {
            width: 100%;
            height: 100%;
            object-fit: cover; } }
.sec01 .item_col .image_wrap {
  align-items: flex-start; }
  .sec01 .item_col .image_wrap .img {
    max-width: 270px;
    width: 46.56%; }

.sec02 .sec02_wrap {
  margin-top: 40px;
  background: rgba(250, 241, 243, 0.7);
  padding: 30px 25px; }
  @media screen and (max-width: 1200px) {
    .sec02 .sec02_wrap {
      padding: 30px 2.09%; } }
  @media screen and (max-width: 480px) {
    .sec02 .sec02_wrap {
      margin-top: 30px;
      padding: 20px 15px; } }
  .sec02 .sec02_wrap .item_wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: clamp(20px, 3.334vw, 40px) 0; }
    .sec02 .sec02_wrap .item_wrap .item01, .sec02 .sec02_wrap .item_wrap .item02 {
      width: 23.48%; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_wrap .item_wrap .item01, .sec02 .sec02_wrap .item_wrap .item02 {
          width: 48%; } }
    .sec02 .sec02_wrap .item_wrap .item03 {
      width: 48.7%; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_wrap .item_wrap .item03 {
          width: 100%; } }
    .sec02 .sec02_wrap .item_wrap .item04 {
      width: 48.7%;
      background: #fff;
      padding: 20px 1.74%;
      display: flex;
      justify-content: space-between;
      flex-direction: row;
      height: fit-content; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_wrap .item_wrap .item04 {
          width: 100%;
          padding: 15px 10px; } }
      .sec02 .sec02_wrap .item_wrap .item04 .img, .sec02 .sec02_wrap .item_wrap .item04 .text_wrap {
        width: 48.08%;
        height: fit-content; }
      .sec02 .sec02_wrap .item_wrap .item04 .text_wrap {
        display: flex;
        flex-direction: column;
        grid-row-gap: clamp(10px, 1.084vw, 13px); }
    .sec02 .sec02_wrap .item_wrap .item05 {
      width: 48.7%;
      row-gap: 0; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_wrap .item_wrap .item05 {
          width: 100%; } }
      .sec02 .sec02_wrap .item_wrap .item05 .item_in {
        background: #fff;
        padding: 13px 3.4%;
        height: fit-content;
        display: flex;
        flex-direction: column;
        grid-row-gap: 10px; }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_wrap .item_wrap .item05 .item_in {
            padding: 15px 10px; } }
        .sec02 .sec02_wrap .item_wrap .item05 .item_in .text_wrap, .sec02 .sec02_wrap .item_wrap .item05 .item_in .img_wrap {
          display: grid;
          grid-template-columns: 28.85% 67.31%;
          align-items: flex-start;
          align-content: start;
          grid-auto-flow: dense;
          column-gap: 3.85%; }
          .sec02 .sec02_wrap .item_wrap .item05 .item_in .text_wrap.img_wrap, .sec02 .sec02_wrap .item_wrap .item05 .item_in .img_wrap.img_wrap {
            align-items: center; }
            @media screen and (max-width: 480px) {
              .sec02 .sec02_wrap .item_wrap .item05 .item_in .text_wrap.img_wrap .img01 .cap, .sec02 .sec02_wrap .item_wrap .item05 .item_in .img_wrap.img_wrap .img01 .cap {
                padding-bottom: 0;
                padding-right: 0;
                bottom: -5px; } }
          @media screen and (max-width: 768px) {
            .sec02 .sec02_wrap .item_wrap .item05 .item_in .text_wrap.text_wrap, .sec02 .sec02_wrap .item_wrap .item05 .item_in .img_wrap.text_wrap {
              grid-template-columns: 34.62% 61.54%; } }
          @media screen and (max-width: 480px) {
            .sec02 .sec02_wrap .item_wrap .item05 .item_in .text_wrap.text_wrap, .sec02 .sec02_wrap .item_wrap .item05 .item_in .img_wrap.text_wrap {
              row-gap: 5px;
              grid-template-columns: 1fr; }
              .sec02 .sec02_wrap .item_wrap .item05 .item_in .text_wrap.text_wrap .qua_ttl, .sec02 .sec02_wrap .item_wrap .item05 .item_in .img_wrap.text_wrap .qua_ttl {
                text-align: left !important; } }
    .sec02 .sec02_wrap .item_wrap .item06 {
      width: 100%;
      background: #fff;
      padding: 20px 1.74%;
      height: fit-content;
      display: flex;
      justify-content: space-between;
      flex-direction: row; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_wrap .item_wrap .item06 {
          flex-wrap: wrap;
          row-gap: 15px;
          padding: 15px; } }
      .sec02 .sec02_wrap .item_wrap .item06 .item_in01 {
        width: 22.53%;
        display: flex;
        flex-direction: column;
        grid-row-gap: clamp(5px, 0.667vw, 8px); }
        @media screen and (max-width: 768px) {
          .sec02 .sec02_wrap .item_wrap .item06 .item_in01 {
            width: 24.33%; } }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_wrap .item_wrap .item06 .item_in01 {
            width: 65%;
            row-gap: 10px; } }
        .sec02 .sec02_wrap .item_wrap .item06 .item_in01 .img {
          text-align: center; }
          @media screen and (max-width: 480px) {
            .sec02 .sec02_wrap .item_wrap .item06 .item_in01 .img {
              margin-bottom: 15px; } }
          .sec02 .sec02_wrap .item_wrap .item06 .item_in01 .img .cap {
            padding-right: 0;
            color: #333; }
            @media screen and (max-width: 480px) {
              .sec02 .sec02_wrap .item_wrap .item06 .item_in01 .img .cap {
                top: 100%;
                bottom: auto;
                padding-top: 0;
                margin-right: 5%; } }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_wrap .item_wrap .item06 .item_in01 .qua_read {
            margin-right: -35%; } }
      .sec02 .sec02_wrap .item_wrap .item06 .item_in02 {
        height: fit-content;
        width: 12.8%;
        display: flex;
        justify-content: space-between;
        align-items: flex-end; }
        @media screen and (max-width: 768px) {
          .sec02 .sec02_wrap .item_wrap .item06 .item_in02 {
            justify-content: center;
            column-gap: 6px; } }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_wrap .item_wrap .item06 .item_in02 {
            width: 32%; } }
        .sec02 .sec02_wrap .item_wrap .item06 .item_in02 .img {
          width: 66.2%; }
      .sec02 .sec02_wrap .item_wrap .item06 .item_in03 {
        width: 58.2%; }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_wrap .item_wrap .item06 .item_in03 {
            width: 100%; } }

.sec03 .sec03_wrap {
  grid-column: 3/5;
  grid-row: 1/5;
  background: rgba(250, 241, 243, 0.7);
  padding: clamp(20px, 2.5vw, 30px) 30px;
  display: flex;
  flex-direction: column;
  row-gap: clamp(20px, 2.917vw, 35px); }
  @media screen and (max-width: 1200px) {
    .sec03 .sec03_wrap {
      padding-inline: 2.5%; } }
  @media screen and (max-width: 480px) {
    .sec03 .sec03_wrap {
      grid-column: 1/3;
      grid-row: span 1;
      padding: 20px 15px; } }
  .sec03 .sec03_wrap .item02 {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 20px; }
    .sec03 .sec03_wrap .item02 .item02_in01, .sec03 .sec03_wrap .item02 .item02_in02 {
      width: 48.08%; }
    .sec03 .sec03_wrap .item02 .item02_in03 .qua_ttl {
      display: flex;
      align-items: baseline;
      flex-wrap: wrap; }
      .sec03 .sec03_wrap .item02 .item02_in03 .qua_ttl .cap_l {
        color: #333; }
  .sec03 .sec03_wrap .item03 {
    flex-direction: row;
    justify-content: space-between;
    align-items: center; }
    .sec03 .sec03_wrap .item03 .img {
      width: 38.27%; }
    .sec03 .sec03_wrap .item03 .box {
      width: 57.7%; }
      .sec03 .sec03_wrap .item03 .box .text_wrap {
        display: flex;
        flex-direction: column;
        grid-row-gap: clamp(10px, 1.084vw, 13px);
        margin-bottom: clamp(10px, 1.667vw, 20px); }

.sec04 .sec04_wrap {
  grid-column: 3/5;
  grid-row: 1/5; }
  @media screen and (max-width: 480px) {
    .sec04 .sec04_wrap {
      grid-column: 1/3;
      grid-row: span 1; } }
  .sec04 .sec04_wrap .item01 {
    row-gap: clamp(20px, 2.5vw, 30px);
    position: relative;
    padding: clamp(20px, 2.5vw, 30px) 30px 15px;
    margin-bottom: 40px; }
    @media screen and (max-width: 1200px) {
      .sec04 .sec04_wrap .item01 {
        padding-inline: 5.18%; } }
    @media screen and (max-width: 480px) {
      .sec04 .sec04_wrap .item01 {
        margin-bottom: 30px;
        padding: 20px 15px; } }
    .sec04 .sec04_wrap .item01::after {
      content: '';
      position: absolute;
      inset: 0;
      border: 1px solid #6c8488;
      pointer-events: none; }
    .sec04 .sec04_wrap .item01 .text_wrap {
      display: flex;
      flex-direction: column;
      grid-row-gap: clamp(10px, 1.084vw, 13px); }
  .sec04 .sec04_wrap .item02 {
    background: rgba(250, 241, 243, 0.7);
    padding: clamp(20px, 2.5vw, 30px) 30px;
    row-gap: clamp(15px, 1.667vw, 20px); }
    @media screen and (max-width: 1200px) {
      .sec04 .sec04_wrap .item02 {
        padding-inline: 5.36%; } }
    @media screen and (max-width: 480px) {
      .sec04 .sec04_wrap .item02 {
        padding: 20px 15px; } }
    .sec04 .sec04_wrap .item02 .item02_in {
      display: flex;
      flex-direction: row;
      justify-content: space-between; }
      .sec04 .sec04_wrap .item02 .item02_in .img {
        width: 51.93%; }
      .sec04 .sec04_wrap .item02 .item02_in .text_wrap {
        width: 44.24%;
        display: flex;
        flex-direction: column;
        grid-row-gap: clamp(10px, 1.084vw, 13px); }
.sec04 .qua_list .item_col {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between; }
  @media screen and (max-width: 480px) {
    .sec04 .qua_list .item_col {
      flex-direction: column;
      grid-column: span 1; } }
  .sec04 .qua_list .item_col .text_box,
  .sec04 .qua_list .item_col .img {
    width: 46.56%; }
    @media screen and (max-width: 480px) {
      .sec04 .qua_list .item_col .text_box,
      .sec04 .qua_list .item_col .img {
        width: 100%; } }

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