@charset "UTF-8";
@media screen and (max-width: 849px) {
  .is-sp {
    display: block !important;
  }
  .is-sp.is-flex {
    display: flex !important;
  }
  .is-pc {
    display: none !important;
  }
  .is-pc.is-flex {
    display: none !important;
  }
  body {
    font-family: "Noto Sans JP";
    overflow: scroll;
    min-width: 100vw;
    overscroll-behavior: none;
  }
  body.no-scroll {
    overflow: hidden;
  }
  body .mr0 {
    margin-right: 0 !important;
  }
  body img {
    width: 100%;
    height: 100%;
    max-inline-size: none;
    max-block-size: none;
  }
  #header {
    position: relative;
    transform: translateY(0);
    transition: 0.5s;
    opacity: 1;
    /* 下スクロール時（隠す） */
    /* 初期表示 & 上スクロール時 */
  }
  #header.is-unsticky {
    position: sticky;
    z-index: 1000;
    transition: 0.5s;
    opacity: 0;
  }
  #header.is-unsticky2 {
    top: 0;
  }
  #header.is-sticky {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    transition: 0.5s;
    z-index: 1000;
    transform: translateY(0);
    opacity: 1;
  }
  #header .header-wrapper {
    height: 12.7226463104vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4.834605598vw 5.0890585242vw 3.5623409669vw 4.5801526718vw;
    background-color: #fff;
  }
  #header .header-wrapper > .logo {
    width: 40.7124681934vw;
  }
  #header .header-wrapper > .logo img {
    width: 18.0661577608vw;
    height: 5.8524173028vw;
  }
  #header .header-wrapper .contact {
    width: 32.8244274809vw;
    height: 7.6335877863vw;
    font-family: "Noto Sans JP";
    font-weight: 700;
    font-size: 3.5623409669vw;
    line-height: 4.3256997455vw;
    letter-spacing: 0.1em;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7.6335877863vw;
    background-color: #32afea;
  }
  #header .header-wrapper .hamburger {
    position: relative;
    width: 7.6335877863vw;
    height: 5.0890585242vw;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
  }
  #header .header-wrapper .hamburger span {
    height: 0.2544529262vw;
    display: block;
    transition: 0.5s;
    border-radius: 0.7633587786vw;
    background: #333;
  }
  #header .header-wrapper .hamburger.active span:nth-child(1) {
    transform: rotate(45deg) translate(1.7811704835vw, 1.7811704835vw);
    background: #fff;
  }
  #header .header-wrapper .hamburger.active span:nth-child(2) {
    opacity: 0;
  }
  #header .header-wrapper .hamburger.active span:nth-child(3) {
    transform: rotate(-45deg) translate(1.5267175573vw, -1.5267175573vw);
    background: #fff;
  }
  #header .sp-nav {
    position: fixed;
    width: 100%;
    height: 101.7811704835vw;
    z-index: 999;
    top: 0;
    right: 0;
    display: none;
    padding: 6.8702290076vw 5.0890585242vw 9.6692111959vw;
    background: #5a5a5a;
  }
  #header .sp-nav ul {
    padding: 0;
    list-style: none;
  }
  #header .sp-nav ul li a {
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 700;
    font-size: 5.0890585242vw;
    line-height: 250%;
    /* またはvw-sp(50) */
    letter-spacing: 0.1em;
    color: #fff;
  }
  #header .sp-nav.active {
    display: block;
  }
  #footer {
    background-color: #f4f4f4;
  }
  #footer .footer-wrapper {
    width: 100%;
    height: 38.1679389313vw;
    display: flex;
    align-items: center;
    flex-flow: column;
    justify-content: space-between;
    margin: 0 auto;
    padding: 5.0890585242vw 0;
    gap: 0vw;
  }
  #footer .footer-wrapper > div {
    display: flex;
    align-items: center;
    flex-flow: column;
    gap: 4.5801526718vw;
  }
  #footer .footer-wrapper > div > a {
    width: 31.2977099237vw;
  }
  #footer .footer-wrapper > div ul {
    display: flex;
    gap: 4.834605598vw;
  }
  #footer .footer-wrapper > div ul li a {
    font-family: "Zen Kaku Gothic New";
    font-style: normal;
    font-weight: 400;
    font-size: 3.5623409669vw;
    line-height: 5.8524173028vw;
    color: #3b4043;
    display: flex;
    align-items: center;
    gap: 1.7811704835vw;
    letter-spacing: 0;
  }
  #footer .footer-wrapper > div ul li a:after {
    width: 3.5623409669vw;
    height: 3.3078880407vw;
    content: "";
    background-image: url(/other/lp/aromafresh/img/icon/icon_newtab.svg);
    background-repeat: no-repeat;
    background-size: contain;
  }
  #footer .footer-wrapper .copyright {
    font-family: "Zen Kaku Gothic New";
    font-style: normal;
    font-weight: 400;
    font-size: 3.0534351145vw;
    line-height: 4.3256997455vw;
    color: #3b4043;
  }
  #top .kv .kv-wrapper {
    position: relative;
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    flex-flow: column;
    justify-content: center;
    min-height: 196.6921119593vw;
    background-image: url(/other/lp/aromafresh/img/kv/kv-bg-sp.webp);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    aspect-ratio: 393/773;
  }
  #top .kv .kv-wrapper .kv-cta {
    position: fixed;
    width: 35.6234096692vw;
    height: 49.6183206107vw;
    z-index: 100;
    bottom: 0vw;
    right: -5.3435114504vw;
    background-image: url(/other/lp/aromafresh/img/kv/kv-cta.webp);
    background-repeat: no-repeat;
    background-size: contain;
    transition: 0.5s;
  }
  #top .kv .kv-wrapper .kv-cta.hidden-scroll {
    transform: translateX(30.534351145vw);
  }
  #top .kv .kv-wrapper .head {
    position: absolute;
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 700;
    font-size: 7.1246819338vw;
    line-height: 180%;
    letter-spacing: 0.15em;
    color: #333;
    top: 3.0534351145vw;
    left: calc(50% - 40.4580152672vw - 4.1984732824vw);
    text-shadow: 0 0 1.1075445293vw #fff, 0 0 4.430178117vw rgba(255, 255, 255, 0.7);
  }
  #top .kv .kv-wrapper .name {
    position: absolute;
    width: 89.8218829517vw;
    height: 13.4860050891vw;
    font-family: "Noto Sans JP";
    font-weight: 700;
    font-size: 4.5136641221vw;
    line-height: 150%;
    letter-spacing: 0.15em;
    color: #fff;
    top: 44.0203562341vw;
    left: 4.5801526718vw;
    display: flex;
    align-items: center;
    padding-left: 6.106870229vw;
    background-image: url(/other/lp/aromafresh/img/kv/kv-label-bg-sp.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  #top .kv .kv-wrapper h1 {
    position: absolute;
    width: auto;
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 700;
    font-size: 10.2824427481vw;
    line-height: 120%;
    letter-spacing: 0.1em;
    color: #333;
    top: 58.524173028vw;
    left: calc(50% - 44.7837150127vw);
  }
  #top .section.message .section-wrapper {
    position: relative;
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    flex-flow: column;
    min-height: 366.4122137405vw;
    padding-top: 96.1832061069vw;
    background-image: url(/other/lp/aromafresh/img/message-bg-sp.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
  }
  #top .section.message .section-wrapper .head1 {
    position: relative;
    font-family: "Zen Kurenaido";
    font-style: normal;
    font-weight: 400;
    font-size: 5.0890585242vw;
    line-height: 200%;
    text-align: center;
    letter-spacing: 0.15em;
    color: #51392d;
    margin-top: 7.3791348601vw;
  }
  #top .section.message .section-wrapper .text {
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 500;
    font-size: 3.8167938931vw;
    line-height: 220%;
    text-align: center;
    letter-spacing: 0.15em;
    color: #333;
  }
  #top .section.message .section-wrapper .head2 {
    font-family: "Zen Kurenaido";
    font-style: normal;
    font-weight: 400;
    font-size: 5.0890585242vw;
    line-height: 200%;
    text-align: center;
    letter-spacing: 0.15em;
    color: #51392d;
    margin-top: 8.6513994911vw;
  }
  #top .section.coffee-time .section-wrapper {
    position: relative;
    width: 100%;
    height: auto;
    height: 205.0890585242vw;
    display: flex;
    align-items: center;
    flex-flow: column;
    margin-top: 24.427480916vw;
    background-image: url(/other/lp/aromafresh/img/coffee-time/coffee-time-bg-sp.png);
    background-repeat: repeat;
    background-position: top, center;
    background-size: contain;
  }
  #top .section.coffee-time .section-wrapper .button-coffee-time .text {
    width: 71.7557251908vw;
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 500;
    font-size: 3.5623409669vw;
    line-height: 180%;
    text-align: center;
    color: #333;
    margin: 72.7735368957vw auto 58.0152671756vw;
  }
  #top .section.coffee-time .section-wrapper .button-coffee-time p.open-modal {
    width: 24.9363867684vw;
    width: 50.8905852417vw;
    height: 6.6157760814vw;
    height: 12.7226463104vw;
    font-family: "Noto Sans JP";
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 700;
    font-size: 3.8167938931vw;
    line-height: 170%;
    text-align: center;
    text-align: center;
    letter-spacing: 0.1em;
    letter-spacing: 0.1em;
    color: #fff;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    border-radius: 1.272264631vw;
    background: #542c09;
  }
  #top .section.feature .section-wrapper {
    position: relative;
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    flex-flow: column;
    min-height: 1226.4631043257vw;
    margin-top: -26.2086513995vw;
    background-image: url(/other/lp/aromafresh/img/feature/feature-bg-sp.webp);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    aspect-ratio: 1440/3650;
  }
  #top .section.feature .section-wrapper .section-head {
    width: 89.058524173vw;
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 700;
    font-size: 7.6335877863vw;
    line-height: 150%;
    text-align: center;
    color: #fff;
    display: flex;
    align-items: center;
    flex-flow: column;
    justify-content: center;
    margin-top: 60.8142493639vw;
  }
  #top .section.feature .section-wrapper .section-head span {
    font-family: "Homemade Apple";
    font-style: normal;
    font-weight: 400;
    font-size: 6.3613231552vw;
    line-height: 200%;
    text-align: center;
    letter-spacing: 0;
    color: #fff;
  }
  #top .section.feature .section-wrapper .section-contents {
    width: 89.8218829517vw;
    margin: 8.9058524173vw auto 0;
    margin-top: 9.4147582697vw;
    padding: 0 5.0890585242vw;
    border-radius: 2.5445292621vw;
    background: rgba(255, 255, 255, 0.8);
  }
  #top .section.feature .section-wrapper .section-contents .feature-list .item {
    display: flex;
    flex-flow: column;
    justify-content: center;
    margin-top: 7.6335877863vw;
    gap: 7.6335877863vw;
  }
  #top .section.feature .section-wrapper .section-contents .feature-list .item:first-of-type {
    margin-top: 0;
  }
  #top .section.feature .section-wrapper .section-contents .feature-list .item > div {
    padding-top: 5.0890585242vw;
  }
  #top .section.feature .section-wrapper .section-contents .feature-list .item > div .item-no {
    font-family: "Barlow";
    font-style: normal;
    font-weight: 700;
    font-size: 6.3613231552vw;
    line-height: 200%;
    color: #542c09;
    display: flex;
    align-items: center;
    gap: 3.0534351145vw;
  }
  #top .section.feature .section-wrapper .section-contents .feature-list .item > div .item-no:before {
    width: 7.6335877863vw;
    height: 6.8702290076vw;
    content: "";
    background-image: url(/other/lp/aromafresh/img/icon/icon-coffee-beans.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  #top .section.feature .section-wrapper .section-contents .feature-list .item > div .item-head {
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 700;
    font-size: 6.3613231552vw;
    line-height: 150%;
    color: #333;
    margin-top: 1.5267175573vw;
  }
  #top .section.feature .section-wrapper .section-contents .feature-list .item > div .item-content {
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 500;
    font-size: 4.0712468193vw;
    line-height: 170%;
    color: #333;
    margin-top: 4.0712468193vw;
  }
  #top .section.feature .section-wrapper .section-contents .feature-list .item figure {
    display: flex;
    width: 100%;
    height: 100%;
    border: 0.5089058524vw solid #542C09;
    border-radius: 2.5445292621vw;
  }
  #top .section.feature .section-wrapper .section-contents .section-head-middle {
    position: relative;
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 700;
    font-size: 6.3613231552vw;
    line-height: 150%;
    text-align: center;
    letter-spacing: 0.1em;
    color: #3e89b3;
    display: flex;
    align-items: center;
    flex-flow: column;
    justify-content: center;
    margin-top: 29.262086514vw;
    padding: 5.0890585242vw 0 5.0890585242vw;
    border-bottom: 0.2544529262vw solid #3e89b3;
  }
  #top .section.feature .section-wrapper .section-contents .section-head-middle:before {
    position: absolute;
    width: 79.6437659033vw;
    height: 25.1908396947vw;
    content: "";
    top: -22.1374045802vw;
    background-image: url(/other/lp/aromafresh/img/border-coffee_cup-sp.webp);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
  }
  #top .section.feature .section-wrapper .section-contents .how_to_make {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding-top: 39.4402035623vw;
    gap: 15.2671755725vw;
  }
  #top .section.feature .section-wrapper .section-contents .how_to_make::after {
    position: absolute;
    width: 80.6615776081vw;
    height: 17.048346056vw;
    content: "";
    top: 6.8702290076vw;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(/other/lp/aromafresh/img/howto/how_to_make-label-sp.webp);
    background-repeat: no-repeat;
    background-position: top;
    background-size: contain;
  }
  #top .section.feature .section-wrapper .section-contents .how_to_make .item {
    position: relative;
    background-repeat: no-repeat;
  }
  #top .section.feature .section-wrapper .section-contents .how_to_make .item::after {
    position: absolute;
    width: 19.8473282443vw;
    height: 18.0661577608vw;
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 700;
    font-size: 5.9956743003vw;
    line-height: 7.1246819338vw;
    color: #fff;
    content: "";
    top: -10.1781170483vw;
    right: -1.0178117048vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: top;
    background-size: contain;
  }
  #top .section.feature .section-wrapper .section-contents .how_to_make .item .step {
    position: absolute;
    width: 23.6641221374vw;
    height: 18.0661577608vw;
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 500;
    font-size: 4.0712468193vw;
    line-height: 4.834605598vw;
    color: #fff;
    z-index: 1;
    top: -11.7048346056vw;
    left: -1.5267175573vw;
    display: flex;
    justify-content: center;
    padding-top: 5.0890585242vw;
    gap: 0.7633587786vw;
    transform: translateX(-0.7633587786vw);
    background-image: url(/other/lp/aromafresh/img/howto/how_to_make-step-bg.webp);
    background-repeat: no-repeat;
    background-size: contain;
  }
  #top .section.feature .section-wrapper .section-contents .how_to_make .item .step span {
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 700;
    font-size: 6.6157760814vw;
    line-height: 7.8880407125vw;
    color: #fff;
    margin-top: -2.5445292621vw;
  }
  #top .section.feature .section-wrapper .section-contents .how_to_make .item .method {
    position: relative;
    width: 81.4249363868vw;
    height: auto;
    font-size: 4.0712468193vw;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8.3969465649vw 5.0890585242vw;
    background-repeat: no-repeat;
    background-size: contain;
  }
  #top .section.feature .section-wrapper .section-contents .how_to_make .item:nth-of-type(1):after {
    background-image: url(/other/lp/aromafresh/img/icon/icon-how_to_make-beans.svg);
  }
  #top .section.feature .section-wrapper .section-contents .how_to_make .item:nth-of-type(1) .method {
    background-image: url(/other/lp/aromafresh/img/howto/how_to_make-method-bg-01-sp.webp);
  }
  #top .section.feature .section-wrapper .section-contents .how_to_make .item:nth-of-type(2):after {
    top: -7.6335877863vw;
    right: 5.5979643766vw;
    background-image: url(/other/lp/aromafresh/img/icon/icon-how_to_make-ice.svg);
  }
  #top .section.feature .section-wrapper .section-contents .how_to_make .item:nth-of-type(2) .method {
    background-image: url(/other/lp/aromafresh/img/howto/how_to_make-method-bg-02-sp.webp);
  }
  #top .section.feature .section-wrapper .section-contents .how_to_make .item:nth-of-type(3):after {
    width: 20.6106870229vw;
    height: 19.5928753181vw;
    top: -14.2493638677vw;
    right: 1.5267175573vw;
    background-image: url(/other/lp/aromafresh/img/icon/icon-how_to_make-pot.svg);
  }
  #top .section.feature .section-wrapper .section-contents .how_to_make .item:nth-of-type(3) .method {
    background-image: url(/other/lp/aromafresh/img/howto/how_to_make-method-bg-03-sp.webp);
  }
  #top .section.feature .section-wrapper .section-contents .how_to_make .item {
    transform: translateY(-5.0890585242vw);
  }
  #top .section.feature .section-wrapper .section-contents .how_to_make .item:nth-of-type(4):after {
    width: 19.0839694656vw;
    height: 34.8600508906vw;
    top: -7.6335877863vw;
    right: -2.2900763359vw;
    background-image: url(/other/lp/aromafresh/img/icon/icon-how_to_make-ice_coffee.svg);
  }
  #top .section.feature .section-wrapper .section-contents .how_to_make .item:nth-of-type(4) .method {
    padding: 12.7226463104vw 20.3562340967vw 4.834605598vw 3.3078880407vw;
    transform: translate(2.0356234097vw, -3.8167938931vw);
    background-image: url(/other/lp/aromafresh/img/howto/how_to_make-method-bg-04-sp.webp);
  }
  #top .section.feature .section-wrapper .section-contents .how_to_make .item:nth-of-type(4) .step {
    top: -10.1781170483vw;
    left: -2.0356234097vw;
  }
  #top .section.feature .section-wrapper .section-contents small {
    transform: translateY(-15px);
    display: block;
    font-size: 14px;
    margin: 0 auto 0px;
    font-size: 10px;
    text-align: center;
  }
  #top .section.feature .section-wrapper .charm {
    position: relative;
    width: 89.8218829517vw;
    display: flex;
    flex-flow: column;
    margin-top: 13.7404580153vw;
    padding: 8.9058524173vw 4.834605598vw 6.8702290076vw;
    gap: 6.106870229vw;
    border-radius: 2.5445292621vw;
    background-color: #fff;
  }
  #top .section.feature .section-wrapper .charm:after {
    position: absolute;
    width: 0;
    height: 0;
    content: "";
    top: -5.0890585242vw;
    left: 50%;
    display: block;
    margin: 0 auto;
    transform: translateX(-50%);
    border-right: 2.5445292621vw solid transparent;
    border-bottom: 5.0890585242vw solid #fff;
    border-left: 2.5445292621vw solid transparent;
  }
  #top .section.feature .section-wrapper .charm .head {
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 700;
    font-size: 6.3613231552vw;
    line-height: 150%;
    /* またはvw-sp(36) */
    text-align: center;
    letter-spacing: 0.1em;
    color: #0876B4;
  }
  #top .section.feature .section-wrapper .charm .contents {
    display: flex;
    flex-flow: column;
    gap: 7.1246819338vw;
  }
  #top .section.feature .section-wrapper .charm .contents .item {
    display: flex;
    flex-flow: column;
  }
  #top .section.feature .section-wrapper .charm .contents .item img {
    position: absolute;
    width: 38.1679389313vw;
    height: 26.4631043257vw;
    transform: translateY(0.7633587786vw);
  }
  #top .section.feature .section-wrapper .charm .contents .item > div {
    display: flex;
    align-items: start;
    flex-flow: column;
  }
  #top .section.feature .section-wrapper .charm .contents .item > div .head {
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 700;
    font-size: 5.0890585242vw;
    line-height: 170%;
    text-align: left;
    letter-spacing: 0;
    color: #542c09;
    margin-top: 0;
    padding: 1.272264631vw 0 2.5445292621vw 43.2569974555vw;
  }
  #top .section.feature .section-wrapper .charm .contents .item > div .content {
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 500;
    font-size: 3.5623409669vw;
    line-height: 150%;
    color: #333;
    margin-top: 3.0534351145vw;
  }
  #top .section.feature .section-wrapper .charm .contents hr {
    height: 0.2544529262vw;
    background: #000;
  }
  #top .section.banner .section-wrapper {
    margin-top: -17.8117048346vw;
    background-image: url(/other/lp/aromafresh/img/banner-bg.webp);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 157.7608142494vw;
  }
  #top .section.banner .section-wrapper p {
    height: 55.4707379135vw;
    font-family: "Barlow Semi Condensed";
    font-style: normal;
    font-weight: 700;
    font-size: 11.6071501272vw;
    line-height: 80%;
    text-align: center;
    color: #fff;
    display: flex;
    align-items: end;
    justify-content: center;
    -moz-text-align-last: justify;
    text-align-last: justify;
    mix-blend-mode: soft-light;
  }
  #top .section.chart .section-wrapper {
    padding-top: 12.9770992366vw;
    background: url(/other/lp/aromafresh/img/chart/chart-bg-sp.webp);
    background-repeat: no-repeat;
    background-size: cover;
  }
  #top .section.chart .section-wrapper .head {
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 700;
    font-size: 7.6335877863vw;
    line-height: 150%;
    text-align: center;
    letter-spacing: 0.1em;
    color: #7d4c27;
    display: flex;
    flex-flow: column;
  }
  #top .section.chart .section-wrapper .head span {
    font-family: "Homemade Apple";
    font-style: normal;
    font-weight: 400;
    font-size: 6.3613231552vw;
    line-height: 200%;
    text-align: center;
    letter-spacing: 0;
    color: #333;
  }
  #top .section.chart .section-wrapper .contents {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
    margin-top: 15.2671755725vw;
    gap: 12.7226463104vw 10.1781170483vw;
  }
  #top .section.chart .section-wrapper .contents .item {
    width: 89.8218829517vw;
    padding-top: 6.106870229vw;
    padding-bottom: 6.6157760814vw;
    border-radius: 2.5445292621vw;
  }
  #top .section.chart .section-wrapper .contents .item:nth-of-type(1) {
    background-color: #508934;
  }
  #top .section.chart .section-wrapper .contents .item:nth-of-type(2) {
    background-color: #c5661a;
  }
  #top .section.chart .section-wrapper .contents .item:nth-of-type(3) {
    background-color: #ae0021;
  }
  #top .section.chart .section-wrapper .contents .item:nth-of-type(4) {
    background-color: #b1853a;
  }
  #top .section.chart .section-wrapper .contents .item:nth-of-type(4) .product > div {
    margin-left: 33.0788804071vw;
  }
  #top .section.chart .section-wrapper .contents .item:nth-of-type(4) .product > div .text {
    width: 48.3460559796vw;
  }
  #top .section.chart .section-wrapper .contents .item .product {
    position: relative;
    display: flex;
  }
  #top .section.chart .section-wrapper .contents .item .product img {
    position: absolute;
    width: auto;
    height: 54.1984732824vw;
    top: -16.5394402036vw;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
  }
  #top .section.chart .section-wrapper .contents .item .product > div {
    margin-left: 38.1679389313vw;
  }
  #top .section.chart .section-wrapper .contents .item .product > div .name {
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 700;
    font-size: 4.0712468193vw;
    line-height: 150%;
    letter-spacing: 0.1272264631vw;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 4.0712468193vw;
  }
  #top .section.chart .section-wrapper .contents .item .product > div .name span {
    width: 9.4147582697vw;
    height: 5.0890585242vw;
    font-family: "Barlow Semi Condensed";
    font-style: normal;
    font-weight: 700;
    font-size: 3.0534351145vw;
    line-height: 170%;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0.2544529262vw solid #333;
    border-radius: 1.0178117048vw;
    background-color: #fff;
  }
  #top .section.chart .section-wrapper .contents .item .product > div .text {
    width: 45.8015267176vw;
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 400;
    font-size: 3.0534351145vw;
    line-height: 170%;
    letter-spacing: 0.1em;
    color: #fff;
    margin-top: 0.5089058524vw;
  }
  #top .section.chart .section-wrapper .contents .item .product > div .opinion {
    font-family: "Zen Kurenaido";
    font-style: normal;
    font-weight: 400;
    font-size: 3.0534351145vw;
    line-height: 150%;
    color: #fff;
    display: flex;
    align-items: center;
    margin-top: 4.3256997455vw;
    gap: 2.5445292621vw;
  }
  #top .section.chart .section-wrapper .contents .item .product > div .opinion:before {
    width: 12.213740458vw;
    height: 12.213740458vw;
    content: "";
    min-width: 12.213740458vw;
    min-height: 12.213740458vw;
    background-image: url(/other/lp/aromafresh/img/icon/icon-reviewer.webp);
    background-size: contain;
  }
  #top .section.chart .section-wrapper .contents .item .bar {
    display: flex;
    flex-flow: column;
    margin-top: 7.1246819338vw;
    gap: 4.0712468193vw;
  }
  #top .section.chart .section-wrapper .contents .item .bar > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 6.8702290076vw;
    gap: 3.5623409669vw;
  }
  #top .section.chart .section-wrapper .contents .item .bar > div > p {
    width: 16.0305343511vw;
    height: 5.8524173028vw;
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 700;
    font-size: 3.0534351145vw;
    line-height: 170%;
    text-align: center;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.272264631vw;
    background-color: #fff;
  }
  #top .section.chart .section-wrapper .contents .item .bar > div .strength-bar {
    position: relative;
    width: 93.6386768448vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  #top .section.chart .section-wrapper .contents .item .bar > div .strength-bar:before {
    position: absolute;
    width: 100%;
    height: 0.5089058524vw;
    content: "";
    background-color: #fff;
  }
  #top .section.chart .section-wrapper .contents .item .bar > div .strength-bar .step {
    position: relative;
    width: 1.5267175573vw;
    height: 1.5267175573vw;
    z-index: 1;
    border-radius: 50%;
    background: #fff;
  }
  #top .section.chart .section-wrapper .contents .item .bar > div .strength-bar .step span {
    font-size: 3.0534351145vw;
    text-align: center;
    display: block;
    margin-top: 6.3613231552vw;
  }
  #top .section.chart .section-wrapper .contents .item .bar > div .strength-bar .step.active {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fe0;
  }
  #top .section.chart .section-wrapper .contents .item .bar > div .strength-bar .step.active:after {
    position: absolute;
    width: 3.0534351145vw;
    height: 3.0534351145vw;
    content: "";
    border: 0.2544529262vw solid #fe0;
    border-radius: 50%;
  }
  #top .section.chart .section-wrapper .contents .item .bar > div .strength-bar .step.mild:before {
    position: absolute;
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 500;
    font-size: 2.5445292621vw;
    line-height: 170%;
    text-align: right;
    color: #fff;
    color: #fff;
    content: "MILD";
    top: 2.7989821883vw;
    left: -0.7633587786vw;
  }
  #top .section.chart .section-wrapper .contents .item .bar > div .strength-bar .step.strong:before {
    position: absolute;
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 500;
    font-size: 2.5445292621vw;
    line-height: 170%;
    text-align: right;
    color: #fff;
    color: #fff;
    content: "STRONG";
    top: 2.7989821883vw;
    right: -0.2544529262vw;
  }
  #top .section.day .section-wrapper {
    padding-top: 12.7226463104vw;
    background: linear-gradient(to right, #fff, #f4edd5);
  }
  #top .section.day .section-wrapper .head {
    width: 86.5139949109vw;
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 700;
    font-size: 7.1246819338vw;
    line-height: 180%;
    text-align: center;
    letter-spacing: 0.6361323155vw;
    color: #7d4c27;
    display: flex;
    flex-flow: column;
    justify-content: center;
    margin: 0 auto;
    gap: 0;
  }
  #top .section.day .section-wrapper .head span {
    font-family: "Homemade Apple";
    font-style: normal;
    font-weight: 400;
    font-size: 6.3613231552vw;
    line-height: 200%;
    text-align: center;
    letter-spacing: 0;
    color: #333;
    /* width: vw-sp(393); */
  }
  #top .section.day .section-wrapper .content {
    padding-bottom: 12.7226463104vw;
  }
  #top .section.day .section-wrapper .content .slider {
    display: flex;
    margin-top: 5.5979643766vw;
  }
  #top .section.day .section-wrapper .content .slider .item {
    height: auto;
    margin: 0 3.8167938931vw;
    transform: translate(-1.272264631vw, 0vw);
  }
  #top .section.day .section-wrapper .content .slider .slick-track {
    height: 40vw;
  }
  #top .section.day .section-wrapper .content .slider .slick-track .slick-slide {
    transition: 0.5s;
  }
  #top .section.day .section-wrapper .content .slider .slick-track .slick-current + .slick-active {
    transform: translateY(12.7226463104vw);
  }
  #top .section.day .section-wrapper .content .controls {
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    align-items: center;
    flex-flow: column;
    justify-content: center;
    margin: 9.4147582697vw auto 0;
    /* margin-top: vw-sp(55); */
    gap: 6.3613231552vw;
    /* transform: translateX(12%); */
  }
  #top .section.day .section-wrapper .content .controls .progress {
    width: 67.4300254453vw;
    height: 0.7633587786vw;
    overflow: hidden;
    background: #d9d9d9;
  }
  #top .section.day .section-wrapper .content .controls .progress .progress-bar {
    width: 0;
    height: 100%;
    transition: width 0.3s;
    background: #32afea;
  }
  #top .section.day .section-wrapper .content .controls .button-arrows {
    display: flex;
    align-items: center;
    gap: 4.3256997455vw;
  }
  #top .section.day .section-wrapper .content .controls .button-arrows .slick-arrow {
    width: 12.213740458vw;
    height: 12.213740458vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #32afea;
  }
  #top .section.day .section-wrapper .content .controls .button-arrows .slick-arrow span {
    width: 0;
    height: 0;
    border-top: 1.5267175573vw solid transparent;
    border-bottom: 1.5267175573vw solid transparent;
  }
  #top .section.day .section-wrapper .content .controls .button-arrows .slick-arrow.custom-prev span {
    border-right: 1.5267175573vw solid #fff;
  }
  #top .section.day .section-wrapper .content .controls .button-arrows .slick-arrow.custom-next span {
    border-left: 1.5267175573vw solid #fff;
  }
  #top .section.day .section-wrapper .content .controls .button-arrows .slick-arrow.slick-disabled {
    background-color: #d0d0d0;
  }
  #top .section.day .section-wrapper .content .controls .button-arrows > span {
    width: 0.2544529262vw;
    height: 9.1603053435vw;
    background-color: #333;
  }
  #top .section.price .section-wrapper {
    min-height: 577.6081424936vw;
    padding-top: 11.1959287532vw;
    padding-bottom: 12.7226463104vw;
    background-image: url(/other/lp/aromafresh/img/price/price-bg-sp.webp);
    background-repeat: no-repeat;
    background-size: cover;
  }
  #top .section.price .section-wrapper > .head {
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 700;
    font-size: 7.6335877863vw;
    line-height: 170%;
    text-align: center;
    text-align: center;
    letter-spacing: 0;
    color: #7d4c27;
    display: flex;
    flex-flow: column;
  }
  #top .section.price .section-wrapper > .head span {
    font-family: "Homemade Apple";
    font-style: normal;
    font-weight: 400;
    font-size: 6.3613231552vw;
    line-height: 200%;
    text-align: center;
    letter-spacing: 0;
    color: #333;
  }
  #top .section.price .section-wrapper > .content > .product {
    position: relative;
    width: 89.8218829517vw;
    margin: 6.106870229vw auto 19.0839694656vw;
  }
  #top .section.price .section-wrapper > .content > .product:after {
    display: block;
    position: relative;
    width: 52.417302799vw;
    height: 82.4427480916vw;
    content: "";
    top: 6.8702290076vw;
    background-image: url(/other/lp/aromafresh/img/price/price-product.webp);
    background-repeat: no-repeat;
    background-size: contain;
    left: 50%;
    transform: translateX(-50%);
  }
  #top .section.price .section-wrapper > .content > .product .product-head {
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 500;
    font-size: 4.0712468193vw;
    line-height: 170%;
    text-align: center;
    color: #333;
  }
  #top .section.price .section-wrapper > .content > .product .product-name {
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 700;
    font-size: 7.1246819338vw;
    line-height: 170%;
    /* ボックスの高さと同一、またはvw-sp(68) */
    letter-spacing: 0.1em;
    color: #333;
    margin: 0 auto;
    margin-top: 2.7989821883vw;
    text-align: center;
  }
  #top .section.price .section-wrapper > .content > .product .product-price {
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 500;
    font-size: 4.0712468193vw;
    line-height: 170%;
    color: #333;
    display: flex;
    align-items: baseline;
    margin-top: 4.0712468193vw;
    padding: 0.7633587786vw 0 0 3.8167938931vw;
    gap: 5.3435114504vw;
  }
  #top .section.price .section-wrapper > .content > .product .product-price span {
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 500;
    font-size: 4.0712468193vw;
    line-height: 170%;
    color: #333;
  }
  #top .section.price .section-wrapper > .content > .product .product-price span span {
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    font-size: 8.1424936387vw;
    line-height: 200%;
    color: #333;
  }
  #top .section.price .section-wrapper > .content > .product .product-detail {
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 400;
    font-size: 3.0534351145vw;
    line-height: 170%;
    color: #333;
    margin-top: 3.0534351145vw;
    padding-top: 6.106870229vw;
    border-top: 0.2544529262vw solid #333;
  }
  #top .section.price .section-wrapper > .content > .productList {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    gap: 12.7226463104vw;
    width: 89.8218829517vw;
    flex-flow: column;
  }
  #top .section.price .section-wrapper > .content > .productList .item {
    width: 100%;
    height: 108.1424936387vw;
    display: flex;
    padding: 4.0712468193vw;
    flex-flow: column;
    gap: 0;
    border-radius: 2.5445292621vw;
    align-items: center;
  }
  #top .section.price .section-wrapper > .content > .productList .item:nth-of-type(1) {
    background-color: #508934;
  }
  #top .section.price .section-wrapper > .content > .productList .item:nth-of-type(2) {
    background-color: #c5661a;
  }
  #top .section.price .section-wrapper > .content > .productList .item:nth-of-type(3) {
    background-color: #ae0021;
  }
  #top .section.price .section-wrapper > .content > .productList .item:nth-of-type(4) {
    background-color: #b1853a;
    position: relative;
  }
  #top .section.price .section-wrapper > .content > .productList .item:nth-of-type(4) img {
    height: 58.524173028vw;
    position: absolute;
    top: -4.3256997455vw;
  }
  #top .section.price .section-wrapper > .content > .productList .item:nth-of-type(4) > div {
    padding-top: 50.8905852417vw;
  }
  #top .section.price .section-wrapper > .content > .productList .item:nth-of-type(4) .name {
    line-height: 120%;
    margin-top: 4.0712468193vw;
  }
  #top .section.price .section-wrapper > .content > .productList .item img {
    width: 41.9847328244vw;
    height: 59.5419847328vw;
  }
  #top .section.price .section-wrapper > .content > .productList .item > div {
    width: 100%;
    padding: 0 3.5623409669vw;
  }
  #top .section.price .section-wrapper > .content > .productList .item > div > .name {
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 700;
    font-size: 6.106870229vw;
    line-height: 170%;
    color: #fff;
    letter-spacing: 0.2544529262vw;
    margin-top: 1.272264631vw;
  }
  #top .section.price .section-wrapper > .content > .productList .item > div > .text {
    width: 53.4351145038vw;
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 500;
    font-size: 3.5623409669vw;
    line-height: 170%;
    /* またはvw-sp(24) */
    color: #fff;
    margin-top: 1.272264631vw;
  }
  #top .section.price .section-wrapper > .content > .productList .item > div > div {
    display: flex;
    align-items: center;
    margin-top: 2.0356234097vw;
    gap: 6.6157760814vw;
  }
  #top .section.price .section-wrapper > .content > .productList .item > div > div > .weight {
    width: 23.6641221374vw;
    height: 7.6335877863vw;
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 500;
    font-size: 3.5623409669vw;
    line-height: 170%;
    /* ボックスの高さと同一、またはvw-sp(24) */
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0.2544529262vw solid #333;
    border-radius: 1.0178117048vw;
    background-color: #fff;
  }
  #top .section.price .section-wrapper > .content > .productList .item > div > div .price {
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    font-size: 6.106870229vw;
    line-height: 200%;
    /* ボックスの高さと同一、またはvw-sp(48) */
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #top .section.price .section-wrapper > .content > .productList .item > div > div .price span.pre {
    width: 6.106870229vw;
    height: 8.1424936387vw;
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 500;
    font-size: 3.0534351145vw;
    line-height: 130%;
    color: #fff;
    display: block;
    margin-right: 2.0356234097vw;
  }
  #top .section.price .section-wrapper > .content > .productList .item > div > div .price span.tax {
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 500;
    font-size: 3.0534351145vw;
    line-height: 170%;
    /* またはvw-sp(20) */
    color: #fff;
  }
  #top .section.price .section-wrapper > .content > .productList .item > div > div .price span.tax span {
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    font-size: 4.0712468193vw;
    line-height: 200%;
    color: #fff;
  }
  #top .section.cost .section-wrapper {
    position: relative;
    min-height: 310.1781170483vw;
    padding-top: 12.9770992366vw;
    background-image: url(/other/lp/aromafresh/img/cost/cost-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
  }
  #top .section.cost .section-wrapper > .head {
    display: flex;
    flex-flow: column;
    text-align: center;
    text-align: center;
    letter-spacing: 0.1em;
    color: #7d4c27;
    font-family: "Noto Sans JP";
    font-size: 8.3969465649vw;
    font-weight: 700;
    font-style: normal;
    line-height: 170%;
  }
  #top .section.cost .section-wrapper > .head > span:first-of-type {
    text-align: center;
    margin-bottom: 1.272264631vw;
    letter-spacing: 0;
    color: #fff;
    font-family: "Homemade Apple";
    font-size: 6.3613231552vw;
    font-weight: 400;
    font-style: normal;
    line-height: 200%;
  }
  #top .section.cost .section-wrapper > .head span.text {
    width: 90.0763358779vw;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: left;
    filter: drop-shadow(0.8102137405vw 0.8102137405vw 0vw rgba(0, 0, 0, 0.25));
    border-left: 0.2544529262vw solid #7d4c27;
    border-bottom: 0.2544529262vw solid #7d4c27;
  }
  #top .section.cost .section-wrapper > .head span.text span {
    border-top: 0.2544529262vw solid #7d4c27;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 11.2366412214vw;
    height: 11.2366412214vw;
    text-align: center;
    letter-spacing: 0.1em;
    color: #7d4c27;
    border-right: 0.2544529262vw solid #7d4c27;
    background: #fff;
    font-family: "Noto Sans JP";
    font-size: 8.0025445293vw;
    font-weight: 700;
    font-style: normal;
    line-height: 170%;
  }
  #top .section.cost .section-wrapper > .head span.text span.accent {
    background: #fff67a;
  }
  #top .section.cost .section-wrapper > span {
    display: block;
    margin: 0 auto;
    margin-top: 5.8524173028vw;
    text-align: center;
    color: #fff;
    font-family: "Noto Sans JP";
    font-size: 4.0712468193vw;
    font-weight: 500;
    font-style: normal;
    line-height: 150%;
    width: 89.058524173vw;
    letter-spacing: 0.3816793893vw;
  }
  #top .section.cost .section-wrapper .content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0vw;
    flex-flow: column;
    width: 89.8218829517vw;
    margin: 1.0178117048vw auto;
  }
  #top .section.cost .section-wrapper .content .case {
    width: 89.8218829517vw;
    height: 85.2417302799vw;
    margin-top: 6.3613231552vw;
    padding: 5.3435114504vw 5.8524173028vw 5.8524173028vw;
    border-radius: 1.7811704835vw;
    background: #fff;
  }
  #top .section.cost .section-wrapper .content .case:first-of-type .case-head {
    color: #4CC1FF;
  }
  #top .section.cost .section-wrapper .content .case:first-of-type .th {
    background-color: #D4F0FE;
  }
  #top .section.cost .section-wrapper .content .case:last-of-type .case-head {
    color: #42D56C;
  }
  #top .section.cost .section-wrapper .content .case:last-of-type .th {
    background-color: #C8F5D5;
  }
  #top .section.cost .section-wrapper .content .case-head {
    text-align: center;
    letter-spacing: 0.15em;
    font-family: "Noto Sans JP";
    font-size: 4.0712468193vw;
    font-weight: 700;
    font-style: normal;
    line-height: 170%;
  }
  #top .section.cost .section-wrapper .content .case-conversion {
    margin-top: 0vw;
    text-align: center;
    letter-spacing: 0.1em;
    color: #333;
    font-family: "Noto Sans JP";
    font-size: 3.0534351145vw;
    font-weight: 500;
    font-style: normal;
    line-height: 170%;
  }
  #top .section.cost .section-wrapper .content .case .table {
    margin: 3.0534351145vw auto 0;
    border-top: 0.2544529262vw solid #333;
    border-left: 0.2544529262vw solid #333;
  }
  #top .section.cost .section-wrapper .content .case .table .tr {
    display: flex;
    height: 14.7582697201vw;
  }
  #top .section.cost .section-wrapper .content .case .table .tr .th {
    display: flex;
    align-items: center;
    flex-flow: column;
    justify-content: center;
    width: 57.2519083969vw;
    text-align: center;
    color: #333;
    border-right: 0.2544529262vw solid #333;
    border-bottom: 0.2544529262vw solid #333;
    font-family: "Noto Sans JP";
    font-size: 3.5623409669vw;
    font-weight: 700;
    font-style: normal;
    line-height: 120%;
  }
  #top .section.cost .section-wrapper .content .case .table .tr .th span:nth-last-of-type(2) {
    /* またはvw-sp(20) */
    display: contents;
    text-align: center;
    color: #333;
    /* アロマフレッシュサーモ（本体） */
    font-family: "Noto Sans JP";
    font-size: 3.0534351145vw;
    font-weight: 700;
    font-style: normal;
    line-height: 170%;
  }
  #top .section.cost .section-wrapper .content .case .table .tr .th span:last-of-type {
    text-align: center;
    color: #484848;
    font-family: "Noto Sans JP";
    font-size: 3.0534351145vw;
    font-weight: 500;
    font-style: normal;
    line-height: 170%;
  }
  #top .section.cost .section-wrapper .content .case .table .tr .td {
    display: flex;
    align-items: end;
    justify-content: center;
    width: calc(100% - 57.2519083969vw);
    text-align: right;
    color: #333;
    border-right: 0.2544529262vw solid #333;
    border-bottom: 0.2544529262vw solid #333;
    font-family: "Noto Sans JP";
    font-size: 4.0712468193vw;
    font-weight: 700;
    font-style: normal;
    line-height: 100%;
    flex-flow: column;
    gap: 1.0178117048vw;
    padding: 0 1.5267175573vw;
  }
  #top .section.cost .section-wrapper .content .case .table .tr .td > span {
    width: -moz-fit-content;
    width: fit-content;
    color: #333;
    font-family: "Noto Sans JP";
    font-size: 2.5445292621vw;
    letter-spacing: -0.1272264631vw;
    font-weight: 500;
    font-style: normal;
    line-height: 120%;
    text-align: left;
  }
  #top .section.cost .section-wrapper .content .case .table .tr .td > span:has(small) {
    margin-right: 0;
    align-items: baseline;
    display: flex;
    flex-flow: column;
    width: 100%;
  }
  #top .section.cost .section-wrapper .content .case .table .tr .td > span:has(small) small {
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 500;
    font-size: 2.5445292621vw;
    line-height: 120%;
    text-align: center;
    color: #484848;
  }
  #top .section.cost .section-wrapper .content .case .table .tr .td > span:last-of-type {
    color: #333;
    font-family: "Noto Sans JP";
    font-size: 4.0712468193vw;
    font-weight: 700;
    font-style: normal;
    line-height: 100%;
  }
  #top .section.cost .section-wrapper .content .case .table .tr .td > span:last-of-type span {
    text-align: right;
    color: #333;
    font-family: "Noto Sans JP";
    font-size: 3.0534351145vw;
    font-weight: 700;
    font-style: normal;
    line-height: 100%;
    display: contents;
  }
  #top .section.cost .section-wrapper .simulation {
    margin-top: 7.6335877863vw;
  }
  #top .section.cost .section-wrapper .simulation p {
    /* ボックスの高さと同一、またはvw-sp(24) */
    text-align: center;
    letter-spacing: 0.1em;
    color: #fff;
    font-family: "Noto Sans JP";
    font-size: 4.0712468193vw;
    font-weight: 500;
    font-style: normal;
    line-height: 150%;
    width: 81.4249363868vw;
    margin: 0 auto;
  }
  #top .section.cost .section-wrapper .simulation a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 89.8218829517vw;
    height: 20.3562340967vw;
    margin: 5.0890585242vw auto;
    text-align: center;
    color: #7d4c27;
    border-radius: 1.272264631vw;
    background: #fff67a;
    font-family: "Noto Sans JP";
    font-size: 5.0890585242vw;
    font-weight: 700;
    font-style: normal;
    line-height: 170%;
  }
  #top .section.about .section-wrapper {
    min-height: 299.7455470738vw;
    padding-top: 13.2315521628vw;
    background-image: url(/other/lp/aromafresh/img/about/about-bg.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-bottom: 12.7226463104vw;
  }
  #top .section.about .section-wrapper > .head {
    display: flex;
    flex-flow: column;
    text-align: center;
    font-family: "Noto Sans JP";
    font-size: 7.6335877863vw;
    font-weight: 700;
    font-style: normal;
    line-height: 170%;
  }
  #top .section.about .section-wrapper > .head span {
    text-align: center;
    letter-spacing: 0;
    color: #333;
    font-family: "Homemade Apple";
    font-size: 6.3613231552vw;
    font-weight: 400;
    font-style: normal;
    line-height: 200%;
  }
  #top .section.about .section-wrapper > span {
    display: block;
    margin: 5.8524173028vw auto 12.7226463104vw;
    text-align: center;
    color: #333;
    font-family: "Noto Sans JP";
    font-size: 4.0712468193vw;
    font-weight: 500;
    font-style: normal;
    line-height: 170%;
    width: 89.8218829517vw;
  }
  #top .section.about .section-wrapper > .content {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    gap: 4.0712468193vw;
  }
  #top .section.about .section-wrapper > .content .step {
    display: flex;
    align-items: center;
    flex-flow: column;
    justify-content: center;
    width: 79.6437659033vw;
    height: 78.8804071247vw;
    padding: 6.3613231552vw 0 7.8880407125vw;
    opacity: 0.8;
    border-radius: 2.5445292621vw;
    background: #fff;
    box-shadow: 2.5445292621vw 2.5445292621vw 3.8167938931vw rgba(125, 76, 39, 0.15);
  }
  #top .section.about .section-wrapper > .content .step-head {
    width: calc(100% - 12.213740458vw);
    margin: 0 auto;
    /* STEP 1 */
    text-align: left;
    /* ボックスの高さと同一、またはvw-sp(36) */
    color: #7d4c27;
    font-family: "Noto Sans JP";
    font-size: 6.106870229vw;
    font-weight: 700;
    font-style: normal;
    line-height: 150%;
  }
  #top .section.about .section-wrapper > .content .step img {
    width: 75.572519084vw;
    height: 38.6768447837vw;
    margin: 4.3256997455vw 0 6.106870229vw;
  }
  #top .section.about .section-wrapper > .content .step-text {
    /* ボックスの高さと同一、またはvw-sp(24) */
    text-align: center;
    letter-spacing: 0.1em;
    color: #333;
    font-family: "Noto Sans JP";
    font-size: 4.0712468193vw;
    font-weight: 500;
    font-style: normal;
    line-height: 150%;
  }
  #top .section.about .section-wrapper > .content .step:nth-of-type(2) {
    background-color: #D1B68A;
    color: #7D4C27;
  }
  #top .section.about .section-wrapper > .content .step:nth-of-type(3) {
    background-color: #7D4C27;
    color: #fff;
  }
  #top .section.about .section-wrapper > .content .step:nth-of-type(3) p {
    color: #fff;
  }
  #top .section.about .section-wrapper > .content > span {
    width: 0;
    height: 0;
    transform: rotate(90deg);
    border-top: 4.5801526718vw solid transparent;
    border-bottom: 4.5801526718vw solid transparent;
    border-left: 3.0534351145vw solid #7d4c27;
  }
  #top .section.about .section-wrapper .button-contact {
    margin-top: 11.7048346056vw;
  }
  #top .section.faq .section-wrapper {
    padding-top: 12.7226463104vw;
    padding-bottom: 7.6335877863vw;
    background-image: url(/other/lp/aromafresh/img/faq-bg-sp.webp);
    background-repeat: no-repeat;
    background-size: cover;
  }
  #top .section.faq .section-wrapper > .head {
    display: flex;
    flex-flow: column;
    text-align: center;
    text-align: center;
    color: #7d4c27;
    font-family: "Noto Sans JP";
    font-size: 7.6335877863vw;
    font-weight: 700;
    font-style: normal;
    line-height: 170%;
  }
  #top .section.faq .section-wrapper > .head span {
    text-align: center;
    letter-spacing: 0;
    color: #333;
    font-family: "Homemade Apple";
    font-size: 6.3613231552vw;
    font-weight: 400;
    font-style: normal;
    line-height: 200%;
  }
  #top .section.faq .section-wrapper > .content {
    margin: 7.6335877863vw auto 0;
    width: 89.8218829517vw;
  }
  #top .section.faq .section-wrapper > .content .faq-item {
    width: 100%;
  }
  #top .section.faq .section-wrapper > .content .faq-item:last-of-type {
    border-bottom: 0.2544529262vw solid #333;
  }
  #top .section.faq .section-wrapper > .content .faq-item:first-of-type .faq-answer > div {
    align-items: self-end;
  }
  #top .section.faq .section-wrapper > .content .faq-item:first-of-type .faq-answer > div:before {
    transform: translateY(-1.272264631vw);
  }
  #top .section.faq .section-wrapper > .content .faq-question {
    position: relative;
    padding: 5.0890585242vw 11.4503816794vw 4.3256997455vw 0vw;
    gap: 4.0712468193vw;
    cursor: pointer;
    color: #333;
    border-top: 0.2544529262vw solid #333;
  }
  #top .section.faq .section-wrapper > .content .faq-question::before {
    content: "";
    position: absolute;
    top: 6.8702290076vw;
    right: 2.0356234097vw;
    width: 5.0890585242vw;
    height: 1.0178117048vw;
    background-color: #333;
  }
  #top .section.faq .section-wrapper > .content .faq-question::after {
    content: "";
    position: absolute;
    top: 6.8702290076vw;
    right: 2.0356234097vw;
    width: 5.0890585242vw;
    height: 1.0178117048vw;
    transition: 0.5s;
    transform: rotate(90deg);
    background-color: #333;
  }
  #top .section.faq .section-wrapper > .content .faq-question.is-active::after {
    transform: rotate(0deg);
  }
  #top .section.faq .section-wrapper > .content .faq-question div {
    display: flex;
    align-items: start;
    gap: 2.0356234097vw;
    font-family: "Noto Sans JP";
    font-size: 3.8167938931vw;
    font-weight: 700;
    font-style: normal;
    line-height: 4.0712468193vw;
    letter-spacing: 0.2544529262vw;
    line-height: 150%;
  }
  #top .section.faq .section-wrapper > .content .faq-question div:before {
    content: "Q";
    width: 6.106870229vw;
    height: 5.5979643766vw;
    color: #7d4c27;
    font-family: "Inter";
    font-size: 6.3613231552vw;
    font-weight: 900;
    font-style: normal;
    line-height: 1;
  }
  #top .section.faq .section-wrapper > .content .faq-answer {
    background: #fff;
    position: relative;
    display: none;
    align-items: center;
    padding: 5.0890585242vw 2.5445292621vw 5.0890585242vw 7.6335877863vw;
    gap: 4.0712468193vw;
    color: #333;
    border-top: 0.2544529262vw solid #333;
    /* 初期は非表示 */
    font-family: "Noto Sans JP";
    font-size: 4.0712468193vw;
    font-weight: 400;
    font-style: normal;
    line-height: 150%;
  }
  #top .section.faq .section-wrapper > .content .faq-answer div {
    display: block;
    font-family: "Noto Sans JP";
    font-size: 3.5623409669vw;
    font-weight: 400;
    font-style: normal;
    line-height: 150%;
  }
  #top .section.faq .section-wrapper > .content .faq-answer div:before {
    content: "A";
    width: 5.0890585242vw;
    height: 7.6335877863vw;
    color: #c83a3a;
    font-family: "Inter";
    font-size: 6.3613231552vw;
    font-weight: 900;
    font-style: normal;
    line-height: 9.1603053435vw;
    position: absolute;
    left: 0;
    top: 4.0712468193vw;
  }
  #top .section.faq .section-wrapper > .content .faq-answer div a {
    display: inline;
    text-decoration: underline;
  }
  #top .section.contact .section-wrapper {
    display: flex;
    align-items: center;
    flex-flow: column;
    justify-content: center;
    width: 100%;
    height: 83.9694656489vw;
    margin: 0 auto;
    background-image: url(/other/lp/aromafresh/img/contact/contact-bg-sp.webp);
    background-repeat: no-repeat;
    background-size: cover;
  }
  #top .section.contact .section-wrapper > p.is-sp {
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 700;
    font-size: 7.6335877863vw;
    line-height: 150%;
    /* またはvw-sp(45) */
    text-align: center;
    color: #fff;
    display: flex;
    flex-flow: column;
    gap: 2.0356234097vw;
  }
  #top .section.contact .section-wrapper > p.is-sp > span {
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 500;
    font-size: 5.5979643766vw;
    line-height: 150%;
    /* ボックスの高さと同一、またはvw-sp(33) */
    text-align: center;
    letter-spacing: 0.1em;
    color: #fff;
  }
  #top .section.contact .section-wrapper > a {
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 79.6437659033vw;
    height: 29.0076335878vw;
    margin: 0 auto;
    margin-top: 6.8702290076vw;
    text-align: center;
    color: #7d4c27;
    border-radius: 2.5445292621vw;
    background: #fff;
    font-family: "Noto Sans JP";
    font-size: 6.106870229vw;
    font-weight: 700;
    font-style: normal;
    line-height: 170%;
    padding: 4.5801526718vw 6.106870229vw 6.106870229vw;
  }
  #top .button-contact {
    width: 89.8218829517vw;
    height: 83.9694656489vw;
    margin: 0 auto;
    margin-top: 17.8117048346vw;
    padding: 6.8702290076vw 5.0890585242vw 5.0890585242vw;
    border-radius: 2.5445292621vw;
    background-image: url(/other/lp/aromafresh/img/contact/contact-bg-sp.webp);
    background-repeat: no-repeat;
    background-size: cover;
  }
  #top .button-contact > p {
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 700;
    font-size: 7.6335877863vw;
    line-height: 150%;
    /* またはvw-sp(45) */
    text-align: center;
    color: #fff;
    display: flex;
    flex-flow: column;
    gap: 2.0356234097vw;
  }
  #top .button-contact > p > span {
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 500;
    font-size: 5.5979643766vw;
    line-height: 150%;
    /* ボックスの高さと同一、またはvw-sp(33) */
    text-align: center;
    letter-spacing: 0.1em;
    color: #fff;
  }
  #top .button-contact > a {
    width: 100%;
    height: 29.0076335878vw;
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 700;
    font-size: 6.106870229vw;
    line-height: 170%;
    text-align: center;
    color: #7d4c27;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-top: 7.3791348601vw;
    padding: 0 5.5979643766vw;
    border-radius: 2.5445292621vw;
    background: #fff;
    filter: drop-shadow(0vw 1.7811704835vw 0vw rgba(0, 0, 0, 0.25));
  }
  #cost-simulation .kv .kv-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    flex-flow: column;
    justify-content: left;
    width: 100%;
    height: auto;
    min-height: 180.6615776081vw;
    background-image: url(/other/lp/aromafresh/img/kv/kv-bg-sp.webp);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    aspect-ratio: 1440/460;
  }
  #cost-simulation .kv .kv-wrapper .name {
    display: flex;
    align-items: center;
    width: 90.9669211196vw;
    height: 13.058524173vw;
    padding-left: 7.1246819338vw;
    transform: translate(0, 0vw);
    letter-spacing: 0.1em;
    color: #fff;
    background-image: url(/other/lp/aromafresh/img/cost-simulation/kv-label.webp);
    background-repeat: no-repeat;
    font-family: "Noto Sans JP";
    font-size: 4.6420356234vw;
    font-weight: 700;
    font-style: normal;
    line-height: 150%;
    /* top: vw-sp(-81); */
    position: relative;
    background-size: cover;
    margin-top: 6.6157760814vw;
  }
  #cost-simulation .kv .kv-wrapper h1 {
    display: flex;
    align-items: start;
    flex-flow: column;
    /* transform: translate(vw-sp(-250), vw-sp(-50)); */
    letter-spacing: 0.1em;
    color: #7d4c27;
    font-family: "Noto Sans JP";
    font-size: 10.1781170483vw;
    font-weight: 700;
    font-style: normal;
    line-height: 150%;
    margin: 4.834605598vw auto;
    width: -moz-fit-content;
    width: fit-content;
  }
  #cost-simulation .kv .kv-wrapper h1 span {
    letter-spacing: 0.1em;
    color: #333;
    font-family: "Noto Sans JP";
    font-size: 6.3613231552vw;
    font-weight: 500;
    font-style: normal;
    line-height: 150%;
  }
  #cost-simulation .cost-simulation .section-wrapper {
    margin: 11.4503816794vw 0 12.7226463104vw;
    padding: 0 5.0890585242vw;
  }
  #cost-simulation .cost-simulation .section-wrapper > .head {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 29.0076335878vw;
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 700;
    font-size: 4.5801526718vw;
    line-height: 150%;
    text-align: center;
    color: #FFFFFF;
    text-align: center;
    color: #fff;
    border: 0.2544529262vw solid #7d4c27;
    border-radius: 2.5445292621vw 2.5445292621vw 0 0;
    background: #7d4c27;
    font-family: "Noto Sans JP";
  }
  #cost-simulation .cost-simulation .section-wrapper > .contents {
    padding: 6.3613231552vw 5.0890585242vw;
    border: 0.2544529262vw solid #7d4c27;
    border-radius: 0 0 2.5445292621vw 2.5445292621vw;
    background: #fff;
  }
  #cost-simulation .cost-simulation .section-wrapper > .contents #coffeeForm {
    display: flex;
    flex-flow: column;
    gap: 12.7226463104vw;
  }
  #cost-simulation .cost-simulation .section-wrapper > .contents #coffeeForm > div .head {
    /* ボックスの高さと同一、またはvw-sp(38) */
    letter-spacing: 0.1em;
    color: #7d4c27;
    font-family: "Noto Sans JP";
    font-size: 5.0890585242vw;
    font-weight: 700;
    font-style: normal;
    line-height: 150%;
  }
  #cost-simulation .cost-simulation .section-wrapper > .contents #coffeeForm > div .qa {
    padding-bottom: 7.6335877863vw;
    display: flex;
    flex-flow: column;
    align-items: normal;
    gap: 6.3613231552vw;
    justify-content: space-between;
    color: #333;
    border-bottom: 0.2544529262vw solid #333;
    margin-top: 7.6335877863vw;
  }
  #cost-simulation .cost-simulation .section-wrapper > .contents #coffeeForm > div .qa:first-of-type {
    margin-top: 5.0890585242vw;
  }
  #cost-simulation .cost-simulation .section-wrapper > .contents #coffeeForm > div .qa .q {
    letter-spacing: 0.0763358779vw;
    font-family: "Noto Sans JP";
    font-size: 4.0712468193vw;
    font-weight: 500;
    font-style: normal;
    line-height: 150%;
  }
  #cost-simulation .cost-simulation .section-wrapper > .contents #coffeeForm > div .qa .a {
    justify-content: end;
    display: flex;
    align-items: center;
    gap: 5.0890585242vw;
  }
  #cost-simulation .cost-simulation .section-wrapper > .contents #coffeeForm > div .qa .a input {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 26.9720101781vw;
    height: 10.1781170483vw;
    cursor: pointer;
    vertical-align: middle;
    border: 0.2544529262vw solid #9d9d9d;
    border: 0.2544529262vw solid #333;
    border-radius: 1.272264631vw;
  }
  #cost-simulation .cost-simulation .section-wrapper > .contents #coffeeForm > div .qa .a span {
    text-align: right;
    color: #333;
    font-family: "Noto Sans JP";
    font-size: 4.0712468193vw;
    font-weight: 500;
    font-style: normal;
    line-height: 150%;
  }
  #cost-simulation .cost-simulation .section-wrapper > .contents .calculation-results {
    width: 100%;
    margin: 0 auto;
  }
  #cost-simulation .cost-simulation .section-wrapper > .contents .calculation-results .result-row {
    display: flex;
    flex-wrap: wrap;
  }
  #cost-simulation .cost-simulation .section-wrapper > .contents .calculation-results .result-row .result-label {
    display: flex;
    align-items: center;
    width: 79.6437659033vw;
    padding: 1.7811704835vw 6.3613231552vw 2.0356234097vw;
    gap: 7.6335877863vw;
    border: 0.2544529262vw solid #7d4c27;
    background: #fbe9cc;
    text-align: center;
    align-items: center;
    justify-content: center;
  }
  #cost-simulation .cost-simulation .section-wrapper > .contents .calculation-results .result-row .result-value,
  #cost-simulation .cost-simulation .section-wrapper > .contents .calculation-results .result-row .result-price {
    display: flex;
    align-items: end;
    justify-content: end;
    width: 50%;
    min-height: 17.5572519084vw;
    padding: 4.0712468193vw 6.3613231552vw;
    border: 0.2544529262vw solid #7d4c27;
    background: #fff;
  }
  #cost-simulation .cost-simulation .section-wrapper > .contents .calculation-results .result-row .result-value.col-2,
  #cost-simulation .cost-simulation .section-wrapper > .contents .calculation-results .result-row .result-price.col-2 {
    width: 111.9592875318vw;
  }
  #cost-simulation .cost-simulation .section-wrapper > .contents .calculation-results .result-row .result-value span,
  #cost-simulation .cost-simulation .section-wrapper > .contents .calculation-results .result-row .result-price span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 6.106870229vw;
  }
  #cost-simulation .cost-simulation .section-wrapper > .contents .total-result {
    display: flex;
    align-items: center;
    margin: 0 auto;
  }
  #cost-simulation .cost-simulation .section-wrapper > .contents .total-result .result-label {
    padding: 0vw 0 3.5623409669vw;
    border-bottom: 0.7633587786vw solid #333;
    margin: -5.0890585242vw auto 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #7d4c27;
    font-family: "Noto Sans JP";
    font-size: 6.3613231552vw;
    font-weight: 700;
    font-style: normal;
    line-height: 150%;
    flex-flow: column;
    align-items: end;
  }
  #cost-simulation .cost-simulation .section-wrapper > .contents .total-result .result-label > p {
    display: flex;
    color: #333;
    font-size: 6.3613231552vw;
    width: 76.3358778626vw;
    margin-top: 12.7226463104vw;
  }
  #cost-simulation .cost-simulation .section-wrapper > .contents .total-result .result-label > p > span:first-of-type {
    width: 76.3358778626vw;
    text-align: center;
    display: block;
  }
  #cost-simulation .cost-simulation .section-wrapper > .contents .total-result .result-label > p > span:last-of-type {
    display: flex;
    color: #7d4c27;
    justify-content: end;
  }
  #cost-simulation .back-top {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0vw auto 17.8117048346vw;
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 700;
    font-size: 5.0890585242vw;
    line-height: 150%;
    text-align: center;
    color: #333333;
    width: 76.3358778626vw;
    height: 15.2671755725vw;
    border: 0.2544529262vw solid #949494;
    border-radius: 7.6335877863vw;
  }
  #cost-simulation .button-contact--simmulation {
    cursor: pointer;
    width: -moz-fit-content;
    width: fit-content;
    height: auto;
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 700;
    font-size: 4.0712468193vw;
    line-height: 130%;
    text-align: center;
    letter-spacing: 0.1em;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    border-radius: 2.5445292621vw;
    background: #542c09;
    padding: 2.5445292621vw 7.6335877863vw;
    min-width: 76.3358778626vw;
    margin-bottom: 5.0890585242vw;
  }
}