/* =============================================
共通部分
============================================= */

@import url(https://fonts.googleapis.com/css?family=Nunito:600&display=swap&text=ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890);

#contents {
  overflow: visible;
  width: auto;
  padding-top: 0 !important;
}

.oseibo .main * {
      line-height: 1.15;
      font-family: "游ゴシック体", YuGothic, yu-gothic-pr6n, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Noto Sans JP", sans-serif;
    }

.oseibo .main *,
    .oseibo .main *::before,
    .oseibo .main *::after {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
    }

.oseibo .main a {
      -webkit-text-decoration: none;
      text-decoration: none;
    }

.oseibo .main ul,
    .oseibo .main ol {
      padding-left: 0;
      list-style-type: none;
    }

.oseibo .main dd {
      margin-left: 0;
    }

.oseibo .main p {
      /* font-size: 14px; */
      line-height: 1.75;
    }

@media screen and (min-width: 768px) {
      .oseibo .main p {
        /* font-size: 16px; */
      }
    }

.oseibo .main .fm-mincho {
      font-family: "Noto Serif JP", serif;
    }

.oseibo .main .fa-solid,
    .oseibo .main .fas {
      font-family: "Font Awesome 6 Free";
      font-weight: 900;
    }

.oseibo .main .container {
      max-width: 1040px;
      width: calc(100% - 80px);
      margin-left: auto;
      margin-right: auto;
    }

.oseibo .main .image {
      display: block;
      width: 100%;
    }

.oseibo .main .fc-pink {
      color: #d16255;
    }

.oseibo .main .tc {
      text-align: center;
    }

.oseibo .main .hidden {
      display: none !important;
    }

.oseibo .main .relative {
      position: relative !important;
    }

.oseibo .main .cmn-hd-box02-in {
      line-height: 125%;
    }

.oseibo .main small {
      font-size: 50%;
    }

.oseibo .main .bold {
      font-weight: 600;
    }

.oseibo .main .inner {
      max-width: 1200px;
      width: calc(100% - 80px);
      margin: 0 auto;
      position: relative;
    }

@media screen and (max-width: 767px) {

.oseibo .main .inner {
        width: 92%;
    }
      }

.oseibo .main .bg-img {
      background: url(https://www.okabemen.co.jp/pic-labo/llimg/cmn-img02.png);
      background-repeat: repeat;
      margin-right: calc(50% - 50vw);
      margin-left: calc(50% - 50vw);

      padding-top: 95px;
      padding-bottom: 100px;
    }

@media screen and (max-width: 767px) {

.oseibo .main .bg-img {
        padding-top: calc(100 * 100vw / 750);
        padding-bottom: calc(150 * 100vw / 750);
    }
      }

.oseibo .main .subttl {
      font-size: 18px;
      color: #9b9b9b;
    }

@media screen and (max-width: 767px) {

.oseibo .main .subttl {
        font-size: calc(32 * 100vw / 750);
    }
      }

.oseibo .main h3 {
      font-size: 32px;
      font-weight: normal;
      margin-bottom: 30px;
    }

.oseibo .main h3:after {
        display: block;
        content: "";
        width: 146px;
        height: 28px;
        background: url(../img/ribbon.png);
        background-size: cover;
        margin: 18px auto;
      }

.oseibo .main .itemlist {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 0 60px;
    }

.oseibo .main .itemlist dl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
      }

.oseibo .main .itemlist dt {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        position: relative;
        gap: 0 14px;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
      }

.oseibo .main .itemlist dt img {
          margin-top: 10px;
        }

.oseibo .main .itemlist dt p {
          font-size: 24px;
          line-height: 1.7;
          font-weight: 600;
        }

.oseibo .main .itemlist dt:after {
          position: absolute;
          bottom: -10px;
          content: "";
          display: block;
          background: #9b9b9b;
          height: 1px;
          width: 100%;
        }

.oseibo .main .itemlist .itemlist-img {
        margin-top: 30px;
      }

.oseibo .main .itemlist .itemlist-pricebox {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-top: 16px;
      }

.oseibo .main .itemlist .itemlist-pricebox .itemlist-pricelabel {
          font-size: 20px;
          font-weight: bold;
        }

.oseibo .main .itemlist .itemlist-pricebox .itemlist-price {
          font-size: 16px;
        }

