@charset "UTF-8";
/* A Modern CSS Reset */
*, *::before, *::after {
  box-sizing: border-box;
}

body, h1, h2, h3, h4, p, figure, blockquote, dl, dd {
  margin: 0;
}

ul[role=list], ol[role=list] {
  list-style: none;
}

html:focus-within {
  scroll-behavior: smooth;
}

body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

a:not([class]) {
  text-decoration-skip-ink: auto;
}

img, picture {
  max-width: 100%;
  display: block;
}

input, button, textarea, select {
  font: inherit;
}

@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
@media screen and (max-width: 1199px) {
  .p-recipe-list, .p-recipe-content, .p-top-download a, .p-top-about-inner, .p-top-links ul, .p-top-attention, .p-top-life-inner, .p-top-present picture, .p-top-recipe-slide, .p-top-news, .p-top-voice-inner, .p-top-ideal-inner, .p-top-reimi, .p-top-campaign, .ftr-purchase-inner, .main-content, .main-content-transparent, .main-content-prev_next, .main-content-qa {
    width: calc(100% - 2em);
    margin-left: 1em;
    margin-right: 1em;
  }
}
@media screen and (min-width: 1200px) {
  .p-recipe-list, .p-recipe-content, .p-top-download a, .p-top-about-inner, .p-top-links ul, .p-top-attention, .p-top-life-inner, .p-top-present picture, .p-top-recipe-slide, .p-top-news, .p-top-voice-inner, .p-top-ideal-inner, .p-top-reimi, .p-top-campaign, .ftr-purchase-inner, .main-content, .main-content-transparent, .main-content-prev_next, .main-content-qa {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
.p-recipe-list, .p-recipe-content, .p-top-download a, .p-top-about-inner, .p-top-links ul, .p-top-attention, .p-top-life-inner, .p-top-present picture, .p-top-recipe-slide, .p-top-news, .p-top-voice-inner, .p-top-ideal-inner, .p-top-reimi, .p-top-campaign, .ftr-purchase-inner, .main-content, .main-content-transparent, .main-content-prev_next, .main-content-qa {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1199px) {
  .p-recipe-howto, .p-recipe-point, .p-recipe-value {
    max-width: none;
    margin-left: -1em;
    margin-right: -1em;
    padding-left: 1em;
    padding-right: 1em;
  }
}
@media screen and (min-width: 1200px) {
  .p-recipe-howto, .p-recipe-point, .p-recipe-value {
    margin-left: calc(-1 * (100vw - (1200px)) / 2);
    margin-right: calc(-1 * (100vw - (1200px)) / 2);
    padding-left: calc((100vw - (1200px)) / 2);
    padding-right: calc((100vw - (1200px)) / 2);
  }
}
.p-top-product_image-item, .p-top-rental-inner {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

/* *********************************************************************

    タグ共通設定

********************************************************************* */
li {
  list-style: none;
}

a {
  text-decoration: none;
  color: #522A09;
}

a:hover, button:hover {
  opacity: 0.7;
}

img, iframe {
  vertical-align: middle;
}

img, video {
  max-width: 100%;
}

button, input, select, textarea {
  outline: none;
  font-family: inherit;
}

button:has(img) {
  background-color: transparent;
  border: none;
}

::placeholder {
  color: #BFBFBF;
}

input:focus::placeholder, textarea:focus::placeholder {
  color: transparent;
}

input[type=date]::-webkit-inner-spin-button, input[type=datetime]::-webkit-inner-spin-button, input[type=datetime-local]::-webkit-inner-spin-button, input[type=month]::-webkit-inner-spin-button, input[type=week]::-webkit-inner-spin-button {
  display: none;
}

li, p, dl {
  line-height: 1.5;
}

p + p {
  margin-top: 1em;
}

*, *::before, *::after {
  box-sizing: border-box;
}

/* *********************************************************************

    サイト全体設定

********************************************************************* */
html {
  font-size: 62.5%; /* base font-size:10px */
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  overflow-x: hidden;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  overflow: hidden;
  letter-spacing: 0.1pt;
  font-size: clamp(16px, 3.2vw, 32px);
  color: #522A09;
}

/* IE */
@media all and (-ms-high-contrast: none) {
  html {
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  }
  body {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.hdr {
  position: relative;
  top: 0;
  width: 100%;
  z-index: 9999;
  transition: 0.5s;
}
.hdr.js_show {
  position: absolute;
}
.hdr.js_hide {
  transform: translateY(-100%);
}
.hdr.js_scroll {
  position: fixed;
  top: 0;
}
.hdr.js_scroll .hdr-top {
  display: none;
}
.hdr-top {
  position: relative;
  display: block;
  max-height: 80px;
  padding: 0.61875em 0;
  color: #FFF;
  background-color: #CFCBC7;
  z-index: 9999;
}
.hdr-top img {
  max-width: 68.5%;
  margin: auto;
}
@media screen and (min-width: 768px) {
  .hdr-top {
    padding: 0.484375em 0;
  }
}
.hdr-main {
  position: relative;
  width: 100%;
}
.hdr-main-title {
  position: relative;
  padding: 0.810688em 0;
  background-color: #FFF;
  z-index: 9999;
}
@media screen and (min-width: 768px) {
  .hdr-main-title {
    padding: 1.074em;
  }
}
.hdr-main-title img {
  max-width: 66.25%;
  margin-left: 1em;
}
@media screen and (min-width: 768px) {
  .hdr-main-title img {
    margin: auto;
  }
}
.hdr-menu-input {
  display: none;
}
.hdr-menu-input:checked ~ .hdr-menu-icon span {
  transition: 0s;
  background: rgba(255, 255, 255, 0);
}
.hdr-menu-input:checked ~ .hdr-menu-icon span::before {
  top: 0;
  transform: rotate(45deg);
}
.hdr-menu-input:checked ~ .hdr-menu-icon span::after {
  bottom: 0;
  transform: rotate(-45deg);
}
.hdr-menu-input:checked ~ .hdr-nav {
  left: 0;
  width: 100%;
}
.hdr-menu-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -0.5em;
  right: 1em;
  height: 100%;
  z-index: 9999;
  cursor: pointer;
}
.hdr-menu-icon span, .hdr-menu-icon span::before, .hdr-menu-icon span::after {
  content: "";
  display: block;
  height: 0.3em;
  width: 2.5em;
  border-radius: 3px;
  background: #522A09;
  position: absolute;
}
@media screen and (min-width: 768px) {
  .hdr-menu-icon span, .hdr-menu-icon span::before, .hdr-menu-icon span::after {
    width: 3em;
  }
}
.hdr-menu-icon span {
  transition: all 0.2s 0.3s;
}
.hdr-menu-icon span::before {
  transition: 0.5s;
  top: 0.7em;
}
@media screen and (min-width: 768px) {
  .hdr-menu-icon span::before {
    top: 1em;
  }
}
.hdr-menu-icon span::after {
  bottom: 0.7em;
  transition: 0.5s;
}
@media screen and (min-width: 768px) {
  .hdr-menu-icon span::after {
    bottom: 1em;
  }
}
.hdr-menu-icon b {
  margin-top: 5em;
  color: #522A09;
  font-size: 70%;
}
.hdr-nav {
  position: absolute;
  left: 100%;
  width: 0;
  background-color: #FFF;
  z-index: 9999;
  overflow-y: auto;
  overscroll-behavior: contain;
  transition: all 0.5s;
  white-space: nowrap;
}
.hdr-nav-list {
  position: relative;
  margin: 0;
  padding: 0;
  border-bottom: solid 1px #878384;
  z-index: 999;
  color: #522A09;
  font-weight: bold;
}
.hdr-nav-list ul {
  color: #522A09;
  margin: 0;
  padding: 0;
}
.hdr-nav-list ul li {
  text-indent: 3.5em;
}
.hdr-nav-list li {
  border-top: solid 1px #878384;
  text-indent: 1.5em;
}
.hdr-nav-list a, .hdr-nav-list p {
  display: block;
  width: 100%;
  padding: 1em 0;
}
.hdr-nav-list a {
  background-color: #FFF;
}
.hdr-nav-list p {
  background-color: #ede9e6;
}
.hdr-nav-list a {
  position: relative;
  color: #522A09;
}
.hdr-nav-list a::after {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  position: absolute;
  right: 2em;
}
.hdr-nav-icon {
  display: flex;
  justify-content: center;
  position: relative;
  padding: 2em 0;
  font-size: 70%;
  cursor: pointer;
}
.hdr-nav-icon span::before, .hdr-nav-icon span::after {
  content: "";
  display: block;
  height: 0.3em;
  width: 2.5em;
  position: absolute;
  top: 50%;
  border-radius: 3px;
  background: #522A09;
  transition: 0.5s;
  transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  .hdr-nav-icon span::before, .hdr-nav-icon span::after {
    width: 3em;
  }
}
.hdr-nav-icon span::before {
  transform: rotate(45deg);
}
.hdr-nav-icon span::after {
  transform: rotate(-45deg);
}
.hdr-nav-icon b {
  margin-left: 3.5em;
  color: #522A09;
}
.hdr-fixed {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  overflow-y: scroll;
  overscroll-behavior: none;
}

.main {
  flex: 1 1 auto;
  padding-bottom: 3em;
  background-color: #f0efed;
}
.main.p-recipe {
  padding-bottom: 1em;
}
.main > h2 {
  max-width: 50%;
  margin: 2em auto 3em;
}
.main img {
  margin: auto;
}
.main p {
  margin: 1em auto;
}
.main ul {
  margin: 0;
  padding: 0;
}
.main-content, .main-content-transparent, .main-content-qa, .main-content-prev_next {
  max-width: 1000px;
  margin-top: 2em;
  padding: 1em 1em 2em;
  background-color: #FFF;
  box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 768px) {
  .main-content, .main-content-transparent, .main-content-qa, .main-content-prev_next {
    padding: 1em 10% 2em;
  }
}
.main-content h2, .main-content-transparent h2, .main-content-qa h2, .main-content-prev_next h2 {
  max-width: 80%;
  margin: 0 auto 1em;
}
.main-content h2 img, .main-content-transparent h2 img, .main-content-qa h2 img, .main-content-prev_next h2 img {
  margin: auto;
}
.main-content h3, .main-content-transparent h3, .main-content-qa h3, .main-content-prev_next h3 {
  margin: 0 auto 1em;
  text-align: center;
}
.main-content h4, .main-content-transparent h4, .main-content-qa h4, .main-content-prev_next h4 {
  margin: 0 auto 1em;
}
.main-content p, .main-content-transparent p, .main-content-qa p, .main-content-prev_next p {
  margin: auto;
}
.main-content ul, .main-content-transparent ul, .main-content-qa ul, .main-content-prev_next ul {
  margin: 1em auto 0;
}
.main-content li, .main-content-transparent li, .main-content-qa li, .main-content-prev_next li {
  list-style: outside disc;
  margin-left: 1em;
}
.main-content figure, .main-content-transparent figure, .main-content-qa figure, .main-content-prev_next figure, .main-content picture, .main-content-transparent picture, .main-content-qa picture, .main-content-prev_next picture {
  margin: 1em auto 1em;
}
.main-content table, .main-content-transparent table, .main-content-qa table, .main-content-prev_next table {
  margin: 1em auto;
  border-collapse: collapse;
}
.main-content table th, .main-content-transparent table th, .main-content-qa table th, .main-content-prev_next table th, .main-content table td, .main-content-transparent table td, .main-content-qa table td, .main-content-prev_next table td {
  padding: 0.5em;
  border: solid 1px #a89484;
}
.main-content table th, .main-content-transparent table th, .main-content-qa table th, .main-content-prev_next table th {
  font-weight: normal;
}
.main-content a, .main-content-transparent a, .main-content-qa a, .main-content-prev_next a {
  color: #522A09;
}
.main-content-transparent, .main-content-qa, .main-content-prev_next {
  margin-top: 1em;
  padding: 1em 0;
  background-color: transparent;
  box-shadow: none;
}
.p-recipe .main-content-prev_next {
  max-width: 1200px;
}
.main-content-prev_next ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 0;
}
.main-content-prev_next li {
  width: 49%;
  margin: 0;
  list-style: none;
}
.main-content-prev_next li.next a {
  justify-content: flex-end;
}
.main-content-prev_next li.next a::after {
  margin-left: 0.25em;
  content: "\f105";
}
.main-content-prev_next li.prev a::before {
  margin-right: 0.25em;
  content: "\f104";
}
.main-content-prev_next li a {
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 120%;
}
.main-content-prev_next li a::before, .main-content-prev_next li a::after {
  font-family: "Font Awesome 5 Free";
}
.main-content-qa dt {
  position: relative;
  width: calc(100% - 1em);
  margin: 0 0 0.5em auto;
  padding: 0.25em 0.5em 0.25em 1.5em;
  background-color: #998181;
  color: #fcfcfc;
  text-align: left;
  font-weight: bold;
}
.main-content-qa dt::before {
  content: "Q";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: -1.0625em;
  top: -0.25em;
  width: 2em;
  height: 2em;
  background-color: #998181;
  border: solid 0.125em #cecac6;
  border-radius: 50%;
  font-size: 125%;
}
@media screen and (min-width: 768px) {
  .main-content-qa dt::before {
    top: 50%;
    border-width: 3px;
    transform: translateY(-50%);
  }
}
.main-content-qa dd + dt {
  margin-top: 2em;
}
.main-content-qa dd {
  position: relative;
  padding-left: 2.75em;
}
.main-content-qa dd::before {
  content: "A";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 1.75em;
  height: 1.75em;
  background-color: #cecac6;
  border-radius: 50%;
  color: #998181;
  font-weight: bold;
  font-size: 125%;
}
@media screen and (min-width: 768px) {
  .main-content-qa dd::before {
    border-width: 3px;
  }
}

.ftr {
  padding-bottom: calc(70px + 2em);
}
@media screen and (min-width: 768px) {
  .ftr {
    padding-bottom: calc(135px + 2em);
  }
}
.ftr img {
  margin: auto;
}
.ftr-purchase {
  padding: 3em 0;
}
.ftr-purchase h2 {
  max-width: 70%;
  margin: 0 auto 1em;
}
.ftr-purchase button {
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}
.ftr-purchase-list {
  display: flex;
  justify-content: space-between;
  max-width: 800px;
  margin: 0 auto 3em;
  padding: 0;
}
.ftr-purchase-list li {
  width: 20%;
  text-align: center;
}
.ftr-purchase-list li.official {
  width: 35%;
  line-height: 1.25;
  font-weight: bold;
}
.ftr-purchase-list li button, .ftr-purchase-list li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 3em;
  padding: 0;
  border: none;
  border-radius: 5px;
  color: #FFF;
  box-shadow: 0 0.25em 0.25em 0px rgba(0, 0, 0, 0.3);
}
.ftr-purchase-list li button {
  background-color: #dc97a6;
}
.ftr-purchase-list li button span {
  display: block;
  font-size: 80%;
}
.ftr-purchase-list li a {
  background-color: #B89C81;
}
.ftr-sns ul {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
}
.ftr-sns ul li {
  max-width: 7.5%;
  margin-right: 2em;
  margin-left: 2em;
}
.ftr-nav {
  margin-top: 3em;
}
.ftr-nav ul {
  margin: 0;
  padding: 0;
  border-top: solid 1px #c9bdb3;
}
@media screen and (min-width: 768px) {
  .ftr-nav ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.ftr-nav li {
  border-color: #c9bdb3;
  border-style: solid;
  border-width: 0 0 1px 0;
}
@media screen and (min-width: 768px) {
  .ftr-nav li {
    width: 50%;
  }
  .ftr-nav li:nth-child(odd) {
    border-width: 0 1px 1px 0;
  }
}
.ftr-nav a {
  display: block;
  padding: 0.5em 1em;
  color: #522A09;
}
@media screen and (min-width: 768px) {
  .ftr-nav a {
    padding: 0.5em 1em 0.5em 2em;
  }
}
.ftr-nav a::after {
  content: "\f105";
  float: right;
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
}
.ftr-go_home {
  position: fixed;
  bottom: 5em;
  right: 1em;
  width: 10%;
  z-index: 999;
  cursor: pointer;
}
.ftr-copyright {
  margin: 1em auto;
  text-align: center;
  font-size: 68.75%;
}
.ftr-copyright address {
  font-style: normal;
}
.ftr-contact {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 999;
}
.ftr-contact ul {
  display: flex;
  margin: 0;
  padding: 0;
}
.ftr-contact li {
  width: 50%;
  background-color: #FFF;
}
.ftr-contact li:nth-child(even) {
  background-color: #dc97a6;
}
.ftr-contact li:nth-child(even) img {
  max-width: 75%;
}
.ftr-contact li img {
  max-width: 90%;
}
.ftr-contact a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 1.38888em 0;
}

.c-button-close, .c-button-more {
  background-color: transparent;
  border: none;
  font-weight: bold;
  cursor: pointer;
}
.c-button-close::before, .c-button-more::before {
  content: "\f105";
  margin-right: 0.25em;
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
}

.p-top-recipe .c-button-more, .p-top-function button, .p-top-product_image-item button, .p-top-news button {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.c-button-more {
  font-size: 110%;
}
.c-button-close::before {
  content: "\f00d";
}
.c-button-detail {
  max-width: 50%;
}

.c-image-main img {
  display: block;
  width: 100vw;
  margin-left: auto;
  margin-right: auto;
}

.p-top-product {
  padding: 2em 0 1.5em;
  background-color: #f1efed;
  text-align: center;
}
.p-top-product h2 {
  margin-bottom: 1em;
}
.p-top-product h2 img {
  max-width: 80%;
}
.p-top-product-img {
  display: flex;
  justify-content: center;
  position: relative;
  max-width: 800px;
  margin: auto;
}
.p-top-product-img picture {
  max-width: 50%;
  margin: auto;
}
.p-top-product-img p {
  position: absolute;
  right: 1em;
  bottom: 1em;
  max-width: 18.5%;
}
.p-top-product dl {
  display: flex;
  justify-content: space-between;
  width: 90%;
  max-width: 900px;
  margin: 3em auto 0;
}
.p-top-product dl a:hover {
  opacity: 0.8;
}
.p-top-product dt, .p-top-product dd {
  width: 45%;
}
.p-top-product img {
  display: inline;
}

.p-top-campaign {
  margin: 3em auto;
}
.p-top-campaign figure {
  margin: 2em auto;
}

.p-top-explanation {
  padding: 2em 0;
}
.p-top-explanation h2 {
  max-width: 90%;
  margin: 0 auto 1em;
}
.p-top-explanation h3 {
  width: 90%;
  max-width: 950px;
  margin: 1em auto 1.5em;
  color: #b88080;
  text-align: center;
  font-size: 100%;
}
.p-top-explanation p {
  width: 85%;
  max-width: 870px;
  margin: auto;
}
.p-top-explanation-img {
  margin-bottom: 2em;
}

.p-top-reimi {
  margin-top: -0.75em;
}
@media screen and (min-width: 768px) {
  .p-top-reimi {
    bottom: -0.5em;
  }
}
.p-top-reimi h2 {
  position: relative;
  bottom: -0.5em;
}
@media screen and (min-width: 768px) {
  .p-top-reimi h2 {
    bottom: -0.25em;
  }
}
.p-top-reimi > p {
  max-width: 980px;
}
.p-top-reimi figure {
  max-width: 80%;
  margin: auto;
}
.p-top-reimi figure img {
  margin-bottom: 1em;
}
.p-top-reimi figure figcaption {
  max-width: 710px;
  margin: auto;
}

.p-top-ideal {
  margin-top: 2em;
  background-color: #f0efed;
}
.p-top-ideal-definition {
  position: relative;
  top: -2.5em;
  max-width: 1000px;
  margin: auto;
  padding: 2em 1em;
  background-color: #FFF;
  z-index: 100;
}
@media screen and (min-width: 768px) {
  .p-top-ideal-definition {
    padding-left: 2em;
    padding-right: 2em;
  }
}
.p-top-ideal-definition dt {
  margin-bottom: 1em;
}
.p-top-ideal-definition dd {
  margin-bottom: 2em;
}
@media screen and (min-width: 768px) {
  .p-top-ideal-definition dd {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px) {
  .p-top-ideal-definition dd figure {
    width: 35%;
    margin-bottom: 1.5em;
  }
}
@media screen and (min-width: 768px) {
  .p-top-ideal-definition dd p {
    width: 60%;
  }
}

.p-top-voice {
  padding: 1em 0 2em;
  background-color: #f0efed;
}
.p-top-voice h2 {
  margin-bottom: 2em;
}
.p-top-voice-inner {
  max-width: 1000px;
}
.p-top-voice-extra {
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
  transition: opacity 1s, grid-template-rows 1s;
}
.p-top-voice-extra > ul {
  overflow: hidden;
}
.p-top-voice-list li:not(:has(label)) {
  margin: 1em auto;
}
.p-top-voice-list li:not(:has(label))::before, .p-top-voice-list li:not(:has(label))::after {
  display: block;
}
.p-top-voice-list li:not(:has(label))::before {
  content: url(/assets/img/top/icon_koe_upper.png);
}
.p-top-voice-list li:not(:has(label))::after {
  content: url(/assets/img/top/icon_koe_lower.png);
  text-align: right;
}
.p-top-voice #p-top-voice-more {
  display: none;
}
.p-top-voice #p-top-voice-more:checked ~ .p-top-voice-extra {
  grid-template-rows: 1fr;
  opacity: 1;
  transition: opacity 1s linear 0.25s, grid-template-rows 1s;
}
.p-top-voice .c-button-more, .p-top-voice .c-button-close {
  display: block;
  margin: 1em auto;
  text-align: center;
}
.p-top-voice .c-button-more {
  width: 7em;
}
.p-top-voice .c-button-close {
  width: 6em;
  margin-top: 2em;
}

.p-top-rental {
  padding: 1em;
  background-color: #dc97a6;
  color: #FFF;
}
.p-top-rental-inner {
  padding: 1.5em;
  border: solid 0.2em #FFF;
  border-radius: 1.25em;
}
.p-top-rental-inner p {
  max-width: 990px;
}
.p-top-rental-inner figure {
  max-width: 90%;
  margin: auto;
}

.p-top-news {
  padding: 2em 0 1em;
}
.p-top-news h2 {
  margin-bottom: 1em;
}
.p-top-news ul {
  margin: 1em 0;
}
.p-top-news li {
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  border-bottom: dashed 1px #522A09;
}
.p-top-product_image {
  padding: 2em 0;
  background-color: #f0efed;
}
.p-top-product_image-item button {
  margin-top: -3em;
  margin-left: 0;
}

.p-top-function {
  padding: 2em 0;
  background-color: #f0efed;
}
.p-top-function h2 {
  max-width: 80%;
  margin: 0 auto 1em;
}
.p-top-function > div {
  position: relative;
}
.p-top-function button {
  position: absolute;
  bottom: 0.5em;
  left: 50%;
  transform: translateX(-50%);
}

.p-top-recipe {
  padding: 2em 0;
  background-color: #f0efed;
}
.p-top-recipe h2 {
  max-width: 90%;
  margin: 0 auto 1em;
}
.p-top-recipe-slide {
  transition: 0.5s;
}
.p-top-recipe-slide a {
  display: block;
  margin: 0 0.25em;
}
.p-top-recipe-slide figure {
  aspect-ratio: 740/527;
  overflow: hidden;
}
.p-top-recipe-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-top-recipe-slide p {
  height: 3em;
  margin: 0.25em 0 0 0;
  text-align: center;
  font-size: 70%;
}
.p-top-recipe-slide .slick-arrow {
  top: calc(50% - 3.86rem);
  background: rgba(255, 255, 255, 0.5);
  z-index: 10;
}
@media screen and (min-width: 768px) {
  .p-top-recipe-slide .slick-arrow {
    width: 3.5rem;
    height: 10rem;
  }
}
.p-top-recipe-slide .slick-arrow::before {
  font-size: 3rem;
  color: #000;
}
.p-top-recipe-slide .slick-prev {
  left: 0.8rem;
}
.p-top-recipe-slide .slick-next {
  right: 0.8rem;
}
.p-top-recipe .c-button-more {
  margin-top: 2em;
}

.p-top-present {
  padding: 2em 0;
  background-color: #f0efed;
}
.p-top-life {
  padding: 2em 0;
}
.p-top-life-inner {
  position: relative;
}
.p-top-life button {
  position: absolute;
  bottom: 38%;
  left: 1em;
}
@media screen and (min-width: 768px) {
  .p-top-life button {
    bottom: 29%;
  }
}

.p-top-accessory {
  padding: 2em 0;
}
.p-top-accessory h2 {
  max-width: 40%;
  margin: 0 auto 1em;
}
.p-top-accessory ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 95%;
  max-width: 900px;
  margin: auto;
}
.p-top-accessory ul li {
  width: 33.3333333333%;
}

.p-top-attention {
  padding: 2em 0 1em;
}
.p-top-attention strong {
  color: #F00;
  font-weight: normal;
}

.p-top-links {
  padding: 2em 0;
  background-color: #f0efed;
}
.p-top-links ul {
  margin-left: auto;
  margin-right: auto;
  background-color: #FFF;
  border-bottom: solid 0.125em #FFF;
}
@media screen and (min-width: 768px) {
  .p-top-links ul {
    display: flex;
    flex-wrap: wrap;
    border-right: solid 0.125em #FFF;
  }
}
.p-top-links ul li {
  border: solid 0.125em #FFF;
  border-bottom-width: 0;
}
@media screen and (min-width: 768px) {
  .p-top-links ul li {
    width: 50%;
    border-right-width: 0;
  }
}

.p-top-about {
  padding: 2em 0;
  background-color: #f0efed;
}
.p-top-about-inner {
  background-color: #cae0f2;
}
.p-top-about-inner > div {
  padding: 0 1em 1em;
}
.p-top-about h2 {
  padding: 0.5em 0.75em;
  background: url(/assets/img/top/bg_title_about.png) no-repeat right center/cover;
}
.p-top-about h2 img {
  max-width: 55%;
  margin: 0;
}
.p-top-about footer {
  text-align: right;
}

.p-top-download {
  padding: 0 0 2em;
  background-color: #f0efed;
}
.p-top-download a {
  display: block;
}

@media screen and (max-width: 1199px) {
  .p-about-rice picture.large {
    max-width: none;
    margin-left: -1em;
    margin-right: -1em;
  }
}
@media screen and (min-width: 1200px) {
  .p-about-rice picture.large {
    max-width: 1200px;
    margin-left: calc(-1 * (100vw - (1200px)) / 2);
    margin-right: calc(-1 * (100vw - (1200px)) / 2);
  }
}
.p-about-rice-outline h2 + p {
  font-size: 112.5%;
  margin: 1em auto;
  text-align: center;
}
.p-about-rice-detail figure {
  max-width: 75%;
}
.p-about-rice-nutrition td:nth-of-type(4) {
  background-color: #f1d6dc;
}
.p-about-rice-nutrition p {
  font-size: 75%;
}
.p-about-rice-reimi h3 {
  max-width: 85%;
}
.p-about-rice-reimi h3 + P {
  padding: 1em;
  border: solid 2px #522A09;
  border-radius: 20px;
}
@media screen and (min-width: 768px) {
  .p-about-rice-reimi h3 + P {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
}
.p-about-rice-rice h3 {
  max-width: 80%;
}

.p-functions-outline p {
  text-align: center;
  font-size: 112.5%;
}
.p-functions-outline p + p {
  margin-top: 0.5em;
  font-size: 88.8888888889%;
}
.p-functions-cook ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 70%;
  margin: 1em auto;
}
.p-functions-cook li {
  width: 45%;
  list-style: none;
}
.p-functions-cook footer {
  max-width: 90%;
  padding: 0.25em 0 1em;
  margin-right: auto;
  margin-left: auto;
  border: solid 2px #522A09;
  border-radius: 20px;
}
.p-functions-cook footer p {
  padding: 0 1em;
}
.p-functions-cook h4 {
  padding: 0.25em 25% 0.5em;
  border-bottom: solid 2px #522A09;
}
.p-functions-to_recipe {
  width: 60%;
  max-width: 430px;
  margin: 2em auto;
  padding: 0.25em 1em;
  background-color: #FFF;
  text-align: center;
}
.p-functions-to_recipe a {
  display: block;
  color: #522A09;
}
.p-functions-to_recipe a::before {
  content: "\f105";
  margin-right: 0.25em;
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
}
.p-functions-notice {
  margin-top: 3em;
  width: 85%;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  border: solid 2px #522A09;
  border-radius: 20px;
}
.p-functions-notice h3 {
  margin: 0;
  padding: 0.25em 0;
  border-bottom: solid 2px #522A09;
  font-size: 100%;
}
.p-functions-notice figure, .p-functions-notice p {
  max-width: calc(100% - 1em);
}
.p-functions-notice p {
  margin-top: 1em;
  text-align: center;
}
.p-functions .main-content {
  box-shadow: none;
}

.p-recommended-for-outline {
  font-size: 112.5%;
}
.p-recommended-for-outline p {
  max-width: 910px;
}
.p-recommended-for-health figure + figure {
  max-width: 75%;
}
.p-recommended-for-health li span {
  color: #cb1c24;
}
.p-recommended-for-health li span strong {
  font-size: 116.6666666667%;
}
.p-recommended-for .main-content h3 {
  max-width: 95%;
}
@media screen and (min-width: 768px) {
  .p-recommended-for .main-content h3 {
    max-width: 100%;
  }
  .p-recommended-for .main-content h3 img {
    margin: 0;
  }
}
.p-recommended-for .main-content h4 {
  max-width: 95%;
}
@media screen and (min-width: 768px) {
  .p-recommended-for .main-content h4 {
    max-width: 100%;
  }
}
.p-recommended-for .main-content footer figure {
  margin-bottom: 0;
}
.p-recommended-for .main-content footer p {
  font-size: 66.6666666667%;
}

.p-recipe-menu {
  position: relative;
  font-weight: bold;
  font-size: 120%;
}
.p-recipe-menu label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0.5em 1em;
  background-color: transparent;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #522A09;
  text-align: left;
  color: #522A09;
  cursor: pointer;
}
.p-recipe-menu label::after {
  font-family: "Font Awesome 5 Free";
  content: "+";
}
.p-recipe-menu > label::after {
  content: "\f078";
}
.p-recipe-menu input[type=checkbox] {
  display: none;
}
.p-recipe-menu #p-recipe-menu-input:checked ~ .p-recipe-categories {
  grid-template-rows: 1fr;
  opacity: 1;
  transition: opacity 1s linear 0.25s, grid-template-rows 1s;
}
.p-recipe-menu #p-recipe-menu-input:checked ~ label::after {
  content: "\f077";
}
.p-recipe-categories {
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
  width: 100vw;
  max-width: none;
  padding: 0;
  margin: 0;
  background-color: #f0efed;
  border: none;
  transition: opacity 1s, grid-template-rows 1s;
}
.p-recipe-categories > ul {
  overflow: hidden;
  font-size: 90%;
}
.p-recipe-categories > ul > li > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0.5em 1em;
  border-bottom: solid 1px #522A09;
  text-indent: 1.3333333333em;
}
.p-recipe-categories > ul > li > a::after {
  margin-right: 0.25em;
  font-family: "Font Awesome 5 Free";
  content: "\f054";
}
@media screen and (min-width: 768px) {
  .p-recipe-categories > ul > li > a::after {
    margin-right: 0.75em;
  }
}
.p-recipe-categories label {
  text-indent: 1.3333333333em;
}
.p-recipe-categories label::after {
  margin-right: 0.25em;
}
@media screen and (min-width: 768px) {
  .p-recipe-categories label::after {
    margin-right: 0.75em;
  }
}
.p-recipe-categories a {
  color: #522A09;
}
.p-recipe-categories-input:checked ~ .p-recipe-category {
  grid-template-rows: 1fr;
  opacity: 1;
  transition: opacity 1s linear 0.25s, grid-template-rows 1s;
}
.p-recipe-categories-input:checked ~ label::after {
  content: "\f068";
}
.p-recipe-category {
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
  background-color: #FFF;
  transition: opacity 1s, grid-template-rows 1s;
}
.p-recipe-category > ul {
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .p-recipe-category > ul::after {
    content: "";
    display: block;
    width: 33.333%;
  }
}
.p-recipe-category li {
  width: 50%;
}
@media screen and (min-width: 768px) {
  .p-recipe-category li {
    width: 33.333%;
  }
}
.p-recipe-category li a {
  display: block;
  padding: 1em;
}
.p-recipe-category li a p {
  margin-bottom: 0;
}
.p-recipe-list {
  margin-top: 3em;
}
.p-recipe-list-title {
  margin-bottom: 0.25em;
}
.p-recipe-list-outline {
  margin-bottom: 3em;
  text-align: center;
  font-size: 75%;
}
.p-recipe-list-content {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-recipe-list-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.p-recipe-list-content li {
  margin-bottom: 4em;
  font-weight: bold;
  font-size: 81.25%;
}
@media screen and (min-width: 768px) {
  .p-recipe-list-content li {
    display: flex;
    flex-direction: column;
    width: calc(560 / 1200 * 100%);
  }
  .p-recipe-list-content li h2 {
    margin-top: auto;
  }
}
.p-recipe-outline {
  font-weight: bold;
  margin-bottom: 2em;
}
@media screen and (min-width: 960px) {
  .p-recipe-outline {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 3em;
  }
}
.p-recipe-outline figure {
  display: block;
  margin-bottom: 1.5em;
}
@media screen and (max-width: 959px) {
  .p-recipe-outline figure {
    max-width: none;
    margin-left: -1em;
    margin-right: -1em;
  }
  .p-recipe-outline figure img {
    width: 100vw;
  }
}
@media screen and (min-width: 960px) {
  .p-recipe-outline figure {
    width: 50%;
  }
}
.p-recipe-outline p {
  font-size: 81.25%;
  margin-bottom: 1em;
}
.p-recipe-outline h2 {
  margin-top: auto;
}
.p-recipe-outline-info {
  text-align: center;
}
@media screen and (min-width: 960px) {
  .p-recipe-outline-info {
    width: 44%;
  }
}
.p-recipe-outline-detail {
  margin-top: 2em;
  font-weight: normal;
  text-align: left;
}
.p-recipe-ingredients {
  margin-bottom: 3em;
  font-size: 62.5%;
}
.p-recipe-ingredients-inner {
  width: 90%;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  padding: 2em 1em 3em;
  background-color: #FFF;
  box-shadow: 8px 8px 5px rgba(0, 0, 0, 0.2);
}
.p-recipe-ingredients-title {
  margin-bottom: 1em;
  padding-left: 0.75em;
  border-left: solid 0.25em #522A09;
  font-size: 120%;
}
.p-recipe-ingredients table {
  width: 100%;
  font-weight: bold;
}
@media screen and (max-width: 959px) {
  .p-recipe-ingredients table {
    margin-left: 1em;
  }
}
@media screen and (min-width: 960px) {
  .p-recipe-ingredients table {
    margin-left: 2.5em;
  }
}
.p-recipe-ingredients table th {
  text-align: left;
}
@media screen and (min-width: 960px) {
  .p-recipe-ingredients table th {
    width: 30%;
  }
}
.p-recipe-howto {
  padding-top: 2em;
  padding-bottom: 2em;
  font-weight: bold;
  background-color: #FFF;
}
.p-recipe-howto-title {
  text-align: center;
}
.p-recipe-howto-title::before {
  content: "[";
  margin-right: 0.25em;
}
.p-recipe-howto-title::after {
  content: "]";
  margin-left: 0.25em;
}
.p-recipe-howto ol {
  padding: 0;
  counter-reset: my-counter;
}
.p-recipe-howto li {
  position: relative;
  padding-left: 1.75em;
}
.p-recipe-howto li::before {
  content: counter(my-counter);
  counter-increment: my-counter;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0.15em;
  left: 0;
  width: 1.5em;
  height: 1.5em;
  border: 1px solid;
  border-radius: 50%;
  font-size: 85%;
}
.p-recipe-point {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 2.5em;
  padding-bottom: 2.5em;
  border-style: solid;
  border-width: 1px 0;
  background-color: #FFF;
}
.p-recipe-point figure {
  width: 20%;
}
.p-recipe-point figure img {
  margin: 0 0 0 auto;
}
.p-recipe-point-content {
  width: 75%;
}
.p-recipe-value {
  padding-top: 2em;
  padding-bottom: 3em;
  background-color: #FFF;
}
.p-recipe-value-inner {
  font-weight: bold;
  font-size: 75%;
}
@media screen and (min-width: 960px) {
  .p-recipe-value-inner {
    display: flex;
    justify-content: space-between;
  }
}
.p-recipe-value-title {
  margin-bottom: 1em;
  font-size: 75%;
}
@media screen and (min-width: 960px) {
  .p-recipe-value-title {
    min-width: 9em;
  }
}
.p-recipe-value-content ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}
.p-recipe-value-content li {
  width: 50%;
  margin-bottom: 0.5em;
  padding-left: 0.75em;
  border-left: solid 0.45em #522A09;
}
.p-recipe-value-content li span {
  margin-right: 1.5em;
}
.p-recipe-value > p {
  margin-top: 1em;
  font-size: 85%;
}
@media screen and (min-width: 1200px) {
  .p-recipe-value > p {
    font-size: 65%;
  }
}
.p-recipe.main {
  background-color: #f0efed;
}

