/*! Writen  by SCSS */
.sec01 {
  padding-top: clamp(40px, 5%, 60px);
  margin-bottom: clamp(50px, 7.5%, 90px); }

.sec02 {
  padding: clamp(50px, 7.5%, 90px) 0 0;
  background: #f3f3f3; }

.design_lead_wrap {
  margin-bottom: clamp(40px, 5%, 60px); }
  .design_lead_wrap .design_head {
    max-width: 631px;
    width: 52.59%;
    line-height: 0;
    margin-inline: auto;
    margin-bottom: clamp(40px, 5.84%, 70px); }
    @media screen and (max-width: 480px) {
      .design_lead_wrap .design_head {
        width: 80%;
        margin-bottom: 25px; } }
  .design_lead_wrap .lead_lg {
    margin-bottom: 1em; }
  .design_lead_wrap .read {
    line-height: 3; }
    @media screen and (max-width: 768px) {
      .design_lead_wrap .read {
        line-height: 2.4; } }
    @media screen and (max-width: 480px) {
      .design_lead_wrap .read {
        line-height: 2; } }

.main_image::after {
  background: rgba(62, 58, 57, 0.5); }
.main_image .cap {
  z-index: 8; }

.sec01 .sec01_wrap {
  max-width: 1200px;
  margin: auto;
  width: calc(100% - 40px); }
  .sec01 .sec01_wrap .main_img {
    margin-bottom: clamp(40px, 5%, 60px); }
    .sec01 .sec01_wrap .main_img img {
      width: 100%; }
  .sec01 .sec01_wrap .list {
    display: flex;
    align-items: stretch;
    justify-content: space-between; }
    @media screen and (max-width: 768px) {
      .sec01 .sec01_wrap .list {
        flex-direction: column;
        max-width: 500px;
        margin: 0 auto; } }
    .sec01 .sec01_wrap .list li {
      width: calc(350%/12); }
      @media screen and (max-width: 768px) {
        .sec01 .sec01_wrap .list li {
          width: 100%; } }
      .sec01 .sec01_wrap .list li.icon_li {
        display: flex;
        justify-content: center;
        align-items: center;
        width: calc(100%/12);
        padding: 15px; }
        @media screen and (max-width: 768px) {
          .sec01 .sec01_wrap .list li.icon_li {
            width: 100%;
            border-bottom: 2px solid #333;
            padding: 20px 0 0;
            margin-bottom: 20px; } }
        .sec01 .sec01_wrap .list li.icon_li img {
          width: 100%; }
          @media screen and (max-width: 768px) {
            .sec01 .sec01_wrap .list li.icon_li img {
              display: none; } }
      .sec01 .sec01_wrap .list li .imgs {
        display: flex;
        align-items: flex-end;
        justify-content: space-between; }
        .sec01 .sec01_wrap .list li .imgs .img {
          width: calc(120%/3.5); }
        .sec01 .sec01_wrap .list li .imgs dl {
          width: calc(220%/3.5); }
          .sec01 .sec01_wrap .list li .imgs dl dd {
            padding: 10px 0; }
            .sec01 .sec01_wrap .list li .imgs dl dd.txt1 {
              font-size: clamp(14px, 1.334vw, 16px);
              color: #6f5a43;
              line-height: 1; }
            .sec01 .sec01_wrap .list li .imgs dl dd.txt2 {
              border-top: 1px solid #333;
              border-bottom: 1px solid #333;
              font-size: clamp(16px, 2vw, 24px);
              line-height: 1; }
            .sec01 .sec01_wrap .list li .imgs dl dd.txt3 {
              font-size: clamp(12px, 1.167vw, 14px);
              line-height: 1.2; }
      .sec01 .sec01_wrap .list li .text_wrap {
        margin-top: 15px; }
        .sec01 .sec01_wrap .list li .text_wrap .read {
          font-size: clamp(14px, 1.25vw, 15px);
          line-height: 1.4; }
      .sec01 .sec01_wrap .list li.img01 {
        position: absolute;
        top: 0;
        right: calc(100% + 10px);
        display: block;
        width: max-content;
        height: fit-content; }
        @media screen and (max-width: 1200px) {
          .sec01 .sec01_wrap .list li.img01 {
            display: none; } }

.sec02 {
  background: #fff; }
  .sec02 .img01 {
    display: block; }
  .sec02 .img06 {
    width: calc(100% - 60px);
    margin: 0 auto;
    margin-bottom: clamp(60px, 8.34%, 100px); }
    @media screen and (max-width: 480px) {
      .sec02 .img06 {
        margin-bottom: 40px; } }

.img06 {
  max-width: 1200px;
  margin: 0 auto; }
  .img06 img {
    width: 100%; }

.sec03 {
  background: #f3f3f3;
  padding-top: clamp(60px, 8.34%, 100px);
  padding-bottom: clamp(60px, 8.34%, 100px); }
  .sec03 .item {
    display: flex;
    flex-direction: column;
    row-gap: 10px; }
    .sec03 .item .read {
      line-height: 1.88; }
      .sec03 .item .read .cap_l {
        display: inline-block;
        line-height: 1.4;
        margin-top: 5px; }
  .sec03 .bg_ttl {
    background: linear-gradient(90deg, #545686 0%, #26366e 100%);
    font-size: clamp(16px, 1.667vw, 20px);
    line-height: 1.1;
    color: #fff;
    padding: 10px 15px; }
    .sec03 .bg_ttl .small {
      font-size: 80%; }
  .sec03 .item01 {
    margin-bottom: clamp(40px, 5%, 60px);
    text-align: center; }
    @media screen and (max-width: 768px) {
      .sec03 .item01 {
        text-align: center;
        width: 100%; } }
    @media screen and (max-width: 480px) {
      .sec03 .item01 .txt {
        width: 70%;
        margin-inline: auto; } }
  .sec03 .item02 {
    max-width: 1100px;
    max-width: 800px;
    margin: 0 auto;
    mix-blend-mode: multiply;
    margin-bottom: clamp(50px, 6.67%, 80px); }
  .sec03 .sec03_wrap01 {
    margin-bottom: clamp(40px, 5.417vw, 65px); }
    .sec03 .sec03_wrap01 .item03 .in_box {
      display: flex;
      justify-content: space-between; }
      @media screen and (max-width: 900px) {
        .sec03 .sec03_wrap01 .item03 .in_box {
          flex-direction: column;
          gap: 15px 0; } }
      .sec03 .sec03_wrap01 .item03 .in_box .txts {
        width: calc(750%/12); }
        @media screen and (max-width: 900px) {
          .sec03 .sec03_wrap01 .item03 .in_box .txts {
            width: 100%; } }
      .sec03 .sec03_wrap01 .item03 .in_box .img {
        width: calc(400%/12); }
        @media screen and (max-width: 900px) {
          .sec03 .sec03_wrap01 .item03 .in_box .img {
            width: 100%; } }
      .sec03 .sec03_wrap01 .item03 .in_box .in_txt {
        margin: 10px 0 15px; }
        .sec03 .sec03_wrap01 .item03 .in_box .in_txt .ttl {
          color: #26366e;
          margin-bottom: 0.2em;
          font-size: clamp(14px, 1.5vw, 18px); }
        .sec03 .sec03_wrap01 .item03 .in_box .in_txt .txts {
          font-size: clamp(13px, 1.25vw, 15px);
          display: flex;
          justify-content: center;
          gap: 0 16px;
          width: 100%; }
          @media screen and (max-width: 480px) {
            .sec03 .sec03_wrap01 .item03 .in_box .in_txt .txts {
              flex-direction: column;
              gap: 15px 0; } }
          .sec03 .sec03_wrap01 .item03 .in_box .in_txt .txts li {
            text-align: center;
            width: calc(50% - 8px);
            background: #fff5d7;
            border: 1px solid #513e29;
            padding: 10px;
            line-height: 1.2; }
            @media screen and (max-width: 480px) {
              .sec03 .sec03_wrap01 .item03 .in_box .in_txt .txts li {
                width: 100%;
                padding: 5px; } }
  .sec03 .sec03_wrap02 {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 768px) {
      .sec03 .sec03_wrap02 {
        flex-wrap: wrap;
        row-gap: 30px; } }
    .sec03 .sec03_wrap02 .item {
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between;
      width: 30.84%;
      row-gap: 10px; }
      @media screen and (max-width: 768px) {
        .sec03 .sec03_wrap02 .item {
          width: 100%; } }
      @media screen and (max-width: 480px) {
        .sec03 .sec03_wrap02 .item {
          flex-direction: column; } }
      .sec03 .sec03_wrap02 .item .bg_ttl {
        text-align: center;
        width: 100%; }
      .sec03 .sec03_wrap02 .item .read {
        width: 41.9%;
        line-height: 1.88; }
        @media screen and (max-width: 480px) {
          .sec03 .sec03_wrap02 .item .read {
            width: 100%; } }
      .sec03 .sec03_wrap02 .item .img {
        max-width: 200px;
        width: 54.06%; }
        @media screen and (max-width: 480px) {
          .sec03 .sec03_wrap02 .item .img {
            max-width: 100%;
            width: 100%; } }

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