.oseibo .main .itemlist .itemlist-pricebox .itemlist-price span {
            font-size: 36px;
            color: #db6557;
            letter-spacing: 0.1em;
            font-weight: 700;
          }

.oseibo .main .itemlist .item-list-fakebtn a {
        font-size: 18px;
        padding: 25px 0;
        margin-top: 20px;
      }

@media screen and (min-width: 768px) {
      .oseibo .main .pc-none {
        display: none !important;
      }
    }

@media screen and (max-width: 767px) {
      .oseibo .main .container--spfull {
        padding: 0;
      }

      .oseibo .main .container {
        width: 92%;
      }

      .oseibo .main #bread-crumb {
        margin-bottom: 40px !important;
      }
      .oseibo .main .sp-none {
        display: none !important;
      }

      .oseibo .main #contents.item-list-page #itemList .column-set .column4 h2 {
        min-height: 68.25px !important;
      }

      .oseibo .main .cmn-cart-btn__notice {
        margin-left: auto;
        margin-right: auto;
      }

      .oseibo .main h3 {
        font-size: calc(60 * 100vw / 750);
        margin-bottom: calc(60 * 100vw / 750);
      }
        .oseibo .main h3:after {
          width: calc(219 * 100vw / 750);
          height: calc(41 * 100vw / 750);
          margin: calc(20 * 100vw / 750) auto;
        }

      .oseibo .main .itemlist {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: calc(100 * 100vw / 750) 0;
      }
        .oseibo .main .itemlist dl {
        }
        .oseibo .main .itemlist dt {
          gap: 0 calc(35 * 100vw / 750);
        }
          .oseibo .main .itemlist dt img {
            margin-top: 0;
            width: calc(80 * 100vw / 750);
          }
          .oseibo .main .itemlist dt p {
            font-size: calc(34 * 100vw / 750);
          }

          .oseibo .main .itemlist dt:after {
            bottom: calc(-22 * 100vw / 750);
            height: 1px;
            width: 100%;
          }

        .oseibo .main .itemlist .itemlist-img {
          margin-top: calc(50 * 100vw / 750);
        }

        .oseibo .main .itemlist .itemlist-pricebox {
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start;
          -webkit-box-align: end;
              -ms-flex-align: end;
                  align-items: flex-end;
          margin-top: calc(40 * 100vw / 750);
          gap: calc(20 * 100vw / 750);
        }
          .oseibo .main .itemlist .itemlist-pricebox .itemlist-pricelabel {
            font-size: calc(28 * 100vw / 750);
          }
          .oseibo .main .itemlist .itemlist-pricebox .itemlist-price {
            font-size: calc(24 * 100vw / 750);
          }
            .oseibo .main .itemlist .itemlist-pricebox .itemlist-price span {
              font-size: calc(60 * 100vw / 750);
            }

        .oseibo .main .itemlist .item-list-fakebtn a {
          font-size: calc(28 * 100vw / 750);
          padding: calc(40 * 100vw / 750) 0;
          margin-top: calc(20 * 100vw / 750);
          border-radius: 5px;
        }

        .oseibo .main .itemlist .item-list-fakebtn--cartin a::before {
          right: calc(20 * 100vw / 750);
          width: calc(35 * 100vw / 750);
          height: calc(30 * 100vw / 750);
        }
    }

/* =============================================
FV
============================================= */

