@charset "UTF-8";
.section-hero {
  position: relative;
  z-index: 1; }
  .section-hero .txt-1 {
    position: absolute;
    top: 4.651vw;
    left: 4.651vw; }
    @media screen and (min-width: 651px) {
      .section-hero .txt-1 {
        left: auto;
        top: 3vw;
        right: 5vw; } }
    .section-hero .txt-1 img {
      width: 26.769vw; }
      @media screen and (min-width: 651px) {
        .section-hero .txt-1 img {
          width: 14.5vw; } }
  .section-hero .txt-2 {
    position: absolute;
    top: 11.384vw;
    left: 6.153vw;
    font-size: 12.461vw;
    font-weight: 400; }
    @media screen and (min-width: 651px) {
      .section-hero .txt-2 {
        top: 4.166vw;
        left: 4.583vw;
        font-size: 7.5vw; } }
  .section-hero .txt-3 {
    position: absolute;
    top: 29.23vw;
    left: 6.153vw;
    font-size: 4.651vw;
    letter-spacing: 0.1em; }
    @media screen and (min-width: 651px) {
      .section-hero .txt-3 {
        top: 16.666vw;
        left: 8.333vw;
        font-size: 2.5vw; } }
    .section-hero .txt-3 span {
      color: #dd7b1d; }
  .section-hero .txt-4 {
    position: absolute;
    bottom: 36.923vw;
    right: 6.153vw; }
    @media screen and (min-width: 651px) {
      .section-hero .txt-4 {
        bottom: auto;
        right: auto;
        top: 24.166vw;
        left: 10vw;
        text-align: center; } }
    .section-hero .txt-4-1 span {
      background-color: #f9d38c;
      border-radius: 2em;
      padding: 0 3.076vw;
      font-size: 3.23vw;
      line-height: 1;
      text-align: center; }
      @media screen and (min-width: 651px) {
        .section-hero .txt-4-1 span {
          font-size: 1.25vw; } }
    .section-hero .txt-4-2 {
      margin-top: 3.076vw; }
      @media screen and (min-width: 651px) {
        .section-hero .txt-4-2 {
          margin-top: 1.666vw; } }
      .section-hero .txt-4-2 img {
        width: 41.538vw; }
        @media screen and (min-width: 651px) {
          .section-hero .txt-4-2 img {
            width: 28.25vw; } }
    .section-hero .txt-4-3 {
      font-family: "Noto Serif JP", serif;
      font-size: 5.076vw;
      text-align: center;
      line-height: 1.2; }
      @media screen and (min-width: 651px) {
        .section-hero .txt-4-3 {
          font-size: 3.5vw; } }
  .section-hero .txt-5 {
    position: absolute;
    bottom: 0;
    left: 9.23vw;
    right: 9.23vw; }
    @media screen and (min-width: 651px) {
      .section-hero .txt-5 {
        bottom: auto;
        right: auto;
        top: 40.416vw;
        left: 11.666vw; } }
    .section-hero .txt-5 .row {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 7.692vw; }
      @media screen and (min-width: 651px) {
        .section-hero .txt-5 .row {
          width: 25vw;
          gap: 0.833vw; } }
    .section-hero .txt-5 .col:nth-child(3) {
      padding: 0 1.538vw; }
      @media screen and (min-width: 651px) {
        .section-hero .txt-5 .col:nth-child(3) {
          padding: 0; }
          .section-hero .txt-5 .col:nth-child(3) .txt {
            padding: 0 0.833vw; } }
    .section-hero .txt-5 .col .img {
      text-align: center; }
      .section-hero .txt-5 .col .img img {
        width: 14vw; }
        @media screen and (min-width: 651px) {
          .section-hero .txt-5 .col .img img {
            width: 5.666vw; } }
    .section-hero .txt-5 .col .txt {
      margin-top: 0.969vw;
      text-align: justify;
      text-align-last: justify; }
      @media screen and (min-width: 651px) {
        .section-hero .txt-5 .col .txt {
          margin-top: 0.416vw;
          font-size: 1.25vw; } }
      .section-hero .txt-5 .col .txt h3 {
        font-size: 3.538vw;
        font-weight: 300;
        line-height: 1.2; }
        @media screen and (min-width: 651px) {
          .section-hero .txt-5 .col .txt h3 {
            font-size: 1.25vw; } }
    .section-hero .txt-5-2 {
      margin-top: 2.307vw;
      font-size: 2.307vw;
      text-align: right; }
      @media screen and (min-width: 651px) {
        .section-hero .txt-5-2 {
          margin-top: 0.833vw;
          font-size: 0.833vw; } }
  .section-hero .bg {
    position: relative;
    z-index: -1;
    padding-bottom: 6.153vw; }
    @media screen and (min-width: 651px) {
      .section-hero .bg {
        padding-bottom: 0; } }
    .section-hero .bg img {
      width: 100%; }
.section-top {
  position: relative;
  z-index: 0;
  padding: 12.307vw 0 3.076vw; }
  @media screen and (min-width: 651px) {
    .section-top {
      padding: 8.333vw 0 7.5vw; } }
  .section-top h2 {
    font-size: 6.923vw;
    font-weight: 400;
    text-align: center; }
    @media screen and (min-width: 651px) {
      .section-top h2 {
        padding-left: 4.166vw;
        font-size: 5vw;
        text-align: left; } }
  .section-top .txt-1 {
    margin-top: 10.769vw;
    padding-left: 4.651vw; }
    @media screen and (min-width: 651px) {
      .section-top .txt-1 {
        margin-top: 12.5vw;
        padding-left: 5vw; } }
    .section-top .txt-1 img {
      width: 42.769vw; }
      @media screen and (min-width: 651px) {
        .section-top .txt-1 img {
          width: 30.166vw; } }
  .section-top .txt-2 {
    margin-top: 7.692vw;
    padding-left: 6.153vw;
    font-size: 4vw;
    font-weight: 300;
    line-height: 1.5;
    text-shadow: 3px 3px 10px white, 3px -3px 10px white, -3px 3px 10px white, -3px -3px 10px white, 3px 0 10px white, -3px 0 10px white, 0 3px 10px white, 0 -3px 10px white; }
    @media screen and (min-width: 651px) {
      .section-top .txt-2 {
        margin-top: 3.333vw;
        padding-left: 6.666vw;
        font-size: 2vw; } }
    @media screen and (min-width: 651px) {
      .section-top .txt-2 br.sp {
        display: none; } }
  .section-top .bg {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1; }
    .section-top .bg img {
      width: 100%; }
.section-over .box-1 {
  position: relative;
  padding-top: 28.153vw;
  overflow: hidden; }
  @media screen and (min-width: 651px) {
    .section-over .box-1 {
      padding-top: 20.583vw; } }
  .section-over .box-1 .img-1 {
    position: absolute;
    top: 15.384vw;
    left: 35%;
    z-index: 2; }
    @media screen and (min-width: 651px) {
      .section-over .box-1 .img-1 {
        top: 11.666vw;
        left: 49.5%; } }
    .section-over .box-1 .img-1 img {
      width: 46.153vw; }
      @media screen and (min-width: 651px) {
        .section-over .box-1 .img-1 img {
          width: 35.833vw; } }
  .section-over .box-1 .img-2 {
    position: absolute;
    top: -13.23vw;
    right: -9.23vw;
    z-index: 1; }
    @media screen and (min-width: 651px) {
      .section-over .box-1 .img-2 {
        top: -3.75vw;
        right: -3.5vw; } }
    .section-over .box-1 .img-2 img {
      width: 47.692vw; }
      @media screen and (min-width: 651px) {
        .section-over .box-1 .img-2 img {
          width: 29.166vw; } }
  .section-over .box-1 .img-3 {
    position: absolute;
    top: 4.651vw;
    left: -4.651vw; }
    @media screen and (min-width: 651px) {
      .section-over .box-1 .img-3 {
        top: 1.666vw;
        left: 1.666vw; } }
    .section-over .box-1 .img-3 img {
      width: 45.846vw; }
      @media screen and (min-width: 651px) {
        .section-over .box-1 .img-3 img {
          width: 35.416vw; } }
  .section-over .box-1 h2 {
    margin-right: -1.538vw;
    font-size: 6.923vw;
    font-weight: normal;
    text-align: right; }
    @media screen and (min-width: 651px) {
      .section-over .box-1 h2 {
        margin-right: 0;
        padding-left: 25vw;
        font-size: 4.166vw;
        text-align: left; } }
  .section-over .box-1 .bg img {
    width: 100%; }
.section-over .box-2 {
  padding: 3.076vw 4.651vw 6.153vw; }
  @media screen and (min-width: 651px) {
    .section-over .box-2 {
      padding: 2.083vw 3.333vw; } }
  .section-over .box-2 .txt-1 {
    font-size: 4vw;
    line-height: 1.5; }
    @media screen and (min-width: 651px) {
      .section-over .box-2 .txt-1 {
        display: flex;
        justify-content: center;
        font-size: 1.333vw; } }
    .section-over .box-2 .txt-1 span {
      font-size: 2.307vw; }
      @media screen and (min-width: 651px) {
        .section-over .box-2 .txt-1 span {
          margin-right: 0.5em;
          font-size: 0.833vw; } }
    @media screen and (min-width: 651px) {
      .section-over .box-2 .txt-1 br.sp {
        display: none; } }
  .section-over .box-2 .txt-2 {
    display: flex;
    justify-content: flex-end;
    margin-top: 2.307vw;
    font-size: 2.307vw;
    line-height: 1.5; }
    @media screen and (min-width: 651px) {
      .section-over .box-2 .txt-2 {
        margin-top: 0.833vw;
        font-size: 0.833vw; } }
.section-reason {
  position: relative;
  z-index: 0;
  padding: 12.307vw 0; }
  @media screen and (min-width: 651px) {
    .section-reason {
      padding: 6.666vw 0; } }
  @media screen and (min-width: 1201px) {
    .section-reason {
      padding: 80px 0; } }
  .section-reason .box {
    padding: 0 6.153vw; }
    @media screen and (min-width: 651px) {
      .section-reason .box {
        width: 100%;
        max-width: 100vw;
        margin: 0 auto;
        padding: 0 3.333vw; } }
    @media screen and (min-width: 1201px) {
      .section-reason .box {
        max-width: 1200px;
        padding: 0 40px; } }
    .section-reason .box h2 {
      text-align: center; }
      @media screen and (min-width: 651px) {
        .section-reason .box h2 {
          filter: drop-shadow(0 0 0.666vw white) drop-shadow(0 0 0.666vw white) drop-shadow(0 0 0.666vw white) drop-shadow(0 0 0.666vw white); } }
      @media screen and (min-width: 1201px) {
        .section-reason .box h2 {
          filter: drop-shadow(0 0 8px white) drop-shadow(0 0 8px white) drop-shadow(0 0 8px white) drop-shadow(0 0 8px white); } }
      .section-reason .box h2 img {
        width: 78.461vw; }
        @media screen and (min-width: 651px) {
          .section-reason .box h2 img {
            width: 64.333vw; } }
        @media screen and (min-width: 1201px) {
          .section-reason .box h2 img {
            width: 772px; } }
    .section-reason .box .txt-1 {
      margin-top: 4.615vw;
      font-size: 3.692vw; }
      @media screen and (min-width: 651px) {
        .section-reason .box .txt-1 {
          display: flex;
          justify-content: center;
          margin-top: 2.5vw;
          font-size: 1.333vw;
          line-height: 1.4; } }
      @media screen and (min-width: 1201px) {
        .section-reason .box .txt-1 {
          margin-top: 30px;
          font-size: 16px; } }
      .section-reason .box .txt-1 span {
        margin-right: 0.4em;
        font-size: 2.769vw; }
        @media screen and (min-width: 651px) {
          .section-reason .box .txt-1 span {
            font-size: 0.833vw; } }
        @media screen and (min-width: 1201px) {
          .section-reason .box .txt-1 span {
            font-size: 10px; } }
      @media screen and (min-width: 651px) {
        .section-reason .box .txt-1 br.sp {
          display: none; } }
    .section-reason .box .txt-2 {
      display: flex;
      justify-content: flex-end;
      margin-top: 1.538vw;
      font-size: 2.307vw;
      line-height: 1.5; }
      @media screen and (min-width: 651px) {
        .section-reason .box .txt-2 {
          font-size: 0.833vw; } }
      @media screen and (min-width: 1201px) {
        .section-reason .box .txt-2 {
          font-size: 10px; } }
  .section-reason .row {
    display: grid;
    grid-auto-flow: row;
    gap: 7.692vw;
    margin-top: 3.076vw;
    padding: 0 11.538vw; }
    @media screen and (min-width: 651px) {
      .section-reason .row {
        grid-template-columns: repeat(3, 1fr);
        gap: 1.666vw;
        width: 100%;
        max-width: 100vw;
        margin: 2.5vw auto 0;
        padding: 0 5vw; } }
    @media screen and (min-width: 1201px) {
      .section-reason .row {
        gap: 20px;
        max-width: 1200px;
        margin: 30px auto 0;
        padding: 0 60px; } }
    .section-reason .row .col {
      background-color: #fff;
      border: 0.307vw solid #f5b63f;
      border-radius: 7.692vw;
      padding: 1.23vw; }
      @media screen and (min-width: 651px) {
        .section-reason .row .col {
          border-width: 1px;
          border-radius: 2.5vw;
          padding: 0.416vw; } }
      @media screen and (min-width: 1201px) {
        .section-reason .row .col {
          border-radius: 30px;
          padding: 5px; } }
      .section-reason .row .col .title {
        position: relative;
        background: url(/assets/img/products/lipocur/reason-title-bg.jpg) no-repeat;
        background-size: cover;
        border-top-left-radius: 5.384vw;
        border-top-right-radius: 5.384vw;
        padding: 6.153vw 1.538vw;
        line-height: 1;
        overflow: hidden; }
        @media screen and (min-width: 651px) {
          .section-reason .row .col .title {
            border-top-left-radius: 2.083vw;
            border-top-right-radius: 2.083vw;
            padding: 2.083vw 1.25vw; } }
        @media screen and (min-width: 1201px) {
          .section-reason .row .col .title {
            border-top-left-radius: 25px;
            border-top-right-radius: 25px;
            padding: 25px 15px; } }
        .section-reason .row .col .title h3 {
          display: grid;
          grid-template-columns: 19.076vw 1fr;
          align-items: center;
          padding: 0 1.538vw;
          color: #dd7b1d;
          font-size: 9.23vw;
          font-weight: normal; }
          @media screen and (min-width: 651px) {
            .section-reason .row .col .title h3 {
              grid-template-columns: 6.833vw 1fr;
              padding: 0;
              font-size: 3.333vw; } }
          @media screen and (min-width: 1201px) {
            .section-reason .row .col .title h3 {
              grid-template-columns: 82px 1fr;
              font-size: 40px; } }
          .section-reason .row .col .title h3 span {
            display: block;
            text-align: center; }
          .section-reason .row .col .title h3 img.no01 {
            width: 18.153vw; }
            @media screen and (min-width: 651px) {
              .section-reason .row .col .title h3 img.no01 {
                width: 6.666vw; } }
            @media screen and (min-width: 1201px) {
              .section-reason .row .col .title h3 img.no01 {
                width: 80px; } }
          .section-reason .row .col .title h3 img.no02 {
            width: 18.461vw; }
            @media screen and (min-width: 651px) {
              .section-reason .row .col .title h3 img.no02 {
                width: 6.75vw; } }
            @media screen and (min-width: 1201px) {
              .section-reason .row .col .title h3 img.no02 {
                width: 81px; } }
          .section-reason .row .col .title h3 img.no03 {
            width: 18.615vw; }
            @media screen and (min-width: 651px) {
              .section-reason .row .col .title h3 img.no03 {
                width: 6.833vw; } }
            @media screen and (min-width: 1201px) {
              .section-reason .row .col .title h3 img.no03 {
                width: 82px; } }
      .section-reason .row .col .txt {
        padding: 1.538vw 0;
        font-size: 4.307vw;
        line-height: 1.3;
        text-align: center; }
        @media screen and (min-width: 651px) {
          .section-reason .row .col .txt {
            padding: 0.833vw 0;
            font-size: 1.666vw; } }
        @media screen and (min-width: 1201px) {
          .section-reason .row .col .txt {
            padding: 10px 0;
            font-size: 20px; } }
  .section-reason .bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1; }
    .section-reason .bg img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