.p-guide h4 {
  padding-left: 0.5em;
  border-left: 0.625em solid #522A09;
}
.p-guide-contact figure {
  margin-left: 0;
  margin-right: 0;
}
.p-guide .main-content figure {
  max-width: 80%;
}
.p-guide .main-content.p-guide-repair figure {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .p-guide .main-content.p-guide-contact {
    padding-bottom: 1em;
  }
}

.p-product table {
  font-size: 75%;
  width: 100%;
}
.p-product table th, .p-product table td {
  text-align: left;
}
@media screen and (min-width: 768px) {
  .p-product-safety {
    padding-left: 1em;
    padding-right: 1em;
  }
}
.p-product-safety h3 {
  max-width: 100%;
  margin-bottom: 0;
  text-align: center;
  font-family: "Yu Mincho", 游明朝体, "ヒラギノ明朝 Pro W6", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "Sawarabi Mincho", serif;
  font-size: clamp(5.5vw, 3.2vw, 60px);
}
@media screen and (min-width: 960px) {
  .p-product-safety h3 {
    font-size: 60px;
  }
}
.p-product-safety h3 + p {
  margin-bottom: 1em;
  text-align: center;
  font-weight: bold;
  font-size: clamp(6.5vw, 3.2vw, 70px);
}
@media screen and (min-width: 960px) {
  .p-product-safety h3 + p {
    font-size: 70px;
  }
}
.p-product-safety-process {
  margin-bottom: 2em;
}
@media screen and (min-width: 768px) {
  .p-product-safety-process {
    display: flex;
  }
}
.p-product-safety-process > section {
  padding: 0.5em 1em;
  background-color: #F5F5F5;
}
.p-product-safety-process > section + section {
  position: relative;
  margin-top: 2em;
}
@media screen and (min-width: 768px) {
  .p-product-safety-process > section + section {
    margin-top: 0;
    margin-left: 1em;
  }
}
.p-product-safety-process > section + section::before {
  content: "";
  display: block;
  position: absolute;
  top: -1.375em;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-width: 0.75em;
  border-style: solid;
  border-color: #007ac3 transparent transparent transparent;
}
@media screen and (min-width: 768px) {
  .p-product-safety-process > section + section::before {
    top: 50%;
    transform: translateY(-50%);
    left: -0.75em;
    border-width: 0.5em;
    border-color: transparent transparent transparent #007ac3;
  }
}
.p-product-safety-process h4 {
  margin-bottom: 0;
  line-height: 1.25;
  text-align: center;
  font-weight: normal;
  font-size: 137.5%;
}
@media screen and (min-width: 768px) {
  .p-product-safety-process h4 {
    min-height: 5em;
    font-size: 112.5%;
  }
}
.p-product-safety-process h4 span {
  display: block;
  font-weight: bold;
  font-size: 133%;
}
.p-product-safety-process p {
  margin: 0.5em auto 0;
  font-family: "Yu Mincho", 游明朝体, "ヒラギノ明朝 Pro W6", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "Sawarabi Mincho", serif;
}
.p-product-safety-process p span {
  display: block;
  font-size: 66.66%;
}
.p-product-safety-ship {
  margin-bottom: 1em;
  background-color: #FFFBF0;
  padding: 1em;
}
.p-product-safety-ship h4 {
  margin-bottom: 0.5em;
  text-align: center;
  font-size: 150%;
}
.p-product-safety-ship p {
  max-width: 80%;
  font-family: "Yu Mincho", 游明朝体, "ヒラギノ明朝 Pro W6", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "Sawarabi Mincho", serif;
}
.p-product-safety-mark {
  display: flex;
  justify-content: space-between;
}
.p-product-safety-mark dl {
  width: 48%;
  border: solid 1px silver;
  border-radius: 0.5em;
}
.p-product-safety-mark dt {
  text-align: center;
  font-size: 133%;
}
.p-product-safety-mark dt figure {
  margin-bottom: 0.25em;
}
.p-product-safety-mark dt img {
  max-width: 40%;
}
.p-product-safety-mark dd {
  margin-bottom: 0.5em;
  padding: 0 0.5em;
  font-family: "Yu Mincho", 游明朝体, "ヒラギノ明朝 Pro W6", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "Sawarabi Mincho", serif;
}
.p-product-safety-certificate {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.p-product-safety-certificate figure {
  width: 40%;
}
.p-product-cuchen h4 span {
  font-size: 88.8888888889%;
  display: block;
}
.p-product-cuchen p strong {
  color: #ED6632;
}

.pc {
  display: block;
}

.sp {
  display: none;
}

@media screen and (max-width: 767px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
}/*# sourceMappingURL=style.css.map */







/*****************************************************

  250702 ご購入はこちらボタン改修用追加CSS 
	
******************************************************/


.ftr-purchase-list li.official a {
    background-color: #dc97a6;
}
.ftr-purchase-list li.official a span {
    display: block;
    font-size: 80%;
}



/*****************************************************

  261020 冒頭：なでしこ健康生活NHL-3とは？追加CSS 
	
******************************************************/

/* NHL-3 商品紹介セクション */
.nhl3-intro {
  --nhl3-green: #512502;
  --nhl3-dark: #512502;
  --nhl3-muted: #512502;
  --nhl3-bg: #eee7e0;
  --nhl3-border: #e1d5ca;

  box-sizing: border-box;
  width: 100%;
  padding: 48px 20px;
  color: var(--nhl3-dark);
  background: #fff;
  font-family: inherit;
}

.nhl3-intro *,
.nhl3-intro *::before,
.nhl3-intro *::after {
  box-sizing: border-box;
}

.nhl3-intro__inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

.nhl3-intro__heading {
  margin: 0 0 22px;
  text-align: center;
  font-size: clamp(24px, 3vw, 33px);
  line-height: 1.5;
  font-weight: 700;
  letter-spacing: 0.04em;
}

.nhl3-intro__heading::after {
  content: "";
  display: block;
  width: 48px;
  height: 2px;
  margin: 16px auto 0;
  background: var(--nhl3-green);
}

.nhl3-intro__lead {
  max-width: 760px;
  margin: 0 auto 32px;
  font-size: 18px;
  line-height: 1.95;
  text-align: center;
  overflow-wrap: anywhere;
}

.nhl3-intro__features {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin: 0 0 24px;
  padding: 0;
  list-style: none;
}

.nhl3-intro__feature {
  min-width: 0;
  padding: 24px 18px;
  background: var(--nhl3-bg);
  border: 1px solid var(--nhl3-border);
  border-radius: 10px;
  text-align: center;
}

.nhl3-intro__feature-title {
  margin: 0 0 10px;
  color: var(--nhl3-green);
  font-size: 21px;
  line-height: 1.5;
  font-weight: 700;
}

.nhl3-intro__feature-text {
  margin: 0;
  color: var(--nhl3-muted);
  font-size: 16px;
  line-height: 1.8;
}

.nhl3-intro__capacity {
  display: flex;
  justify-content: center;
  gap: 16px;
  max-width: 520px;
  margin: 0 auto;
}

.nhl3-intro__capacity-item {
  flex: 1;
  padding: 16px;
  border: 1px solid var(--nhl3-border);
  border-radius: 8px;
  text-align: center;
}

.nhl3-intro__capacity-label {
  display: block;
  margin-bottom: 4px;
  color: var(--nhl3-muted);
  font-size: 15px;
}

.nhl3-intro__capacity-value {
  display: block;
  color: var(--nhl3-dark);
  font-size: 26px;
  line-height: 1.5;
  font-weight: 700;
}

/* スマートフォン */
@media screen and (max-width: 600px) {
  .nhl3-intro {
    padding: 32px 16px;
  }

  .nhl3-intro__heading {
    margin-bottom: 18px;
    font-size: 25px;
  }

  .nhl3-intro__lead {
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 1.9;
    text-align: left;
  }

  .nhl3-intro__features {
    grid-template-columns: 1fr;
    gap: 12px;
    margin-bottom: 20px;
  }

  .nhl3-intro__feature {
    padding: 18px 16px;
    text-align: left;
  }

  .nhl3-intro__feature-title {
    margin-bottom: 5px;
    font-size: 19px;
  }

  .nhl3-intro__feature-text {
    font-size: 15px;
  }

  .nhl3-intro__capacity {
    gap: 10px;
  }

  .nhl3-intro__capacity-item {
    padding: 12px 8px;
  }

  .nhl3-intro__capacity-value {
    font-size: 24px;
  }
}

/* NHL-3：特徴BOXと容量BOXの間隔を修正 */
.nhl3-intro .nhl3-intro__features {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
  margin-bottom: 32px !important;
  padding: 0 !important;
}

.nhl3-intro .nhl3-intro__feature {
  margin: 0 !important;
  position: relative;
}

/* 玄米・白米の容量BOX */
.nhl3-intro .nhl3-intro__capacity {
  display: flex !important;
  position: relative;
  clear: both;
  gap: 16px !important;
  margin: 0 auto !important;
  padding-top: 0 !important;
}

.nhl3-intro .nhl3-intro__capacity-item {
  margin: 0 !important;
}

/* スマートフォン */
@media screen and (max-width: 600px) {
  .nhl3-intro .nhl3-intro__features {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    margin-bottom: 24px !important;
  }

  .nhl3-intro .nhl3-intro__capacity {
    gap: 10px !important;
  }
}