.oseibo .mv-container p {
    font-size: 34px !important;
    font-weight: 600;
    letter-spacing: 0.1em;
    height: 130px;
    background: #f6f5f3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

.oseibo .mv-container img {
    margin: 0 auto;
  }

.oseibo .lead {
    padding: 85px 0 76px;
  }

.oseibo .lead h2 {
    font-size: 32px;
    line-height: 1.7;
    font-weight: 600;
    margin-bottom: 18px;
  }

.oseibo .lead p {
    font-size: 18px;
    line-height: 3.2;
    font-weight: normal;
  }

@media screen and (max-width: 767px) {
    .oseibo .mv-container p {
      font-size: 22px !important;
      height: 75px;
      border-top: 1px solid #9b9b9b !important;
    }

    .oseibo .lead {
      padding: calc(80 * 100vw / 750) 0;
    }

    .oseibo .lead h2 {
      font-size: calc(40 * 100vw / 750);
      margin-bottom: calc(30 * 100vw / 750);
    }

    .oseibo .lead h3 {
      font-size: calc(32 * 100vw / 750);
    }

    .oseibo .lead p {
      font-size: calc(30 * 100vw / 750);
      line-height: 2;
    }
  }

/* =============================================
理由
============================================= */

.oseibo .oseibo-reason {
    padding-top: 70px;
  }

.oseibo .oseibo-reason h4 {
      font-size: 32px;
      line-height: 1.5;
      font-weight: normal;
      margin-bottom: 32px;
    }

.oseibo .oseibo-reason .reason-list {
      max-width: 1000px;
      margin: 0 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 25px;
      margin-bottom: 90px;
    }

.oseibo .oseibo-reason .reason-list li {
        background: url(https://www.okabemen.co.jp/pic-labo/llimg/cmn-img02.png);
        background-repeat: repeat;
        border-radius: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 30px 40px 30px 40px;
        gap: 0 20px;
        position: relative;
      }

.oseibo .oseibo-reason .reason-list .reason-icn {
        width: 90px;
      }

.oseibo .oseibo-reason .reason-list .reason-ttl {
        font-size: 24px;
        margin-bottom: 5px;
      }

.oseibo .oseibo-reason .reason-list .reason-txt {
        font-size: 15px;
        line-height: 1.8;
      }

.oseibo .oseibo-reason .reason-list .reason-img {
        position: absolute;
        right: 0;
        top: 0;
      }

.oseibo .oseibo-reason .reason-list li:nth-of-type(1) .reason-img {
          width: 97px;
          right: 30px;
          top: -16px;
        }

.oseibo .oseibo-reason .reason-list li:nth-of-type(2) .reason-img {
          width: 122px;
          right: 30px;
          top: -12px;
        }

.oseibo .oseibo-reason .reason-list li:nth-of-type(3) .reason-img {
          width: 159px;
          right: 30px;
          top: -16px;
        }

@media screen and (max-width: 767px) {
    .oseibo .oseibo-reason {
      padding-top: calc(60 * 100vw / 750);
    }
      .oseibo .oseibo-reason h4 {
        font-size: calc(60 * 100vw / 750);
        margin-bottom: calc(120 * 100vw / 750);
      }
      .oseibo .oseibo-reason .reason-list {
        gap: calc(140 * 100vw / 750) 0;
        margin-bottom: calc(80 * 100vw / 750);
      }
        .oseibo .oseibo-reason .reason-list li {
          padding: calc(80 * 100vw / 750) calc(40 * 100vw / 750) calc(60 * 100vw / 750);
        }

        .oseibo .oseibo-reason .reason-list .reason-icn {
          width: calc(145 * 100vw / 750);
          position: absolute;
          top: calc(-80 * 100vw / 750);
          left: 50%;
          transform: translateX(-50%);
          -webkit-transform: translateX(-50%);
        }
        .oseibo .oseibo-reason .reason-list .reason-ttl {
          font-size: calc(42 * 100vw / 750);
          margin-bottom: calc(20 * 100vw / 750);
          text-align: center;
        }

        .oseibo .oseibo-reason .reason-list .reason-txt {
          font-size: calc(30 * 100vw / 750);
        }
          .oseibo .oseibo-reason .reason-list li:nth-of-type(1) .reason-img {
            width: calc(161 * 100vw / 750);
            right: calc(60 * 100vw / 750);
            top: calc(-60 * 100vw / 750);
          }
          .oseibo .oseibo-reason .reason-list li:nth-of-type(2) .reason-img {
            width: calc(228 * 100vw / 750);
            right: calc(10 * 100vw / 750);
            top: calc(-100 * 100vw / 750);
          }
          .oseibo .oseibo-reason .reason-list li:nth-of-type(3) .reason-img {
            width: calc(216 * 100vw / 750);
            right: calc(20 * 100vw / 750);
            top: calc(-30 * 100vw / 750);
          }
  }

/* =============================================
オカベの麺とは
============================================= */

.oseibo .oseibo-about {
    padding: 60px;
    border-width: 1px;
    border-color: rgb(219, 77, 62);
    border-style: dashed;
    border-radius: 20px;
    margin-bottom: 100px;
  }

.oseibo .oseibo-about h4 {
      font-size: 32px;
      font-weight: normal;
      margin-bottom: 10px;
    }

.oseibo .oseibo-about h5 {
      font-size: 24px;
      font-weight: normal;
      margin-bottom: 30px;
      line-height: 1.8;
      position: relative;
      z-index: 2;
    }

.oseibo .oseibo-about h5:after {
        display: block;
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 574px;
        height: 19px;
        background-image: url(../img/about-line.png);
        background-size: cover;
        z-index: -1;
      }

.oseibo .oseibo-about #oseiboMovie {
      width: 60%;
      margin: 0 auto 20px;
    }

.oseibo .oseibo-about .oseibo-about-txtbox {
      font-size: 15px;
      line-height: 2;
    }

.oseibo .oseibo-about .text_wrapper {
      position: relative;
      margin-bottom: 40px;
    }

.oseibo .oseibo-about .text {
      height: 130px;
      overflow: hidden;
      font-size: 15px;
      line-height: 2;
    }

.oseibo .oseibo-about .show_more {
      position: absolute;
      bottom: 0px;
      left: 0px;
      width: 100%;
      height: 30px;
      padding-top: 60px;
      text-align: center;
      line-height: 30px;
      background: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255, 0)), color-stop(70%, rgb(255, 255, 255, 1)));
      background: linear-gradient(180deg, rgb(255, 255, 255, 0) 0%, rgb(255, 255, 255, 1) 70%);
      cursor: pointer;
      -webkit-transition: bottom 0.2s;
      transition: bottom 0.2s;
      font-size: 15px;
    }