.section-integrated-design {
  position: relative;
  z-index: 0;
  padding: 33.846vw 0 15.384vw; }
  @media screen and (min-width: 651px) {
    .section-integrated-design {
      padding: 21.666vw 0 8.333vw; } }
  @media screen and (min-width: 1201px) {
    .section-integrated-design {
      padding: 21.666vw 0 100px; } }
  .section-integrated-design::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, #fff 0%, rgba(249, 211, 140, 0.21) 2%, rgba(249, 211, 140, 0.21) 100%);
    z-index: -1; }
  .section-integrated-design .box-1 {
    padding: 0 7.692vw; }
    @media screen and (min-width: 651px) {
      .section-integrated-design .box-1 {
        width: 100%;
        max-width: 100vw;
        margin: 0 auto;
        padding: 0 4.166vw; } }
    @media screen and (min-width: 1201px) {
      .section-integrated-design .box-1 {
        max-width: 1200px;
        padding: 0 50px; } }
    .section-integrated-design .box-1 .title {
      border-bottom: 0.461vw solid #f5b63f;
      padding-bottom: 4.651vw; }
      @media screen and (min-width: 651px) {
        .section-integrated-design .box-1 .title {
          display: inline-block;
          border-width: 2px;
          padding: 0 3.333vw 1.666vw 8.333vw; } }
      @media screen and (min-width: 1201px) {
        .section-integrated-design .box-1 .title {
          padding: 0 40px 20px 100px; } }
      .section-integrated-design .box-1 .title .txt-1 {
        background-color: #f9d38c;
        border-radius: 2em;
        font-size: 4.923vw;
        text-align: center;
        letter-spacing: 0.1em; }
        @media screen and (min-width: 651px) {
          .section-integrated-design .box-1 .title .txt-1 {
            display: inline-block;
            padding: 0 2.5vw;
            font-size: 2vw; } }
        @media screen and (min-width: 1201px) {
          .section-integrated-design .box-1 .title .txt-1 {
            padding: 0 30px;
            font-size: 24px; } }
      .section-integrated-design .box-1 .title h2 {
        margin-top: 3.076vw;
        padding-left: 1.538vw;
        font-size: 7.23vw;
        font-weight: normal;
        line-height: 1.3; }
        @media screen and (min-width: 651px) {
          .section-integrated-design .box-1 .title h2 {
            margin-top: 2.083vw;
            padding-left: 0;
            font-size: 3.333vw; } }
        @media screen and (min-width: 1201px) {
          .section-integrated-design .box-1 .title h2 {
            margin-top: 25px;
            font-size: 40px; } }
        .section-integrated-design .box-1 .title h2 span.c1 {
          color: #dd7b1d; }
        .section-integrated-design .box-1 .title h2 span.t1 {
          font-size: 9.846vw; }
          @media screen and (min-width: 651px) {
            .section-integrated-design .box-1 .title h2 span.t1 {
              font-size: 4.166vw; } }
          @media screen and (min-width: 1201px) {
            .section-integrated-design .box-1 .title h2 span.t1 {
              font-size: 50px; } }
        @media screen and (min-width: 651px) {
          .section-integrated-design .box-1 .title h2 br.sp {
            display: none; } }
    .section-integrated-design .box-1 .txt-2 {
      margin-top: 6.153vw;
      padding-left: 1.538vw;
      font-size: 3.692vw;
      letter-spacing: 0.01em; }
      @media screen and (min-width: 651px) {
        .section-integrated-design .box-1 .txt-2 {
          margin-top: 2.5vw;
          padding-left: 9.166vw;
          font-size: 1.333vw; } }
      @media screen and (min-width: 1201px) {
        .section-integrated-design .box-1 .txt-2 {
          margin-top: 30px;
          padding-left: 110px;
          font-size: 16px; } }
    .section-integrated-design .box-1 .img-1 {
      margin: 4.651vw -4.651vw 0; }
      @media screen and (min-width: 651px) {
        .section-integrated-design .box-1 .img-1 {
          margin: 4.166vw 0 0;
          text-align: center; } }
      @media screen and (min-width: 1201px) {
        .section-integrated-design .box-1 .img-1 {
          margin: 50px 0 0; } }
      .section-integrated-design .box-1 .img-1 img {
        width: 93.846vw; }
        @media screen and (min-width: 651px) {
          .section-integrated-design .box-1 .img-1 img {
            width: 56.666vw; } }
        @media screen and (min-width: 1201px) {
          .section-integrated-design .box-1 .img-1 img {
            width: 680px; } }
  .section-integrated-design .box-2 {
    display: grid;
    grid-auto-flow: row;
    gap: 7.692vw;
    padding: 0 5.384vw; }
    @media screen and (min-width: 651px) {
      .section-integrated-design .box-2 {
        gap: 6.666vw;
        width: 100%;
        max-width: 100vw;
        margin: 0 auto;
        padding: 0 5.833vw; } }
    @media screen and (min-width: 1201px) {
      .section-integrated-design .box-2 {
        gap: 80px;
        max-width: 1200px;
        padding: 0 70px; } }
    .section-integrated-design .box-2 .group {
      position: relative;
      z-index: 0;
      background-color: #f5b63f;
      border-radius: 7.692vw;
      margin-top: 9.23vw;
      padding: 4.651vw; }
      @media screen and (min-width: 651px) {
        .section-integrated-design .box-2 .group {
          border-radius: 4.166vw;
          margin-top: 3.333vw;
          padding: 3.333vw; } }
      @media screen and (min-width: 1201px) {
        .section-integrated-design .box-2 .group {
          border-radius: 50px;
          margin-top: 40px;
          padding: 40px; } }
      .section-integrated-design .box-2 .group .no {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: -4.651vw;
        left: 0.969vw;
        z-index: -1;
        background-color: #fff;
        border: 0.969vw solid #f5b63f;
        border-radius: 50%;
        width: 15.538vw;
        height: 15.538vw; }
        @media screen and (min-width: 651px) {
          .section-integrated-design .box-2 .group .no {
            top: -2.5vw;
            left: 0.416vw;
            border-width: 0.416vw;
            width: 8.166vw;
            height: 8.166vw; } }
        @media screen and (min-width: 1201px) {
          .section-integrated-design .box-2 .group .no {
            top: -30px;
            left: 5px;
            border-width: 5px;
            width: 98px;
            height: 98px; } }
        .section-integrated-design .box-2 .group .no .no01 {
          width: 9.538vw; }
          @media screen and (min-width: 651px) {
            .section-integrated-design .box-2 .group .no .no01 {
              width: 5.083vw; } }
          @media screen and (min-width: 1201px) {
            .section-integrated-design .box-2 .group .no .no01 {
              width: 61px; } }
        .section-integrated-design .box-2 .group .no .no02 {
          width: 10.615vw; }
          @media screen and (min-width: 651px) {
            .section-integrated-design .box-2 .group .no .no02 {
              width: 5.75vw; } }
          @media screen and (min-width: 1201px) {
            .section-integrated-design .box-2 .group .no .no02 {
              width: 69px; } }
        .section-integrated-design .box-2 .group .no .no03 {
          width: 10.615vw; }
          @media screen and (min-width: 651px) {
            .section-integrated-design .box-2 .group .no .no03 {
              width: 5.75vw; } }
          @media screen and (min-width: 1201px) {
            .section-integrated-design .box-2 .group .no .no03 {
              width: 69px; } }
      .section-integrated-design .box-2 .group .title {
        margin-bottom: 2.307vw; }
        @media screen and (min-width: 651px) {
          .section-integrated-design .box-2 .group .title {
            margin-bottom: 1.666vw; } }
        @media screen and (min-width: 1201px) {
          .section-integrated-design .box-2 .group .title {
            margin-bottom: 20px; } }
        .section-integrated-design .box-2 .group .title .txt-1 {
          font-size: 4vw;
          color: #fff;
          line-height: 1.2;
          text-align: center; }
          @media screen and (min-width: 651px) {
            .section-integrated-design .box-2 .group .title .txt-1 {
              font-size: 2.166vw; } }
          @media screen and (min-width: 1201px) {
            .section-integrated-design .box-2 .group .title .txt-1 {
              font-size: 26px; } }
        .section-integrated-design .box-2 .group .title h3 {
          margin-top: 2.307vw;
          font-size: 8.769vw;
          font-weight: normal;
          text-align: center;
          line-height: 1.2;
          letter-spacing: -0.01em; }
          @media screen and (min-width: 651px) {
            .section-integrated-design .box-2 .group .title h3 {
              margin-top: 1.666vw;
              font-size: 4.166vw; } }
          @media screen and (min-width: 1201px) {
            .section-integrated-design .box-2 .group .title h3 {
              margin-top: 20px;
              font-size: 50px; } }
          .section-integrated-design .box-2 .group .title h3 span {
            font-size: 10.615vw; }
            @media screen and (min-width: 651px) {
              .section-integrated-design .box-2 .group .title h3 span {
                font-size: 5vw; } }
            @media screen and (min-width: 1201px) {
              .section-integrated-design .box-2 .group .title h3 span {
                font-size: 60px; } }
        .section-integrated-design .box-2 .group .title .txt-2 {
          margin-top: 1.538vw;
          font-size: 4.651vw;
          text-align: center;
          line-height: 1.4;
          letter-spacing: 0.1em; }
          @media screen and (min-width: 651px) {
            .section-integrated-design .box-2 .group .title .txt-2 {
              margin-top: 0.833vw;
              font-size: 2.166vw; } }
          @media screen and (min-width: 1201px) {
            .section-integrated-design .box-2 .group .title .txt-2 {
              margin-top: 10px;
              font-size: 26px; } }
      .section-integrated-design .box-2 .group .item-wrap {
        display: grid;
        grid-auto-flow: row;
        gap: 6.153vw; }
        @media screen and (min-width: 651px) {
          .section-integrated-design .box-2 .group .item-wrap {
            grid-template-columns: 54.583vw 1fr;
            gap: 2.333vw; } }
        @media screen and (min-width: 1201px) {
          .section-integrated-design .box-2 .group .item-wrap {
            grid-template-columns: 655px 1fr;
            gap: 28px; } }
      .section-integrated-design .box-2 .group .item-right {
        display: grid;
        grid-auto-flow: row;
        gap: 6.153vw; }
        @media screen and (min-width: 651px) {
          .section-integrated-design .box-2 .group .item-right {
            grid-template-rows: repeat(2, max-content);
            gap: 2.333vw; } }
        @media screen and (min-width: 1201px) {
          .section-integrated-design .box-2 .group .item-right {
            gap: 28px; } }
      .section-integrated-design .box-2 .group .item {
        background-color: #fff;
        border-radius: 5.538vw;
        padding: 3.076vw 3.846vw 6.153vw; }
        @media screen and (min-width: 651px) {
          .section-integrated-design .box-2 .group .item {
            border-radius: 2.083vw;
            padding: 0.833vw 2.083vw 1.666vw; } }
        @media screen and (min-width: 1201px) {
          .section-integrated-design .box-2 .group .item {
            border-radius: 25px;
            padding: 10px 25px 20px; } }
        .section-integrated-design .box-2 .group .item .row-1 .img {
          text-align: center; }
        .section-integrated-design .box-2 .group .item .row-1 .txt h4 {
          font-size: 9.23vw;
          font-weight: normal;
          text-align: center;
          line-height: 1.4; }
          @media screen and (min-width: 651px) {
            .section-integrated-design .box-2 .group .item .row-1 .txt h4 {
              font-size: 3.083vw; } }
          @media screen and (min-width: 1201px) {
            .section-integrated-design .box-2 .group .item .row-1 .txt h4 {
              font-size: 37px; } }
          .section-integrated-design .box-2 .group .item .row-1 .txt h4 span {
            font-size: 2.769vw; }
            @media screen and (min-width: 651px) {
              .section-integrated-design .box-2 .group .item .row-1 .txt h4 span {
                font-size: 1vw; } }
            @media screen and (min-width: 1201px) {
              .section-integrated-design .box-2 .group .item .row-1 .txt h4 span {
                font-size: 12px; } }
        .section-integrated-design .box-2 .group .item .row-1 .txt .txt-x {
          margin-top: 1.538vw;
          font-size: 6vw;
          color: #de7b1d;
          line-height: 1.4; }
          @media screen and (min-width: 651px) {
            .section-integrated-design .box-2 .group .item .row-1 .txt .txt-x {
              margin-top: 0.833vw;
              font-size: 2.5vw;
              line-height: 1.3; } }
          @media screen and (min-width: 1201px) {
            .section-integrated-design .box-2 .group .item .row-1 .txt .txt-x {
              margin-top: 10px;
              font-size: 30px; } }
          .section-integrated-design .box-2 .group .item .row-1 .txt .txt-x br.pc {
            display: none; }
            @media screen and (min-width: 651px) {
              .section-integrated-design .box-2 .group .item .row-1 .txt .txt-x br.pc {
                display: inline; } }
        .section-integrated-design .box-2 .group .item .txt-1 {
          margin-top: 3.076vw;
          padding: 0 1.538vw;
          font-size: 4vw;
          line-height: 1.4; }
          @media screen and (min-width: 651px) {
            .section-integrated-design .box-2 .group .item .txt-1 {
              margin-top: 0.833vw;
              padding: 0;
              font-size: 1.333vw;
              line-height: 1.8; } }
          @media screen and (min-width: 1201px) {
            .section-integrated-design .box-2 .group .item .txt-1 {
              margin-top: 10px;
              font-size: 16px; } }
        .section-integrated-design .box-2 .group .item .row-2 {
          display: grid;
          grid-auto-flow: row;
          gap: 6.153vw;
          margin-top: 4.651vw; }
          @media screen and (min-width: 651px) {
            .section-integrated-design .box-2 .group .item .row-2 {
              margin-top: 3.333vw; } }
          @media screen and (min-width: 1201px) {
            .section-integrated-design .box-2 .group .item .row-2 {
              margin-top: 40px; } }
          .section-integrated-design .box-2 .group .item .row-2 .col {
            font-size: 4vw;
            line-height: 1.4; }
            @media screen and (min-width: 651px) {
              .section-integrated-design .box-2 .group .item .row-2 .col {
                font-size: 1.333vw; } }
            @media screen and (min-width: 1201px) {
              .section-integrated-design .box-2 .group .item .row-2 .col {
                font-size: 16px; } }
            .section-integrated-design .box-2 .group .item .row-2 .col h5 {
              background-color: #f9d38c;
              padding: 1.23vw 4vw;
              font-size: 4.651vw;
              font-weight: normal;
              line-height: 1; }
              @media screen and (min-width: 651px) {
                .section-integrated-design .box-2 .group .item .row-2 .col h5 {
                  padding: 0.416vw 1.666vw;
                  font-size: 1.666vw; } }
              @media screen and (min-width: 1201px) {
                .section-integrated-design .box-2 .group .item .row-2 .col h5 {
                  padding: 5px 20px;
                  font-size: 20px; } }
            .section-integrated-design .box-2 .group .item .row-2 .col .txt-x {
              margin-top: 2.307vw;
              padding: 0 2.307vw; }
              @media screen and (min-width: 651px) {
                .section-integrated-design .box-2 .group .item .row-2 .col .txt-x {
                  margin-top: 1.666vw;
                  padding: 0;
                  line-height: 1.6; } }
              @media screen and (min-width: 1201px) {
                .section-integrated-design .box-2 .group .item .row-2 .col .txt-x {
                  margin-top: 20px; } }
        .section-integrated-design .box-2 .group .item .txt-2 {
          margin-top: 7.692vw;
          padding-right: 1em;
          font-size: 2.307vw;
          text-align: right; }
          @media screen and (min-width: 651px) {
            .section-integrated-design .box-2 .group .item .txt-2 {
              margin-top: 3.333vw;
              font-size: 0.833vw; } }
          @media screen and (min-width: 1201px) {
            .section-integrated-design .box-2 .group .item .txt-2 {
              margin-top: 40px;
              font-size: 10px; } }
        @media screen and (min-width: 651px) {
          .section-integrated-design .box-2 .group .item.big1 {
            padding: 4.166vw; }
            .section-integrated-design .box-2 .group .item.big1 .row-1 {
              display: grid;
              grid-template-columns: 25vw 1fr;
              gap: 4.166vw; }
              .section-integrated-design .box-2 .group .item.big1 .row-1 .txt h4 {
                text-align: left; }
            .section-integrated-design .box-2 .group .item.big1 .txt-1 {
              padding: 0 2.5vw; }
            .section-integrated-design .box-2 .group .item.big1 .row-2 {
              grid-template-columns: repeat(3, 1fr);
              gap: 2.083vw;
              padding: 0 2.5vw; }
          .section-integrated-design .box-2 .group .item.big2 {
            padding: 2.5vw 1.666vw; }
            .section-integrated-design .box-2 .group .item.big2 .row-1 {
              display: grid;
              grid-template-columns: 23.333vw 1fr;
              gap: 1.666vw; }
              .section-integrated-design .box-2 .group .item.big2 .row-1 .txt h4 {
                text-align: left; }
            .section-integrated-design .box-2 .group .item.big2 .txt-1 {
              margin-top: 2.5vw;
              padding: 0 1.666vw 0 3.333vw; }
            .section-integrated-design .box-2 .group .item.big2 .row-2 {
              grid-template-columns: repeat(2, 1fr);
              gap: 2.5vw;
              margin-top: 2.5vw;
              padding: 0 1.666vw 0 3.333vw; } }
        @media screen and (min-width: 1201px) {
          .section-integrated-design .box-2 .group .item.big1 {
            padding: 50px; }
            .section-integrated-design .box-2 .group .item.big1 .row-1 {
              grid-template-columns: 300px 1fr;
              gap: 50px; }
            .section-integrated-design .box-2 .group .item.big1 .txt-1 {
              padding: 0 30px; }
            .section-integrated-design .box-2 .group .item.big1 .row-2 {
              gap: 25px;
              padding: 0 30px; }
          .section-integrated-design .box-2 .group .item.big2 {
            padding: 30px 20px; }
            .section-integrated-design .box-2 .group .item.big2 .row-1 {
              grid-template-columns: 280px 1fr;
              gap: 20px; }
            .section-integrated-design .box-2 .group .item.big2 .txt-1 {
              margin-top: 30px;
              padding: 0 20px 0 40px; }
            .section-integrated-design .box-2 .group .item.big2 .row-2 {
              gap: 30px;
              margin-top: 30px;
              padding: 0 20px 0 40px; } }
      .section-integrated-design .box-2 .group.group-2 {
        background-color: #f9d38c; }
        .section-integrated-design .box-2 .group.group-2 .no {
          border-color: #f9d38c; }
      .section-integrated-design .box-2 .group.group-3 {
        background-color: #fff4d0; }
        .section-integrated-design .box-2 .group.group-3 .no {
          border-color: #fff4d0; }
        .section-integrated-design .box-2 .group.group-3 .title .txt-1 {
          color: #f5b63f; }
  .section-integrated-design .bg-1 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1; }
    .section-integrated-design .bg-1 img {
      width: 100%; }
  .section-integrated-design .bg-2 {
    position: absolute;
    top: 37.692vw;
    right: 3.076vw;
    z-index: -1; }
    @media screen and (min-width: 651px) {
      .section-integrated-design .bg-2 {
        top: 14.5vw;
        right: 1.666vw; } }
    @media screen and (min-width: 1201px) {
      .section-integrated-design .bg-2 {
        top: 174px;
        right: 20px; } }
    .section-integrated-design .bg-2 img {
      width: 41.538vw; }
      @media screen and (min-width: 651px) {
        .section-integrated-design .bg-2 img {
          width: 29.166vw; } }
      @media screen and (min-width: 1201px) {
        .section-integrated-design .bg-2 img {
          width: 350px; } }
.section-meticulously {
  padding: 0 0 6.153vw; }
  @media screen and (min-width: 651px) {
    .section-meticulously {
      padding: 3.333vw 0 0; } }
  @media screen and (min-width: 1201px) {
    .section-meticulously {
      padding: 40px 0 0; } }
  .section-meticulously .box-1 {
    position: relative;
    z-index: 0; }
    .section-meticulously .box-1-inner {
      padding: 33.846vw 7.692vw 0; }
      @media screen and (min-width: 651px) {
        .section-meticulously .box-1-inner {
          width: 100%;
          max-width: 100vw;
          margin: 0 auto;
          padding: 24.166vw 4.166vw 0; } }
      @media screen and (min-width: 1201px) {
        .section-meticulously .box-1-inner {
          max-width: 1200px;
          padding: 24.166vw 50px 0; } }
    .section-meticulously .box-1 .title {
      border-bottom: 0.461vw solid #f5b63f;
      padding-bottom: 4.651vw; }
      @media screen and (min-width: 651px) {
        .section-meticulously .box-1 .title {
          display: inline-block;
          border-width: 2px;
          padding: 0 3.333vw 1.666vw 8.333vw; } }
      @media screen and (min-width: 1201px) {
        .section-meticulously .box-1 .title {
          padding: 0 40px 20px 100px; } }
      .section-meticulously .box-1 .title .txt-1 {
        background-color: #f9d38c;
        border-radius: 2em;
        font-size: 4.923vw;
        text-align: center;
        letter-spacing: 0.1em; }
        @media screen and (min-width: 651px) {
          .section-meticulously .box-1 .title .txt-1 {
            display: inline-block;
            padding: 0 2.5vw;
            font-size: 2vw; } }
        @media screen and (min-width: 1201px) {
          .section-meticulously .box-1 .title .txt-1 {
            padding: 0 30px;
            font-size: 24px; } }
      .section-meticulously .box-1 .title h2 {
        margin-top: 3.076vw;
        padding-left: 1.538vw;
        font-size: 7.23vw;
        font-weight: normal;
        line-height: 1.3; }
        @media screen and (min-width: 651px) {
          .section-meticulously .box-1 .title h2 {
            margin-top: 2.083vw;
            padding-left: 0;
            font-size: 3.333vw; } }
        @media screen and (min-width: 1201px) {
          .section-meticulously .box-1 .title h2 {
            margin-top: 25px;
            font-size: 40px; } }
        .section-meticulously .box-1 .title h2 span.c1 {
          color: #dd7b1d; }
        .section-meticulously .box-1 .title h2 span.t1 {
          font-size: 9.846vw; }
          @media screen and (min-width: 651px) {
            .section-meticulously .box-1 .title h2 span.t1 {
              font-size: 4.166vw; } }
          @media screen and (min-width: 1201px) {
            .section-meticulously .box-1 .title h2 span.t1 {
              font-size: 50px; } }
        @media screen and (min-width: 651px) {
          .section-meticulously .box-1 .title h2 br.sp {
            display: none; } }
    .section-meticulously .box-1 .row {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 3.076vw;
      margin-top: 7.692vw; }
      @media screen and (min-width: 651px) {
        .section-meticulously .box-1 .row {
          gap: 2.083vw;
          width: 100%;
          max-width: 61.666vw;
          margin: 5vw auto 0; } }
      @media screen and (min-width: 1201px) {
        .section-meticulously .box-1 .row {
          gap: 25px;
          max-width: 740px;
          margin: 60px auto 0; } }
      .section-meticulously .box-1 .row .col .img img {
        width: 28vw; }
      .section-meticulously .box-1 .row .col .txt {
        font-size: 5.076vw;
        color: #dd7b1d;
        text-align: center; }
        @media screen and (min-width: 651px) {
          .section-meticulously .box-1 .row .col .txt {
            font-size: 2.416vw; } }
        @media screen and (min-width: 1201px) {
          .section-meticulously .box-1 .row .col .txt {
            font-size: 29px; } }
    .section-meticulously .box-1 .bg-1 {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      z-index: -1; }
      .section-meticulously .box-1 .bg-1 img {
        width: 100%; }
    .section-meticulously .box-1 .bg-2 {
      position: absolute;
      top: 37.692vw;
      right: 3.076vw;
      z-index: -1; }
      @media screen and (min-width: 651px) {
        .section-meticulously .box-1 .bg-2 {
          top: 14.5vw;
          right: 1.666vw; } }
      @media screen and (min-width: 1201px) {
        .section-meticulously .box-1 .bg-2 {
          top: 174px;
          right: 20px; } }
      .section-meticulously .box-1 .bg-2 img {
        width: 41.538vw; }
        @media screen and (min-width: 651px) {
          .section-meticulously .box-1 .bg-2 img {
            width: 29.166vw; } }
        @media screen and (min-width: 1201px) {
          .section-meticulously .box-1 .bg-2 img {
            width: 350px; } }
  .section-meticulously .box-2 {
    position: relative;
    z-index: -1; }
    .section-meticulously .box-2 .img {
      position: absolute;
      right: 3.076vw;
      bottom: 3.076vw;
      z-index: 1; }
      @media screen and (min-width: 651px) {
        .section-meticulously .box-2 .img {
          right: 4.166vw;
          bottom: 4.166vw; } }
      @media screen and (min-width: 1201px) {
        .section-meticulously .box-2 .img {
          right: 50px;
          bottom: 50px; } }
      .section-meticulously .box-2 .img img {
        width: 40vw; }
        @media screen and (min-width: 651px) {
          .section-meticulously .box-2 .img img {
            width: 22.166vw; } }
        @media screen and (min-width: 1201px) {
          .section-meticulously .box-2 .img img {
            width: 266px; } }
    .section-meticulously .box-2 .bg {
      margin-top: -24.615vw; }
      @media screen and (min-width: 651px) {
        .section-meticulously .box-2 .bg {
          margin-top: -3.333vw; } }
      @media screen and (min-width: 1201px) {
        .section-meticulously .box-2 .bg {
          margin-top: -40px; } }
      .section-meticulously .box-2 .bg img {
        width: 100%; }
  .section-meticulously .box-3 {
    position: relative;
    z-index: 0;
    padding: 6.153vw 4.651vw 0; }
    @media screen and (min-width: 651px) {
      .section-meticulously .box-3 {
        width: 100%;
        max-width: 100vw;
        margin: 0 auto;
        padding: 8.333vw 0 13.333vw; } }
    @media screen and (min-width: 1201px) {
      .section-meticulously .box-3 {
        max-width: 1200px;
        padding: 100px 0 160px; } }
    .section-meticulously .box-3 .title {
      text-align: center; }
      .section-meticulously .box-3 .title h3 {
        font-size: 4.923vw;
        font-weight: normal;
        color: #de7b1d;
        line-height: 1.1; }
        @media screen and (min-width: 651px) {
          .section-meticulously .box-3 .title h3 {
            font-size: 2.666vw; } }
        @media screen and (min-width: 1201px) {
          .section-meticulously .box-3 .title h3 {
            font-size: 32px; } }
        .section-meticulously .box-3 .title h3 span.w1 {
          position: relative;
          display: inline-block;
          padding: 0 0.969vw; }
          @media screen and (min-width: 651px) {
            .section-meticulously .box-3 .title h3 span.w1 {
              padding: 0 0.416vw; } }
          @media screen and (min-width: 1201px) {
            .section-meticulously .box-3 .title h3 span.w1 {
              padding: 0 5px; } }
          .section-meticulously .box-3 .title h3 span.w1::before, .section-meticulously .box-3 .title h3 span.w1::after {
            content: "";
            position: absolute;
            top: 50%;
            width: 9.846vw;
            height: 0.307vw;
            background-color: #de7b1d; }
            @media screen and (min-width: 651px) {
              .section-meticulously .box-3 .title h3 span.w1::before, .section-meticulously .box-3 .title h3 span.w1::after {
                width: 5.333vw;
                height: 1px; } }
            @media screen and (min-width: 1201px) {
              .section-meticulously .box-3 .title h3 span.w1::before, .section-meticulously .box-3 .title h3 span.w1::after {
                width: 64px; } }
          .section-meticulously .box-3 .title h3 span.w1::before {
            left: -9.846vw; }
            @media screen and (min-width: 651px) {
              .section-meticulously .box-3 .title h3 span.w1::before {
                left: -5.333vw; } }
            @media screen and (min-width: 1201px) {
              .section-meticulously .box-3 .title h3 span.w1::before {
                left: -64px; } }
          .section-meticulously .box-3 .title h3 span.w1::after {
            content: "";
            right: -9.846vw; }
            @media screen and (min-width: 651px) {
              .section-meticulously .box-3 .title h3 span.w1::after {
                right: -5.333vw; } }
            @media screen and (min-width: 1201px) {
              .section-meticulously .box-3 .title h3 span.w1::after {
                right: -64px; } }
        .section-meticulously .box-3 .title h3 span.t1 {
          margin-right: 0.2em;
          font-size: 8.307vw; }
          @media screen and (min-width: 651px) {
            .section-meticulously .box-3 .title h3 span.t1 {
              font-size: 4.5vw; } }
          @media screen and (min-width: 1201px) {
            .section-meticulously .box-3 .title h3 span.t1 {
              font-size: 54px; } }
    .section-meticulously .box-3 .row {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 3.846vw;
      margin-top: 4.651vw; }
      @media screen and (min-width: 651px) {
        .section-meticulously .box-3 .row {
          grid-template-columns: repeat(5, 1fr);
          gap: 1.166vw;
          width: 100%;
          max-width: 68.333vw;
          margin: 2.5vw auto 0; } }
      @media screen and (min-width: 1201px) {
        .section-meticulously .box-3 .row {
          gap: 14px;
          max-width: 820px;
          margin: 30px auto 0; } }
      .section-meticulously .box-3 .row .col {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 16.153vw 8.461vw 12.307vw 1fr;
        background-color: rgba(249, 211, 140, 0.4);
        border: 0.307vw solid #de7b1d;
        border-radius: 4.651vw;
        padding: 3.076vw 3.076vw 4.651vw; }
        @media screen and (min-width: 651px) {
          .section-meticulously .box-3 .row .col {
            grid-template-rows: 4.666vw 2.5vw 3.333vw 1fr;
            border-width: 1px;
            border-radius: 1.666vw;
            padding: 0.833vw; } }
        @media screen and (min-width: 1201px) {
          .section-meticulously .box-3 .row .col {
            grid-template-rows: 56px 30px 40px 1fr;
            border-radius: 20px;
            padding: 10px; } }
        .section-meticulously .box-3 .row .col .img {
          display: flex;
          justify-content: center;
          align-items: center; }
          .section-meticulously .box-3 .row .col .img .icon01 {
            width: 8.769vw; }
            @media screen and (min-width: 651px) {
              .section-meticulously .box-3 .row .col .img .icon01 {
                width: 2.5vw; } }
            @media screen and (min-width: 1201px) {
              .section-meticulously .box-3 .row .col .img .icon01 {
                width: 30px; } }
          .section-meticulously .box-3 .row .col .img .icon02 {
            width: 10.307vw; }
            @media screen and (min-width: 651px) {
              .section-meticulously .box-3 .row .col .img .icon02 {
                width: 3vw; } }
            @media screen and (min-width: 1201px) {
              .section-meticulously .box-3 .row .col .img .icon02 {
                width: 36px; } }
          .section-meticulously .box-3 .row .col .img .icon03 {
            width: 15.384vw; }
            @media screen and (min-width: 651px) {
              .section-meticulously .box-3 .row .col .img .icon03 {
                width: 4.5vw; } }
            @media screen and (min-width: 1201px) {
              .section-meticulously .box-3 .row .col .img .icon03 {
                width: 54px; } }
          .section-meticulously .box-3 .row .col .img .icon04 {
            width: 11.692vw; }
            @media screen and (min-width: 651px) {
              .section-meticulously .box-3 .row .col .img .icon04 {
                width: 3.416vw; } }
            @media screen and (min-width: 1201px) {
              .section-meticulously .box-3 .row .col .img .icon04 {
                width: 41px; } }
          .section-meticulously .box-3 .row .col .img .icon05 {
            width: 12.615vw; }
            @media screen and (min-width: 651px) {
              .section-meticulously .box-3 .row .col .img .icon05 {
                width: 3.666vw; } }
            @media screen and (min-width: 1201px) {
              .section-meticulously .box-3 .row .col .img .icon05 {
                width: 44px; } }
        .section-meticulously .box-3 .row .col h4 {
          font-size: 4.651vw;
          font-weight: normal;
          color: #de7b1d;
          line-height: 1;
          text-align: center; }
          @media screen and (min-width: 651px) {
            .section-meticulously .box-3 .row .col h4 {
              font-size: 1.333vw; } }
          @media screen and (min-width: 1201px) {
            .section-meticulously .box-3 .row .col h4 {
              font-size: 16px; } }
        .section-meticulously .box-3 .row .col .txt-1 {
          line-height: 1;
          text-align: center; }
          .section-meticulously .box-3 .row .col .txt-1 .t01 {
            width: 26.923vw; }
            @media screen and (min-width: 651px) {
              .section-meticulously .box-3 .row .col .txt-1 .t01 {
                width: 7.833vw; } }
            @media screen and (min-width: 1201px) {
              .section-meticulously .box-3 .row .col .txt-1 .t01 {
                width: 94px; } }
          .section-meticulously .box-3 .row .col .txt-1 .t02 {
            width: 30.307vw; }
            @media screen and (min-width: 651px) {
              .section-meticulously .box-3 .row .col .txt-1 .t02 {
                width: 8.833vw; } }
            @media screen and (min-width: 1201px) {
              .section-meticulously .box-3 .row .col .txt-1 .t02 {
                width: 106px; } }
          .section-meticulously .box-3 .row .col .txt-1 .t03 {
            width: 28.769vw; }
            @media screen and (min-width: 651px) {
              .section-meticulously .box-3 .row .col .txt-1 .t03 {
                width: 8.333vw; } }
            @media screen and (min-width: 1201px) {
              .section-meticulously .box-3 .row .col .txt-1 .t03 {
                width: 100px; } }
          .section-meticulously .box-3 .row .col .txt-1 .t04 {
            width: 31.23vw; }
            @media screen and (min-width: 651px) {
              .section-meticulously .box-3 .row .col .txt-1 .t04 {
                width: 9.166vw; } }
            @media screen and (min-width: 1201px) {
              .section-meticulously .box-3 .row .col .txt-1 .t04 {
                width: 110px; } }
          .section-meticulously .box-3 .row .col .txt-1 .t05 {
            width: 21.076vw; }
            @media screen and (min-width: 651px) {
              .section-meticulously .box-3 .row .col .txt-1 .t05 {
                width: 6.166vw; } }
            @media screen and (min-width: 1201px) {
              .section-meticulously .box-3 .row .col .txt-1 .t05 {
                width: 74px; } }
        .section-meticulously .box-3 .row .col .txt-2 {
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 3.692vw;
          line-height: 1.2;
          text-align: center; }
          @media screen and (min-width: 651px) {
            .section-meticulously .box-3 .row .col .txt-2 {
              font-size: 1.083vw; } }
          @media screen and (min-width: 1201px) {
            .section-meticulously .box-3 .row .col .txt-2 {
              font-size: 13px; } }
    .section-meticulously .box-3 .bg {
      position: absolute;
      bottom: 0;
      right: 1.538vw;
      z-index: -1; }
      @media screen and (min-width: 651px) {
        .section-meticulously .box-3 .bg {
          bottom: 0;
          right: 5vw; } }
      @media screen and (min-width: 1201px) {
        .section-meticulously .box-3 .bg {
          right: 60px; } }
      .section-meticulously .box-3 .bg img {
        width: 45.846vw; }
        @media screen and (min-width: 651px) {
          .section-meticulously .box-3 .bg img {
            width: 18.583vw; } }
        @media screen and (min-width: 1201px) {
          .section-meticulously .box-3 .bg img {
            width: 223px; } }
.section-quality {
  padding: 6.153vw 0; }
  @media screen and (min-width: 651px) {
    .section-quality {
      padding: 3.333vw 0; } }
  @media screen and (min-width: 1201px) {
    .section-quality {
      padding: 40px 0; } }
  .section-quality .box-1 {
    position: relative;
    z-index: 0;
    padding: 33.846vw 7.692vw 0; }
    @media screen and (min-width: 651px) {
      .section-quality .box-1 {
        padding: 24.166vw 4.166vw 0; } }
    @media screen and (min-width: 1201px) {
      .section-quality .box-1 {
        padding: 24.166vw 50px 0; } }
    .section-quality .box-1 .title {
      border-bottom: 0.461vw solid #f5b63f;
      padding-bottom: 4.651vw; }
      @media screen and (min-width: 651px) {
        .section-quality .box-1 .title {
          display: inline-block;
          border-width: 2px;
          padding: 0 3.333vw 1.666vw 8.333vw; } }
      @media screen and (min-width: 1201px) {
        .section-quality .box-1 .title {
          padding: 0 40px 20px 100px; } }
      .section-quality .box-1 .title .txt-1 {
        background-color: #f9d38c;
        border-radius: 2em;
        font-size: 4.923vw;
        text-align: center;
        letter-spacing: 0.1em; }
        @media screen and (min-width: 651px) {
          .section-quality .box-1 .title .txt-1 {
            display: inline-block;
            padding: 0 2.5vw;
            font-size: 2vw; } }
        @media screen and (min-width: 1201px) {
          .section-quality .box-1 .title .txt-1 {
            padding: 0 30px;
            font-size: 24px; } }
      .section-quality .box-1 .title h2 {
        margin-top: 3.076vw;
        padding-left: 1.538vw;
        font-size: 7.23vw;
        font-weight: normal;
        line-height: 1.3; }
        @media screen and (min-width: 651px) {
          .section-quality .box-1 .title h2 {
            margin-top: 2.083vw;
            padding-left: 0;
            font-size: 3.333vw; } }
        @media screen and (min-width: 1201px) {
          .section-quality .box-1 .title h2 {
            margin-top: 25px;
            font-size: 40px; } }
        .section-quality .box-1 .title h2 span.c1 {
          color: #dd7b1d; }
        .section-quality .box-1 .title h2 span.t1 {
          font-size: 9.846vw; }
          @media screen and (min-width: 651px) {
            .section-quality .box-1 .title h2 span.t1 {
              font-size: 4.166vw; } }
          @media screen and (min-width: 1201px) {
            .section-quality .box-1 .title h2 span.t1 {
              font-size: 50px; } }
        @media screen and (min-width: 651px) {
          .section-quality .box-1 .title h2 br.sp {
            display: none; } }
    .section-quality .box-1 .txt-2 {
      margin-top: 6.153vw;
      padding-left: 1.538vw;
      font-size: 4vw;
      line-height: 1.4; }
      @media screen and (min-width: 651px) {
        .section-quality .box-1 .txt-2 {
          margin-top: 2.5vw;
          padding-left: 9.166vw;
          font-size: 1.333vw; } }
      @media screen and (min-width: 1201px) {
        .section-quality .box-1 .txt-2 {
          margin-top: 30px;
          padding-left: 110px;
          font-size: 16px; } }
      .section-quality .box-1 .txt-2 br.pc {
        display: none; }
        @media screen and (min-width: 651px) {
          .section-quality .box-1 .txt-2 br.pc {
            display: inline; } }
    .section-quality .box-1 .row {
      display: grid;
      grid-auto-flow: row;
      gap: 2.769vw;
      margin: 7.692vw -3.076vw 0; }
      @media screen and (min-width: 651px) {
        .section-quality .box-1 .row {
          grid-template-columns: repeat(5, 1fr);
          gap: 0.833vw;
          width: 100%;
          max-width: 71.666vw;
          margin: 4.166vw auto 0; } }
      @media screen and (min-width: 1201px) {
        .section-quality .box-1 .row {
          gap: 10px;
          max-width: 860px;
          margin: 50px auto 0; } }
      .section-quality .box-1 .row .col {
        display: grid;
        grid-template-columns: 29.692vw 1fr;
        gap: 1.538vw;
        border: 0.461vw solid #f5b63f;
        border-radius: 15.384vw;
        padding: 0.307vw 6.153vw 0.307vw 0.307vw; }
        @media screen and (min-width: 651px) {
          .section-quality .box-1 .row .col {
            grid-template-columns: 1fr;
            grid-template-rows: 13.083vw 1fr;
            gap: 0.833vw;
            border-width: 2px;
            padding: 2px 2px 5vw; } }
        @media screen and (min-width: 1201px) {
          .section-quality .box-1 .row .col {
            grid-template-rows: 157px 1fr;
            gap: 10px;
            padding: 2px 2px 60px; } }
        @media screen and (min-width: 651px) {
          .section-quality .box-1 .row .col .img {
            width: 13vw; } }
        @media screen and (min-width: 1201px) {
          .section-quality .box-1 .row .col .img {
            width: 156px; } }
        .section-quality .box-1 .row .col .txt {
          text-align: center; }
          @media screen and (min-width: 651px) {
            .section-quality .box-1 .row .col .txt {
              display: grid;
              grid-template-columns: 1fr;
              grid-template-rows: 12.5vw 5.833vw;
              padding: 0px 0.833vw; } }
          @media screen and (min-width: 1201px) {
            .section-quality .box-1 .row .col .txt {
              grid-template-rows: 150px 70px;
              padding: 0px 10px; } }
          .section-quality .box-1 .row .col .txt h3 {
            border-bottom: 1px solid #f5b63f;
            padding-top: 3.076vw;
            font-size: 5.384vw;
            font-weight: 600;
            color: #dd7b1d;
            letter-spacing: 0.1em; }
            @media screen and (min-width: 651px) {
              .section-quality .box-1 .row .col .txt h3 {
                padding-top: 0;
                font-size: 2vw;
                text-align: center; } }
            @media screen and (min-width: 1201px) {
              .section-quality .box-1 .row .col .txt h3 {
                font-size: 24px; } }
            @media screen and (min-width: 651px) {
              .section-quality .box-1 .row .col .txt h3 span {
                writing-mode: vertical-rl; } }
          .section-quality .box-1 .row .col .txt .txt-x {
            margin-top: 1.538vw;
            font-size: 4vw;
            line-height: 1.3; }
            @media screen and (min-width: 651px) {
              .section-quality .box-1 .row .col .txt .txt-x {
                font-size: 1.333vw; } }
            @media screen and (min-width: 1201px) {
              .section-quality .box-1 .row .col .txt .txt-x {
                font-size: 16px; } }
            .section-quality .box-1 .row .col .txt .txt-x br.pc {
              display: none; }
              @media screen and (min-width: 651px) {
                .section-quality .box-1 .row .col .txt .txt-x br.pc {
                  display: inline; } }
    .section-quality .box-1 .bg-1 {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      z-index: -1; }
      .section-quality .box-1 .bg-1 img {
        width: 100%; }
    .section-quality .box-1 .bg-2 {
      position: absolute;
      top: 37.692vw;
      right: 3.076vw;
      z-index: -1; }
      @media screen and (min-width: 651px) {
        .section-quality .box-1 .bg-2 {
          top: 14.5vw;
          right: 1.666vw; } }
      @media screen and (min-width: 1201px) {
        .section-quality .box-1 .bg-2 {
          top: 174px;
          right: 20px; } }
      .section-quality .box-1 .bg-2 img {
        width: 41.538vw; }
        @media screen and (min-width: 651px) {
          .section-quality .box-1 .bg-2 img {
            width: 29.166vw; } }
        @media screen and (min-width: 1201px) {
          .section-quality .box-1 .bg-2 img {
            width: 350px; } }
  .section-quality .box-2 {
    background-color: #fff4d0;
    border-radius: 4.651vw;
    width: 100%;
    max-width: 90.769vw;
    margin: 9.23vw auto 0;
    padding: 7.692vw 4.651vw; }
    @media screen and (min-width: 651px) {
      .section-quality .box-2 {
        border-radius: 3.333vw;
        width: 100%;
        max-width: 83.333vw;
        margin: 5vw auto 0;
        padding: 4.166vw; } }
    @media screen and (min-width: 1201px) {
      .section-quality .box-2 {
        border-radius: 40px;
        max-width: 1000px;
        margin: 60px auto 0;
        padding: 50px; } }
    .section-quality .box-2 .title {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: repeat(2, auto);
      padding: 0 4.651vw;
      line-height: 1.2; }
      @media screen and (min-width: 651px) {
        .section-quality .box-2 .title {
          grid-template-columns: 1fr 2fr;
          grid-template-rows: 1fr 2fr;
          padding: 0 6.666vw; } }
      @media screen and (min-width: 1201px) {
        .section-quality .box-2 .title {
          padding: 0 80px; } }
      .section-quality .box-2 .title .txt-1 {
        grid-row: 1 / 2;
        grid-column: 1 / 3;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 5.384vw;
        color: #42210b; }
        @media screen and (min-width: 651px) {
          .section-quality .box-2 .title .txt-1 {
            grid-row: 1 / 2;
            grid-column: 2 / 3;
            justify-content: flex-start;
            font-size: 2.083vw; } }
        @media screen and (min-width: 1201px) {
          .section-quality .box-2 .title .txt-1 {
            font-size: 25px; } }
        .section-quality .box-2 .title .txt-1 span {
          margin: 0 0.1em;
          font-size: 8.307vw; }
          @media screen and (min-width: 651px) {
            .section-quality .box-2 .title .txt-1 span {
              font-size: 3.083vw; } }
          @media screen and (min-width: 1201px) {
            .section-quality .box-2 .title .txt-1 span {
              font-size: 37px; } }
      .section-quality .box-2 .title .txt-2 {
        grid-row: 2 / 3;
        grid-column: 1 / 2;
        font-family: "Noto Serif JP", serif;
        font-size: 20vw;
        color: #de7b1d;
        line-height: 1; }
        @media screen and (min-width: 651px) {
          .section-quality .box-2 .title .txt-2 {
            grid-row: 1 / 3;
            grid-column: 1 / 2;
            margin-top: -2.5vw;
            font-size: 10.833vw; } }
        @media screen and (min-width: 1201px) {
          .section-quality .box-2 .title .txt-2 {
            margin-top: -30px;
            font-size: 130px; } }
      .section-quality .box-2 .title .txt-3 {
        grid-row: 2 / 3;
        grid-column: 2 / 3;
        padding-top: 3.076vw;
        font-size: 4vw;
        line-height: 1.3; }
        @media screen and (min-width: 651px) {
          .section-quality .box-2 .title .txt-3 {
            grid-row: 2 / 3;
            grid-column: 2 / 3;
            padding-top: 0.833vw;
            font-size: 1.333vw; } }
        @media screen and (min-width: 1201px) {
          .section-quality .box-2 .title .txt-3 {
            padding-top: 10px;
            font-size: 16px; } }
    .section-quality .box-2 .row {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: repeat(3, auto);
      gap: 3.076vw;
      margin-top: 4.651vw; }
      @media screen and (min-width: 651px) {
        .section-quality .box-2 .row {
          grid-template-columns: repeat(9, 1fr);
          grid-template-rows: 1fr;
          gap: 0.666vw;
          margin-top: 0; } }
      @media screen and (min-width: 1201px) {
        .section-quality .box-2 .row {
          gap: 8px; } }
      .section-quality .box-2 .row .col {
        background-color: #fff;
        border: 1px solid #de7b1d;
        border-radius: 3.076vw;
        padding: 3.076vw; }
        @media screen and (min-width: 651px) {
          .section-quality .box-2 .row .col {
            border-radius: 1.25vw;
            padding: 0.833vw; } }
        @media screen and (min-width: 1201px) {
          .section-quality .box-2 .row .col {
            border-radius: 15px;
            padding: 10px; } }
        .section-quality .box-2 .row .col.w-2 {
          grid-column: span 2; }
          .section-quality .box-2 .row .col.w-2 .txt-1 span {
            margin-right: 1.538vw; }
            @media screen and (min-width: 651px) {
              .section-quality .box-2 .row .col.w-2 .txt-1 span {
                margin-right: 0.416vw; } }
            @media screen and (min-width: 1201px) {
              .section-quality .box-2 .row .col.w-2 .txt-1 span {
                margin-right: 5px; } }
        .section-quality .box-2 .row .col h3 {
          font-size: 4.153vw;
          font-weight: normal;
          line-height: 1.4;
          text-align: center; }
          @media screen and (min-width: 651px) {
            .section-quality .box-2 .row .col h3 {
              font-size: 1.25vw; } }
          @media screen and (min-width: 1201px) {
            .section-quality .box-2 .row .col h3 {
              font-size: 15px; } }
        .section-quality .box-2 .row .col .txt-1 {
          font-size: 3.692vw;
          line-height: 1;
          text-align: center; }
          @media screen and (min-width: 651px) {
            .section-quality .box-2 .row .col .txt-1 {
              font-size: 1.166vw; } }
          @media screen and (min-width: 1201px) {
            .section-quality .box-2 .row .col .txt-1 {
              font-size: 14px; } }
          .section-quality .box-2 .row .col .txt-1 span {
            font-family: "Noto Serif JP", serif;
            font-size: 15.384vw;
            color: #de7b1d; }
            @media screen and (min-width: 651px) {
              .section-quality .box-2 .row .col .txt-1 span {
                font-size: 4.666vw; } }
            @media screen and (min-width: 1201px) {
              .section-quality .box-2 .row .col .txt-1 span {
                font-size: 56px; } }
    .section-quality .box-2 .txt-x {
      margin-top: 4.651vw;
      padding: 0 3.076vw;
      font-size: 4vw;
      font-weight: 300;
      color: #42210b;
      line-height: 1.3; }
      @media screen and (min-width: 651px) {
        .section-quality .box-2 .txt-x {
          margin-top: 0.833vw;
          padding: 0;
          font-size: 1.333vw;
          text-align: right; } }
      @media screen and (min-width: 1201px) {
        .section-quality .box-2 .txt-x {
          margin-top: 10px;
          font-size: 16px; } }
  .section-quality .box-3 {
    position: relative;
    z-index: 0;
    border: max(0.308vw, 2px) solid #de7b1d;
    border-radius: 6.153vw;
    width: 100%;
    max-width: 90.769vw;
    margin: 16.923vw auto 0;
    padding: 0 4.651vw 4.651vw; }
    @media screen and (min-width: 651px) {
      .section-quality .box-3 {
        border-width: 2px;
        border-radius: 4.166vw;
        max-width: 83.333vw;
        margin-top: 7.5vw;
        padding: 0 4.166vw 3.333vw; } }
    @media screen and (min-width: 1201px) {
      .section-quality .box-3 {
        border-radius: 50px;
        max-width: 1000px;
        margin-top: 90px;
        padding: 0 50px 40px; } }
    .section-quality .box-3 .title {
      margin-top: -7.692vw;
      text-align: center; }
      @media screen and (min-width: 651px) {
        .section-quality .box-3 .title {
          margin-top: -3.333vw; } }
      @media screen and (min-width: 1201px) {
        .section-quality .box-3 .title {
          margin-top: -40px; } }
      .section-quality .box-3 .title h3 {
        display: inline-block;
        background: #fff;
        padding: 0 3.076vw;
        font-size: 8vw;
        font-weight: normal;
        line-height: 1.3;
        color: #de7b1d;
        vertical-align: middle;
        text-align: center; }
        @media screen and (min-width: 651px) {
          .section-quality .box-3 .title h3 {
            padding: 0 1.666vw;
            font-size: 2.666vw; } }
        @media screen and (min-width: 1201px) {
          .section-quality .box-3 .title h3 {
            padding: 0 20px;
            font-size: 32px; } }
        .section-quality .box-3 .title h3 span {
          margin-right: 0.2em;
          font-size: 13.538vw;
          vertical-align: text-bottom; }
          @media screen and (min-width: 651px) {
            .section-quality .box-3 .title h3 span {
              font-size: 4.5vw; } }
          @media screen and (min-width: 1201px) {
            .section-quality .box-3 .title h3 span {
              font-size: 54px; } }
    @media screen and (min-width: 651px) {
      .section-quality .box-3 .row {
        display: grid;
        grid-template-columns: 4fr 6fr;
        gap: 5vw;
        margin-top: 1.666vw; } }
    @media screen and (min-width: 1201px) {
      .section-quality .box-3 .row {
        gap: 60px;
        margin-top: 20px; } }
    .section-quality .box-3 .row .col {
      border-bottom: 0.307vw solid #de7b1d;
      padding: 6.153vw 0; }
      @media screen and (min-width: 651px) {
        .section-quality .box-3 .row .col {
          border-bottom: none;
          padding: 0; } }
      .section-quality .box-3 .row .col:last-child {
        border-bottom: none;
        padding-bottom: 44.615vw; }
        @media screen and (min-width: 651px) {
          .section-quality .box-3 .row .col:last-child {
            padding-bottom: 0; } }
      .section-quality .box-3 .row .col .txt-1 {
        display: grid;
        grid-template-columns: 25.23vw 1fr;
        align-items: center; }
        @media screen and (min-width: 651px) {
          .section-quality .box-3 .row .col .txt-1 {
            grid-template-columns: 13.333vw 1fr; } }
        @media screen and (min-width: 1201px) {
          .section-quality .box-3 .row .col .txt-1 {
            grid-template-columns: 160px 1fr; } }
        .section-quality .box-3 .row .col .txt-1 .img {
          text-align: center; }
          .section-quality .box-3 .row .col .txt-1 .img .icon01 {
            width: 21.384vw; }
            @media screen and (min-width: 651px) {
              .section-quality .box-3 .row .col .txt-1 .img .icon01 {
                width: 11.583vw; } }
            @media screen and (min-width: 1201px) {
              .section-quality .box-3 .row .col .txt-1 .img .icon01 {
                width: 139px; } }
          .section-quality .box-3 .row .col .txt-1 .img .icon02 {
            width: 15.75vw; }
            @media screen and (min-width: 651px) {
              .section-quality .box-3 .row .col .txt-1 .img .icon02 {
                width: 8.333vw;
                margin: 1.666vw 0 0.833vw; } }
            @media screen and (min-width: 1201px) {
              .section-quality .box-3 .row .col .txt-1 .img .icon02 {
                width: 100px;
                margin: 20px 0 10px; } }
        .section-quality .box-3 .row .col .txt-1 h4 {
          font-size: 8.769vw;
          font-weight: normal;
          color: #de7b1d;
          line-height: 1; }
          @media screen and (min-width: 651px) {
            .section-quality .box-3 .row .col .txt-1 h4 {
              font-size: 2.5vw; } }
          @media screen and (min-width: 1201px) {
            .section-quality .box-3 .row .col .txt-1 h4 {
              font-size: 30px; } }
      .section-quality .box-3 .row .col .txt-2 {
        margin-top: 3.076vw;
        padding: 0 1.538vw;
        font-size: 4vw;
        line-height: 1.4;
        text-align: justify; }
        @media screen and (min-width: 651px) {
          .section-quality .box-3 .row .col .txt-2 {
            margin-top: 1.666vw;
            padding: 0;
            font-size: 1.333vw;
            text-shadow: 2px 2px 7px rgba(255, 255, 255, 0.8), -2px 2px 7px rgba(255, 255, 255, 0.8), 2px -2px 7px rgba(255, 255, 255, 0.8), -2px -2px 7px rgba(255, 255, 255, 0.8), 2px 0 7px rgba(255, 255, 255, 0.8), -2px 0 7px rgba(255, 255, 255, 0.8), 0 -2px 7px rgba(255, 255, 255, 0.8), 0 -2px 7px rgba(255, 255, 255, 0.8); } }
        @media screen and (min-width: 1201px) {
          .section-quality .box-3 .row .col .txt-2 {
            margin-top: 20px;
            font-size: 16px; } }
        .section-quality .box-3 .row .col .txt-2 .small {
          margin-top: 3.076vw;
          padding: 0 1.538vw;
          font-size: 3.076vw; }
          @media screen and (min-width: 651px) {
            .section-quality .box-3 .row .col .txt-2 .small {
              margin-top: 1.666vw;
              padding: 0 0 0 0.416vw;
              font-size: 1.166vw; } }
          @media screen and (min-width: 1201px) {
            .section-quality .box-3 .row .col .txt-2 .small {
              margin-top: 20px;
              padding: 0 0 0 5px;
              font-size: 14px; } }
        .section-quality .box-3 .row .col .txt-2 br.pc {
          display: none; }
          @media screen and (min-width: 651px) {
            .section-quality .box-3 .row .col .txt-2 br.pc {
              display: inline; } }
    .section-quality .box-3 .bg-x {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: -1;
      border-radius: 6.153vw;
      overflow: hidden; }
      @media screen and (min-width: 651px) {
        .section-quality .box-3 .bg-x {
          border-radius: 4.166vw; } }
      @media screen and (min-width: 1201px) {
        .section-quality .box-3 .bg-x {
          border-radius: 50px; } }
      .section-quality .box-3 .bg-x img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
.section-every-day .box-1 {
  position: relative;
  z-index: 0;
  padding: 6.153vw 0 3.076vw; }
  @media screen and (min-width: 651px) {
    .section-every-day .box-1 {
      padding: 3.333vw 0; } }
  @media screen and (min-width: 1201px) {
    .section-every-day .box-1 {
      padding: 40px 0; } }
  .section-every-day .box-1 h2 {
    position: absolute;
    top: 24.615vw;
    left: 9.23vw; }
    @media screen and (min-width: 651px) {
      .section-every-day .box-1 h2 {
        top: 10vw;
        left: 8.333vw; } }
    @media screen and (min-width: 1201px) {
      .section-every-day .box-1 h2 {
        top: 120px;
        left: 100px; } }
    .section-every-day .box-1 h2 img {
      width: 66.153vw; }
      @media screen and (min-width: 651px) {
        .section-every-day .box-1 h2 img {
          width: 61.166vw; } }
  .section-every-day .box-1 .txt-1 {
    position: absolute;
    bottom: 6.153vw;
    left: 0;
    right: 0;
    font-size: 4vw;
    line-height: 1.6;
    text-align: center; }
    @media screen and (min-width: 651px) {
      .section-every-day .box-1 .txt-1 {
        display: none; } }
  .section-every-day .box-1 .bg img {
    width: 100%; }
.section-every-day .box-2 {
  width: 100%;
  max-width: 83.076vw;
  margin: 0 auto;
  padding-bottom: 12.307vw; }
  @media screen and (min-width: 651px) {
    .section-every-day .box-2 {
      max-width: 73.333vw;
      padding-bottom: 6.666vw; } }
  @media screen and (min-width: 1201px) {
    .section-every-day .box-2 {
      max-width: 880px;
      padding-bottom: 80px; } }
  .section-every-day .box-2 .row {
    display: grid;
    grid-auto-flow: row;
    gap: 4.651vw; }
    @media screen and (min-width: 651px) {
      .section-every-day .box-2 .row {
        grid-template-columns: repeat(3, 1fr);
        gap: 3.333vw; } }
    @media screen and (min-width: 1201px) {
      .section-every-day .box-2 .row {
        gap: 40px; } }
    .section-every-day .box-2 .row .col {
      position: relative;
      z-index: 0;
      background-color: rgba(249, 211, 140, 0.21);
      border-radius: 6.153vw;
      padding: 7.692vw;
      overflow: hidden; }
      @media screen and (min-width: 651px) {
        .section-every-day .box-2 .row .col {
          display: grid;
          grid-template-rows: 5.833vw auto 1fr;
          border-radius: 1.666vw;
          padding: 1.666vw; } }
      @media screen and (min-width: 1201px) {
        .section-every-day .box-2 .row .col {
          grid-template-rows: 70px auto 1fr;
          border-radius: 20px;
          padding: 20px; } }
      .section-every-day .box-2 .row .col h3 {
        font-size: 8.461vw;
        font-weight: normal;
        color: #de7b1d;
        line-height: 1.2; }
        @media screen and (min-width: 651px) {
          .section-every-day .box-2 .row .col h3 {
            display: flex;
            align-items: center;
            font-size: 2.333vw; } }
        @media screen and (min-width: 1201px) {
          .section-every-day .box-2 .row .col h3 {
            font-size: 28px; } }
      .section-every-day .box-2 .row .col .img {
        margin-top: 4.615vw;
        padding: 0 1.538vw; }
        @media screen and (min-width: 651px) {
          .section-every-day .box-2 .row .col .img {
            margin-top: 0.833vw;
            padding: 0 0.833vw; } }
        @media screen and (min-width: 1201px) {
          .section-every-day .box-2 .row .col .img {
            margin-top: 10px;
            padding: 0 10px; } }
      .section-every-day .box-2 .row .col .txt-1 {
        margin-top: 3.076vw;
        padding: 0 1.538vw;
        font-size: 4vw;
        line-height: 1.4; }
        @media screen and (min-width: 651px) {
          .section-every-day .box-2 .row .col .txt-1 {
            margin-top: 1.666vw;
            padding: 0 1.25vw;
            font-size: 1.083vw; } }
        @media screen and (min-width: 1201px) {
          .section-every-day .box-2 .row .col .txt-1 {
            margin-top: 20px;
            padding: 0 15px;
            font-size: 13px; } }
      .section-every-day .box-2 .row .col::before {
        content: "";
        position: absolute;
        top: -11.538vw;
        right: -11.538vw;
        z-index: -1;
        background: url(/assets/img/products/lipocur/icon-circle.svg) no-repeat;
        width: 56.923vw;
        height: 56.923vw; }
        @media screen and (min-width: 651px) {
          .section-every-day .box-2 .row .col::before {
            top: -3.166vw;
            right: -3.166vw;
            width: 15.583vw;
            height: 15.583vw; } }
        @media screen and (min-width: 1201px) {
          .section-every-day .box-2 .row .col::before {
            top: -38px;
            right: -38px;
            width: 187px;
            height: 187px; } }
.section-how-to-eat .box-1 {
  position: relative;
  z-index: 0;
  padding: 15.384vw 7.692vw 4.651vw; }
  @media screen and (min-width: 651px) {
    .section-how-to-eat .box-1 {
      padding: 5vw 0 7.333vw 5.833vw; } }
  .section-how-to-eat .box-1 .title {
    border-bottom: 0.461vw solid #f5b63f;
    padding-bottom: 4.651vw; }
    @media screen and (min-width: 651px) {
      .section-how-to-eat .box-1 .title {
        display: inline-block;
        border-width: 3px;
        padding: 0 5.833vw 2.5vw 0; } }
    .section-how-to-eat .box-1 .title h2 {
      font-size: 8.461vw;
      font-weight: normal;
      line-height: 1;
      letter-spacing: -0.05em; }
      @media screen and (min-width: 651px) {
        .section-how-to-eat .box-1 .title h2 {
          font-size: 4.166vw; } }
    .section-how-to-eat .box-1 .title .txt-1 {
      margin-top: 18.461vw;
      font-size: 5.538vw;
      line-height: 1.4; }
      @media screen and (min-width: 651px) {
        .section-how-to-eat .box-1 .title .txt-1 {
          margin-top: 1.666vw;
          padding-left: 4.166vw;
          font-size: 2vw; } }
      .section-how-to-eat .box-1 .title .txt-1 span {
        color: #de7b1d; }
  .section-how-to-eat .box-1 .txt-2 {
    margin-top: 6.153vw;
    font-size: 4vw;
    line-height: 1.4; }
    @media screen and (min-width: 651px) {
      .section-how-to-eat .box-1 .txt-2 {
        margin-top: 2.5vw;
        padding-left: 8.333vw;
        font-size: 1.333vw;
        line-height: 1.7; } }
    .section-how-to-eat .box-1 .txt-2 br.pc {
      display: none; }
      @media screen and (min-width: 651px) {
        .section-how-to-eat .box-1 .txt-2 br.pc {
          display: inline; } }
  .section-how-to-eat .box-1 .bg-1 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1; }
    .section-how-to-eat .box-1 .bg-1 img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .section-how-to-eat .box-1 .bg-2 {
    position: absolute;
    top: 3.076vw;
    left: 3.076vw; }
    @media screen and (min-width: 651px) {
      .section-how-to-eat .box-1 .bg-2 {
        display: none; } }
    .section-how-to-eat .box-1 .bg-2 img {
      width: 36.923vw; }
.section-how-to-eat .box-2 {
  background-color: rgba(249, 211, 140, 0.21); }
  @media screen and (min-width: 651px) {
    .section-how-to-eat .box-2 {
      padding-top: 4.166vw; } }
  @media screen and (min-width: 1201px) {
    .section-how-to-eat .box-2 {
      padding-top: 50px; } }
  .section-how-to-eat .box-2 .row {
    display: grid;
    grid-auto-flow: row;
    gap: 6.153vw;
    padding: 9.23vw 6.153vw 4.651vw; }
    @media screen and (min-width: 651px) {
      .section-how-to-eat .box-2 .row {
        grid-template-columns: repeat(4, 1fr);
        gap: 1.25vw;
        width: 100%;
        max-width: 91.666vw;
        margin: 0 auto;
        padding: 0; } }
    @media screen and (min-width: 1201px) {
      .section-how-to-eat .box-2 .row {
        gap: 15px;
        max-width: 1100px; } }
    .section-how-to-eat .box-2 .row .col {
      background-color: #fff;
      border-radius: 4.651vw;
      padding: 4.651vw 6.153vw 6.153vw; }
      @media screen and (min-width: 651px) {
        .section-how-to-eat .box-2 .row .col {
          border-radius: 1.25vw;
          padding: 1.25vw 1.666vw 1.666vw; } }
      @media screen and (min-width: 1201px) {
        .section-how-to-eat .box-2 .row .col {
          border-radius: 15px;
          padding: 15px 20px 20px; } }
      .section-how-to-eat .box-2 .row .col .title {
        display: grid;
        grid-template-columns: 12.461vw 1fr;
        gap: 3.076vw; }
        @media screen and (min-width: 651px) {
          .section-how-to-eat .box-2 .row .col .title {
            grid-template-columns: 3.75vw 1fr;
            gap: 0.416vw; } }
        @media screen and (min-width: 1201px) {
          .section-how-to-eat .box-2 .row .col .title {
            grid-template-columns: 45px 1fr;
            gap: 5px; } }
        .section-how-to-eat .box-2 .row .col .title .no {
          display: flex;
          justify-content: center;
          align-items: center;
          background-color: #f5b63f;
          border-radius: 50%;
          margin: -2.307vw 0 0 -2.307vw;
          width: 14.769vw;
          height: 14.769vw; }
          @media screen and (min-width: 651px) {
            .section-how-to-eat .box-2 .row .col .title .no {
              margin: -0.666vw 0 0 -0.666vw;
              width: 3.75vw;
              height: 3.75vw; } }
          @media screen and (min-width: 1201px) {
            .section-how-to-eat .box-2 .row .col .title .no {
              margin: -8px 0 0 -8px;
              width: 45px;
              height: 45px; } }
          .section-how-to-eat .box-2 .row .col .title .no .no01 {
            width: 9.384vw; }
            @media screen and (min-width: 651px) {
              .section-how-to-eat .box-2 .row .col .title .no .no01 {
                width: 2.333vw; } }
            @media screen and (min-width: 1201px) {
              .section-how-to-eat .box-2 .row .col .title .no .no01 {
                width: 28px; } }
          .section-how-to-eat .box-2 .row .col .title .no .no02 {
            width: 10.615vw; }
            @media screen and (min-width: 651px) {
              .section-how-to-eat .box-2 .row .col .title .no .no02 {
                width: 2.666vw; } }
            @media screen and (min-width: 1201px) {
              .section-how-to-eat .box-2 .row .col .title .no .no02 {
                width: 32px; } }
          .section-how-to-eat .box-2 .row .col .title .no .no03 {
            width: 10.615vw; }
            @media screen and (min-width: 651px) {
              .section-how-to-eat .box-2 .row .col .title .no .no03 {
                width: 2.666vw; } }
            @media screen and (min-width: 1201px) {
              .section-how-to-eat .box-2 .row .col .title .no .no03 {
                width: 32px; } }
          .section-how-to-eat .box-2 .row .col .title .no .no04 {
            width: 10.769vw; }
            @media screen and (min-width: 651px) {
              .section-how-to-eat .box-2 .row .col .title .no .no04 {
                width: 2.666vw; } }
            @media screen and (min-width: 1201px) {
              .section-how-to-eat .box-2 .row .col .title .no .no04 {
                width: 32px; } }
        .section-how-to-eat .box-2 .row .col .title .txt h3 {
          font-size: 5.384vw;
          font-weight: normal; }
          @media screen and (min-width: 651px) {
            .section-how-to-eat .box-2 .row .col .title .txt h3 {
              font-size: 1.333vw; } }
          @media screen and (min-width: 1201px) {
            .section-how-to-eat .box-2 .row .col .title .txt h3 {
              font-size: 16px; } }
        .section-how-to-eat .box-2 .row .col .title .txt .txt-1 {
          margin-top: 1.538vw;
          font-size: 3.692vw;
          font-weight: 300;
          line-height: 1.3; }
          @media screen and (min-width: 651px) {
            .section-how-to-eat .box-2 .row .col .title .txt .txt-1 {
              margin-top: 0.416vw;
              font-size: 1.166vw; } }
          @media screen and (min-width: 1201px) {
            .section-how-to-eat .box-2 .row .col .title .txt .txt-1 {
              margin-top: 5px;
              font-size: 14px; } }
      .section-how-to-eat .box-2 .row .col .img {
        margin-top: 3.076vw;
        padding: 0 0.769vw; }
        @media screen and (min-width: 651px) {
          .section-how-to-eat .box-2 .row .col .img {
            margin-top: 0.833vw;
            padding: 0; } }
        @media screen and (min-width: 1201px) {
          .section-how-to-eat .box-2 .row .col .img {
            margin-top: 10px; } }
.section-how-to-eat .box-3 {
  background-color: rgba(249, 211, 140, 0.21);
  padding: 0 0 12.307vw; }
  @media screen and (min-width: 651px) {
    .section-how-to-eat .box-3 {
      display: flex;
      justify-content: center;
      padding: 3.333vw 0 4.166vw; } }
  @media screen and (min-width: 1201px) {
    .section-how-to-eat .box-3 {
      padding: 40px 0 50px; } }
  @media screen and (min-width: 651px) {
    .section-how-to-eat .box-3 .row {
      display: grid;
      grid-template-columns: 10vw 1fr;
      gap: 2.5vw; } }
  @media screen and (min-width: 1201px) {
    .section-how-to-eat .box-3 .row {
      grid-template-columns: 120px 1fr;
      gap: 30px; } }
  .section-how-to-eat .box-3 .txt-1 {
    text-align: center; }
    .section-how-to-eat .box-3 .txt-1 .img img {
      width: 14.461vw; }
      @media screen and (min-width: 651px) {
        .section-how-to-eat .box-3 .txt-1 .img img {
          width: 5vw; } }
      @media screen and (min-width: 1201px) {
        .section-how-to-eat .box-3 .txt-1 .img img {
          width: 60px; } }
    .section-how-to-eat .box-3 .txt-1 h3 {
      font-size: 4vw;
      font-weight: normal;
      color: #f5b63f; }
      @media screen and (min-width: 651px) {
        .section-how-to-eat .box-3 .txt-1 h3 {
          font-size: 1.416vw; } }
      @media screen and (min-width: 1201px) {
        .section-how-to-eat .box-3 .txt-1 h3 {
          font-size: 17px; } }
  .section-how-to-eat .box-3 .txt-2 {
    margin-top: 4.651vw;
    padding: 0 9.23vw;
    font-size: 4vw;
    line-height: 1.3; }
    @media screen and (min-width: 651px) {
      .section-how-to-eat .box-3 .txt-2 {
        margin-top: 0;
        padding: 0;
        font-size: 1.166vw;
        line-height: 1.4; } }
    @media screen and (min-width: 1201px) {
      .section-how-to-eat .box-3 .txt-2 {
        font-size: 14px; } }
    .section-how-to-eat .box-3 .txt-2 li {
      position: relative;
      padding-left: 1em; }
      .section-how-to-eat .box-3 .txt-2 li::before {
        content: "・";
        position: absolute;
        top: 0;
        left: 0; }
.section-support {
  position: relative;
  z-index: 0;
  padding: 12.307vw 0 6.5vw; }
  @media screen and (min-width: 651px) {
    .section-support {
      padding: 6.666vw 0 2.5vw; } }
  .section-support .box {
    padding: 0 6.153vw; }
    @media screen and (min-width: 651px) {
      .section-support .box {
        padding: 0 6.666vw 0 10vw; } }
    .section-support .box .txt-1 {
      font-family: "Noto Serif JP", serif;
      font-size: 4.153vw;
      text-align: center;
      line-height: 1; }
      @media screen and (min-width: 651px) {
        .section-support .box .txt-1 {
          font-size: 2.25vw;
          text-align: left; } }
      .section-support .box .txt-1 span {
        background-color: rgba(211, 20, 90, 0.5);
        border-radius: 4.651vw;
        padding: 0 12.307vw 6px;
        color: #fff;
        letter-spacing: 0.1em; }
        @media screen and (min-width: 651px) {
          .section-support .box .txt-1 span {
            padding: 0 7.5vw 0.5vw; } }
    .section-support .box h2 {
      margin-top: 4.651vw;
      margin-right: -3.076vw;
      font-family: "Noto Serif JP", serif;
      font-size: 9.076vw;
      font-weight: 400;
      line-height: 1.4;
      color: #d3145a; }
      @media screen and (min-width: 651px) {
        .section-support .box h2 {
          margin-top: 2.5vw;
          font-size: 5.333vw;
          line-height: 1.2; } }
    .section-support .box .txt-2 {
      margin-top: 9.23vw;
      font-family: "Noto Serif JP", serif;
      font-size: 5.538vw;
      line-height: 1.5;
      color: #60403f; }
      @media screen and (min-width: 651px) {
        .section-support .box .txt-2 {
          margin-top: 1.666vw;
          font-size: 2.416vw; } }
      .section-support .box .txt-2 br.sp {
        display: inline; }
        @media screen and (min-width: 651px) {
          .section-support .box .txt-2 br.sp {
            display: none; } }
    .section-support .box .row {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: repeat(4, 1fr);
      gap: 4.651vw 0;
      margin-top: 12.307vw; }
      @media screen and (min-width: 651px) {
        .section-support .box .row {
          grid-template-columns: repeat(3, 1fr);
          grid-template-rows: 1fr;
          gap: 1.666vw;
          width: 52.75vw;
          margin-top: 3.333vw; } }
      .section-support .box .row .col {
        display: flex;
        justify-content: center;
        align-items: center; }
        .section-support .box .row .col .inner img {
          width: 44.461vw;
          height: 45.23vw; }
          @media screen and (min-width: 651px) {
            .section-support .box .row .col .inner img {
              width: 16.5vw;
              height: 16.75vw; } }
        .section-support .box .row .col.col-1 {
          grid-row: 1 / 3;
          grid-column: 1 / 2; }
          @media screen and (min-width: 651px) {
            .section-support .box .row .col.col-1 {
              grid-row: 1 / 2;
              grid-column: 1 / 2; } }
        .section-support .box .row .col.col-2 {
          grid-row: 2 / 4;
          grid-column: 2 / 3; }
          @media screen and (min-width: 651px) {
            .section-support .box .row .col.col-2 {
              grid-row: 1 / 2;
              grid-column: 2 / 3; } }
        .section-support .box .row .col.col-3 {
          grid-row: 3 / 5;
          grid-column: 1 / 2; }
          @media screen and (min-width: 651px) {
            .section-support .box .row .col.col-3 {
              grid-row: 1 / 2;
              grid-column: 3 / 4; } }
    .section-support .box .txt-3 {
      margin-top: 4.615vw;
      padding: 0 3.076vw;
      font-family: "Noto Serif JP", serif;
      font-size: 4vw;
      line-height: 1.5; }
      @media screen and (min-width: 651px) {
        .section-support .box .txt-3 {
          margin-top: 3.333vw;
          padding: 0;
          font-size: 1.333vw; } }
    .section-support .box .txt-4 {
      margin-top: 3.076vw;
      padding: 0 3.076vw;
      font-family: "Noto Serif JP", serif;
      font-size: 2.307vw;
      text-align: right; }
      @media screen and (min-width: 651px) {
        .section-support .box .txt-4 {
          margin-top: 2.5vw;
          padding: 0 1.666vw;
          font-size: 1.333vw; } }
  .section-support .bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1; }
    .section-support .bg img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
.section-detail {
  padding: 0 0 15.384vw; }
  @media screen and (min-width: 651px) {
    .section-detail {
      padding: 0 0 8.333vw; } }
  @media screen and (min-width: 1201px) {
    .section-detail {
      padding: 0 0 100px; } }
  .section-detail .box-1 {
    background-color: rgba(249, 211, 140, 0.21); }
    .section-detail .box-1 .row {
      padding: 15.384vw 7.692vw 0; }
      @media screen and (min-width: 651px) {
        .section-detail .box-1 .row {
          display: grid;
          grid-template-columns: 37.5vw 1fr;
          gap: 2.5vw;
          width: 100%;
          max-width: 100vw;
          margin: 0 auto;
          padding: 5vw 5.833vw 0 9.166vw; } }
      @media screen and (min-width: 1201px) {
        .section-detail .box-1 .row {
          grid-template-columns: 450px 1fr;
          gap: 30px;
          max-width: 1200px;
          padding: 60px 70px 0 110px; } }
      .section-detail .box-1 .row .img-1 img {
        width: 82.769vw; }
        @media screen and (min-width: 651px) {
          .section-detail .box-1 .row .img-1 img {
            width: 37.333vw; } }
        @media screen and (min-width: 1201px) {
          .section-detail .box-1 .row .img-1 img {
            width: 448px; } }
      .section-detail .box-1 .row .txt {
        margin-top: 6.153vw; }
        @media screen and (min-width: 651px) {
          .section-detail .box-1 .row .txt {
            margin-top: 3.333vw; } }
        @media screen and (min-width: 1201px) {
          .section-detail .box-1 .row .txt {
            margin-top: 40px; } }
        .section-detail .box-1 .row .txt .txt-1 {
          text-align: center; }
          .section-detail .box-1 .row .txt .txt-1 img {
            width: 43.076vw; }
            @media screen and (min-width: 651px) {
              .section-detail .box-1 .row .txt .txt-1 img {
                width: 18.5vw; } }
            @media screen and (min-width: 1201px) {
              .section-detail .box-1 .row .txt .txt-1 img {
                width: 222px; } }
        .section-detail .box-1 .row .txt .txt-2 {
          margin-top: 2.307vw;
          font-size: 5.076vw;
          line-height: 1.4;
          text-align: center; }
          @media screen and (min-width: 651px) {
            .section-detail .box-1 .row .txt .txt-2 {
              margin-top: 0.833vw;
              font-size: 2.166vw; } }
          @media screen and (min-width: 1201px) {
            .section-detail .box-1 .row .txt .txt-2 {
              margin-top: 10px;
              font-size: 26px; } }
        .section-detail .box-1 .row .txt .txt-3 {
          margin-top: 2.307vw; }
          @media screen and (min-width: 651px) {
            .section-detail .box-1 .row .txt .txt-3 {
              margin-top: 1.666vw; } }
          @media screen and (min-width: 1201px) {
            .section-detail .box-1 .row .txt .txt-3 {
              margin-top: 20px; } }
          .section-detail .box-1 .row .txt .txt-3 ul {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            grid-template-rows: repeat(3, 1fr);
            gap: 2.307vw; }
            @media screen and (min-width: 651px) {
              .section-detail .box-1 .row .txt .txt-3 ul {
                grid-template-columns: repeat(6, 1fr);
                grid-template-rows: repeat(2, 1fr);
                gap: 0.416vw; } }
            @media screen and (min-width: 1201px) {
              .section-detail .box-1 .row .txt .txt-3 ul {
                gap: 5px; } }
          .section-detail .box-1 .row .txt .txt-3 li:nth-child(1) {
            grid-row: 1 / 2;
            grid-column: 1 / 3; }
            @media screen and (min-width: 651px) {
              .section-detail .box-1 .row .txt .txt-3 li:nth-child(1) {
                grid-row: 1 / 2;
                grid-column: 1 / 3; } }
          .section-detail .box-1 .row .txt .txt-3 li:nth-child(2) {
            grid-row: 1 / 2;
            grid-column: 3 / 5; }
            @media screen and (min-width: 651px) {
              .section-detail .box-1 .row .txt .txt-3 li:nth-child(2) {
                grid-row: 1 / 2;
                grid-column: 3 / 5; } }
          .section-detail .box-1 .row .txt .txt-3 li:nth-child(3) {
            grid-row: 2 / 3;
            grid-column: 2 / 4; }
            @media screen and (min-width: 651px) {
              .section-detail .box-1 .row .txt .txt-3 li:nth-child(3) {
                grid-row: 1 / 2;
                grid-column: 5 / 7; } }
          .section-detail .box-1 .row .txt .txt-3 li:nth-child(4) {
            grid-row: 3 / 4;
            grid-column: 1 / 3; }
            @media screen and (min-width: 651px) {
              .section-detail .box-1 .row .txt .txt-3 li:nth-child(4) {
                grid-row: 2 / 3;
                grid-column: 2 / 4; } }
          .section-detail .box-1 .row .txt .txt-3 li:nth-child(5) {
            grid-row: 3 / 4;
            grid-column: 3 / 5; }
            @media screen and (min-width: 651px) {
              .section-detail .box-1 .row .txt .txt-3 li:nth-child(5) {
                grid-row: 2 / 3;
                grid-column: 4 / 6; } }
          .section-detail .box-1 .row .txt .txt-3 li img {
            width: 43.076vw; }
            @media screen and (min-width: 651px) {
              .section-detail .box-1 .row .txt .txt-3 li img {
                width: 14.416vw; } }
            @media screen and (min-width: 1201px) {
              .section-detail .box-1 .row .txt .txt-3 li img {
                width: 173px; } }
        .section-detail .box-1 .row .txt .txt-4 {
          display: flex;
          justify-content: flex-end;
          margin-top: 3.076vw;
          font-size: 2.307vw;
          line-height: 1.5; }
          @media screen and (min-width: 651px) {
            .section-detail .box-1 .row .txt .txt-4 {
              margin-top: 1.666vw;
              font-size: 0.833vw; } }
          @media screen and (min-width: 1201px) {
            .section-detail .box-1 .row .txt .txt-4 {
              margin-top: 20px;
              font-size: 10px; } }
  .section-detail .box-2 {
    background-color: rgba(249, 211, 140, 0.21);
    padding-top: 7.692vw; }
    @media screen and (min-width: 651px) {
      .section-detail .box-2 {
        padding-top: 4.166vw; } }
    @media screen and (min-width: 1201px) {
      .section-detail .box-2 {
        padding-top: 50px; } }
    .section-detail .box-2 .img {
      text-align: center; }
      .section-detail .box-2 .img img {
        width: 84vw; }
        @media screen and (min-width: 651px) {
          .section-detail .box-2 .img img {
            width: 45.5vw; } }
        @media screen and (min-width: 1201px) {
          .section-detail .box-2 .img img {
            width: 546px; } }
  .section-detail .box-3 {
    background-color: rgba(249, 211, 140, 0.21);
    font-size: 3.846vw; }
    @media screen and (min-width: 651px) {
      .section-detail .box-3 {
        font-size: 1.166vw; } }
    @media screen and (min-width: 1201px) {
      .section-detail .box-3 {
        font-size: 14px; } }
    .section-detail .box-3 .row {
      display: grid;
      grid-auto-flow: row;
      gap: 6.153vw;
      padding: 6.153vw 7.692vw 3.076vw; }
      @media screen and (min-width: 651px) {
        .section-detail .box-3 .row {
          grid-template-columns: 45.833vw 1fr;
          gap: 1.666vw;
          width: 100%;
          max-width: 100vw;
          margin: 0 auto;
          padding: 0 8.333vw; } }
      @media screen and (min-width: 1201px) {
        .section-detail .box-3 .row {
          grid-template-columns: 550px 1fr;
          gap: 20px;
          max-width: 1200px;
          padding: 0 100px; } }
      .section-detail .box-3 .row .col-left th,
      .section-detail .box-3 .row .col-left td {
        font-weight: normal;
        text-align: left;
        vertical-align: top;
        line-height: 1.5; }
      .section-detail .box-3 .row .col-left th {
        width: 21.538vw;
        padding: 0.5em 1em 0.5em 0;
        text-align-last: justify;
        letter-spacing: -0.1em; }
        @media screen and (min-width: 651px) {
          .section-detail .box-3 .row .col-left th {
            padding-right: 3em;
            width: 11.666vw; } }
        @media screen and (min-width: 1201px) {
          .section-detail .box-3 .row .col-left th {
            width: 140px; } }
      .section-detail .box-3 .row .col-left td {
        padding: 0.5em 0; }
      .section-detail .box-3 .row .col-right h3 {
        font-size: 3.846vw;
        font-weight: normal; }
        @media screen and (min-width: 651px) {
          .section-detail .box-3 .row .col-right h3 {
            font-size: 1.166vw; } }
        @media screen and (min-width: 1201px) {
          .section-detail .box-3 .row .col-right h3 {
            font-size: 14px; } }
      .section-detail .box-3 .row .col-right ul {
        padding-left: 0.5em; }
      .section-detail .box-3 .row .col-right li {
        line-height: 1.5; }
  .section-detail .box-4 {
    position: relative;
    z-index: -1;
    background-color: rgba(249, 211, 140, 0.21);
    overflow: hidden; }
    @media screen and (min-width: 651px) {
      .section-detail .box-4 .img {
        margin-top: -20.833vw; } }
    .section-detail .box-4 .img img {
      width: 100%; }
  .section-detail .box-5 {
    display: flex;
    justify-content: center;
    margin-top: 7.692vw; }
    @media screen and (min-width: 651px) {
      .section-detail .box-5 {
        margin-top: 5.833vw; } }
    @media screen and (min-width: 1201px) {
      .section-detail .box-5 {
        margin-top: 70px; } }
    .section-detail .box-5 ul {
      display: grid;
      grid-auto-flow: row;
      gap: 4.651vw; }
      @media screen and (min-width: 651px) {
        .section-detail .box-5 ul {
          gap: 4.166vw; } }
      @media screen and (min-width: 1201px) {
        .section-detail .box-5 ul {
          gap: 50px; } }
    .section-detail .box-5 li {
      text-align: center; }
      .section-detail .box-5 li a {
        display: inline-block;
        background-color: #00bfc7;
        border-radius: 7.692vw;
        width: 61.846vw;
        padding: 1.538vw 0 1.538vw;
        font-size: 2.307vw;
        color: #fff;
        line-height: 1.6;
        box-shadow: 0.32em 0.35em 0 rgba(35, 24, 21, 0.2); }
        @media screen and (min-width: 651px) {
          .section-detail .box-5 li a {
            width: 33.833vw;
            padding: 0.833vw 0 0.833vw;
            font-size: 1.25vw; } }
        @media screen and (min-width: 1201px) {
          .section-detail .box-5 li a {
            width: 406px;
            padding: 10px 0 10px;
            font-size: 15px; } }
        .section-detail .box-5 li a span {
          font-size: 2.769vw; }
          @media screen and (min-width: 651px) {
            .section-detail .box-5 li a span {
              font-size: 1.5vw; } }
          @media screen and (min-width: 1201px) {
            .section-detail .box-5 li a span {
              font-size: 18px; } }
        .section-detail .box-5 li a.orange {
          background-color: #f29600; }
        .section-detail .box-5 li a:hover {
          opacity: 0.7; }