/*! Writen  by SCSS */


.sec_main {
  font-size: clamp(16px, calc(24vw / 16), 24px); }
  @media screen and (max-width: 480px) {
    .sec_main {
      font-size: calc(18vw / 3.9); } }

.sec_read {
  font-size: clamp(12px, calc(18vw / 16), 18px); }
  @media screen and (max-width: 480px) {
    .sec_read {
      font-size: calc(13vw / 3.9); } }

.sec_text {
  font-size: clamp(12px, calc(16vw / 16), 16px); }
  @media screen and (max-width: 480px) {
    .sec_text {
      font-size: calc(12vw / 3.9); } }



.sec .sec_ttl_en {
  color: #333333;
  font-size: clamp(20px, calc(90vw / 16), 90px);
  font-weight: 600; }
  @media screen and (max-width: 480px) {
    .sec .sec_ttl_en {
      font-size: calc(40vw / 3.9); } }
  .sec .sec_ttl_en .s {
    font-size: 60%; }
@media screen and (max-width: 480px) {
  .sec .sec_main {
    font-size: calc(16vw / 3.9);
    letter-spacing: 0.02em; } }

.sec01 {
  padding: 80px 0;
  border-bottom: solid 1px #000; }
  @media screen and (max-width: 480px) {
    .sec01 {
      padding: 35px 0; } }
  .sec01 .inner {
    max-width: 1120px;
    margin: 0 auto;
    width: calc(100% - 40px); }
  .sec01 .box11 {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 480px) {
      .sec01 .box11 {
        display: block; } }
    .sec01 .box11 .img {
      width: calc(760% / 11.2);
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      row-gap: 25px; }
      @media screen and (max-width: 480px) {
        .sec01 .box11 .img {
          row-gap: 15px;
          width: 100%;
          margin-bottom: 15px; } }
      .sec01 .box11 .img li {
        width: calc(360% / 7.6); }
        .sec01 .box11 .img li p {
          font-size: clamp(12px, calc(16vw / 11.6), 13px);
          line-height: 1.4;
          letter-spacing: 0.05;
          margin-top: 0.2em;
          font-weight: 600; }
          @media screen and (max-width: 480px) {
            .sec01 .box11 .img li p {
              font-size: calc(12vw / 3.9); } }
    .sec01 .box11 .txt {
      width: calc(330% / 11.2); }
      @media screen and (max-width: 480px) {
        .sec01 .box11 .txt {
          width: 100%; } }



          @media not screen, screen and (min-width: 481px) {
            .vsp480 {
              display: none; } }
          @media screen and (max-width: 480px) {
            .vpc480 {
              display: none; } }

              
/*** ALIGN ***/
.ta_c {
  text-align: center; }

.ta_r {
  text-align: right; }

.ta_l {
  text-align: left; }

  .oswald {
    font-family: "Oswald",YakuHanJP, "游ゴシック","Yu Gothic",  YuGothic, "游ゴシック体",'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif; }
    @media screen and (max-width: 768px) {
      .oswald {
        font-family: "Oswald",YakuHanJP, "Noto Sans JP","游ゴシック","Yu Gothic",  YuGothic, "游ゴシック体",'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif; } }


        .sec_main {
          font-size: clamp(16px, calc(24vw / 12), 24px);
          line-height: 1.6;
          letter-spacing: 0.05em;
          margin-bottom: 1.3em;
          font-weight: 700; }
          .sec_main .l3 {
            font-size: 150%; }
          @media screen and (max-width: 480px) {
            .sec_main {
              font-size: calc(20vw / 3.9);
              letter-spacing: 0.1em;
              margin-bottom: 0.8em;
              line-height: 1.4;
              font-weight: 600; } }
/*# sourceMappingURL=style.css.map */