.oseibo .oseibo-about .show_more:after {
        content: "\f107";
        margin-left: 1em;
      }

.oseibo .oseibo-about .active {
      background: none;
      bottom: -30px;
    }

.oseibo .oseibo-about .active:after {
        content: "\f106";
      }

@media screen and (max-width: 767px) {
    .oseibo .oseibo-about {
      padding: calc(80 * 100vw / 750) calc(40 * 100vw / 750);

      margin-bottom: calc(100 * 100vw / 750);
    }
      .oseibo .oseibo-about h4 {
        font-size: calc(42 * 100vw / 750);
        margin-bottom: calc(30 * 100vw / 750);
      }
      .oseibo .oseibo-about h5 {
        font-size: calc(34 * 100vw / 750);

        margin-bottom: calc(40 * 100vw / 750);
      }

        .oseibo .oseibo-about h5:after {
          width: calc(539 * 100vw / 750);
          height: calc(78 * 100vw / 750);
          background-image: url(../img/about-line_sp.png);
          background-size: cover;
          background-position: left bottom;
          background-repeat: no-repeat;
          z-index: -1;
          bottom: calc(10 * 100vw / 750);
        }

      .oseibo .oseibo-about #oseiboMovie {
        width: 100%;
      }

      .oseibo .oseibo-about .oseibo-about-txtbox {
        font-size: calc(30 * 100vw / 750);
      }

    .oseibo .text_wrapper {
      margin-bottom: calc(200 * 100vw / 750);
    }

    .oseibo .omission-text {
      height: 250px;
    }
    .oseibo .show_more {
      bottom: -2px;
      height: 30px;
      padding-top: 60px;
      line-height: 30px;
    }
    .oseibo .show_more span {
      font-size: calc(40 * 100vw / 750);
      border-width: 2px;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
    }
    .oseibo .active {
      background: none;
      bottom: -30px;
    }
  }

/* =============================================
送る相手別に選ぶ
============================================= */

.oseibo .oseibo-who .toWho {
      max-width: 400px;
      font-size: 24px;
      background: #fff;
      border-radius: 100px;
      margin: 44px auto 22px;
      padding: 0.6em;
      font-weight: 400;
    }

.oseibo .who-section {
    margin-bottom: 74px;
  }

.oseibo .who-section:last-of-type {
      margin-bottom: 0;
    }

.oseibo .user-voice {
    max-width: 960px;
    margin: 60px auto 0;
    background: #fff;
    border-radius: 10px;
    padding: 30px 30px 30px 80px;
    position: relative;
    min-height: 140px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

.oseibo .user-voice .voice-ttl {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      top: -20px;
      font-size: 24px;
      font-weight: bold;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      gap: 15px;
    }

.oseibo .user-voice .voice-ttl::before {
        content: "";
        display: inline-block;
        width: 25px;
        height: 24px;
        background: url(../img/who-attention.png);
        background-size: cover;
      }

.oseibo .user-voice .voice-ttl::after {
        content: "";
        display: inline-block;
        width: 25px;
        height: 24px;
        background: url(../img/who-attention.png);
        background-size: cover;
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
      }

.oseibo .user-voice .voice-icn {
      position: absolute;
      width: 100px;
      left: -50px;
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
    }

.oseibo .user-voice .voice-body {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      gap: 20px;
    }

.oseibo .user-voice .voice-body p {
        font-size: 15px;
        line-height: 2;
      }

.oseibo .user-voice .voice-body img {
        width: 366px;
      }

.oseibo .voice-cation {
    max-width: 960px;
    margin: 12px auto 0;
    font-size: 14px;
  }

@media screen and (max-width: 767px) {
      .oseibo .oseibo-who .toWho {
        max-width: 100%;
        font-size: calc(40 * 100vw / 750);
        margin: calc(40 * 100vw / 750) auto calc(46 * 100vw / 750);
        padding: 0.4em;
      }

      .oseibo .oseibo-who .itemlist {
        gap: calc(50 * 100vw / 750) 0;
      }
        .oseibo .oseibo-who .itemlist dl {
          display: -ms-grid;
          display: grid;
          -ms-grid-columns: 1fr calc(10 * 100vw / 750) 1fr;
          grid-template-columns: repeat(2, 1fr);
          -ms-grid-rows: 1fr calc(0 * 100vw / 750) 1fr calc(0 * 100vw / 750) 1fr;
          grid-template-rows: repeat(3, 1fr);
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          grid-gap: calc(0 * 100vw / 750) calc(10 * 100vw / 750);
          gap: calc(0 * 100vw / 750) calc(10 * 100vw / 750);
        }
        .oseibo .oseibo-who .itemlist dl > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
        }
        .oseibo .oseibo-who .itemlist dl > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
        }
        .oseibo .oseibo-who .itemlist dl > *:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
        }
        .oseibo .oseibo-who .itemlist dl > *:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
        }
        .oseibo .oseibo-who .itemlist dl > *:nth-child(5) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
        }
        .oseibo .oseibo-who .itemlist dl > *:nth-child(6) {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
        }
          .oseibo .oseibo-who .itemlist dl dt {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -ms-grid-row: 1;
            -ms-grid-row-span: 1;
            -ms-grid-column: 2;
            -ms-grid-column-span: 1;
            grid-area: 1 / 2 / 2 / 3;
            border-bottom: 1px solid #9b9b9b;
            padding-bottom: calc(20 * 100vw / 750);
            -webkit-box-pack: end;
                -ms-flex-pack: end;
                    justify-content: flex-end;
            min-height: calc(190 * 100vw / 750);
          }
            .oseibo .oseibo-who .itemlist dl dt:after {
              display: none;
            }
          .oseibo .oseibo-who .itemlist dl .itemlist-img {
            -ms-grid-row: 1;
            -ms-grid-row-span: 2;
            -ms-grid-column: 1;
            -ms-grid-column-span: 1;
            grid-area: 1 / 1 / 3 / 2;
            margin-top: 0;
          }
          .oseibo .oseibo-who .itemlist dl .itemlist-pricebox {
            -ms-grid-row: 2;
            -ms-grid-row-span: 1;
            -ms-grid-column: 2;
            -ms-grid-column-span: 1;
            grid-area: 2 / 2 / 3 / 3;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-align: start;
                -ms-flex-align: start;
                    align-items: flex-start;
            margin-top: calc(20 * 100vw / 750);
            gap: calc(0 * 100vw / 750);
          }

          .oseibo .oseibo-who .itemlist dl dd:last-of-type {
            -ms-grid-row: 3;
            -ms-grid-row-span: 1;
            -ms-grid-column: 1;
            -ms-grid-column-span: 2;
            grid-area: 3 / 1 / 4 / 3;
          }
            .oseibo .oseibo-who .itemlist dl dd:last-of-type a {
              margin-top: calc(0 * 100vw / 750);
            }

    .oseibo .who-section {
      margin-bottom: calc(160 * 100vw / 750);
    }

    .oseibo .user-voice {
      max-width: 100%;
      margin: calc(100 * 100vw / 750) auto 0;
      padding: calc(20 * 100vw / 750) calc(40 * 100vw / 750);
      min-height: auto;
    }
      .oseibo .user-voice .voice-ttl {
        top: calc(-90 * 100vw / 750);
        font-size: calc(40 * 100vw / 750);
        gap: calc(20 * 100vw / 750);
      }
        .oseibo .user-voice .voice-ttl::before,
        .oseibo .user-voice .voice-ttl::after {
          width: calc(30 * 100vw / 750);
          height: calc(29 * 100vw / 750);
        }

      .oseibo .user-voice .voice-icn {
        width: calc(140 * 100vw / 750);
        left: calc(40 * 100vw / 750);
        top: calc(-20 * 100vw / 750);
        -webkit-transform: none;
                transform: none;
      }

      .oseibo .user-voice .voice-body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 20px;
      }
        .oseibo .user-voice .voice-body p {
          font-size: calc(30 * 100vw / 750);
        }

          .oseibo .user-voice .voice-body p:before {
            float: left;
            display: inline-block;
            content: "";
            width: calc(160 * 100vw / 750);
            height: calc(100 * 100vw / 750);
          }
        .oseibo .user-voice .voice-body img {
          width: 100%;
        }
    .oseibo .voice-cation {
      max-width: 100%;
      margin: calc(10 * 100vw / 750) auto 0;
      font-size: calc(26 * 100vw / 750);
    }
  }

/* =============================================
予算別に選ぶ
============================================= */

.oseibo .oseibo-budget {
    padding-top: 95px;
    padding-bottom: 100px;
  }

.oseibo .oseibo-budget h3 {
      margin-bottom: 40px;
    }

.oseibo .oseibo-budget .gift-pricesort {
      margin-left: auto;
      margin-right: auto;
    }

.oseibo .oseibo-budget .gift-pricesort .cmn-ttl .ja {
      font-size: 22px;
    }

.oseibo .oseibo-budget .gift-priceList {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin-top: 30px;
    }

.oseibo .oseibo-budget .gift-priceList li {
      width: 18%;
    }

.oseibo .oseibo-budget .gift-priceList li a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      height: 100%;
      padding: 1.2em;
      font-size: 16px;
      font-family: "Noto Serif JP", serif;
      border: 1px solid #9c9c9c;
      border-radius: 10px;
      position: relative;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
      font-weight: 600;
    }

.oseibo .oseibo-budget .gift-priceList li a i {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      right: 4%;
      font-size: 14px;
      color: #db6557;
    }

@media screen and (min-width: 768px) {
      .oseibo .oseibo-budget .gift-pricesort {
        position: relative;
        max-width: 1200px;
        width: calc(100% - 80px);
        padding-bottom: 60px;
      }

      .oseibo .oseibo-budget .gift-priceList li a:hover {
        background: #db6557;
        color: #ffffff;
      }
        .oseibo .oseibo-budget .gift-priceList li a:hover i {
          color: #ffffff;
        }
    }

@media screen and (max-width: 767px) {
    .oseibo .oseibo-budget {
      padding-top: calc(100 * 100vw / 750);
      padding-bottom: calc(100 * 100vw / 750);
    }

      .oseibo .oseibo-budget h3 {
        margin-bottom: calc(30 * 100vw / 750);
      }

      .oseibo .oseibo-budget .gift-pricesort {
        width: 92%;
        margin-top: 6vw;
        padding-bottom: 6vw;
      }
      .oseibo .oseibo-budget .gift-pricesort .cmn-ttl .ja {
        font-size: 4vw;
      }

      .oseibo .oseibo-budget .gift-priceList {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        gap: calc(20 * 100vw / 750);
      }

      .oseibo .oseibo-budget .gift-priceList li {
        width: 48%;
      }

      .oseibo .oseibo-budget .gift-priceList li a {
        font-size: calc(30 * 100vw / 750);
        border-radius: 1.3vw;
        line-height: 1.2;
      }

      .oseibo .oseibo-budget .gift-priceList li a i {
        font-size: 2vw;
      }
  }

.oseibo .oseibo-noshi {
    border: 2px solid #db4d3e;
    border-radius: 20px;
    margin: 0 auto;
    margin-top: 110px;
    padding: 55px 80px;
    position: relative;
  }

.oseibo .oseibo-noshi .noshi-icn {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      top: -54px;
    }

.oseibo .oseibo-noshi .noshi-free {
      background: #db4d3e;
      width: 200px;
      height: 35px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      color: #fff;
      font-size: 16px;
      border-radius: 18px;
      margin: 0 auto;
    }

.oseibo .oseibo-noshi h4 {
      font-size: 28px;
      margin-top: 14px;
    }

.oseibo .oseibo-noshi .noshi-body {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 0 60px;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      margin-top: 20px;
    }

.oseibo .oseibo-noshi .noshi-body p {
        font-size: 15px;
        line-height: 2;
        margin-bottom: 0.8em;
      }

.oseibo .oseibo-noshi .noshi-body p.fc-pink {
          font-size: 14px;
          line-height: 1.7;
          margin-bottom: 1.5em;
        }

.oseibo .oseibo-noshi .noshi-body a {
        -webkit-text-decoration: underline;
        text-decoration: underline;
      }

.oseibo .oseibo-noshi .noshi-body img {
        width: 276px;
      }

@media screen and (max-width: 767px) {
    .oseibo .oseibo-noshi {
      margin-top: calc(140 * 100vw / 750);
      padding: calc(50 * 100vw / 750) calc(20 * 100vw / 750);
      border-width: 1px;
    }

      .oseibo .oseibo-noshi .noshi-icn {
        top: calc(-55 * 100vw / 750);
        width: calc(364 * 100vw / 750);
      }

      .oseibo .oseibo-noshi .noshi-free {
        width: calc(200 * 100vw / 750);
        height: calc(55 * 100vw / 750);

        font-size: calc(32 * 100vw / 750);
        border-radius: 32px;
      }

      .oseibo .oseibo-noshi h4 {
        font-size: calc(40 * 100vw / 750);
        margin-top: calc(20 * 100vw / 750);
      }

      .oseibo .oseibo-noshi .noshi-body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: calc(60 * 100vw / 750);
        margin-top: calc(20 * 100vw / 750);
      }
        .oseibo .oseibo-noshi .noshi-body p {
          font-size: calc(30 * 100vw / 750);
        }

          .oseibo .oseibo-noshi .noshi-body p.fc-pink {
            font-size: calc(26 * 100vw / 750);
          }
        .oseibo .oseibo-noshi .noshi-body img {
          width: 70%;
          margin: 0 auto;
        }
  }

/* =============================================
マナー
============================================= */

.oseibo .oseibo-manner .inner {
      position: relative;
      z-index: 2;
    }

.oseibo .oseibo-manner .manner-bg {
      display: block;
      position: absolute;
      top: -68px;
      left: 50%;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      z-index: -1;
      width: 126%;
      max-width: 100vw;
    }

.oseibo .oseibo-manner .manner-subttl {
      display: block;
      width: 287px;
      margin: 0 auto 5px;
    }

.oseibo .oseibo-manner h3:after {
      display: none;
    }

.oseibo .oseibo-manner .manner-list {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 20px 1fr;
      grid-template-columns: 1fr 1fr;
      grid-gap: 20px;
      gap: 20px;
    }

.oseibo .oseibo-manner .manner-list li {
        border-radius: 20px;
        background-color: #fff;
        padding: 40px;
      }

.oseibo .oseibo-manner .manner-list li .manner-ttl {
          font-size: 28px;
          line-height: 1;
        }

.oseibo .oseibo-manner .manner-list li .manner-txt {
          font-size: 15px;
          line-height: 2;
          margin-top: 1em;
        }

@media screen and (max-width: 767px) {
      .oseibo .oseibo-manner .manner-bg {
        top: -6vw;
        width: 100vw;
      }
      .oseibo .oseibo-manner .manner-subttl {
        width: calc(385 * 100vw / 750);
        margin: 0 auto calc(10 * 100vw / 750);
      }

      .oseibo .oseibo-manner .manner-list {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-gap: calc(40 * 100vw / 750);
        gap: calc(40 * 100vw / 750);
      }

        .oseibo .oseibo-manner .manner-list li {
          padding: calc(60 * 100vw / 750) calc(40 * 100vw / 750);
        }
          .oseibo .oseibo-manner .manner-list li .manner-ttl {
            font-size: calc(42 * 100vw / 750);
          }

          .oseibo .oseibo-manner .manner-list li .manner-txt {
            font-size: calc(30 * 100vw / 750);
          }
  }