@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

html {
  position: relative;
}

html {
  background-color: white;
  font-size: calc(100vw / 375 * 100);
  opacity: 0;
  filter: grayscale(1);
  animation: fade-in 0.6s ease 0.4s 1 normal forwards;
  scroll-padding-top: 1.3rem;
  -webkit-scroll-padding-top: 1.3rem;
  scroll-behavior: smooth;
}
@media screen and (min-width: 768px) {
  html {
    font-size: min(calc(100vw / 1456 * 100), 100px);
    scroll-padding-top: 1.7rem;
    -webkit-scroll-padding-top: 1.7rem;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
    filter: grayscale(1);
  }
  100% {
    opacity: 1;
    filter: grayscale(0);
  }
}
strong {
  font-weight: 700;
}

a {
  transition: 0.3s;
  text-decoration: none;
  cursor: pointer;
}
a:hover {
  opacity: 0.6;
}

img {
  display: inline-block;
}

ul {
  list-style: none;
}

body {
  font-weight: 500;
  color: #6C5D48;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.14rem;
  line-height: 150%;
  letter-spacing: 0;
  position: relative;
  will-change: top;
  -webkit-text-size-adjust: none;
}
@media screen and (min-width: 768px) {
  body {
    font-size: 0.16rem;
  }
}
body * {
  box-sizing: border-box;
  -o-object-fit: cover;
     object-fit: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  max-width: 100%;
  font-weight: inherit;
  color: inherit;
}

main {
  overflow: hidden;
}

section {
  position: relative;
}

::-moz-selection {
  background: #BA9E5C;
  color: white;
}

::selection {
  background: #BA9E5C;
  color: white;
}

::-moz-selection {
  background: #BA9E5C;
  color: white;
}

.swiper-box {
  position: relative;
  margin-bottom: 0.4rem;
}
@media screen and (min-width: 768px) {
  .swiper-box {
    margin-bottom: -0.75rem;
  }
}

#launcher {
  z-index: 1 !important;
}

#top-slider .swiper-slide::after {
  display: none !important;
}
#top-slider-contents {
  width: 100%;
}
@media screen and (min-width: 768px) {
  #top-slider-contents {
    position: relative;
    height: 4.12rem;
  }
}
#top-slider-contents::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  pointer-events: none;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 0.9) 100%);
}
@media screen and (min-width: 768px) {
  #top-slider-contents::before {
    background: linear-gradient(to right, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 0.9) 100%);
  }
}
@media screen and (min-width: 768px) {
  #top-slider-contents .swiper-slide {
    height: 4.12rem;
  }
}
@media screen and (min-width: 768px) {
  #top-slider-contents .swiper-button-next {
    right: 0.45rem;
    opacity: 0.8;
  }
}
@media screen and (min-width: 768px) {
  #top-slider-contents .swiper-button-prev {
    left: 0.45rem;
    opacity: 0.8;
  }
}

@keyframes mv {
  0% {
    opacity: 0;
    pointer-events: all;
  }
  5% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  55% {
    opacity: 0;
    pointer-events: none;
  }
}
#top-fv {
  margin-bottom: 0.19rem;
}
@media screen and (min-width: 768px) {
  #top-fv {
    margin-bottom: 0.4rem;
  }
}
#top-fv .l-fv {
  position: relative;
  width: 100%;
  height: 2.86rem;
}
@media screen and (min-width: 768px) {
  #top-fv .l-fv {
    height: 6.3rem;
  }
}
#top-fv .l-fv--item {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  animation-name: mv;
  animation-delay: 1s;
  animation-iteration-count: infinite;
  animation-duration: 10s;
  animation-timing-function: linear;
  will-change: opacity;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0;
  pointer-events: none;
}
#top-fv .l-fv--item:nth-child(1) {
  animation-delay: 0s;
}
#top-fv .l-fv--item:nth-child(2) {
  animation-delay: 5s;
}
#top-fv .l-container {
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/top2/fv.webp");
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768px) {
  #top-fv .l-container {
    background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/top2/fv_pc.webp");
  }
}
#top-fv #custom {
  width: 100%;
  height: 2.86rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/custom/fv.sp.webp");
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  #top-fv #custom {
    background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/custom/fv.pc.webp");
    height: 6.3rem;
  }
}
#top-fv .l-catch {
  position: absolute;
  width: -moz-fit-content;
  width: fit-content;
  top: 0.69rem;
  left: 50%;
  transform: translateX(-50%);
  color: white;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: fit-content;
}
@media screen and (min-width: 768px) {
  #top-fv .l-catch {
    display: flex;
    top: 1.84rem;
    transform: unset;
  }
}
#top-fv .l-catch strong {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.26rem;
  line-height: 0.32rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  margin-bottom: 0.17rem;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  #top-fv .l-catch strong {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-size: 0.51rem;
    line-height: 0.61rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    margin-bottom: 0.27rem;
  }
}
#top-fv .l-catch span {
  width: -moz-fit-content;
  width: fit-content;
  height: 0.35rem;
  border-top: 0.015rem solid white;
  border-bottom: 0.015rem solid white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.13rem;
  line-height: 0.16rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  padding: 0.05rem 0.06rem;
  margin-bottom: 0.17rem;
}
@media screen and (min-width: 768px) {
  #top-fv .l-catch span {
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
    font-size: 0.18rem;
    line-height: 0.23rem;
    font-weight: 700;
    letter-spacing: 0;
    padding-left: 0.18rem;
    padding-right: 0.18rem;
    margin-bottom: 0.49rem;
  }
}
#top-fv .l-catch img {
  display: block;
  filter: brightness(0) invert(100%);
  width: 0.98rem;
  height: 0.22rem;
}
@media screen and (min-width: 768px) {
  #top-fv .l-catch img {
    width: 1.19rem;
    height: 0.27rem;
  }
}
#top-fv .l-slider {
  margin-top: 0.13rem;
  margin-bottom: 0.39rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  #top-fv .l-slider {
    margin-top: 0.4rem;
    margin-bottom: 0.8rem;
  }
}
#top-fv .l-slider #top-slider {
  height: 1.23rem;
  transition: 0.3s;
  opacity: 0;
  transition-delay: 1s;
}
#top-fv .l-slider #top-slider.swiper-initialized {
  opacity: 1;
}
@media screen and (min-width: 768px) {
  #top-fv .l-slider #top-slider {
    height: 15.0694vw;
  }
}
#top-fv .l-slider #top-slider .swiper-wrapper {
  height: 100%;
}
#top-fv .l-slider #top-slider .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 100%;
  border-radius: unset;
}
#top-fv .l-slider #top-slider .swiper-wrapper .swiper-slide img {
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  width: 100%;
  height: 100%;
}
#top-fv .l-slider #top-slider-pagination {
  position: absolute;
  bottom: -0.14rem;
  left: 50%;
  transform: translate(-50%, 100%);
  display: flex;
  justify-content: center;
  height: -moz-fit-content;
  height: fit-content;
  gap: 0.05rem;
}
@media screen and (min-width: 768px) {
  #top-fv .l-slider #top-slider-pagination {
    bottom: -0.3rem;
    gap: 0.07rem;
  }
}
#top-fv .l-slider #top-slider-pagination .swiper-pagination-bullet {
  width: 0.05rem;
  height: 0.05rem;
  border: unset;
  background-color: #CCCCCC;
}
@media screen and (min-width: 768px) {
  #top-fv .l-slider #top-slider-pagination .swiper-pagination-bullet {
    width: 0.07rem;
    height: 0.07rem;
  }
}
#top-fv .l-slider #top-slider-pagination .swiper-pagination-bullet-active {
  background-color: #393632;
}

@media screen and (min-width: 768px) {
  #top-page .p-side-menu__parent {
    padding-top: 0.3rem;
  }
}

#top-message {
  padding-bottom: 0.24rem;
}
@media screen and (min-width: 768px) {
  #top-message {
    padding-top: 0.1rem;
    padding-bottom: 0.54rem;
  }
}
#top-message img {
  display: block;
  width: 100%;
  height: auto;
}

#top-pickup {
  padding-bottom: 0.56rem;
}
@media screen and (min-width: 768px) {
  #top-pickup {
    padding-bottom: 0.96rem;
  }
}
#top-pickup .c-heading--horizontal {
  margin-bottom: 0.3rem;
}
#top-pickup .l-container {
  position: relative;
  max-width: unset;
  width: 100vw;
  overflow-x: scroll;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  padding-bottom: 0.2rem;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  #top-pickup .l-container {
    position: initial;
    max-width: 100%;
    width: 100%;
    overflow: initial;
    padding: 0;
    left: unset;
    transform: unset;
  }
}
#top-pickup .l-container .p-product-list {
  flex-wrap: nowrap;
}
#top-pickup .l-container .l-space {
  width: 0.1rem;
  flex: none;
}

#top-choice {
  padding-bottom: 0.56rem;
}
@media screen and (min-width: 768px) {
  #top-choice {
    padding-bottom: 1.39rem;
  }
}
#top-choice .c-heading--horizontal {
  margin-bottom: 0.3rem;
}
@media screen and (min-width: 768px) {
  #top-choice .c-heading--horizontal {
    margin-right: 0.35rem;
  }
}
#top-choice .c-heading--side-bar {
  margin-bottom: 0.19rem;
}
#top-choice .l-container .l-wrapper {
  padding-bottom: 3rem;
  position: relative;
}
#top-choice .l-container .l-wrapper:nth-last-of-type(1) {
  padding-bottom: unset;
}
@media screen and (min-width: 768px) {
  #top-choice .l-container .l-wrapper {
    padding-bottom: 1rem;
  }
}
#top-choice .l-container .l-wrapper .l-banner {
  position: absolute;
  max-width: unset;
  width: 100%;
  height: auto;
  bottom: 0.97rem;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  #top-choice .l-container .l-wrapper .l-banner {
    position: initial;
    left: unset;
    width: 2.46rem;
    height: 1.25rem;
    transform: unset;
  }
}
#top-choice .l-container .l-wrapper .l-banner img {
  display: block;
  width: 100%;
  height: 100%;
}

#top-custom {
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  #top-custom {
    padding-bottom: 0.68rem;
  }
}
#top-custom .l-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 0.2rem;
}
@media screen and (min-width: 768px) {
  #top-custom .l-container {
    margin-bottom: 0.3rem;
  }
}
#top-custom .l-banner {
  width: 100%;
}
#top-custom .l-banner img {
  display: block;
  width: 100%;
  height: auto;
}

#top-feature {
  padding-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  #top-feature {
    padding-bottom: 0.68rem;
  }
}
#top-feature .l-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 0.2rem;
}
@media screen and (min-width: 768px) {
  #top-feature .l-top {
    margin-bottom: 0.3rem;
  }
}
#top-feature > .c-heading--horizontal {
  margin-bottom: 0.2rem;
}
#top-feature .l-container {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #top-feature .l-container {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.17rem 0;
    justify-content: space-between;
  }
}
#top-feature .l-container .l-wrapper {
  width: 100%;
}
@media screen and (min-width: 768px) {
  #top-feature .l-container .l-wrapper {
    width: 5.07rem;
  }
}
#top-feature .l-container .l-wrapper img {
  display: block;
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  #top-feature .l-container .l-wrapper:nth-child(1) {
    width: 100%;
  }
}
#top-feature .l-space {
  padding-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  #top-feature .l-space {
    padding-top: 0.68rem;
  }
}

#top-order {
  padding-top: 0.2rem;
  padding-bottom: 0.4rem;
  width: 100%;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/top2/bg_order.svg");
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  #top-order {
    background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/top2/bg_order_pc.svg");
    padding-top: 0.75rem;
    padding-bottom: 0.81rem;
  }
}
#top-order .c-heading--horizontal {
  margin-bottom: 0.21rem;
}
@media screen and (min-width: 768px) {
  #top-order .c-heading--horizontal {
    margin-right: 0.35rem;
  }
}
#top-order .l-container {
  padding-left: 0.38rem;
  padding-right: 0.38rem;
}
@media screen and (min-width: 768px) {
  #top-order .l-container {
    padding-left: unset;
    padding-right: unset;
    position: relative;
    left: 1.45rem;
  }
}
#top-order .l-list {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #top-order .l-list {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.175rem 0.1rem;
  }
}
#top-order .l-list a {
  position: relative;
  padding: 0.1rem 0.12rem 0.32rem;
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  position: relative;
  background-color: white;
  box-shadow: 0 0.02rem 0.1rem rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 768px) {
  #top-order .l-list a {
    display: flex;
    padding: 0.07rem;
    width: 5.07rem;
    flex: none;
    flex-direction: row;
    gap: 0.3rem;
  }
}
#top-order .l-list a img {
  display: block;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 768px) {
  #top-order .l-list a img {
    width: 2.09rem;
    height: 2.18rem;
    flex: none;
  }
}
#top-order .l-list a div {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
@media screen and (min-width: 768px) {
  #top-order .l-list a div {
    gap: 0.2rem;
    padding-right: 0.3rem;
    padding-top: 0.2rem;
  }
}
#top-order .l-list a div h3 {
  display: block;
  width: 100%;
  padding-bottom: 0.12rem;
  border-bottom: 0.015rem solid var(--body-color);
  color: var(--body-color);
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.18rem;
  line-height: 0.24rem;
  font-weight: 700;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  #top-order .l-list a div h3 {
    white-space: nowrap;
  }
}
#top-order .l-list a div p {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.14rem;
  line-height: 0.21rem;
  font-weight: 500;
  letter-spacing: 0;
}
#top-order .l-list a span {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0.32rem;
  height: 0.32rem;
  background-color: var(--body-color);
  display: flex;
  align-items: center;
  justify-content: center;
}
#top-order .l-list a span::after {
  content: "";
  width: 0.08rem;
  height: 0.14rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/arrow_right_emerald.svg");
  background-size: contain;
  background-repeat: no-repeat;
  filter: brightness(0) invert(1);
}

#top-information {
  padding-top: 0.56rem;
  padding-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  #top-information {
    padding-top: 0.78rem;
    padding-bottom: 0.73rem;
  }
}
@media screen and (min-width: 768px) {
  #top-information .l-container {
    position: relative;
    left: 1.45rem;
  }
}
#top-information .c-heading--vertical {
  flex: none;
}
#top-information .l-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.29rem;
  margin-bottom: 0.28rem;
}
@media screen and (min-width: 768px) {
  #top-information .l-wrapper {
    flex-direction: row;
    gap: 0.48rem;
    align-items: center;
    padding-right: 0.82rem;
    margin-bottom: 0.64rem;
  }
}
#top-information .l-news {
  display: flex;
  flex-direction: column;
  gap: 0.22rem;
  width: 100%;
}
#top-information .l-news__wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.08rem;
  padding-bottom: 0.21rem;
  border-bottom: 0.01rem solid #E2DFDF;
}
#top-information .l-news__info {
  display: flex;
  gap: 0.2rem;
  color: var(--body-color);
}
#top-information .l-news__date {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.14rem;
  line-height: 0.18rem;
  font-weight: 500;
  letter-spacing: 0;
}
#top-information .l-news__category {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.14rem;
  line-height: 0.18rem;
  font-weight: 500;
  letter-spacing: 0;
}
#top-information .l-news__title {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.16rem;
  line-height: 0.23rem;
  font-weight: 500;
  letter-spacing: -0.05em;
  color: #393632;
}
#top-information .c-btn--more {
  margin: auto;
}
@media screen and (min-width: 768px) {
  #top-information .c-btn--more {
    width: 1.65rem;
    height: 0.49rem;
    padding-right: unset;
    font-size: 0.18rem;
    line-height: 0.23rem;
  }
}

#top-about {
  width: 100%;
  background-color: var(--body-color);
  color: white;
}
#top-about .l-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #top-about .l-container {
    flex-direction: row;
  }
}
#top-about .l-image {
  width: 100%;
  height: 2.7rem;
}
@media screen and (min-width: 768px) {
  #top-about .l-image {
    height: auto;
    width: 50%;
    flex: none;
  }
}
#top-about .l-image img {
  display: block;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768px) {
  #top-about .l-image img {
    -o-object-position: 25%;
       object-position: 25%;
  }
}
#top-about .l-text {
  padding-top: 0.36rem;
  padding-bottom: 0.37rem;
  text-align: center;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/top2/bg_about.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom right;
}
@media screen and (min-width: 768px) {
  #top-about .l-text {
    background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/top2/bg_about_pc.svg");
    padding-top: 1.06rem;
    padding-left: 1.08rem;
    padding-bottom: 1.11rem;
    width: 50%;
  }
}
#top-about .l-text h2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0.13rem;
}
@media screen and (min-width: 768px) {
  #top-about .l-text h2 {
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 0.33rem;
  }
}
#top-about .l-text h2 span {
  font-family: "Marcellus", serif;
  font-size: 0.2rem;
  line-height: 0.25rem;
  font-weight: 400;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  #top-about .l-text h2 span {
    font-size: 0.3rem;
    line-height: 0.37rem;
  }
}
#top-about .l-text h2 strong {
  font-family: "Marcellus", serif;
  font-size: 0.47rem;
  line-height: 0.59rem;
  font-weight: 400;
  letter-spacing: 0.045em;
}
@media screen and (min-width: 768px) {
  #top-about .l-text h2 strong {
    font-size: 0.69rem;
    line-height: 0.86rem;
  }
}
#top-about .l-text h3 {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.17rem;
  line-height: 0.22rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  margin-bottom: 0.28rem;
}
@media screen and (min-width: 768px) {
  #top-about .l-text h3 {
    text-align: left;
    font-size: 0.22rem;
    line-height: 0.29rem;
    margin-bottom: 0.47rem;
  }
}
#top-about .l-text p {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.13rem;
  line-height: 0.23rem;
  font-weight: 700;
  letter-spacing: 0;
  margin-bottom: 0.21rem;
}
@media screen and (min-width: 768px) {
  #top-about .l-text p {
    text-align: left;
    margin-bottom: 0.38rem;
    font-size: 0.15rem;
    line-height: 0.26rem;
  }
}
#top-about .l-text a {
  width: 2.9rem;
  height: 0.41rem;
  margin: auto;
  border: 0.01rem solid white;
  font-family: "Marcellus", serif;
  font-size: 0.13rem;
  line-height: 0.17rem;
  font-weight: 400;
  letter-spacing: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  #top-about .l-text a {
    width: 3.94rem;
    height: 0.65rem;
    margin: unset;
    font-size: 0.24rem;
    line-height: 0.3rem;
  }
}

#top-column {
  padding-top: 0.44rem;
  padding-bottom: 0.46rem;
  background-color: #F0F0E8;
}
@media screen and (min-width: 768px) {
  #top-column {
    padding-top: 0.78rem;
    padding-bottom: 0.72rem;
  }
}
#top-column .c-heading--horizontal {
  padding-bottom: 0.25rem;
}
@media screen and (min-width: 768px) {
  #top-column .c-heading--horizontal {
    padding-bottom: 0.37rem;
  }
}
#top-column .l-container {
  display: flex;
  flex-direction: column;
  gap: 0.19rem;
  padding-left: 0.15rem;
  padding-right: 0.15rem;
  width: 100%;
  margin-bottom: 0.19rem;
}
@media screen and (min-width: 768px) {
  #top-column .l-container {
    padding-left: unset;
    padding-right: unset;
    flex-direction: row;
    gap: 0.6rem 0.2rem;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 0.6rem;
  }
}
#top-column .l-container .l-wrapper {
  width: 100%;
}
@media screen and (min-width: 768px) {
  #top-column .l-container .l-wrapper {
    width: 3.22rem;
  }
}
#top-column .l-container .l-wrapper img {
  display: block;
  width: 3.05rem;
  height: 1.71rem;
  margin-bottom: 0.09rem;
}
@media screen and (min-width: 768px) {
  #top-column .l-container .l-wrapper img {
    width: 100%;
    height: 1.8rem;
    margin-bottom: 0.23rem;
  }
}
#top-column .l-container .l-wrapper h2 {
  font-feature-settings: "palt" 1;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.15rem;
  line-height: 0.23rem;
  font-weight: 700;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  #top-column .l-container .l-wrapper h2 {
    font-size: 0.15rem;
    line-height: 0.19rem;
    margin-bottom: 0.14rem;
  }
}
#top-column .l-container .l-wrapper p {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.14rem;
  line-height: 0.23rem;
  font-weight: 500;
  letter-spacing: 0;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  max-height: 1rem;
}
#top-column .c-btn--more {
  margin: auto;
}
@media screen and (min-width: 768px) {
  #top-column .c-btn--more {
    width: 1.65rem;
    height: 0.49rem;
    font-family: "Marcellus", serif;
    font-size: 0.18rem;
    line-height: 0.23rem;
    font-weight: 400;
    letter-spacing: 0;
    padding-right: unset;
  }
}

/* CUSTOM PAGE */
#custom-header {
  width: 100%;
  height: 3.28rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//custom/header.sp.webp");
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
}
@media screen and (min-width: 768px) {
  #custom-header {
    height: 33.05vw;
    background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//custom/header.pc.webp");
  }
}

#custom-intro {
  padding-top: 0.3rem;
}
@media screen and (min-width: 768px) {
  #custom-intro {
    padding-top: 0.27rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
#custom-intro .l-catch {
  color: #393632;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.2rem;
  line-height: 0.28rem;
  font-weight: 700;
  letter-spacing: 0;
  margin-bottom: 0.24rem;
}
#custom-intro .l-desc {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.14rem;
  line-height: 0.21rem;
  font-weight: 5000;
  letter-spacing: 0;
  margin-bottom: 0.26rem;
}
@media screen and (min-width: 768px) {
  #custom-intro .l-desc {
    font-size: 0.15rem;
    line-height: 0.29rem;
    margin-bottom: 0.45rem;
  }
}

#custom-guide {
  display: flex;
  flex-direction: column;
  padding-bottom: 0.6rem;
}
@media screen and (min-width: 768px) {
  #custom-guide {
    padding-bottom: 0.8rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
#custom-guide .l-box {
  width: 100%;
  border-radius: 0.04rem;
  background-color: #F7F7F3;
  padding: 0.19rem 0.21rem 0.25rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  #custom-guide .l-box {
    padding: 0.49rem 0.69rem 0.53rem 0.64rem;
  }
}
#custom-guide .l-box::after {
  content: "";
  position: absolute;
  width: 0.2rem;
  height: 0.11rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//custom/arrow_bottom.sp.svg");
  background-size: contain;
  background-repeat: no-repeat;
  bottom: -0.29rem;
  left: 50%;
  transform: translate(-50%, 100%);
}
@media screen and (min-width: 768px) {
  #custom-guide .l-box::after {
    width: 0.36rem;
    height: 0.16rem;
    background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//custom/arrow_bottom.pc.svg");
    bottom: -0.31rem;
  }
}
#custom-guide .l-box:nth-last-of-type(1)::after {
  content: unset;
}
#custom-guide .l-heading {
  display: flex;
  gap: 0.11rem;
  align-items: center;
  padding-bottom: 0.08rem;
  border-bottom: 0.01rem solid #D8D8D8;
}
@media screen and (min-width: 768px) {
  #custom-guide .l-heading {
    gap: unset;
    padding-bottom: 0.08rem;
    margin-bottom: 0.34rem;
  }
}
#custom-guide .l-heading strong {
  color: #BA9E5C;
  font-family: "Marcellus", serif;
  font-size: 0.32rem;
  line-height: 0.35rem;
  font-weight: 400;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  #custom-guide .l-heading strong {
    font-size: 0.4rem;
    line-height: 0.45rem;
  }
}
#custom-guide .l-heading span {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.14rem;
  line-height: 0.21rem;
  font-weight: 700;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  #custom-guide .l-heading span {
    font-size: 0.2rem;
    line-height: 0.26rem;
    margin-left: 0.3rem;
    margin-right: 0.45rem;
  }
}
#custom-guide .l-heading p {
  display: none;
}
@media screen and (min-width: 768px) {
  #custom-guide .l-heading p {
    display: inline;
    padding-top: 0.02rem;
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
    font-size: 0.15rem;
    line-height: 0.26rem;
    font-weight: 500;
    letter-spacing: 0;
  }
}
#custom-guide .l-desc {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.15rem;
  line-height: 0.26rem;
  font-weight: 500;
  letter-spacing: 0;
  margin-top: 0.15rem;
  margin-bottom: 0.24rem;
}
@media screen and (min-width: 768px) {
  #custom-guide .l-desc {
    display: none;
  }
}
#custom-guide .l-container {
  display: flex;
  flex-direction: column;
  gap: 0.64rem;
}
@media screen and (min-width: 768px) {
  #custom-guide .l-container {
    gap: 0.8rem;
  }
}
#custom-guide .l-content {
  display: flex;
  flex-direction: column;
  gap: 0.27rem;
}
@media screen and (min-width: 768px) {
  #custom-guide .l-content {
    flex-direction: row;
    gap: 0.51rem 0.68rem;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 768px) {
  #custom-guide .l-content__wrapper {
    width: 3.54rem;
  }
  #custom-guide .l-content__wrapper:nth-of-type(3) {
    width: 100%;
  }
  #custom-guide .l-content__wrapper:nth-of-type(3) .l-content__heading {
    margin-bottom: 0.32rem;
  }
  #custom-guide .l-content__wrapper:nth-of-type(3) .l-content__desc {
    width: 3.9rem;
    margin-left: auto;
    line-height: 0.21rem;
  }
}
#custom-guide .l-content__heading {
  width: 100%;
  color: #BA9E5C;
  border-bottom: 0.015rem solid #BA9E5C;
  margin-bottom: 0.13rem;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.14rem;
  line-height: 0.17rem;
  font-weight: 700;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  #custom-guide .l-content__heading {
    font-size: 0.16rem;
    line-height: 0.17rem;
    padding-bottom: 0.09rem;
  }
}
#custom-guide .l-content__gallery {
  display: flex;
}
#custom-guide .l-content__gallery img {
  display: block;
}
#custom-guide .l-content__gallery figcaption {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.11rem;
  line-height: 0.17rem;
  font-weight: 500;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  #custom-guide .l-content__gallery figcaption {
    font-size: 0.14rem;
    line-height: 0.17rem;
  }
}
#custom-guide .l-content__desc {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.11rem;
  line-height: 0.17rem;
  font-weight: 500;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  #custom-guide .l-content__desc {
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
    font-size: 0.14rem;
    line-height: 0.17rem;
    font-weight: 500;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  #custom-guide .l-content__flex {
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px) {
  #custom-guide .l-content__flex--left {
    width: 3.46rem;
  }
}
#custom-guide .l-content #gallery1 {
  justify-content: space-between;
  margin-bottom: 0.09rem;
}
@media screen and (min-width: 768px) {
  #custom-guide .l-content #gallery1 {
    margin-bottom: 0.14rem;
  }
}
#custom-guide .l-content #gallery1 figure {
  width: 0.67rem;
  height: 0.91rem;
  border: 0.015rem solid #C6C6C6;
}
@media screen and (min-width: 768px) {
  #custom-guide .l-content #gallery1 figure {
    width: 0.84rem;
    height: 1.16rem;
  }
}
#custom-guide .l-content #gallery1 figure:nth-of-type(2) {
  margin-right: 0.07rem;
}
@media screen and (min-width: 768px) {
  #custom-guide .l-content #gallery1 figure:nth-of-type(2) {
    margin-right: unset;
  }
}
#custom-guide .l-content #gallery2 {
  justify-content: space-between;
  margin-bottom: 0.09rem;
  align-items: flex-end;
}
@media screen and (min-width: 768px) {
  #custom-guide .l-content #gallery2 {
    justify-content: center;
  }
}
#custom-guide .l-content #gallery2 figure {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 768px) {
  #custom-guide .l-content #gallery2 figure {
    padding-left: 0.15rem;
  }
}
#custom-guide .l-content #gallery2 figure:nth-of-type(1) img {
  width: 0.82rem;
  height: 0.82rem;
  margin-bottom: 0.01rem;
}
@media screen and (min-width: 768px) {
  #custom-guide .l-content #gallery2 figure:nth-of-type(1) img {
    width: 1.01rem;
    height: 1.01rem;
    margin-bottom: 0.21rem;
  }
}
#custom-guide .l-content #gallery2 figure:nth-of-type(2) {
  margin-left: 0.15rem;
}
@media screen and (min-width: 768px) {
  #custom-guide .l-content #gallery2 figure:nth-of-type(2) {
    margin-left: unset;
  }
}
#custom-guide .l-content #gallery2 figure:nth-of-type(2) img {
  width: 0.97rem;
  height: 0.72rem;
  margin-bottom: 0.03rem;
}
@media screen and (min-width: 768px) {
  #custom-guide .l-content #gallery2 figure:nth-of-type(2) img {
    width: 1.21rem;
    height: 0.89rem;
    margin-bottom: 0.27rem;
  }
}
@media screen and (min-width: 768px) {
  #custom-guide .l-content #gallery2 figure:nth-of-type(3) {
    margin-left: -0.1rem;
  }
}
#custom-guide .l-content #gallery2 figure:nth-of-type(3) img {
  width: 1.05rem;
  height: 0.7rem;
  margin-bottom: 0.05rem;
}
@media screen and (min-width: 768px) {
  #custom-guide .l-content #gallery2 figure:nth-of-type(3) img {
    width: 1.31rem;
    height: 0.88rem;
    margin-bottom: 0.32rem;
  }
}
#custom-guide .l-content #gallery2 figure:nth-of-type(3) figcaption {
  position: relative;
}
#custom-guide .l-content #gallery2 figure:nth-of-type(3) figcaption::after {
  content: "など";
  position: absolute;
  right: -0.17rem;
  transform: translateX(100%);
}
#custom-guide .l-content #graph {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 0.17rem;
}
@media screen and (min-width: 768px) {
  #custom-guide .l-content #graph {
    width: 3.53rem;
    flex: none;
  }
}
#custom-guide .l-content #graph span {
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  border-radius: 0.04rem 0.04rem 0 0;
  background-color: #BA9E5C;
  width: 0.9rem;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.11rem;
  line-height: 0.17rem;
  font-weight: 700;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  #custom-guide .l-content #graph span {
    width: 1.1rem;
  }
}
#custom-guide .l-content #graph span:nth-of-type(1) {
  height: 0.22rem;
}
@media screen and (min-width: 768px) {
  #custom-guide .l-content #graph span:nth-of-type(1) {
    height: 0.27rem;
  }
}
#custom-guide .l-content #graph span:nth-of-type(2) {
  height: 0.32rem;
}
@media screen and (min-width: 768px) {
  #custom-guide .l-content #graph span:nth-of-type(2) {
    height: 0.39rem;
  }
}
#custom-guide .l-content #graph span:nth-of-type(3) {
  height: 0.45rem;
}
@media screen and (min-width: 768px) {
  #custom-guide .l-content #graph span:nth-of-type(3) {
    height: 0.55rem;
  }
}
@media screen and (min-width: 768px) {
  #custom-guide #customize {
    padding-bottom: 0.2rem;
  }
}
@media screen and (min-width: 768px) {
  #custom-guide #customize .l-desc {
    display: block;
  }
}
#custom-guide #customize #gallery3 {
  align-items: flex-end;
}
@media screen and (min-width: 768px) {
  #custom-guide #customize #gallery3 {
    position: relative;
    top: -0.22rem;
  }
}
#custom-guide #customize #gallery3 #gallery3-1 {
  width: 0.94rem;
  height: 0.94rem;
  margin-bottom: 0.1rem;
}
@media screen and (min-width: 768px) {
  #custom-guide #customize #gallery3 #gallery3-1 {
    width: 1.12rem;
    height: 1.12rem;
    margin-bottom: 0.13rem;
  }
}
#custom-guide #customize #gallery3 #gallery3-2 {
  width: 0.92rem;
  height: 1.09rem;
  margin-bottom: 0.04rem;
  margin-left: 0.13rem;
  margin-right: 0.04rem;
}
@media screen and (min-width: 768px) {
  #custom-guide #customize #gallery3 #gallery3-2 {
    width: 1.11rem;
    height: 1.31rem;
    margin-left: 0.26rem;
    margin-right: 0.2rem;
    margin-bottom: 0.06rem;
  }
}
#custom-guide #customize #gallery3 #gallery3-3 {
  width: 0.95rem;
  height: 1.26rem;
}
@media screen and (min-width: 768px) {
  #custom-guide #customize #gallery3 #gallery3-3 {
    width: 1.14rem;
    height: 1.52rem;
  }
}
@media screen and (min-width: 768px) {
  #custom-guide #delivery {
    padding-bottom: 0.2rem;
  }
}
@media screen and (min-width: 768px) {
  #custom-guide #delivery .l-desc {
    display: block;
  }
}
#custom-guide #delivery #gallery4 {
  align-items: flex-end;
}
@media screen and (min-width: 768px) {
  #custom-guide #delivery #gallery4 {
    padding-right: 0.67rem;
  }
}
#custom-guide #delivery #gallery4 #gallery4-1 {
  width: 2.25rem;
  height: 1.06rem;
}
@media screen and (min-width: 768px) {
  #custom-guide #delivery #gallery4 #gallery4-1 {
    width: 2.53rem;
    height: 1.19rem;
  }
}

#custom-area {
  padding-bottom: 1rem;
}
@media screen and (min-width: 768px) {
  #custom-area {
    padding-bottom: 1.2rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
#custom-area .c-heading--long {
  margin-bottom: 0.17rem;
}
@media screen and (min-width: 768px) {
  #custom-area .c-heading--long {
    margin-bottom: 0.24rem;
  }
}
#custom-area .l-desc {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.15rem;
  line-height: 0.26rem;
  font-weight: 500;
  letter-spacing: 0;
}
#custom-area .c-btn--white {
  margin-top: 0.18rem;
}
@media screen and (min-width: 768px) {
  #custom-area .c-btn--white {
    margin-top: 0.48rem;
    margin-left: auto;
    margin-right: auto;
  }
}

#custom-direction {
  padding-bottom: 0.31rem;
}
@media screen and (min-width: 768px) {
  #custom-direction {
    padding-bottom: 0.81rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
#custom-direction .l-heading {
  width: 100%;
  height: 0.4rem;
  background-color: #C61E7F;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.18rem;
  line-height: 0.26rem;
  font-weight: 700;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  #custom-direction .l-heading {
    height: 0.43rem;
  }
}
#custom-direction .l-box {
  width: 100%;
  height: 2.93rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//custom/direction.webp");
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  #custom-direction .l-box {
    height: 2.72rem;
  }
}

@media screen and (min-width: 768px) {
  #custom-faq {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 1.33rem;
  }
}
#custom-faq .c-heading--long {
  height: 0.5rem;
  background-color: #EAEAEA;
  color: #6F6F6F;
  font-size: 0.16rem;
  padding-left: 0.15rem;
  margin-bottom: unset;
}
@media screen and (min-width: 768px) {
  #custom-faq .c-heading--long {
    height: 0.7rem;
    font-size: 0.16rem;
    line-height: 0.21rem;
    padding-left: 0.15rem;
  }
}
#custom-faq .p-faq3 {
  margin-bottom: 0.27rem;
}
@media screen and (min-width: 768px) {
  #custom-faq .p-faq3 {
    margin-bottom: 0.55rem;
  }
}
#custom-faq .p-faq3__question {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.15rem;
  line-height: 0.2rem;
  font-weight: 700;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  #custom-faq .p-faq3__question {
    padding-left: unset;
    padding-top: 0.23rem;
    padding-bottom: 0.2rem;
  }
}
@media screen and (min-width: 768px) {
  #custom-faq .p-faq3__answer {
    padding-left: 0.2rem;
    padding-right: 0.8rem;
  }
}
#custom-faq .p-faq3__display {
  width: 0.12rem;
  height: 0.07rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//custom/arrow_bottom_small.svg");
  background-size: contain;
  background-repeat: no-repeat;
  right: 0.06rem;
}
#custom-faq .c-btn--box-arrow {
  margin: auto;
}

#custom-page {
  padding-bottom: 1.5rem;
}
#custom-page #lp-form {
  padding-top: 0.5rem;
  padding-top: 0.93rem;
}
#custom-page #lp-form .l-form {
  padding-left: unset;
  padding-right: unset;
}
@media screen and (min-width: 768px) {
  #custom-page #lp-form .l-form {
    padding-left: unset;
    padding-right: unset;
  }
}
@media screen and (min-width: 768px) {
  #custom-page #lp-form .l-form__items {
    padding-left: unset;
  }
}
#custom-page #lp-form .l-form__items--container {
  justify-content: flex-start;
}
@media screen and (min-width: 768px) {
  #custom-page #lp-form .l-form__items--container {
    justify-content: flex-start;
    gap: 0.12rem;
    padding-left: unset;
  }
}
@media screen and (min-width: 768px) {
  #custom-page #lp-form .l-form__items--product:nth-of-type(2) {
    margin-right: 0.24rem;
  }
}

#custom-order-page main {
  overflow: initial;
  width: 100%;
}

#custom-modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100000;
  transition: 0.3s;
  opacity: 0;
  pointer-events: none;
  width: 100vw;
  height: 100vh;
}
@media screen and (min-width: 768px) {
  #custom-modal:has([data-narrow]) #custom-modal-content {
    width: 5.87rem;
    left: calc(50% + 2.5rem);
    padding: 0.37rem 0.5rem;
  }
}
#custom-modal-sw {
  display: none;
}
#custom-modal-sw:checked ~ #custom-modal {
  opacity: 1;
  pointer-events: all;
}
#custom-modal-bg {
  position: absoltue;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  display: block;
}
#custom-modal-close {
  display: block;
  position: absolute;
  z-index: 3;
  top: 0.18rem;
  right: 0.2rem;
  width: 0.31rem;
  height: 0.31rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//custom/close.svg");
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}
#custom-modal-pannel .l-heading--gray {
  margin-top: 0.5rem;
  margin-bottom: unset !important;
}
#custom-modal-image img {
  margin-bottom: 0.3rem;
}
#custom-modal-content {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  background-color: white;
  max-width: 100%;
  padding: 0.63rem 0.2rem;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
@media screen and (min-width: 768px) {
  #custom-modal-content {
    width: 9.2rem;
    border-radius: 0.1rem;
    height: -moz-fit-content;
    height: fit-content;
    max-height: 95vh;
    overflow-y: scroll;
    padding: 0.9rem 0.4rem 0.4rem;
    top: 50%;
    left: calc(50% + 1.65rem);
    transform: translate(-50%, -50%);
  }
  #custom-modal-content::-webkit-scrollbar {
    display: none;
  }
}
#custom-modal-content .l-heading--gray {
  width: 100%;
  height: 0.5rem;
  display: flex;
  align-items: center;
  padding-left: 0.15rem;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.16rem;
  line-height: 0.26rem;
  font-weight: 700;
  letter-spacing: 30;
  background-color: #EAEAEA;
  color: #6F6F6F;
  margin-bottom: 0.26rem;
}
#custom-modal-content .l-heading--line {
  padding-left: 0.1rem;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.2rem;
  line-height: 0.26rem;
  font-weight: 700;
  letter-spacing: 0;
  position: relative;
}
@media screen and (min-width: 768px) {
  #custom-modal-content .l-heading--line {
    font-size: 0.24rem;
    line-height: 0.31rem;
  }
}
#custom-modal-content .l-heading--line::before {
  content: "";
  position: absolute;
  top: 0.04rem;
  left: 0;
  width: 0.02rem;
  height: 0.18rem;
  background-color: #BA9E5C;
  margin-bottom: 0.26rem;
}
@media screen and (min-width: 768px) {
  #custom-modal-content .l-heading--line::before {
    height: 0.23rem;
  }
}
#custom-modal-content .l-content h2 {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.15rem;
  line-height: 0.17rem;
  font-weight: 700;
  letter-spacing: 0;
  margin-top: 0.26rem;
}
@media screen and (min-width: 768px) {
  #custom-modal-content .l-content h2 {
    font-size: 0.16rem;
    line-height: 0.24rem;
  }
}
#custom-modal-content .l-content p {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.14rem;
  line-height: 0.17rem;
  font-weight: 500;
  letter-spacing: 0;
  margin-top: 0.12rem;
}
@media screen and (min-width: 768px) {
  #custom-modal-content .l-content p {
    line-height: 0.19rem;
    margin-top: 0.07rem;
  }
}
#custom-modal-content .l-content img {
  display: block;
  width: 100%;
  margin-top: 0.26rem;
}
@media screen and (min-width: 768px) {
  #custom-modal-content .l-content img {
    margin-top: 0.32rem;
  }
}
#custom-modal-content .l-area {
  display: flex;
  flex-direction: column;
  gap: 0.12rem;
}
#custom-modal-content .l-area dl {
  display: flex;
  border-bottom: 0.01rem solid #D8D8D8;
  padding-bottom: 0.1rem;
}
#custom-modal-content .l-area dl dt {
  width: 1.07rem;
  flex: none;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.16rem;
  line-height: 0.21rem;
  font-weight: 700;
  letter-spacing: 0;
}
#custom-modal-content .l-area dl dd {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.15rem;
  line-height: 0.26rem;
  font-weight: 500;
  letter-spacing: 0;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  #custom-modal-content .l-area dl dd {
    flex-direction: row;
  }
}
#custom-modal-content .l-area dl dd span::after {
  content: "、";
}
#custom-modal-content .l-area dl dd span:nth-last-of-type(1)::after {
  content: unset;
}
#custom-modal-content .p-faq3 {
  margin-bottom: 0.27rem;
}
@media screen and (min-width: 768px) {
  #custom-modal-content .p-faq3 {
    margin-bottom: 0.55rem;
  }
}
#custom-modal-content .p-faq3__question {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.15rem;
  line-height: 0.2rem;
  font-weight: 700;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  #custom-modal-content .p-faq3__question {
    padding-left: unset;
    padding-top: 0.23rem;
    padding-bottom: 0.2rem;
  }
}
@media screen and (min-width: 768px) {
  #custom-modal-content .p-faq3__answer {
    padding-left: 0.2rem;
    padding-right: 0.8rem;
  }
}
#custom-modal-content .p-faq3__display {
  width: 0.12rem;
  height: 0.07rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//custom/arrow_bottom_small.svg");
  background-size: contain;
  background-repeat: no-repeat;
  right: 0.06rem;
}

#custom-main {
  padding-top: 0.31rem;
  padding-left: 0.18rem;
  padding-right: 0.18rem;
  padding-bottom: 2.2rem;
}
@media screen and (min-width: 768px) {
  #custom-main {
    padding-top: 0.73rem;
    padding-left: unset;
    padding-right: unset;
    padding-bottom: 1.82rem;
  }
}

#custom-main-faq {
  padding-top: 0.2rem;
  padding-bottom: 0.76rem;
}
@media screen and (min-width: 768px) {
  #custom-main-faq {
    padding-top: 0.58rem;
    padding-left: 0.8rem;
    padding-right: 0.8rem;
    padding-bottom: 1.33rem;
  }
}
#custom-main-faq .c-heading--long {
  height: 0.5rem;
  background-color: #EAEAEA;
  color: #6F6F6F;
  font-size: 0.16rem;
  padding-left: 0.15rem;
  margin-bottom: unset;
}
@media screen and (min-width: 768px) {
  #custom-main-faq .c-heading--long {
    height: 0.7rem;
    font-size: 0.16rem;
    line-height: 0.21rem;
    padding-left: 0.15rem;
  }
}
#custom-main-faq .p-faq3 {
  margin-bottom: 0.27rem;
}
@media screen and (min-width: 768px) {
  #custom-main-faq .p-faq3 {
    margin-bottom: 0.55rem;
  }
}
#custom-main-faq .p-faq3__question {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.15rem;
  line-height: 0.2rem;
  font-weight: 700;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  #custom-main-faq .p-faq3__question {
    padding-left: unset;
    padding-top: 0.23rem;
    padding-bottom: 0.2rem;
  }
}
@media screen and (min-width: 768px) {
  #custom-main-faq .p-faq3__answer {
    padding-left: 0.2rem;
    padding-right: 0.8rem;
  }
}
#custom-main-faq .p-faq3__display {
  width: 0.12rem;
  height: 0.07rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//custom/arrow_bottom_small.svg");
  background-size: contain;
  background-repeat: no-repeat;
  right: 0.06rem;
}
#custom-main-faq .c-btn--box-arrow {
  margin: auto;
}

#custom-sw {
  display: none;
}
#custom-sw ~ #custom2 {
  height: 0;
  overflow-y: hidden;
}
#custom-sw:checked ~ #custom-main-wrapper {
  height: 0;
  overflow-y: hidden;
  padding: 0;
}
#custom-sw:checked ~ #custom-main-wrapper .p-custom-main__total {
  display: none;
}
#custom-sw:checked ~ #custom-customize-wrapper {
  height: -moz-fit-content;
  height: fit-content;
  overflow-y: initial;
}
#custom-sw:checked ~ #custom-customize-wrapper .p-customize__top {
  display: flex;
}

#custom-customize-wrapper {
  height: 0;
  overflow-y: hidden;
}

/* OPTION PAGE */
#option-main {
  padding-top: 0.1rem;
  padding-bottom: 1rem;
}
@media screen and (min-width: 768px) {
  #option-main {
    padding-top: 0.39rem;
    padding-bottom: 1.8rem;
  }
}

/*CATEGORY PAGE*/
#product-list-intro {
  padding-top: 0.28rem;
  padding-bottom: 0.64rem;
}
@media screen and (min-width: 768px) {
  #product-list-intro {
    padding-top: 0.39rem;
    padding-bottom: 0.99rem;
  }
}
#product-list-intro .c-heading--bg {
  margin-bottom: 0.29rem;
}
@media screen and (min-width: 768px) {
  #product-list-intro .c-heading--bg {
    margin-bottom: 0.58rem;
  }
}
#product-list-intro .c-heading--horizontal {
  margin-bottom: 0.24rem;
}
@media screen and (min-width: 768px) {
  #product-list-intro .c-heading--horizontal {
    margin-bottom: 0.32rem;
  }
}

#product-list-head {
  padding-top: 0.18rem;
  padding-bottom: 0.61rem;
}
@media screen and (min-width: 768px) {
  #product-list-head {
    padding-top: 0.39rem;
    padding-bottom: 0.8rem;
  }
}
#product-list-head h2 {
  width: 100%;
  padding-bottom: 0.25rem;
  border-bottom: 0.015rem solid #E2DFDF;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.19rem;
  line-height: 0.28rem;
  font-weight: 700;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  #product-list-head h2 {
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
    font-size: 0.24rem;
    line-height: 0.38rem;
    font-weight: 700;
    letter-spacing: 0;
  }
}
#product-list-head p {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.16rem;
  line-height: 0.28rem;
  font-weight: 500;
  letter-spacing: 0;
  margin-bottom: 0.6rem;
}
#product-list-head p strong {
  display: block;
  margin-top: 0.05rem;
  color: #BE6B6B;
}
#product-list-head > * {
  display: block;
  margin-bottom: 0.3rem;
}

/* PRODUCT PAGE */
#product-list-main {
  padding-bottom: 1rem;
  margin-top: 0.1rem;
}
@media screen and (min-width: 768px) {
  #product-list-main {
    margin-top: 0.2rem;
    padding-bottom: 2rem;
  }
}
#product-list-main .c-heading--underline {
  margin-bottom: 0.29rem;
}
@media screen and (min-width: 768px) {
  #product-list-main .c-heading--underline {
    margin-bottom: 0.4rem;
  }
}
#product-list-main .p-product-list {
  margin-bottom: 0.54rem;
}
@media screen and (min-width: 768px) {
  #product-list-main .p-product-list {
    margin-bottom: 0.78rem;
  }
}
#product-list-main .c-btn--rewind {
  margin-top: 0.6rem;
}
@media screen and (min-width: 768px) {
  #product-list-main .c-btn--rewind {
    margin-top: 0.98rem;
  }
}

@media screen and (min-width: 768px) {
  #item-padding {
    padding-right: 1.53rem;
  }
}

#item-intro {
  padding-bottom: 0.8rem;
}
@media screen and (min-width: 768px) {
  #item-intro {
    padding-bottom: 0.68rem;
  }
}

#item-content {
  padding-bottom: 0.88rem;
}
@media screen and (min-width: 768px) {
  #item-content {
    padding-bottom: 0.78rem;
  }
}
#item-content .l-large-image {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 0.2rem;
}
@media screen and (min-width: 768px) {
  #item-content .l-large-image {
    margin-bottom: 0.5rem;
  }
}
#item-content #item-send figure {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.14rem;
  line-height: 0.22rem;
  font-weight: 500;
  letter-spacing: 0;
  margin-top: 0.53rem;
  margin-bottom: 0.31rem;
  gap: 0.31rem;
}
#item-content #item-send dl {
  display: flex;
  flex-direction: column;
  gap: 0.09rem;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.14rem;
  line-height: 0.22rem;
  font-weight: 500;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  #item-content #item-send dl {
    flex-direction: row;
    gap: unset;
    gap: 0.06rem;
    white-space: nowrap;
  }
}
#item-content #item-send dl:nth-of-type(2) {
  margin-top: 0.2rem;
}
@media screen and (min-width: 768px) {
  #item-content #item-send dl:nth-of-type(2) {
    margin-top: 0.17rem;
  }
}
#item-content #item-send dl ul {
  display: flex;
  flex-direction: column;
}
#item-content #item-send dl ul li {
  display: flex;
  gap: 0.05rem;
}
#item-content #item-send dl ul li::before {
  content: "・";
}
@media screen and (min-width: 768px) {
  #item-content #item-send span {
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
    font-size: 0.14rem;
    line-height: 0.22rem;
    font-weight: 500;
    letter-spacing: 0;
    margin-bottom: 0.07rem;
  }
}
@media screen and (min-width: 768px) {
  #item-content #item .p-product-content__2column {
    align-items: flex-start;
  }
}
@media screen and (min-width: 768px) {
  #item-content #item .p-product-content__image {
    align-items: flex-start;
  }
}
#item-content #item-stand-merit {
  position: relative;
}
#item-content #item-stand-merit .p-product-content__caution {
  margin-top: 0.2rem;
}
@media screen and (min-width: 768px) {
  #item-content #item-stand-merit .p-product-content__caution {
    margin-top: 0.28rem;
    width: 3.6rem;
  }
}
@media screen and (min-width: 768px) {
  #item-content #item-recommend-color .p-product-content__2column {
    flex-direction: row-reverse;
    gap: 0.2rem;
    justify-content: flex-end;
  }
}
#item-content #item-image-color {
  margin-top: 0.25rem;
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  #item-content #item-image-color {
    width: 100%;
    max-width: 100%;
    margin-top: 0.54rem;
  }
}
#item-content #item-image-recommend-color {
  margin-top: 0.2rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #item-content #item-image-recommend-color {
    margin-top: unset;
    width: 2.87rem;
  }
}
#item-content #item-image-recommend-color img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 0.04rem;
}
#item-content #item-image-recommend-color ~ figcaption {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.17rem;
  line-height: 0.22rem;
  font-weight: 700;
  letter-spacing: 0;
  color: #656563;
}
#item-content #item-image-stand-merit {
  width: 3.35rem;
  height: 1.35rem;
  display: block;
  margin-top: 0.2rem;
}
@media screen and (min-width: 768px) {
  #item-content #item-image-stand-merit {
    width: 4.48rem;
    height: 1.8rem;
    position: absolute;
    bottom: 0;
    right: 0.33rem;
  }
}
#item-content #item-image-wrapping1 {
  width: 1.71rem;
  height: 1.71rem;
  margin: -0.21rem auto 0.19rem;
}
@media screen and (min-width: 768px) {
  #item-content #item-image-wrapping1 {
    margin-right: unset;
    margin-bottom: unset;
  }
}
#item-content #item-image-wrapping2 {
  width: 1.71rem;
  height: 1.71rem;
  margin: -0.21rem auto 0;
}
@media screen and (min-width: 768px) {
  #item-content #item-image-wrapping2 {
    margin-right: unset;
  }
}
#item-content #item-image-name {
  width: 1.84rem;
  height: 1.84rem;
  margin-bottom: 0.28rem;
}
@media screen and (min-width: 768px) {
  #item-content #item-image-name {
    margin-bottom: unset;
    margin-left: 0.2rem;
    margin-right: 0.59rem;
  }
}
#item-content #item-image-name1 {
  width: 2.61rem;
  height: 1.34rem;
  margin-bottom: 0.18rem;
}
@media screen and (min-width: 768px) {
  #item-content #item-image-name1 {
    width: 2.61rem;
    height: 1.34rem;
    margin-right: 0.43rem;
    margin-bottom: unset;
  }
}
#item-content #item-image-name2 {
  width: 2.61rem;
  height: 1.34rem;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px) {
  #item-content #item-image-name2 {
    width: 2.41rem;
    height: 1.34rem;
  }
}
#item-content #item-image-date1 {
  width: 0.85rem;
  height: 0.75rem;
  margin-right: 0.51rem;
  margin-top: 0.05rem;
}
#item-content #item-image-date2 {
  width: 0.8rem;
  height: 0.8rem;
  margin-left: 0.09rem;
}
#item-content #item-image-concierge {
  width: 3.19rem;
  height: 0.93rem;
}
@media screen and (min-width: 768px) {
  #item-content #item-image-concierge {
    margin-left: 0.21rem;
  }
}
#item-content #item-image-setting {
  width: 3.33rem;
  height: 1.14rem;
}
#item-content #item-image-send {
  width: 2.97rem;
  height: 0.94rem;
}
@media screen and (min-width: 768px) {
  #item-content #item-image-send {
    margin-left: 0.14rem;
    margin-bottom: auto;
  }
}
#item-content #item-image-discount {
  width: 100%;
  height: 2.9rem;
}
@media screen and (min-width: 768px) {
  #item-content #item-image-discount {
    width: 8.75rem;
    height: 1.25rem;
    margin-top: 0.25rem;
  }
}
#item-content #item-wrapping .p-product-content__text {
  width: unset;
}
#item-content #item-wrapping .p-product-content__image {
  margin-top: 0.13rem;
}
@media screen and (min-width: 768px) {
  #item-content #item-wrapping .p-product-content__image {
    gap: 0.3rem;
  }
}
#item-content #item-wrapping .p-product-content__image figure {
  gap: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #item-content #item-wrapping .p-product-content__image figure:nth-of-type(1) {
    width: 2.22rem;
  }
}
@media screen and (min-width: 768px) {
  #item-content #item-wrapping .p-product-content__image figure:nth-of-type(2) {
    width: 2.12rem;
  }
}
#item-content #item-name .p-product-content__image {
  margin-top: 0.3rem;
}
@media screen and (min-width: 768px) {
  #item-content #item-name .p-product-content__image {
    margin-top: 0.46rem;
  }
}
#item-content #item-date .p-product-content__image {
  display: flex;
  flex-direction: row;
  margin-top: 0.32rem;
  justify-content: center;
  color: #BA9E5C;
}
@media screen and (min-width: 768px) {
  #item-content #item-date .p-product-content__image {
    padding-left: 0.45rem;
  }
  #item-content #item-date .p-product-content__image figcaption {
    color: var(--body-color);
  }
}
#item-content #item-stand h5 {
  margin-bottom: 0.06rem;
}
@media screen and (min-width: 768px) {
  #item-content #item-stand h5 {
    margin-bottom: 0.04rem;
  }
}
#item-content #item-stand small {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.13rem;
  line-height: 0.17rem;
  font-weight: 500;
  letter-spacing: -0.05em;
}
#item-content #item-stand #item-image-stand {
  width: 1.78rem;
  height: 1.92rem;
  display: block;
  margin: 0.23rem auto 0.2rem;
}
@media screen and (min-width: 768px) {
  #item-content #item-stand #item-image-stand {
    width: 2.58rem;
    height: 2.79rem;
    margin: 0.18rem 0 0 0.08rem;
  }
}
#item-content #item-stand .l-desire {
  display: flex;
  flex-direction: column;
  gap: 0.05rem;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.14rem;
  line-height: 0.19rem;
  font-weight: 500;
  letter-spacing: 0;
  margin-bottom: 0.11rem;
}
@media screen and (min-width: 768px) {
  #item-content #item-stand .l-desire {
    gap: 0.18rem;
    flex-direction: row;
    align-items: baseline;
    margin-top: 0.22rem;
    margin-bottom: 0.13rem;
  }
}
#item-content #item-stand .l-desire i {
  font-style: normal;
}
#item-content #item-stand .l-desire p {
  display: flex;
  align-items: baseline;
  gap: 0.1rem;
}
@media screen and (min-width: 768px) {
  #item-content #item-stand .l-desire p {
    gap: 0.11rem;
  }
}
#item-content #item-stand .l-desire p span {
  display: inline-block;
  border: 0.01rem solid #707070;
  color: #707070;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.15rem;
  line-height: 0.2rem;
  font-weight: 700;
  letter-spacing: 0;
  padding: 0.07rem 0.17rem;
}
#item-content #item-stand .l-price {
  display: flex;
  align-items: baseline;
  color: #BA9E5C;
  gap: 0.1em;
  margin-bottom: 0.07rem;
}
#item-content #item-stand .l-price span {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.15rem;
  line-height: 0.2rem;
  font-weight: 700;
  letter-spacing: 0;
}
#item-content #item-stand .l-price strong {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.2rem;
  line-height: 0.27rem;
  font-weight: 700;
  letter-spacing: 0;
}
#item-content #item-stand .l-price small {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.16rem;
  line-height: 0.22rem;
  font-weight: 700;
  letter-spacing: 0;
}
#item-content #item-stand .l-caution {
  display: flex;
  flex-direction: column;
  gap: 0.06rem;
  width: 100%;
  padding: 0.13rem 0.17rem 0.2rem;
  background-color: #F4F4F4;
  margin-top: 0.19rem;
}
@media screen and (min-width: 768px) {
  #item-content #item-stand .l-caution {
    width: 3.55rem;
    gap: 0.05rem;
    margin-top: 0.25rem;
  }
}
#item-content #item-stand .l-caution h6 {
  color: #BE0000;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.15rem;
  line-height: 0.2rem;
  font-weight: 700;
  letter-spacing: 0;
}
#item-content #item-stand .l-caution p {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.13rem;
  line-height: 0.2rem;
  font-weight: 500;
  letter-spacing: 0;
}
#item-content #item-stand .l-caution p strong {
  color: #BE0000;
}
#item-content .c-heading--long {
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  #item-content .c-heading--long {
    margin-bottom: 0.43rem;
  }
}
#item-content .c-heading--long small {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.14rem;
  line-height: 0.18rem;
  font-weight: 500;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  #item-content .c-heading--long small {
    padding-left: 0.1rem;
  }
}
#item-content #content1 table {
  color: #393632;
  width: 100% !important;
}
#item-content #content1 table td {
  border: 0.015rem solid #C7C7C7;
  background-color: white;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.15rem;
  line-height: 0.22rem;
  font-weight: 500;
  letter-spacing: 0;
  padding: 0.09rem 0.05rem 0.1rem 0.1rem;
}
#item-content #content1 table td br:last-child {
  display: none;
}
@media screen and (min-width: 768px) {
  #item-content #content1 table td {
    padding-top: 0.18rem;
    padding-left: 0.43rem;
    padding-right: 0.2rem;
    padding-bottom: 0.18rem;
    vertical-align: middle;
  }
}
#item-content #content1 table td:nth-of-type(1) {
  vertical-align: middle;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.16rem;
  line-height: 0.22rem;
  font-weight: 700;
  letter-spacing: 0;
  padding-top: 0.19rem;
  padding-bottom: 0.19rem;
  background-color: #F0F0E8;
  padding-left: 0.1rem;
  padding-right: 0.1rem;
  width: 1.04rem;
  text-align: left;
}
@media screen and (min-width: 768px) {
  #item-content #content1 table td:nth-of-type(1) {
    padding-top: 0.17rem;
    padding-left: 0.3rem;
    padding-bottom: 0.17rem;
    padding-right: 0.2rem;
    width: 1.54rem;
  }
}

#item-other {
  padding-bottom: 1rem;
}
@media screen and (min-width: 768px) {
  #item-other {
    padding-bottom: 1.84rem;
  }
}
#item-other .c-heading--side-bar {
  margin-bottom: 0.27rem;
  font-size: 0.18rem;
  line-height: 0.26rem;
  font-weight: 700;
}
#item-other .l-container > *:not(table) {
  display: none !important;
}
#item-other .l-container table {
  color: #393632;
  width: 100% !important;
}
#item-other .l-container table td {
  border: 0.015rem solid #C7C7C7;
  background-color: white;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.15rem;
  line-height: 0.22rem;
  font-weight: 500;
  letter-spacing: 0;
  padding: 0.09rem 0.05rem 0.1rem 0.1rem;
}
#item-other .l-container table td br:last-child {
  display: none;
}
@media screen and (min-width: 768px) {
  #item-other .l-container table td {
    padding-top: 0.18rem;
    padding-left: 0.43rem;
    padding-right: 0.2rem;
    padding-bottom: 0.18rem;
    vertical-align: middle;
  }
}
#item-other .l-container table td:nth-of-type(1) {
  vertical-align: middle;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.16rem;
  line-height: 0.22rem;
  font-weight: 700;
  letter-spacing: 0;
  padding-top: 0.19rem;
  padding-bottom: 0.19rem;
  background-color: #F0F0E8;
  padding-left: 0.1rem;
  padding-right: 0.1rem;
  width: 1.04rem;
  text-align: left;
}
@media screen and (min-width: 768px) {
  #item-other .l-container table td:nth-of-type(1) {
    padding-top: 0.17rem;
    padding-left: 0.3rem;
    padding-bottom: 0.17rem;
    padding-right: 0.2rem;
    width: 1.54rem;
  }
}

#item-bottom {
  padding-bottom: 1rem;
}
#item-bottom .l-image {
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 0.8rem;
}
#item-bottom .c-btn--rewind {
  margin: auto;
}

#top-head {
  padding-bottom: 0.36rem;
}
@media screen and (min-width: 768px) {
  #top-head {
    padding-top: 1.22rem;
    padding-bottom: 0.73rem;
  }
}
#top-head .l-desc {
  display: block;
  font-size: 0.2rem;
  line-height: 0.3rem;
  font-weight: 700;
  color: var(--body-color);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.17rem;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  #top-head .l-desc {
    font-size: 0.22rem;
    line-height: 0.29rem;
    margin-bottom: 0.46rem;
  }
}
#top-head .l-link {
  margin: auto;
  margin-bottom: 0.26rem;
  width: 2.8rem;
}
#top-head .l-link--direction {
  display: block;
  cursor: pointer;
  width: 1.6rem;
  height: 0.7rem;
}
#top-head .l-link--direction img {
  display: block;
  width: 100%;
  height: 100%;
}
#top-head .l-link__direction {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 0.15rem;
}
#top-head .l-link__direction--item {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 0.024rem;
  background-color: var(--color-bg);
  color: var(--color-main);
  border-radius: 0.1rem;
  padding: 0.1rem 0.1rem 0.04rem;
  white-space: nowrap;
  width: 100%;
}
#top-head .l-link__direction--item::after {
  content: "";
}
#top-head .l-link__direction--item:nth-of-type(1) {
  --color-main: #63AC6B;
  --color-bg: rgba(159, 194, 56, 0.2);
}
#top-head .l-link__direction--item:nth-of-type(2) {
  --color-main: var(--opposite-deep-color);
  --color-bg: var(--opposite-light-color);
}
#top-head .l-link__direction--item:nth-of-type(3) {
  --color-main: var(--opposite-deep-color);
  --color-bg: var(--opposite-light-color);
}
#top-head .l-link__direction--item p {
  font-size: 0.12rem;
  line-height: 0.16rem;
  font-weight: 700;
  color: var(--color-main);
  font-feature-settings: "palt" 1;
  width: 100%;
  text-align: center;
}
#top-head .l-link__direction--item--link {
  background-color: var(--color-main);
  color: white;
  width: 1.3rem;
  border-radius: 0.05rem;
  padding: 0.05rem 0.1rem 0.05rem 0.05rem;
  text-align: center;
  font-weight: 700;
  font-feature-settings: "palt" 1;
  line-height: 100%;
}
#top-head .l-link__direction--item--link::after {
  content: "";
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/arrow_circle_white.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 0.1rem;
  height: 0.1rem;
  display: inline-block;
}
#top-head .l-link__direction--item--link strong {
  font-size: 0.135rem;
}
#top-head .l-link__direction--item--link i {
  display: inline-block;
  font-style: normal;
  font-size: 0.12rem;
  letter-spacing: -0.01em;
  line-height: 100%;
  color: rgba(255, 255, 255, 0.7);
}
#top-head .l-link__direction--item--link small {
  font-size: 0.1rem;
  font-weight: 700;
}
#top-head .l-link__direction--item--logo {
  display: block;
}
#top-head .l-link__direction--item--logo img {
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
#top-head .l-link__direction--item--main {
  display: flex;
  align-items: center;
  gap: 0.17rem;
}
#top-head .l-link__direction #direction-creation-logo {
  width: 1.05rem;
  height: 0.35rem;
}
#top-head .l-link__direction #direction-hanasuke-logo {
  width: 1.05rem;
  height: 0.1677rem;
}
#top-head .l-notice {
  width: 100%;
  border: 0.03rem solid #BA9E5C;
  border-radius: 0.2rem;
  padding: 0.11rem 0.17rem 0.38rem;
  margin: 0 auto 0.61rem;
}
@media screen and (min-width: 768px) {
  #top-head .l-notice {
    width: 7rem;
    margin: 0 auto 1.28rem;
    padding: 0.15rem 0.33rem 0.36rem;
  }
}
#top-head .l-notice h3 {
  font-size: 0.2rem;
  line-height: 0.27rem;
  color: #BA9E5C;
  font-weight: 700;
  margin-bottom: 0.26rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #top-head .l-notice h3 {
    font-size: 0.22rem;
    line-height: 0.3rem;
  }
}
#top-head .l-notice p {
  font-size: 0.14rem;
  line-height: 0.2rem;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  #top-head .l-notice p {
    font-size: 0.16rem;
    line-height: 0.23rem;
  }
}
#top-head .l-notice span {
  font-weight: 700;
}
#top-head .l-banner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.11rem;
  width: 100%;
  margin: auto;
}
@media screen and (min-width: 768px) {
  #top-head .l-banner {
    width: 8.04rem;
    gap: 0.19rem;
  }
}
#top-head .l-banner__content {
  display: block;
  margin: 0;
  width: 100%;
  height: 1.5rem;
}
@media screen and (min-width: 768px) {
  #top-head .l-banner__content {
    height: 1.69rem;
  }
}
#top-head .l-banner__content img {
  display: block;
  width: 100%;
  height: 100%;
}

#top-business {
  padding-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  #top-business {
    padding-bottom: 0.8rem;
  }
}
#top-business .l-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.1rem 0;
  padding-top: 0.17rem;
  padding-bottom: 0.2rem;
}
@media screen and (min-width: 768px) {
  #top-business .l-container {
    gap: 0.28rem;
  }
}
#top-business .l-container__wrapper {
  position: relative;
  width: 1.63rem;
  height: 0.84rem;
  padding-left: 0.19rem;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  #top-business .l-container__wrapper {
    padding-top: 0.2rem;
    width: 2.7rem;
    height: 1.4rem;
    padding-left: 0.13rem;
  }
}
#top-business .l-container__wrapper img {
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#top-business .l-container__wrapper span {
  position: relative;
  z-index: 10;
  font-size: 0.14rem;
  line-height: 0.18rem;
  color: white;
  text-shadow: 0 0 0.15rem #080B08;
  padding-bottom: 0.08rem;
}
@media screen and (min-width: 768px) {
  #top-business .l-container__wrapper span {
    font-size: 0.2rem;
    line-height: 0.3rem;
    padding-bottom: 0.3rem;
    font-weight: 600;
  }
}
#top-business .l-container__wrapper:nth-last-of-type(1) {
  margin: auto;
}
#top-business .l-container__wrapper::before {
  content: "";
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 0.05rem;
  left: 0;
  bottom: 0;
  border-top: 0.02rem solid #BA9E5C;
}
@media screen and (min-width: 768px) {
  #top-business .l-container__wrapper::before {
    height: 0.1rem;
  }
}
#top-business .l-container__wrapper--purple::before {
  border-color: #BEB3E5;
}
#top-business .l-container__wrapper::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  transition: 0.3s;
}
#top-business .l-container__wrapper:hover::after {
  opacity: 0;
}

#top-price {
  padding-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  #top-price {
    padding-bottom: 0.8rem;
  }
}
#top-price .c-head--left {
  margin-bottom: 0.2rem;
}
@media screen and (min-width: 768px) {
  #top-price .c-head--left {
    margin-bottom: 0.17rem;
  }
}
#top-price .l-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.06rem 0;
  margin-bottom: 0.2rem;
}
@media screen and (min-width: 768px) {
  #top-price .l-container {
    gap: 0.15rem;
    margin-bottom: unset;
  }
}
#top-price .l-container__wrapper {
  width: 1.64rem;
  height: 0.48rem;
  border: 0.01rem solid #707070;
  position: relative;
  padding-top: 0.04rem;
  padding-left: 0.07rem;
}
@media screen and (min-width: 768px) {
  #top-price .l-container__wrapper {
    width: 2.75rem;
    height: 0.8rem;
    padding-top: 0.08rem;
    padding-left: 0.1rem;
  }
}
#top-price .l-container__wrapper img {
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#top-price .l-container__wrapper span {
  position: relative;
  z-index: 2;
  font-size: 0.09rem;
  font-weight: 700;
  color: #6C5D48;
  text-shadow: 0 0 0.05rem white, 0 0 0.05rem white, 0 0 0.05rem white, 0 0 0.05rem white, 0 0 0.05rem white, 0 0 0.05rem white, 0 0 0.05rem white, 0 0 0.05rem white;
  line-height: 100%;
}
@media screen and (min-width: 768px) {
  #top-price .l-container__wrapper span {
    font-size: 0.12rem;
  }
}

#top-direct {
  padding-bottom: 1.28rem;
}
@media screen and (min-width: 768px) {
  #top-direct {
    padding-bottom: 0.96rem;
  }
}
#top-direct .c-head--left {
  margin-bottom: 0.2rem;
}
@media screen and (min-width: 768px) {
  #top-direct .c-head--left {
    margin-bottom: 0.17rem;
  }
}
#top-direct .l-container {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #top-direct .l-container {
    gap: 0.4rem;
  }
}
#top-direct .l-container .l-wrapper {
  width: 100%;
  height: 1.82rem;
}
#top-direct .l-container .l-wrapper img {
  display: block;
}
@media screen and (min-width: 768px) {
  #top-direct .l-container .l-wrapper img {
    width: 100%;
    height: 100%;
  }
}

#choice-top {
  padding-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  #choice-top {
    padding-bottom: 0.8rem;
  }
}
#choice-top .c-btn--dir {
  margin-top: 0.2rem;
}
@media screen and (min-width: 768px) {
  #choice-top .c-btn--dir {
    margin-top: unset;
  }
}
#choice-top .l-top-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 0.1rem;
  margin-top: 0.2rem;
  padding-left: 0.225rem;
  padding-right: 0.225rem;
}
@media screen and (min-width: 768px) {
  #choice-top .l-top-container {
    padding-left: unset;
    padding-right: unset;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 0.48rem;
  }
}
#choice-top .l-top-container__wrapper {
  position: relative;
  width: 100%;
  height: 2.4rem;
  border: 0.01rem solid #707070;
}
@media screen and (min-width: 768px) {
  #choice-top .l-top-container__wrapper {
    width: 2.7rem;
    height: 2.97rem;
  }
}
#choice-top .l-top-container__wrapper img {
  display: block;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#choice-top .l-top-container--caption {
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0.46rem;
  width: 100%;
  height: 0.35rem;
  padding-left: 0.12rem;
  padding-right: 0.03rem;
  display: flex;
  align-items: center;
  color: white;
  font-size: 0.14rem;
  letter-spacing: -0.05em;
  line-height: 100%;
}
@media screen and (min-width: 768px) {
  #choice-top .l-top-container--caption {
    bottom: 0.65rem;
    padding-left: 0.1rem;
    padding-right: 0.02rem;
  }
}
#choice-top .l-top-container--caption--bg {
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0.46rem;
  width: 100%;
  height: 0.35rem;
  display: block;
  position: absolute;
  background-color: var(--body-color);
  mix-blend-mode: multiply;
}
@media screen and (min-width: 768px) {
  #choice-top .l-top-container--caption--bg {
    bottom: 0.65rem;
  }
}
#choice-top .l-top-container--name {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.9);
  width: 100%;
  height: 0.8rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-left: 0.12rem;
  padding-right: 0.1rem;
  padding-bottom: 0.03rem;
  color: #6C5D48;
  border-top: 0.01rem solid #BA9E5C;
}
@media screen and (min-width: 768px) {
  #choice-top .l-top-container--name {
    height: 0.8rem;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-bottom: unset;
  }
}
#choice-top .l-top-container--name::before {
  content: "";
  position: absolute;
  top: 0.04rem;
  left: 0;
  width: 100%;
  border-top: 0.01rem solid #BA9E5C;
}
#choice-top .l-top-container--name--jp {
  padding-top: 0.05rem;
  font-size: 0.27rem;
  letter-spacing: -0.05em;
  font-weight: 700;
  line-height: 100%;
  text-align: center;
  min-height: 0.56rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  #choice-top .l-top-container--name--jp {
    font-size: 0.27rem;
  }
}
#choice-top .l-top-container--name--jp--small {
  font-size: 0.23rem;
  letter-spacing: -0.05em;
  font-weight: 700;
  line-height: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 0.56rem;
  padding-top: 0.1rem;
}
@media screen and (min-width: 768px) {
  #choice-top .l-top-container--name--jp--small {
    font-size: 0.24rem;
  }
}
#choice-top .l-top-container--name--jp--small span:nth-of-type(1) {
  text-align: left;
  align-self: flex-start;
}
#choice-top .l-top-container--name--jp--small span:nth-of-type(2) {
  text-align: right;
  align-self: flex-end;
}
#choice-top .l-top-container--name--en {
  font-size: 0.22rem;
  font-family: mr-eaves-sans, sans-serif;
  line-height: 100%;
}
@media screen and (min-width: 768px) {
  #choice-top .l-top-container--name--en {
    font-size: 0.22rem;
  }
}
#choice-top .l-container-bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.12rem;
  margin-bottom: 0.21rem;
}
@media screen and (min-width: 768px) {
  #choice-top .l-container-bottom {
    gap: 0.26rem 0;
  }
}
#choice-top .l-container-bottom__wrapper {
  position: relative;
  width: 1.6rem;
  height: 0.45rem;
  border: 0.01rem solid #707070;
  padding-left: 0.08rem;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  #choice-top .l-container-bottom__wrapper {
    margin-bottom: unset;
    width: 4.22rem;
    height: 1.16rem;
    padding-left: 0.3rem;
  }
}
#choice-top .l-container-bottom__wrapper span {
  font-size: 0.12rem;
  line-height: 0.1rem;
  letter-spacing: 0.05em;
  color: #707070;
  font-family: "貂明朝", serif;
}
@media screen and (min-width: 768px) {
  #choice-top .l-container-bottom__wrapper span {
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
    font-size: 0.22rem;
    color: #6C5D48;
    line-height: 0.29rem;
    font-weight: 700;
  }
}
#choice-top .l-container-bottom__wrapper img {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#top-features {
  padding-bottom: 0.29rem;
}
@media screen and (min-width: 768px) {
  #top-features {
    padding-bottom: 0.8rem;
  }
}
#top-features .l-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 0.18rem;
  width: 100%;
  margin-top: 0.12rem;
  margin-bottom: 0.2rem;
}
@media screen and (min-width: 768px) {
  #top-features .l-container {
    margin-top: 0.25rem;
    margin-bottom: unset;
    flex-direction: row;
    justify-content: space-between;
    gap: 0.29rem 0;
  }
}
#top-features .l-container__wrapper {
  width: 100%;
  height: auto;
}
#top-features .l-container__wrapper img {
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #top-features .l-container__wrapper {
    width: 4.22rem;
    height: auto;
  }
  #top-features .l-container__wrapper.biz-only {
    width: 100%;
  }
  #top-features .l-container__wrapper.biz-only img {
    -o-object-fit: cover;
       object-fit: cover;
  }
}

#top-topics {
  padding-bottom: 0.45rem;
}
@media screen and (min-width: 768px) {
  #top-topics {
    padding-bottom: 0.8rem;
  }
}
#top-topics .p-article-list {
  margin-top: 0.15rem;
  margin-bottom: 0.07rem;
}
@media screen and (min-width: 768px) {
  #top-topics .p-article-list {
    margin-top: 0.19rem;
    margin-bottom: 1.11rem;
  }
}
#top-topics .l-btn {
  display: flex;
  justify-content: space-between;
  margin-top: 0.24rem;
}
@media screen and (min-width: 768px) {
  #top-topics .l-btn {
    margin-top: unset;
    justify-content: center;
    gap: 0.15rem;
  }
}

#top-news {
  padding-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  #top-news {
    padding-bottom: 0.81rem;
  }
}
#top-news .l-info-container {
  display: flex;
  flex-direction: column;
  margin-top: 0.15rem;
}
@media screen and (min-width: 768px) {
  #top-news .l-info-container {
    width: 7rem;
    margin: auto;
    margin-top: 0.34rem;
    gap: 0.05rem;
  }
}
#top-news .l-info-container a {
  display: block;
  width: 100%;
  border-bottom: 0.01rem solid var(--body-color);
  font-size: 0.14rem;
  line-height: 0.32rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  #top-news .l-info-container a {
    font-size: 0.18rem;
    font-weight: 700;
    line-height: 0.4rem;
  }
}

#top-ranking {
  padding-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  #top-ranking {
    padding-bottom: 0.88rem;
  }
}
#top-ranking .p-ranking-list {
  margin-top: 0.19rem;
  margin-bottom: 0.18rem;
}
@media screen and (min-width: 768px) {
  #top-ranking .p-ranking-list {
    margin-top: 0.28rem;
    margin-bottom: 0.18rem;
    gap: 0.15rem;
    jstify-content: center;
  }
}
#top-ranking .c-btn--center {
  margin-bottom: 0.38rem;
}
#top-ranking .p-category-list {
  margin-top: 0.17rem;
}
@media screen and (min-width: 768px) {
  #top-ranking .p-category-list {
    margin-top: 0.09rem;
  }
}

#top-category {
  padding-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  #top-category {
    padding-bottom: 1rem;
  }
}
#top-category h3 {
  margin-top: 0.28rem;
}
@media screen and (min-width: 768px) {
  #top-category h3 {
    padding-bottom: 0.34rem;
  }
}
#top-category .p-category-list {
  margin-top: 0.17rem;
}

/* concept page */
#concept-business {
  padding-top: 0.15rem;
}
@media screen and (min-width: 768px) {
  #concept-business {
    padding-top: 0.33rem;
  }
}
#concept-business h2 {
  margin-bottom: 0.36rem;
}
@media screen and (min-width: 768px) {
  #concept-business h2 {
    margin-bottom: 0.48rem;
  }
}
#concept-business h3 {
  margin-bottom: 0.12rem;
}
@media screen and (min-width: 768px) {
  #concept-business h3 {
    margin-bottom: 0.48rem;
  }
}
#concept-business .l-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.21rem;
  margin-bottom: 0.77rem;
}
@media screen and (min-width: 768px) {
  #concept-business .l-container {
    gap: unset;
    padding-left: 0.5rem;
    flex-direction: row;
  }
}
@media screen and (min-width: 768px) {
  #concept-business .l-container--reverse {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 768px) {
  #concept-business .l-wrapper {
    width: 50%;
  }
}
#concept-business .l-wrapper #concierge-photo {
  display: block;
  margin: auto;
}
@media screen and (min-width: 768px) {
  #concept-business .l-wrapper #concierge-photo {
    margin-left: unset;
    width: 3.44rem;
    height: 3.89rem;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
#concept-business .l-photos {
  width: 100%;
  height: 3.3rem;
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
}
#concept-business .l-photos img {
  display: block;
  position: absolute;
  top: 0;
}
#concept-business .l-photos img:nth-of-type(1) {
  position: absolute;
  display: block;
  top: 0.69rem;
  left: 0.75rem;
  right: unset;
  bottom: unset;
  width: 1.11rem;
  height: 0.89rem;
  z-index: 7;
}
@media screen and (min-width: 768px) {
  #concept-business .l-photos img:nth-of-type(1) {
    position: absolute;
    display: block;
    top: -0.51rem;
    left: unset;
    right: 2.06rem;
    bottom: unset;
    width: 1.79rem;
    height: 1.42rem;
    z-index: 1;
  }
}
#concept-business .l-photos img:nth-of-type(2) {
  position: absolute;
  display: block;
  top: 0.06rem;
  left: unset;
  right: 0.27rem;
  bottom: unset;
  width: 1.37rem;
  height: 1.1rem;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  #concept-business .l-photos img:nth-of-type(2) {
    position: absolute;
    display: block;
    top: -0.98rem;
    left: unset;
    right: 0.21rem;
    bottom: unset;
    width: 2.07rem;
    height: 1.51rem;
    z-index: 2;
  }
}
#concept-business .l-photos img:nth-of-type(3) {
  position: absolute;
  display: block;
  top: 0rem;
  left: 0.21rem;
  right: unset;
  bottom: unset;
  width: 1.16rem;
  height: 0.52rem;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  #concept-business .l-photos img:nth-of-type(3) {
    position: absolute;
    display: block;
    top: 0.86rem;
    left: unset;
    right: 0rem;
    bottom: unset;
    width: 1.89rem;
    height: 0.83rem;
    z-index: 6;
  }
}
#concept-business .l-photos img:nth-of-type(4) {
  position: absolute;
  display: block;
  top: 1.28rem;
  left: unset;
  right: 0rem;
  bottom: unset;
  width: 1.5rem;
  height: 0.85rem;
  z-index: 4;
}
@media screen and (min-width: 768px) {
  #concept-business .l-photos img:nth-of-type(4) {
    position: absolute;
    display: block;
    top: 1.37rem;
    left: unset;
    right: 1.25rem;
    bottom: unset;
    width: 2.27rem;
    height: 1.35rem;
    z-index: 7;
  }
}
#concept-business .l-photos img:nth-of-type(5) {
  position: absolute;
  display: block;
  top: unset;
  left: unset;
  right: 0.44rem;
  bottom: 0rem;
  width: 1.39rem;
  height: 0.94rem;
  z-index: 6;
}
@media screen and (min-width: 768px) {
  #concept-business .l-photos img:nth-of-type(5) {
    position: absolute;
    display: block;
    top: 2.3rem;
    left: unset;
    right: 0.69rem;
    bottom: unset;
    width: 1.57rem;
    height: 1.06rem;
    z-index: 8;
  }
}
#concept-business .l-photos img:nth-of-type(6) {
  position: absolute;
  display: block;
  top: unset;
  left: 0.07rem;
  right: unset;
  bottom: 0.69rem;
  width: 1.64rem;
  height: 0.84rem;
  z-index: 5;
}
@media screen and (min-width: 768px) {
  #concept-business .l-photos img:nth-of-type(6) {
    position: absolute;
    display: block;
    top: 3.03rem;
    left: unset;
    right: 1.44rem;
    bottom: unset;
    width: 2.41rem;
    height: 1.23rem;
    z-index: 9;
  }
}
#concept-business .l-photos img:nth-of-type(7) {
  display: none;
}
@media screen and (min-width: 768px) {
  #concept-business .l-photos img:nth-of-type(7) {
    display: block;
    position: absolute;
    display: block;
    top: 3.67rem;
    left: unset;
    right: 0rem;
    bottom: unset;
    width: 2.06rem;
    height: 1.38rem;
    z-index: 10;
  }
}
#concept-business .l-desc {
  font-size: 0.14rem;
  line-height: 0.28rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  #concept-business .l-desc {
    font-size: 0.16rem;
    line-height: 0.32rem;
  }
}

#concept-movie {
  padding-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  #concept-movie {
    padding-bottom: 1.61rem;
  }
}
#concept-movie .l-subject {
  display: block;
  text-align: center;
  margin-bottom: 1em;
  font-family: mr-eaves-sans, sans-serif;
  font-size: 0.28rem;
  line-height: 100%;
  color: var(--body-color);
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  #concept-movie .l-subject {
    font-size: 0.36rem;
  }
}
#concept-movie .l-movie {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 2rem;
}
@media screen and (min-width: 768px) {
  #concept-movie .l-movie {
    width: 5.82rem;
    height: 3.53rem;
  }
}
#concept-movie .l-movie img {
  display: block;
}
#concept-movie .l-movie::before {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/movie_overlay.svg");
  background-size: cover;
  background-repeat: no-repeat;
  transition: 0.3s;
  opacity: 1;
}
#concept-movie .l-movie:hover::before {
  opacity: 0;
}

#concept-benefits {
  padding-bottom: 0.79rem;
}
@media screen and (min-width: 768px) {
  #concept-benefits {
    padding-bottom: 1.13rem;
  }
}
#concept-benefits .l-container {
  margin-top: 0.3rem;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
  gap: 0.15rem;
  counter-reset: count 0;
}
@media screen and (min-width: 768px) {
  #concept-benefits .l-container {
    margin-top: 0.37rem;
    flex-direction: row;
    justify-content: space-between;
  }
}
#concept-benefits .l-wrapper {
  display: flex;
  border: 0.01rem solid var(--body-color);
  padding: 0.15rem;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  counter-increment: count 1;
}
@media screen and (min-width: 768px) {
  #concept-benefits .l-wrapper {
    width: 4.2rem;
    padding: 0.2rem;
  }
}
@media screen and (min-width: 768px) {
  #concept-benefits .l-wrapper--wide {
    width: 100%;
    flex-direction: row;
  }
  #concept-benefits .l-wrapper--wide .l-text {
    width: 4.5rem;
  }
}
#concept-benefits .l-text {
  padding-left: 0.35rem;
}
@media screen and (min-width: 768px) {
  #concept-benefits .l-text {
    padding-left: 0.44rem;
    flex-grow: 1;
  }
}
#concept-benefits .l-text h3 {
  position: relative;
  font-size: 0.2rem;
  line-height: 0.25rem;
  font-weight: 700;
  margin-top: 0.11rem;
  margin-bottom: 0.15rem;
}
@media screen and (min-width: 768px) {
  #concept-benefits .l-text h3 {
    font-size: 0.26rem;
    line-height: 0.32rem;
  }
}
#concept-benefits .l-text h3::before {
  content: counter(count);
  position: absolute;
  left: -0.35rem;
  top: 0.14rem;
  transform: translateY(-50%);
  font-size: 0.55rem;
  line-height: 100%;
  font-weight: 500;
  color: var(--body-color);
  font-family: garamond-premier-pro, serif;
}
@media screen and (min-width: 768px) {
  #concept-benefits .l-text h3::before {
    font-size: 0.7rem;
    left: -0.45rem;
    top: 0.2rem;
  }
}
#concept-benefits .l-text p {
  font-size: 0.14rem;
  line-height: 0.24rem;
}
@media screen and (min-width: 768px) {
  #concept-benefits .l-text p {
    font-size: 0.16rem;
    line-height: 0.28rem;
  }
}
#concept-benefits .l-image {
  width: 100%;
}
#concept-benefits .l-image img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
#concept-benefits #benefits-image1 {
  height: 1.48rem;
}
@media screen and (min-width: 768px) {
  #concept-benefits #benefits-image1 {
    height: 1.85rem;
  }
}
#concept-benefits #benefits-image2 {
  height: 1.45rem;
}
@media screen and (min-width: 768px) {
  #concept-benefits #benefits-image2 {
    height: 1.82rem;
  }
}
#concept-benefits #benefits-image3 {
  height: 0.96rem;
}
@media screen and (min-width: 768px) {
  #concept-benefits #benefits-image3 {
    height: 1.2rem;
  }
}
#concept-benefits #benefits-image4 {
  height: 0.96rem;
}
@media screen and (min-width: 768px) {
  #concept-benefits #benefits-image4 {
    height: 1.2rem;
  }
}
#concept-benefits #benefits-image5 {
  height: 1.77rem;
}
@media screen and (min-width: 768px) {
  #concept-benefits #benefits-image5 {
    height: 2.21rem;
  }
}
#concept-benefits #benefits-image6 {
  height: 2.02rem;
}
@media screen and (min-width: 768px) {
  #concept-benefits #benefits-image6 {
    height: 2.54rem;
  }
}
#concept-benefits #benefits-image7 {
  height: 2.02rem;
}
@media screen and (min-width: 768px) {
  #concept-benefits #benefits-image7 {
    width: 2.99rem;
    height: 100%;
    flex-grow: 1;
  }
}

#concept-ranking {
  display: none;
}
@media screen and (min-width: 768px) {
  #concept-ranking {
    display: block;
    padding-bottom: 1.75rem;
  }
  #concept-ranking .p-ranking-list {
    margin-top: 0.28rem;
  }
}

/* business page */
#business-top,
#price-top {
  padding-top: 0.12rem;
  padding-bottom: 0.25rem;
}
@media screen and (min-width: 768px) {
  #business-top,
  #price-top {
    padding-top: 0.26rem;
    padding-bottom: 0.38rem;
  }
}
#business-top .l-desc,
#price-top .l-desc {
  display: block;
  text-align: center;
  margin-top: 0.21rem;
  margin-bottom: 0.26rem;
  font-size: 0.12rem;
  line-height: 0.26rem;
}
@media screen and (min-width: 768px) {
  #business-top .l-desc,
  #price-top .l-desc {
    font-size: 0.14rem;
    font-weight: 700;
    line-height: 0.22rem;
    margin-top: 0.28rem;
    margin-bottom: 0.32rem;
  }
}

#business-products,
#price-products,
#collection-products {
  padding-bottom: 0.59rem;
}
@media screen and (min-width: 768px) {
  #business-products,
  #price-products,
  #collection-products {
    padding-bottom: 1rem;
  }
}
#business-products h3,
#price-products h3,
#collection-products h3 {
  display: block;
  font-size: 0.14rem;
  line-height: 0.18rem;
  font-weight: 700;
  width: 100%;
  border-bottom: 0.01rem solid var(--body-color);
  padding-bottom: 0.08rem;
}
@media screen and (min-width: 768px) {
  #business-products h3,
  #price-products h3,
  #collection-products h3 {
    font-size: 0.16rem;
    line-height: 0.26rem;
    padding-bottom: 0.07rem;
  }
}

/* creation page */
#creation-page {
  position: relative;
  overflow: hidden;
  max-width: 100vw;
}
@media screen and (min-width: 768px) {
  #creation-page {
    overflow: unset;
  }
}
#creation-page main {
  overflow: unset;
}
#creation-page figure[id^=creation-bg] {
  position: absolute;
  background-size: contain;
  z-index: -1;
  background-repeat: no-repeat;
  max-width: unset;
}
#creation-page #creation-bg1 {
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//creation/creation_bg1.svg");
  width: 3.62rem;
  height: 4.01rem;
  top: 6.07rem;
  left: -1.46rem;
}
@media screen and (min-width: 768px) {
  #creation-page #creation-bg1 {
    width: 6.74rem;
    height: 7.45rem;
    left: unset;
    right: -0.16rem;
    top: -0.53rem;
  }
}
#creation-page #creation-bg2 {
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//creation/creation_bg2.svg");
  width: 2rem;
  height: 2rem;
  left: -0.8rem;
  bottom: 0.1rem;
}
@media screen and (min-width: 768px) {
  #creation-page #creation-bg2 {
    width: 2rem;
    height: 2rem;
    left: -0.76rem;
    top: 13.64rem;
  }
}
#creation-page #creation-bg3 {
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//creation/creation_bg3.svg");
  width: 5.52rem;
  height: 4.17rem;
  top: -1rem;
  right: -3.76rem;
}
@media screen and (min-width: 768px) {
  #creation-page #creation-bg3 {
    width: 5.52rem;
    height: 4.17rem;
    top: 9.31rem;
    right: -2.66rem;
  }
}
#creation-page #creation-bg4 {
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//creation/creation_bg4.svg");
  width: 1.48rem;
  height: 1.63rem;
  bottom: 2.4rem;
  right: -0.71rem;
}
@media screen and (min-width: 768px) {
  #creation-page #creation-bg4 {
    width: 4.89rem;
    height: 5.39rem;
    bottom: 0;
    right: -1.34rem;
  }
}
#creation-page #creation-bg5 {
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//creation/creation_bg5.svg");
  display: none;
}
@media screen and (min-width: 768px) {
  #creation-page #creation-bg5 {
    display: block;
    width: 3.56rem;
    height: 3.82rem;
    left: -2.21rem;
    bottom: -2.77rem;
  }
}

#creation-bg {
  position: relative;
  overflow: hidden;
  margin-top: -0.3rem;
  padding-top: 0.3rem;
  /*
  &01{//角丸 青
      background-image: url('https://hanasukehana.sakura.ne.jp/media/wp-content/img/creation/creation_bg1.svg');
      @include m.pos(207, 104, -10, n, -20, n);
  }
  &01{//角丸 緑
      background-image: url('https://hanasukehana.sakura.ne.jp/media/wp-content/img/creation/creation_bg1.svg');
      @include m.pos(207, 104, -10, n, -20, n);
  }
  &01{//三角形 赤
      background-image: url('https://hanasukehana.sakura.ne.jp/media/wp-content/img/creation/creation_bg1.svg');
      @include m.pos(207, 104, -10, n, -20, n);
  }
  &01{//片丸 黄緑
      background-image: url('https://hanasukehana.sakura.ne.jp/media/wp-content/img/creation/creation_bg1.svg');
      @include m.pos(207, 104, -10, n, -20, n);
  }
  &01{//片丸 緑
      background-image: url('https://hanasukehana.sakura.ne.jp/media/wp-content/img/creation/creation_bg1.svg');
      @include m.pos(207, 104, -10, n, -20, n);
  }
  &01{//台形 茶
      background-image: url('https://hanasukehana.sakura.ne.jp/media/wp-content/img/creation/creation_bg1.svg');
      @include m.pos(207, 104, -10, n, -20, n);
  }
  &01{//角丸 青2
      background-image: url('https://hanasukehana.sakura.ne.jp/media/wp-content/img/creation/creation_bg1.svg');
      @include m.pos(207, 104, -10, n, -20, n);
  }
  &01{//角丸 黄緑２
      background-image: url('https://hanasukehana.sakura.ne.jp/media/wp-content/img/creation/creation_bg1.svg');
      @include m.pos(207, 104, -10, n, -20, n);
  }
  &01{//台形 ピンク
      background-image: url('https://hanasukehana.sakura.ne.jp/media/wp-content/img/creation/creation_bg1.svg');
      @include m.pos(207, 104, -10, n, -20, n);
  }
  &01{//台形 ピンク
      background-image: url('https://hanasukehana.sakura.ne.jp/media/wp-content/img/creation/creation_bg1.svg');
      @include m.pos(207, 104, -10, n, -20, n);
  }
  &01{//台形 ピンク
      background-image: url('https://hanasukehana.sakura.ne.jp/media/wp-content/img/creation/creation_bg1.svg');
      @include m.pos(207, 104, -10, n, -20, n);
  }
  &01{//台形 ピンク
      background-image: url('https://hanasukehana.sakura.ne.jp/media/wp-content/img/creation/creation_bg1.svg');
      @include m.pos(207, 104, -10, n, -20, n);
  }
  &01{//台形 ピンク
      background-image: url('https://hanasukehana.sakura.ne.jp/media/wp-content/img/creation/creation_bg1.svg');
      @include m.pos(207, 104, -10, n, -20, n);
  }
  &01{//台形 ピンク
      background-image: url('https://hanasukehana.sakura.ne.jp/media/wp-content/img/creation/creation_bg1.svg');
      @include m.pos(207, 104, -10, n, -20, n);
  }
  */
}
#creation-bg figure[id^=creation-bg] {
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
}
#creation-bg01 {
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/creation/creation_bg1.svg");
  position: absolute;
  display: block;
  top: -0.1rem;
  left: unset;
  right: -0.2rem;
  bottom: unset;
  width: 2.07rem;
  height: 1.04rem;
}
@media screen and (min-width: 768px) {
  #creation-bg01 {
    position: absolute;
    display: block;
    top: 0rem;
    left: unset;
    right: 0.64rem;
    bottom: unset;
    width: 3.87rem;
    height: 1.94rem;
  }
}

#creation-top {
  padding-top: 0.5rem;
  padding-bottom: 0.74rem;
}
@media screen and (min-width: 768px) {
  #creation-top {
    padding-top: 1.1rem;
    padding-left: 0.3rem;
    padding-bottom: 20.83vw;
    padding-left: 1.15rem;
  }
}
#creation-top .l-catch {
  position: relative;
  display: block;
  font-size: 0.24rem;
  line-height: 0.32rem;
  margin-bottom: 0.33rem;
  color: black;
  text-align: center;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  #creation-top .l-catch {
    font-size: 0.32rem;
    margin-bottom: 0.48rem;
    width: 100%;
    text-align: left;
  }
}
#creation-top .l-desc {
  display: block;
  font-size: 0.16rem;
  line-height: 0.32rem;
  font-weight: 700;
  width: 3.2rem;
  margin-top: 0.26rem;
  margin-bottom: 0.6rem;
}
@media screen and (min-width: 768px) {
  #creation-top .l-desc {
    margin-top: unset;
    margin-bottom: 1.77rem;
    width: 4rem;
  }
}
#creation-top .l-logo {
  display: block;
  margin-top: 0.26rem;
  margin-left: auto;
  margin-right: auto;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/creation_logo.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 1.2rem;
  height: 1.52rem;
  left: 0.36rem;
  top: 0.15rem;
}
@media screen and (min-width: 768px) {
  #creation-top .l-logo {
    position: absolute;
    margin-top: unset;
    margin-left: unset;
    margin-right: unset;
    width: 2.26rem;
    height: 2.86rem;
    right: 0;
    left: unset;
    top: 0;
  }
}
#creation-top .l-slider {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-width: unset;
  width: 100vw;
  height: 34.933vw;
  background-color: #E6D9B7;
  padding-top: 0.08rem;
  padding-bottom: 0.08rem;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  #creation-top .l-slider {
    position: absolute;
    height: 17.29vw;
    padding-top: 0.15rem;
    padding-bottom: 0.15rem;
  }
}
#creation-top .l-slider .swiper-wrapper {
  transition-timing-function: linear;
}
#creation-top .l-slider .swiper-slide {
  width: 45.87vw;
  height: 30.67vw;
  border-radius: unset;
  opacity: unset;
}
@media screen and (min-width: 768px) {
  #creation-top .l-slider .swiper-slide {
    width: 22.7vw;
    height: 15.14vw;
  }
}

#creation-cases {
  padding-bottom: 0.53rem;
}
@media screen and (min-width: 768px) {
  #creation-cases {
    padding-bottom: 0.86rem;
  }
}

#creation-wish {
  padding-bottom: 0.48rem;
}
@media screen and (min-width: 768px) {
  #creation-wish {
    padding-bottom: 0.62rem;
  }
}
#creation-wish .l-banner {
  width: 100%;
  height: 2.5rem;
  margin-top: 0.18rem;
}
@media screen and (min-width: 768px) {
  #creation-wish .l-banner {
    width: 100%;
    height: 1.9rem;
    margin-bottom: 0.32rem;
  }
}
#creation-wish .l-banner img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#creation-wish .l-desc {
  font-size: 0.16rem;
  line-height: 0.26rem;
  font-weight: 700;
  text-align: center;
  font-feature-settings: "palt" 1;
  letter-spacing: -0.08em;
}
@media screen and (min-width: 768px) {
  #creation-wish .l-desc {
    font-size: 0.22rem;
  }
}
#creation-wish .l-desc small {
  font-size: 0.14rem;
}
@media screen and (min-width: 768px) {
  #creation-wish .l-desc small {
    font-size: 0.16rem;
  }
}
#creation-wish .l-desc span {
  color: #777BB6;
}
#creation-wish .p-colorful-box {
  margin-top: 0.23rem;
  margin-bottom: 0.23rem;
}
@media screen and (min-width: 768px) {
  #creation-wish .p-colorful-box {
    margin-top: 0.31rem;
    margin-bottom: 0.25rem;
  }
}

#creation-wish-cases {
  padding-bottom: 0.48rem;
}
@media screen and (min-width: 768px) {
  #creation-wish-cases {
    padding-bottom: 0.97rem;
  }
}

#creation-steps {
  padding-bottom: 0.57rem;
}
@media screen and (min-width: 768px) {
  #creation-steps {
    padding-bottom: 0.87rem;
  }
}
#creation-steps .c-head--deco {
  margin-bottom: 0.4rem;
}
@media screen and (min-width: 768px) {
  #creation-steps .c-head--deco {
    margin-bottom: 0.49rem;
  }
}
#creation-steps .l-desc {
  font-size: 0.16rem;
  line-height: 0.26rem;
  font-weight: 700;
  text-align: center;
  font-feature-settings: "palt" 1;
  letter-spacing: -0.08em;
}
@media screen and (min-width: 768px) {
  #creation-steps .l-desc {
    font-size: 0.22rem;
  }
}
#creation-steps .l-desc small {
  font-size: 0.14rem;
}
@media screen and (min-width: 768px) {
  #creation-steps .l-desc small {
    font-size: 0.16rem;
  }
}
#creation-steps .l-desc span {
  color: #777BB6;
}
#creation-steps .l-steps {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.32rem;
  margin-bottom: 0.28rem;
}
@media screen and (min-width: 768px) {
  #creation-steps .l-steps {
    justify-content: center;
    gap: 0.28rem;
    flex-direction: row;
    margin-bottom: 0.44rem;
  }
}
#creation-steps .l-steps figure {
  position: relative;
  width: 2.71rem;
  height: 2.71rem;
  margin: 0;
}
#creation-steps .l-steps figure::after {
  position: absolute;
  display: block;
  content: "";
  width: 0.3rem;
  height: 0.3rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/right_arrow_red.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  transform: translate(-50%, 0%) rotate(90deg);
  transform-origin: center center;
  bottom: -0.3rem;
  left: 50%;
}
@media screen and (min-width: 768px) {
  #creation-steps .l-steps figure::after {
    left: unset;
    right: -0.3rem;
    bottom: 50%;
    transform: translate(0, 50%);
  }
}
#creation-steps .l-steps figure:nth-last-of-type(1)::after {
  display: none;
}
#creation-steps .l-steps img {
  display: block;
  width: 100%;
  height: 100%;
}

#creation-contact {
  padding-bottom: 1rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  #creation-contact {
    padding-bottom: 1rem;
  }
}
#creation-contact::after {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
  left: 50%;
  bottom: 1.49rem;
  transform: translateX(-50%);
  width: 2.07rem;
  height: 1.04rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/creation/creation_bg1.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  #creation-contact::after {
    width: 3.87rem;
    height: 1.94rem;
  }
}
#creation-contact .l-logo {
  width: 1.8rem;
  height: 0.6rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.28rem;
}
@media screen and (min-width: 768px) {
  #creation-contact .l-logo {
    margin-bottom: 0.47rem;
    width: 2.41rem;
    height: 0.8rem;
  }
}
#creation-contact .l-logo img {
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
#creation-contact .l-desc {
  font-size: 0.14rem;
  line-height: 0.26rem;
  text-align: center;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  #creation-contact .l-desc {
    font-size: 0.26rem;
    line-height: 0.4rem;
  }
}
#creation-contact .c-btn--square {
  margin-top: 0.38rem;
  width: 2.8rem;
  height: 0.7rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  #creation-contact .c-btn--square {
    margin-top: 0.54rem;
    width: 4rem;
    height: 1rem;
  }
}

/* creation cases page */
#creation-cases-top {
  padding-top: 0.1rem;
  padding-bottom: 0.3rem;
}
@media screen and (min-width: 768px) {
  #creation-cases-top {
    padding-top: 0.2rem;
    padding-bottom: 0.38rem;
  }
}
#creation-cases-top .l-header {
  position: relative;
  margin-top: 0.21rem;
  width: 100vw;
  height: 2.4rem;
  max-width: unset;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  #creation-cases-top .l-header {
    margin-top: 0.38rem;
    width: 100%;
    height: 2.4rem;
  }
}
#creation-cases-top .l-header img {
  display: block;
  width: 100%;
  height: 100%;
}

#creation-cases-main {
  padding-bottom: 0.77rem;
}
@media screen and (min-width: 768px) {
  #creation-cases-main {
    padding-bottom: 0.96rem;
  }
}

/* guide page, faq page */
#guide-top,
#faq-top {
  padding-top: 0.2rem;
  padding-bottom: 0.19rem;
}
@media screen and (min-width: 768px) {
  #guide-top,
  #faq-top {
    padding-top: 0.46rem;
    padding-bottom: 0.38rem;
  }
}

#guide-service,
#guide-order,
#guide-delivery,
#guide-payment,
#guide-cancel,
#guide-example,
#guide-contact,
#faq-access,
#faq-order,
#faq-option,
#faq-card,
#faq-delivery,
#faq-payment,
#faq-concert,
#faq-sakamichi,
#faq-condolence {
  padding-bottom: 0.28rem;
}
#guide-service .l-head,
#guide-order .l-head,
#guide-delivery .l-head,
#guide-payment .l-head,
#guide-cancel .l-head,
#guide-example .l-head,
#guide-contact .l-head,
#faq-access .l-head,
#faq-order .l-head,
#faq-option .l-head,
#faq-card .l-head,
#faq-delivery .l-head,
#faq-payment .l-head,
#faq-concert .l-head,
#faq-sakamichi .l-head,
#faq-condolence .l-head {
  font-size: 0.18rem;
  line-height: 100%;
  color: var(--body-color);
  font-weight: 700;
  padding-left: 0.1rem;
  border-left: 0.015rem solid var(--body-color);
  margin-bottom: 0.05rem;
}

#guide-contact,
#faq-condolence {
  padding-bottom: 0.86rem;
}
@media screen and (min-width: 768px) {
  #guide-contact,
  #faq-condolence {
    padding-bottom: 1rem;
  }
}

#faq-condolence .p-accordion {
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  #faq-condolence .p-accordion {
    margin-bottom: 0.8rem;
  }
}
#faq-condolence .l-contact {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #faq-condolence .l-contact {
    flex-direction: row;
    justify-content: space-between;
  }
}
#faq-condolence .l-contact a {
  display: block;
}
#faq-condolence .l-contact a img {
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 1.18rem;
}
@media screen and (min-width: 768px) {
  #faq-condolence .l-contact a img {
    width: 4rem;
    height: 1.41rem;
  }
}

/* cart page */
@media screen and (min-width: 768px) {
  #cart-page::before {
    width: 0.8rem;
  }
}
#cart-page h2 {
  font-size: 0.18rem;
  font-weight: 700;
  line-height: 0.23rem;
  text-align: center;
  margin-bottom: 0.41rem;
  color: var(--body-color);
}
@media screen and (min-width: 768px) {
  #cart-page h2 {
    font-size: 0.18rem;
    font-weight: 700;
    margin-bottom: 0.15rem;
    text-align: left;
  }
}

#cart-top {
  padding-top: 0.15rem;
  padding-bottom: 0.3rem;
  border-bottom: 0.01rem solid #707070;
}
@media screen and (min-width: 768px) {
  #cart-top {
    padding-top: 0.3rem;
    margin-left: 0.5rem;
    padding-bottom: 0.3rem;
  }
}
#cart-top .l-flow {
  width: 2.78rem;
  height: 1.31rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//cart/flow1_sp.png");
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  #cart-top .l-flow {
    margin-left: 0.28rem;
    background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//cart/flow1_pc.png");
    width: 8.26rem;
    height: 0.7rem;
  }
}

#cart-list {
  padding-top: 0.3rem;
  padding-bottom: 0.87rem;
}
@media screen and (min-width: 768px) {
  #cart-list {
    padding-top: 0.62rem;
    padding-left: 0.5rem;
    padding-bottom: 1.13rem;
  }
}

#cart-checked {
  padding-bottom: 0.9rem;
}
@media screen and (min-width: 768px) {
  #cart-checked {
    padding-left: 0.5rem;
    padding-bottom: 0.73rem;
  }
}
@media screen and (min-width: 768px) {
  #cart-checked .p-product-list {
    gap: 0.2rem;
    justify-content: center;
  }
}
@media screen and (min-width: 768px) {
  #cart-checked .p-product-list__wrapper {
    width: 1.6rem;
  }
}
@media screen and (min-width: 768px) {
  #cart-checked .p-product-list__wrapper img {
    height: 1.6rem;
  }
}
@media screen and (min-width: 768px) {
  #cart-checked .p-product-list__wrapper:nth-of-type(n+6) {
    display: none;
  }
}

/* choice page */
#choice-top {
  padding-top: 0.2rem;
  padding-bottom: 1.01rem;
}
@media screen and (min-width: 768px) {
  #choice-top {
    padding-top: 0.33rem;
    padding-bottom: 2.45rem;
  }
}
#choice-top .l-desc {
  display: block;
  margin-top: 0.24rem;
  padding-bottom: 0.03rem;
  text-align: center;
  font-size: 0.12rem;
  line-height: 0.26rem;
}
@media screen and (min-width: 768px) {
  #choice-top .l-desc {
    margin-top: 0.22rem;
    margin-bottom: 0.45rem;
    font-size: 0.14rem;
    font-weight: 700;
  }
}
#choice-top .l-subject--purple {
  font-size: 0.26rem;
  line-height: 0.35rem;
  letter-spacing: 0.1em;
  font-weight: 700;
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  color: #8C84AA;
}
@media screen and (min-width: 768px) {
  #choice-top .l-subject--purple {
    margin-bottom: 0.36rem;
  }
}
@media screen and (min-width: 768px) {
  #choice-top .l-top-container {
    margin-bottom: 0.1rem;
    gap: 0.33rem 0.27rem;
    justify-content: flex-start;
    margin-bottom: 0.6rem;
  }
  #choice-top .l-top-container:nth-last-of-type(1) {
    margin-bottom: unset;
  }
}
#choice-top .l-top-container--sp {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 0.1rem;
  padding-left: 0.225rem;
  padding-right: 0.225rem;
  margin-top: 0.1rem;
  margin-bottom: 0.35rem;
}
@media screen and (min-width: 768px) {
  #choice-top .l-top-container--sp {
    display: none;
  }
}
#choice-top .l-top-container--sp__wrapper {
  position: relative;
  width: 100%;
  height: 0.91rem;
  border: 0.01rem solid #707070;
  display: flex;
  align-items: center;
  padding-left: 0.21rem;
  font-size: 0.18rem;
  line-height: 0.26rem;
  letter-spacing: -0.05em;
  font-weight: 700;
}
#choice-top .l-top-container--sp__wrapper img {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* collection page */
#collection-article[data-category$="00"] #collection-complement {
  display: none;
}
#collection-article[data-category^=ct20] .l-btn {
  display: none;
}
#collection-article[data-category^=ct20] .l-desc {
  margin-bottom: unset;
}
#collection-article[data-category^=ct30] .l-btn {
  display: none;
}
#collection-article[data-category^=ct30] .l-desc {
  margin-bottom: unset;
}
#collection-article:not([data-category^=ct10]) #collection-complement {
  display: none;
}
#collection-article[data-category^=ct30] #collection-complement {
  display: block;
}
@media screen and (min-width: 768px) {
  #collection-article[data-category^=ct30] #collection-complement {
    display: flex;
  }
}
#collection-article[data-category^=ct40] #collection-complement {
  display: block;
}
@media screen and (min-width: 768px) {
  #collection-article[data-category^=ct40] #collection-complement {
    display: flex;
  }
}
#collection-article[data-category^=ct30009] #collection-complement {
  display: none;
}

#collection-top {
  padding-top: 0.2rem;
  padding-bottom: 0.37rem;
}
@media screen and (min-width: 768px) {
  #collection-top {
    padding-top: 0.32rem;
    padding-bottom: 0.56rem;
  }
}
#collection-top:has(#collection-info:empty) {
  display: none;
}
#collection-top .c-head--vert {
  margin-bottom: 0.21rem;
}
@media screen and (min-width: 768px) {
  #collection-top .c-head--vert {
    margin-bottom: 0.29rem;
  }
}
#collection-top .l-head {
  width: 100%;
  height: unset;
  margin-bottom: 0.25rem;
}
@media screen and (min-width: 768px) {
  #collection-top .l-head {
    -o-object-fit: contain;
       object-fit: contain;
    height: unset;
    margin-bottom: 0.49rem;
  }
}
#collection-top .l-head img {
  display: block;
  width: 100%;
  height: 100%;
}
#collection-top .l-desc {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.2rem;
  width: 2.94rem;
  font-size: 0.13rem;
  font-weight: 700;
  line-height: 0.21rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #collection-top .l-desc {
    width: 100%;
    margin-bottom: 0.47rem;
    font-size: 0.2rem;
    line-height: 0.3rem;
  }
}
#collection-top .l-desc img {
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
#collection-top .l-desc strong {
  display: inline-block;
  margin-bottom: 1em;
  font-size: 0.2rem;
  line-height: 0.3rem;
  color: #FFA25D;
  border-bottom: 0.03rem solid #FFA25D;
}
@media screen and (min-width: 768px) {
  #collection-top .l-desc strong {
    font-size: 0.3rem;
    line-height: 0.4rem;
  }
}
#collection-top > strong {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  margin-bottom: 1em;
  font-size: 0.2rem;
  line-height: 0.3rem;
  color: #FFA25D;
  border-bottom: 0.03rem solid #FFA25D;
}
@media screen and (min-width: 768px) {
  #collection-top > strong {
    font-size: 0.3rem;
    line-height: 0.4rem;
  }
}
#collection-top .c-head--bg-image {
  margin-bottom: 0.34rem;
}
@media screen and (min-width: 768px) {
  #collection-top .c-head--bg-image {
    margin-bottom: 0.5rem;
  }
}
#collection-top .l-btn {
  display: flex;
  justify-content: space-between;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  #collection-top .l-btn {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
#collection-top .l-btn a[href$=relative] {
  margin-left: auto;
}
#collection-top .p-child-category-list {
  position: relative;
  left: 0.2rem;
  margin-top: 0.19rem;
}
@media screen and (min-width: 768px) {
  #collection-top .p-child-category-list {
    left: unset;
    padding-left: 1.5rem;
    padding-right: 0.5rem;
    margin-top: 0.48rem;
  }
}
#collection-top *:last-child {
  margin-bottom: unset;
}
@media screen and (min-width: 768px) {
  #collection-top *:last-child {
    margin-bottom: unset;
  }
}
#collection-top .l-center {
  text-align: center;
}
#collection-top .l-left {
  text-align: left;
}
#collection-top .l-feature {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
@media screen and (min-width: 768px) {
  #collection-top .l-feature {
    gap: 0.5rem;
  }
}
#collection-top .l-feature--image {
  height: auto;
  display: block;
  margin-bottom: 0.34rem;
}
#collection-top .l-feature--wrapper > *:not(:last-child) {
  margin-bottom: 0.25rem;
}
@media screen and (min-width: 768px) {
  #collection-top .l-feature--wrapper > *:not(:last-child) {
    margin-bottom: 0.35rem;
  }
}
#collection-top .l-feature--info {
  display: flex;
  flex-direction: column;
  gap: 0rem;
}
@media screen and (min-width: 768px) {
  #collection-top .l-feature--info {
    gap: 0.12rem;
  }
}
#collection-top .l-feature--title {
  width: 100%;
  padding-bottom: 0.25rem;
  border-bottom: 0.015rem solid #E2DFDF;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.19rem;
  line-height: 0.28rem;
  font-weight: 700;
  letter-spacing: 0;
  color: #393632;
  margin-bottom: 0.25rem;
}
@media screen and (min-width: 768px) {
  #collection-top .l-feature--title {
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
    font-size: 0.24rem;
    line-height: 0.38rem;
    font-weight: 700;
    letter-spacing: 0;
  }
}
#collection-top .l-feature--desc {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.16rem;
  line-height: 0.28rem;
  font-weight: 500;
  letter-spacing: 0;
}
#collection-top .l-feature--desc strong {
  display: block;
  margin-top: 0.05rem;
  color: #BE0000;
}
#collection-top .l-feature--caution {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.16rem;
  line-height: 0.28rem;
  font-weight: 500;
  letter-spacing: 0;
  color: #BE0000;
}
@media screen and (min-width: 768px) {
  #collection-top .l-feature--caution {
    width: 50%;
  }
}
#collection-top .l-feature--caution h3 {
  width: 100%;
  padding-bottom: 0.08rem;
  border-bottom: 0.01rem solid #BE0000;
  font-size: 0.17rem;
  line-height: 0.22rem;
  font-weight: 700;
  margin-bottom: 0.21rem;
  display: block;
}
#collection-top .l-faq-link {
  width: 3rem;
  height: 2.46rem;
  margin: 0.62rem auto 0.52rem;
}
@media screen and (min-width: 768px) {
  #collection-top .l-faq-link {
    margin: 0.47rem 0 0.76rem;
  }
}
#collection-top .l-faq-link img {
  display: block;
  width: 100%;
  height: 100%;
}
#collection-top .l-category-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 0.56rem;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  #collection-top .l-category-link {
    flex-direction: row;
    align-items: flex-start;
    gap: 0.2rem;
    width: 8rem;
    margin-top: 0.76rem;
  }
}
#collection-top .l-category-link a {
  width: 2.2rem;
  height: 0.59rem;
  display: block;
}
@media screen and (min-width: 768px) {
  #collection-top .l-category-link a {
    width: 2.4rem;
    height: 0.64rem;
  }
}
#collection-top .l-category-link a img {
  display: block;
  width: 100%;
  height: 100%;
}

#collection-invalid {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media screen and (min-width: 768px) {
  #collection-invalid {
    padding-top: 2rem;
  }
}
#collection-invalid strong {
  display: block;
  margin: auto;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 0.2rem;
  font-weight: 700;
  text-align: center;
  padding: 0.1rem;
  border-radius: 0.05rem;
  border: 0.02rem solid #BE6B6B;
}

#collection-complement {
  padding-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  #collection-complement {
    padding-bottom: 1rem;
    display: flex;
    gap: 0.4rem;
  }
}
#collection-complement .c-box--left-border {
  margin-bottom: 0.18rem;
}
@media screen and (min-width: 768px) {
  #collection-complement .c-box--left-border {
    margin-bottom: 0.28rem;
  }
  #collection-complement .c-box--left-border:nth-of-type(2) {
    margin-left: auto;
  }
}

#collection-faq {
  padding-bottom: 0.3rem;
}
@media screen and (min-width: 768px) {
  #collection-faq {
    padding-bottom: unset;
    flex-grow: 1;
  }
}
#collection-faq .p-accordion {
  width: 100%;
  margin-top: unset;
}
@media screen and (min-width: 768px) {
  #collection-faq .p-accordion {
    padding-left: unset;
  }
}
#collection-faq .p-accordion__wrapper {
  border-bottom: 0.015rem solid var(--body-color);
}
#collection-faq .p-accordion__wrapper:nth-of-type(1) {
  border-top: 0.015rem solid var(--body-color);
}
@media screen and (min-width: 768px) {
  #collection-faq .p-accordion__wrapper {
    width: 100%;
  }
}
#collection-faq .p-accordion__switch:checked ~ .p-accordion__item {
  color: #6C5D48;
  background-color: white;
}
#collection-faq .p-accordion__switch:checked ~ .p-accordion__item::after {
  transform: translateY(-50%) rotate(45deg);
}
#collection-faq .p-accordion__switch:checked ~ .p-accordion__content {
  color: #6C5D48;
  background-color: white;
  min-height: 1rem;
  padding-top: unset;
  padding-bottom: 0.07rem;
  opacity: 1;
}
@media screen and (min-width: 768px) {
  #collection-faq .p-accordion__switch:checked ~ .p-accordion__content {
    padding-top: 0.09rem;
    margin-bottom: 0.16rem;
  }
}
#collection-faq .p-accordion__item {
  position: relative;
  padding-left: 0.25rem;
  border-color: var(--body-color);
  min-height: 0.4rem;
  font-size: 0.15rem;
  border-bottom: none;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
  align-items: flex-start;
  gap: 0.03rem;
}
@media screen and (min-width: 768px) {
  #collection-faq .p-accordion__item {
    min-height: 0.4rem;
    font-size: 0.16rem;
    padding-left: 0.25rem;
  }
}
#collection-faq .p-accordion__item::before {
  padding-right: 0.05rem;
  content: "Q.";
  font-weight: 700;
}
#collection-faq .p-accordion__item::after {
  width: 0.12rem;
  height: 0.12rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/cross.svg");
  background-size: contain;
  background-repeat: no-repeat;
  right: unset;
  left: 0;
}
#collection-faq .p-accordion__content {
  position: relative;
  padding-left: 0.43rem;
  font-size: 0.15rem;
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  gap: unset;
  opacity: 0;
  transition: 0s;
}
#collection-faq .p-accordion__content p {
  font-weight: 500;
  display: block;
  margin-bottom: 0.8em;
}
@media screen and (min-width: 768px) {
  #collection-faq .p-accordion__content p {
    font-size: 0.16rem;
  }
}
#collection-faq .p-accordion__content b,
#collection-faq .p-accordion__content strong {
  font-weight: 700;
  color: #6C5D48;
}
@media screen and (min-width: 768px) {
  #collection-faq .p-accordion__content {
    padding-left: 0.55rem;
    font-size: 0.16rem;
  }
}
#collection-faq .p-accordion__content::before {
  content: "A.";
  padding-right: 5px;
  font-weight: 700;
}

#collection-rankings {
  padding-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  #collection-rankings {
    padding-top: 0.96rem;
  }
}
#collection-rankings .c-head--left--title {
  margin-bottom: 0.2rem;
}
@media screen and (min-width: 768px) {
  #collection-rankings .c-head--left--title {
    margin-bottom: 0.37rem;
  }
}
#collection-rankings h4 {
  font-size: 0.14rem;
  font-weight: 700;
  line-height: 0.19rem;
  color: #707070;
  display: block;
  margin-bottom: 0.15rem;
}
@media screen and (min-width: 768px) {
  #collection-rankings h4 {
    font-size: 0.18rem;
    line-height: 0.24rem;
  }
}
#collection-rankings .p-ranking-list {
  margin-bottom: 0.3rem;
}
@media screen and (min-width: 768px) {
  #collection-rankings .p-ranking-list {
    margin-bottom: 0.35rem;
  }
}
#collection-rankings .p-ranking-list:last-child {
  margin-bottom: unset;
}

@media screen and (min-width: 768px) {
  #collection-relative {
    flex: none;
    width: 3.5rem;
  }
}
#collection-relative .c-btn--dir {
  margin-top: 0.2rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  #collection-relative .c-btn--dir {
    margin-top: 0.26rem;
    margin-right: unset;
  }
}

/* features page */
#features-top {
  padding-top: 0.2rem;
  padding-bottom: 0.32rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  #features-top {
    padding-top: 0.33rem;
    padding-bottom: 0.32rem;
  }
}
#features-top .l-head {
  display: block;
  width: 3.75rem;
  height: 1.44rem;
  width: 100vw;
  max-width: unset;
  position: relative;
  left: 50%;
  transform: translate(-50%);
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//custom/banner_long.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-top: 0.27rem;
}
@media screen and (min-width: 768px) {
  #features-top .l-head {
    width: 100%;
    height: 1.96rem;
    margin-top: 0.5rem;
    background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//custom/banner_long.jpg");
  }
}

#features-list {
  padding-bottom: 1.44rem;
}
@media screen and (min-width: 768px) {
  #features-list {
    padding-bottom: 1.06rem;
  }
}
#features-list .l-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 0.23rem;
}
@media screen and (min-width: 768px) {
  #features-list .l-container {
    flex-direction: row;
    gap: 0.37rem 0;
    justify-content: space-between;
  }
}
#features-list .l-wrapper {
  display: block;
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  #features-list .l-wrapper {
    width: 4.2rem;
    height: 2.1rem;
    width: 4.2rem;
    height: auto;
  }
}
#features-list .l-wrapper img {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

#works-top {
  padding-top: 0.2rem;
  padding-bottom: 0.3rem;
}
@media screen and (min-width: 768px) {
  #works-top {
    padding-top: 0.45rem;
    padding-bottom: 0.5rem;
  }
}

#works-list {
  padding-bottom: 1rem;
}
#works-list h3 {
  display: block;
  font-size: 0.16rem;
  letter-spacing: 0.2em;
  font-weight: 700;
  margin-bottom: 0.15rem;
}
@media screen and (min-width: 768px) {
  #works-list h3 {
    font-size: 0.26rem;
  }
}
/* local page */
#local-top {
  padding-top: 0.15rem;
  padding-bottom: 0.66rem;
}
@media screen and (min-width: 768px) {
  #local-top {
    padding-top: 0.39rem;
    padding-bottom: 0.47rem;
  }
}

#local-area {
  padding-bottom: 0.42rem;
}
@media screen and (min-width: 768px) {
  #local-area {
    padding-bottom: 0.97rem;
  }
}
#local-area .p-index {
  padding-left: 0.08rem;
  padding-right: 0.08rem;
  padding-top: 0.3rem;
  padding-bottom: 0.22rem;
}
@media screen and (min-width: 768px) {
  #local-area .p-index {
    padding-left: 0.5rem;
    padding-right: 0.3rem;
  }
}
#local-area .p-index__container {
  flex-direction: row;
  padding-top: 0rem;
  padding-left: 0.27rem;
  padding-right: 0.27rem;
  padding-bottom: 0rem;
  gap: 0.15rem;
}
@media screen and (min-width: 768px) {
  #local-area .p-index__container {
    gap: 0.23rem 0.4rem;
    padding-left: unset;
    padding-right: unset;
  }
}
#local-area .p-index__title {
  left: 0.26rem;
  transform: translateY(-50%);
  font-size: 0.2rem;
}
@media screen and (min-width: 768px) {
  #local-area .p-index__title {
    left: 0.29rem;
    font-size: 0.22rem;
  }
}
#local-area .p-index__desc {
  display: block;
  margin-bottom: 0.16rem;
  font-size: 0.14rem;
  font-weight: 700;
  color: #6C5D48;
}
@media screen and (min-width: 768px) {
  #local-area .p-index__desc {
    font-size: 0.16rem;
    line-height: 0.28rem;
  }
}
#local-area .p-index__map {
  width: 100%;
  margin-bottom: 0.3rem;
  position: relative;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  #local-area .p-index__map {
    margin-left: auto;
    margin-right: auto;
  }
}
#local-area .p-index__map__legend {
  position: absolute;
  left: 0.1rem;
  bottom: 0.1rem;
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  font-size: 0.14rem;
  font-weight: 700;
  color: #6C5D48;
}
#local-area .p-index__map__legend div {
  display: flex;
  align-items: center;
  gap: 0.1rem;
}
#local-area .p-index__map__legend div::before {
  content: "";
  width: 0.2rem;
  height: 0.2rem;
}
#local-area .p-index__map__legend--available::before {
  background-color: var(--body-color);
}
#local-area .p-index__map__legend--inavailable::before {
  background-color: #F0F0F0;
}
#local-area .p-index__map svg {
  width: 100%;
}
@media screen and (min-width: 768px) {
  #local-area .p-index__map svg {
    width: 4.35rem;
  }
}
#local-area .p-index__map__image {
  height: 2.4rem;
  fill: #F0F0F0;
}
#local-area .p-index__map__image path {
  fill: inherit;
  transition: inherit;
}
@media screen and (min-width: 768px) {
  #local-area .p-index__map__image {
    height: 3rem;
  }
}
#local-area .p-index__map__image--active {
  fill: var(--body-color) !important;
  cursor: pointer;
}
#local-area .p-index__map__image--active path {
  fill: inherit;
  transition: inherit;
}
#local-area .p-index__map__image--active:hover {
  opacity: 0.7;
}
#local-area .p-index__map__image--sub-active {
  fill: var(--body-color) !important;
}
#local-area .p-index__map__image--sub-active path {
  fill: inherit;
  transition: inherit;
}
#local-area .p-index__wrapper {
  font-size: 0.14rem;
  min-width: 0.7rem;
  color: #6C5D48;
}
@media screen and (min-width: 768px) {
  #local-area .p-index__wrapper {
    font-size: 0.18rem;
    line-height: 0.23rem;
    min-width: 0.9rem;
  }
}
#local-area .p-index__wrapper a {
  color: var(--body-color);
  position: relative;
}
#local-area .p-index__wrapper a::after {
  position: absolute;
  top: 50%;
  right: -0.08rem;
  transform: translate(100%, -50%);
  content: "";
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/right_arrow_brown_middle_light.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 0.08rem;
  height: 0.14rem;
}
#local-area .l-notice {
  display: block;
  margin-top: 0.32rem;
  width: 100%;
  font-size: 0.14rem;
  line-height: 0.22rem;
}
@media screen and (min-width: 768px) {
  #local-area .l-notice {
    margin-top: 0.26rem;
    font-size: 0.16rem;
    line-height: 0.24rem;
    font-weight: 700;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
#local-area .l-contact {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  width: 100%;
  margin-top: 0.4rem;
}
@media screen and (min-width: 768px) {
  #local-area .l-contact {
    flex-direction: row;
    justify-content: space-between;
  }
}
#local-area .l-contact a {
  display: block;
}
#local-area .l-contact a img {
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 1.18rem;
}
@media screen and (min-width: 768px) {
  #local-area .l-contact a img {
    width: 4rem;
    height: 1.41rem;
  }
}

/* product page */
#product-main {
  padding-top: 0.22rem;
  padding-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  #product-main {
    padding-top: 0.5rem;
    padding-bottom: 1.14rem;
  }
}
#product-main .l-coupon {
  margin-top: 0.24rem;
  margin-bottom: 0.5rem;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 1.28rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//product/coupon_sp.png");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  #product-main .l-coupon {
    margin-top: 0.32rem;
    margin-bottom: 0.57rem;
    width: 6.46rem;
    height: 1.19rem;
    background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//product/coupon_pc.png");
  }
}
#product-main .c-head--vert {
  margin-top: 0.48rem;
  margin-bottom: 0rem;
}
@media screen and (min-width: 768px) {
  #product-main .c-head--vert {
    margin-top: 0.57rem;
    margin-bottom: -0.7rem;
  }
}

#product-recommend {
  padding-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  #product-recommend {
    padding-bottom: 1rem;
  }
}
#product-recommend .c-head--plain {
  margin-bottom: 0.5rem;
  color: var(--body-dark-color);
}
@media screen and (min-width: 768px) {
  #product-recommend .p-recommend-list {
    width: 8.7rem;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 768px) {
  #product-recommend .p-recommend-list__wrapper {
    width: 1.91rem;
  }
}
@media screen and (min-width: 768px) {
  #product-recommend .p-recommend-list__thumb {
    width: 100%;
    height: 1.91rem;
  }
}

#product-review {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  #product-review {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
#product-review .l-notify {
  display: block;
  text-align: center;
  margin-top: 0.5rem;
}
#product-review .c-head--plain {
  color: var(--body-dark-color);
}
#product-review .p-review-list {
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  #product-review .p-review-list {
    margin-top: 0.5rem;
  }
}
#product-review .c-btn--dark-brown2 {
  margin-top: 0.5rem;
  color: white;
  text-decoration: none;
}

#review-form {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  #review-form {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
#review-form .c-head--plain {
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  #review-form .c-head--plain {
    margin-bottom: 0.5rem;
  }
}

/* network page */
#network-top {
  padding-top: 0.2rem;
  padding-bottom: 0.4rem;
}
@media screen and (min-width: 768px) {
  #network-top {
    padding-top: 0.23rem;
    padding-bottom: 0.5rem;
  }
}
#network-top .c-head--with-bg {
  margin-bottom: 0.5rem;
}
#network-top .l-desc {
  font-size: 0.12rem;
  font-weight: 700;
  line-height: 150%;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #network-top .l-desc {
    font-size: 0.13rem;
  }
}

#network-contents {
  padding-bottom: 1rem;
}
@media screen and (min-width: 768px) {
  #network-contents {
    padding-bottom: 1.14rem;
  }
}
#network-contents .p-accordion {
  margin-bottom: 0.36rem;
}
@media screen and (min-width: 768px) {
  #network-contents .p-accordion {
    width: 3.9rem;
  }
  #network-contents .p-accordion__wrapper {
    width: 100%;
  }
}

/* policy page */
#policy-article {
  padding-top: 0.2rem;
  padding-bottom: 0.4rem;
}
@media screen and (min-width: 768px) {
  #policy-article {
    padding-top: 0.32rem;
    padding-bottom: 2.26rem;
  }
}
#policy-article h2 {
  margin-bottom: 0.2rem;
}
@media screen and (min-width: 768px) {
  #policy-article h2 {
    margin-bottom: 0.32rem;
  }
}
#policy-article pre {
  font-size: 0.12rem;
  line-height: 0.3rem;
  white-space: pre-wrap;
}
@media screen and (min-width: 768px) {
  #policy-article pre {
    font-size: 0.12rem;
    line-height: 0.3rem;
    padding-left: 0.5rem;
  }
}

#policy-table {
  padding-bottom: 1rem;
}
@media screen and (min-width: 768px) {
  #policy-table {
    padding-bottom: 1.5rem;
  }
}
#policy-table .l-table {
  margin-top: 0.2rem;
}
@media screen and (min-width: 768px) {
  #policy-table .l-table {
    margin-top: 0.32rem;
    padding-left: 0.5rem;
  }
}
#policy-table .p-table-plain {
  display: flex;
  flex-direction: column;
  font-weight: 700;
  border: 0.01rem solid var(--body-color);
  border-bottom: none;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #policy-table .p-table-plain {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
#policy-table .p-table-plain dt,
#policy-table .p-table-plain dd {
  min-height: 0.36rem;
  padding-top: 0.05rem;
  padding-left: 0.1rem;
  padding-right: 0.1rem;
  padding-bottom: 0.05rem;
  width: 100%;
  border-bottom: 0.01rem solid var(--body-color);
}
#policy-table .p-table-plain dt {
  display: flex;
  align-items: center;
  font-size: 0.16rem;
  background-color: rgba(var(--body-color--rgb), 0.13);
}
@media screen and (min-width: 768px) {
  #policy-table .p-table-plain dt {
    align-items: flex-start;
    width: 2.2rem;
    flex: none;
    flex-grow: 0;
    border-right: 0.01rem solid var(--body-color);
  }
}
#policy-table .p-table-plain dd {
  font-size: 0.12rem;
  display: flex;
  background-color: white;
}
@media screen and (min-width: 768px) {
  #policy-table .p-table-plain dd {
    width: calc(100% - 2.2rem);
    flex-grow: 1;
  }
}

#direct-top {
  padding-top: 0.42rem;
  padding-bottom: 0.27rem;
}
@media screen and (min-width: 768px) {
  #direct-top {
    padding-top: 0.26rem;
    padding-bottom: 0.3rem;
    padding-left: 0.5rem;
  }
}
#direct-top .c-head--vert {
  margin-bottom: 0.32rem;
}
@media screen and (min-width: 768px) {
  #direct-top .c-head--vert {
    margin-bottom: 0.58rem;
  }
}
#direct-top .l-container {
  display: flex;
  flex-direction: column;
  gap: 0.24rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #direct-top .l-container {
    gap: 0.72rem;
    flex-direction: row;
  }
}
#direct-top .l-movie {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 1.88rem;
  flex: none;
}
@media screen and (min-width: 768px) {
  #direct-top .l-movie {
    width: 4.27rem;
    height: 2.4rem;
  }
}
#direct-top .l-movie img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
#direct-top .l-movie::before {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/movie_overlay.svg");
  background-size: cover;
  background-repeat: no-repeat;
  transition: 0.3s;
  opacity: 1;
}
#direct-top .l-movie:hover::before {
  opacity: 0;
}
#direct-top .l-text {
  padding-left: 0.23rem;
  padding-right: 0.23rem;
  font-size: 0.14rem;
  letter-spacing: 0;
  font-feature-settings: "palt" 1;
  line-height: 0.24rem;
  font-weight: 700;
  display: flex;
  flex-direction: column;
  gap: 0.16rem;
}
@media screen and (min-width: 768px) {
  #direct-top .l-text {
    padding-left: unset;
    padding-right: unset;
    font-size: 0.16rem;
    line-height: 0.28rem;
  }
}
#direct-top .l-text ul {
  float: left;
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
  font-size: 0.16rem;
}
@media screen and (min-width: 768px) {
  #direct-top .l-text ul {
    font-size: 0.22rem;
    padding-left: 0.4rem;
    gap: 0.6em 1em;
  }
}
#direct-top .l-text ul li {
  display: flex;
  gap: 0.03rem;
  align-items: center;
  flex: none;
}
#direct-top .l-text ul li::before {
  content: "";
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 100%;
  background-color: var(--body-color);
}

#direct-flow {
  padding-bottom: 0.48rem;
}
@media screen and (min-width: 768px) {
  #direct-flow {
    padding-left: 0.5rem;
  }
}
#direct-flow h2 {
  display: flex;
  align-items: center;
  padding-left: 0.12rem;
  color: white;
  font-size: 0.16rem;
  font-weight: 700;
  width: 100%;
  height: 0.26rem;
  gap: 0.47rem;
  background-color: #5A472C;
}
#direct-flow h2::after {
  position: relative;
  bottom: 0.015rem;
  content: "";
  flex-grow: 1;
  background-color: white;
  height: 100%;
  transform: skew(35deg);
  transform-origin: top left;
}
#direct-flow .l-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.12rem;
  padding-top: 0.2rem;
}
@media screen and (min-width: 768px) {
  #direct-flow .l-container {
    padding-top: 0.37rem;
    padding-left: 0.1rem;
    padding-right: 0.5rem;
  }
}
#direct-flow .l-container .l-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.08rem;
  width: 1.4rem;
}
#direct-flow .l-container .l-wrapper::after {
  content: "";
  position: absolute;
  width: 0.29rem;
  height: 0.29rem;
  bottom: 0.5rem;
  right: -0.13rem;
  transform: translateX(100%);
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/arrow_flow_pink.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  #direct-flow .l-container .l-wrapper::after {
    right: -0.2rem;
    bottom: 0.54rem;
  }
}
#direct-flow .l-container .l-wrapper:nth-of-type(2n)::after {
  content: unset;
}
@media screen and (min-width: 768px) {
  #direct-flow .l-container .l-wrapper:nth-of-type(2n)::after {
    content: "";
  }
}
@media screen and (min-width: 768px) {
  #direct-flow .l-container .l-wrapper:nth-last-of-type(1)::after {
    content: unset;
  }
}
#direct-flow .l-container .l-wrapper img {
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: bottom;
     object-position: bottom;
  width: 100%;
  height: 0.9rem;
}
@media screen and (min-width: 768px) {
  #direct-flow .l-container .l-wrapper img {
    height: 1rem;
  }
}
#direct-flow .l-container .l-wrapper h3 {
  width: 100%;
  background-color: #5A472C;
  width: 100%;
  height: 0.24rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 0.14rem;
  font-weight: 700;
  border-radius: 0.24rem;
}
@media screen and (min-width: 768px) {
  #direct-flow .l-container .l-wrapper h3 {
    font-size: 0.16rem;
  }
}
#direct-flow .l-container .l-wrapper p {
  text-align: center;
  font-size: 0.14rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  #direct-flow .l-container .l-wrapper p {
    font-size: 0.16rem;
    line-height: 0.24rem;
  }
}
#direct-flow .l-container .l-wrapper #direct-flow-image4 {
  transform: scale(1.1);
  transform-origin: bottom;
}
@media screen and (min-width: 768px) {
  #direct-flow .l-container .l-wrapper #direct-flow-image4 {
    transform: scale(1.23);
  }
}

#direct-content {
  padding-bottom: 1.23rem;
}
@media screen and (min-width: 768px) {
  #direct-content {
    padding-bottom: 3.28rem;
    padding-left: 0.5rem;
  }
}
#direct-content .l-container {
  width: 100%;
  padding-top: 0.21rem;
  padding-bottom: 0.25rem;
  background-color: #F0F1F8;
}
@media screen and (min-width: 768px) {
  #direct-content .l-container {
    margin-bottom: 0.5rem;
  }
}
#direct-content .l-container h2 {
  text-align: center;
  font-size: 0.2rem;
  line-height: 0.3rem;
  font-weight: 700;
  margin-bottom: 0.18rem;
}
@media screen and (min-width: 768px) {
  #direct-content .l-container h2 {
    line-height: 0.27rem;
    margin-bottom: 0.14rem;
  }
}
@media screen and (min-width: 768px) {
  #direct-content .l-container {
    padding-top: 0.16rem;
    padding-left: 0.15rem;
    padding-right: 0.15rem;
    padding-bottom: 0.2rem;
  }
}
#direct-content .l-container .l-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.09rem;
  flex: none;
  width: 100%;
  margin-bottom: 0.19rem;
}
#direct-content .l-container .l-list__wrapper {
  width: 1.63rem;
}
@media screen and (min-width: 768px) {
  #direct-content .l-container .l-list__wrapper {
    width: 1.9rem;
  }
}
#direct-content .l-container .l-list__wrapper h3 {
  width: 100%;
  height: 0.39rem;
  background-color: rgba(159, 194, 56, 0.45);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 0.08rem;
  font-weight: 700;
  font-feature-settings: "palt" 1;
}
@media screen and (min-width: 768px) {
  #direct-content .l-container .l-list__wrapper h3 {
    height: 0.45rem;
  }
}
#direct-content .l-container .l-list__wrapper h3 small {
  font-size: 0.1rem;
  line-height: 0.14rem;
}
@media screen and (min-width: 768px) {
  #direct-content .l-container .l-list__wrapper h3 small {
    font-size: 0.12rem;
    line-height: 0.16rem;
  }
}
#direct-content .l-container .l-list__wrapper h3 strong {
  font-size: 0.13rem;
  line-height: 0.17rem;
}
@media screen and (min-width: 768px) {
  #direct-content .l-container .l-list__wrapper h3 strong {
    font-size: 0.16rem;
    line-height: 0.21rem;
  }
}
#direct-content .l-container .l-list__wrapper img {
  width: 100%;
  height: 1.08rem;
}
@media screen and (min-width: 768px) {
  #direct-content .l-container .l-list__wrapper img {
    height: 1.26rem;
  }
}
#direct-content .c-btn--plain--brown {
  margin: 0.19rem auto 0;
}

/* subscription page */
@media screen and (min-width: 768px) {
  .p-main#subscription-page {
    overflow: hidden;
  }
  .p-main#subscription-page main {
    overflow: initial;
  }
}

#subscription-intro {
  padding-top: 0.28rem;
  padding-bottom: 0.2rem;
}
@media screen and (min-width: 768px) {
  #subscription-intro {
    padding-top: 0.17rem;
    padding-bottom: 0.44rem;
  }
}
#subscription-intro .l-header {
  width: 100%;
  height: 1.74rem;
  margin-top: 0.24rem;
  margin-bottom: 0.27rem;
}
@media screen and (min-width: 768px) {
  #subscription-intro .l-header {
    width: 7.04rem;
    height: 1.5rem;
    margin: 0.07rem auto 0.3rem;
  }
}
#subscription-intro .l-header img {
  display: block;
  width: 100%;
  height: 100%;
}
#subscription-intro .l-header__catch {
  display: block;
  text-align: center;
  font-size: 0.18rem;
  line-height: 0.31rem;
  font-weight: 700;
  color: #BE6B6B;
}
@media screen and (min-width: 768px) {
  #subscription-intro .l-header__catch {
    font-size: 0.19rem;
  }
}
#subscription-intro .l-header__catch strong {
  font-size: 0.23rem;
}
@media screen and (min-width: 768px) {
  #subscription-intro .l-header__catch strong {
    font-size: 0.24rem;
  }
}
#subscription-intro .l-catch {
  max-width: unset;
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.2rem;
  line-height: 0.36rem;
  font-weight: 700;
  color: var(--body-color);
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0.46rem;
}
@media screen and (min-width: 768px) {
  #subscription-intro .l-catch {
    font-size: 0.32rem;
    line-height: 0.43rem;
    gap: 0.06rem;
    margin-bottom: 0.64rem;
  }
}
#subscription-intro .l-catch i {
  font-style: normal;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 768px) {
  #subscription-intro .l-catch i {
    flex-direction: row;
  }
}
@media screen and (min-width: 768px) {
  #subscription-intro .l-catch i:first-of-type span {
    min-width: 5.65rem;
  }
}
#subscription-intro .l-catch span {
  display: inline-block;
  padding-left: 0.4em;
  padding-right: 0.4em;
  border-bottom: 0.01rem solid var(--body-color);
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 768px) {
  #subscription-intro .l-catch span {
    text-align: center;
    padding: 0;
  }
}
#subscription-intro .l-catch strong {
  color: #6C5D48;
}
#subscription-intro .l-desc {
  max-width: unset;
  width: 100vw;
  padding-top: 0.88rem;
  margin-top: -0.88rem;
  padding-bottom: 0.73rem;
  margin-bottom: -0.73rem;
  overflow: hidden;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.14rem;
  line-height: 0.25rem;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  #subscription-intro .l-desc {
    max-width: 100%;
    width: 100%;
    left: unset;
    transform: unset;
    overflow: initial;
    font-size: 0.18rem;
    line-height: 0.36rem;
    padding-top: 1.35rem;
    margin-top: -1.35rem;
    padding-bottom: 0.62rem;
    margin-bottom: -0.62rem;
  }
}
#subscription-intro .l-desc p {
  display: flex;
  width: 100%;
  padding-left: 1.51rem;
  flex-direction: column;
  gap: 0.08rem;
}
@media screen and (min-width: 768px) {
  #subscription-intro .l-desc p {
    gap: 0.14rem;
    padding-left: 2.34rem;
  }
}
#subscription-intro .l-desc b {
  font-weight: 700;
}
#subscription-intro .l-desc::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: -0.52rem;
  width: 4.91rem;
  height: 3.05rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//subscription/intro_bg.png");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  #subscription-intro .l-desc::before {
    width: 13.65rem;
    height: 3.29rem;
    background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//subscription/intro_bg_pc.png");
    left: -4.22rem;
  }
}
#subscription-intro .l-question {
  padding-top: 0.49rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  font-size: 0.18rem;
  line-height: 0.26rem;
  font-weight: 700;
  color: #61A468;
  gap: 0.1rem;
  padding-bottom: 0.44rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  #subscription-intro .l-question {
    padding-top: 0.64rem;
    padding-bottom: 0.27rem;
  }
}
#subscription-intro .l-question::after {
  content: "";
  width: 0.22rem;
  height: 0.12rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/arrow_bottom_single_brown.svg");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0.12rem;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  #subscription-intro .l-question::after {
    width: 0.28rem;
    height: 0.14rem;
    bottom: -0.01rem;
  }
}
@media screen and (min-width: 768px) {
  #subscription-intro .l-question strong {
    font-size: 0.32rem;
    line-height: 0.42rem;
  }
}
#subscription-intro .l-container {
  display: flex;
  padding-bottom: 1.88rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  #subscription-intro .l-container {
    padding-bottom: unset;
    margin-bottom: 0.54rem;
  }
}
#subscription-intro .l-container .l-wrapper {
  text-align: center;
  font-size: 0.16rem;
  line-height: 0.25rem;
  font-weight: 700;
  color: #BE6B6B;
  padding-top: 0.33rem;
  width: 50%;
  height: 1.71rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/lacked_circle.svg");
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
@media screen and (min-width: 768px) {
  #subscription-intro .l-container .l-wrapper {
    height: 2.19rem;
    background-size: 2.68rem 2.19rem;
    font-size: 0.23rem;
    line-height: 0.33rem;
    padding-top: 0.43rem;
  }
}
#subscription-intro .l-container .l-wrapper img {
  position: absolute;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  left: 50%;
  transform: translateX(-50%);
}
#subscription-intro .l-container .l-wrapper #intro-cost-cut {
  width: 0.98rem;
  height: 0.49rem;
  bottom: -0.12rem;
}
@media screen and (min-width: 768px) {
  #subscription-intro .l-container .l-wrapper #intro-cost-cut {
    bottom: -0.07rem;
    width: 1.38rem;
    height: 0.7rem;
  }
}
#subscription-intro .l-container .l-wrapper #intro-quality {
  width: 1.36rem;
  height: 0.71rem;
  bottom: -0.24rem;
}
@media screen and (min-width: 768px) {
  #subscription-intro .l-container .l-wrapper #intro-quality {
    bottom: -0.28rem;
    width: 2.2rem;
    height: 1.09rem;
  }
}
#subscription-intro .l-container::after {
  content: "";
  position: absolute;
  width: 0.87rem;
  height: 1.17rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//subscription/intro_person.png");
  background-size: contain;
  background-repeat: no-repeat;
  left: 50%;
  bottom: 0.28rem;
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  #subscription-intro .l-container::after {
    bottom: 0.49rem;
    width: 0.73rem;
    height: 0.98rem;
  }
}
#subscription-intro .l-next {
  display: flex;
  flex-direction: column;
  gap: 0.17rem;
  align-items: center;
  text-align: center;
  font-size: 0.18rem;
  line-height: 0.26rem;
  font-weight: 700;
  color: #937551;
}
@media screen and (min-width: 768px) {
  #subscription-intro .l-next {
    font-size: 0.26rem;
    line-height: 0.42rem;
    gap: 0.22rem;
  }
}
#subscription-intro .l-next span {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  #subscription-intro .l-next span {
    display: inline;
  }
}
#subscription-intro .l-next strong {
  font-size: 0.22rem;
}
@media screen and (min-width: 768px) {
  #subscription-intro .l-next strong {
    font-size: 0.32rem;
  }
}
#subscription-intro .l-next::after {
  content: "";
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/arrow_bottom_double_beige.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 0.28rem;
  height: 0.24rem;
}
@media screen and (min-width: 768px) {
  #subscription-intro .l-next::after {
    width: 0.31rem;
    height: 0.27rem;
  }
}

#subscription-features {
  padding-top: 0.4rem;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
  padding-bottom: 0.4rem;
  border-radius: 0.08rem;
  background-color: #F5F4EF;
  max-width: unset;
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 0.4rem;
}
@media screen and (min-width: 768px) {
  #subscription-features {
    left: unset;
    transform: unset;
    max-width: 100%;
    width: 100%;
    padding-top: 0.3rem;
    padding-left: 0.17rem;
    padding-right: 0.47rem;
    padding-bottom: 0.35rem;
    margin-bottom: 0.76rem;
  }
}
#subscription-features .l-logo {
  display: block;
  width: 1.34rem;
  height: 0.3rem;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0 auto 0.23rem;
}
@media screen and (min-width: 768px) {
  #subscription-features .l-logo {
    margin-bottom: 0.25rem;
  }
}
#subscription-features .l-catch {
  display: block;
  text-align: center;
  margin: auto;
  font-size: 0.29rem;
  line-height: 0.38rem;
  font-weight: 700;
  margin-bottom: 0.15rem;
}
@media screen and (min-width: 768px) {
  #subscription-features .l-catch {
    font-size: 0.39rem;
    line-height: 0.51rem;
    margin-bottom: 0.21rem;
  }
}
#subscription-features .l-catch strong {
  color: #BE6B6B;
}
#subscription-features .l-container {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  counter-reset: count 0;
}
#subscription-features .l-container .l-wrapper {
  counter-increment: count 1;
}
#subscription-features .l-container .l-title {
  position: relative;
  font-size: 0.2rem;
  line-height: 0.23rem;
  font-weight: 700;
  color: white;
  background-color: #6C5D48;
  min-height: 0.51rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0.075rem 0.2rem 0.055rem 0.42rem;
  border-bottom: 0.02rem solid #BA9E5C;
  margin-bottom: 0.1rem;
}
@media screen and (min-width: 768px) {
  #subscription-features .l-container .l-title {
    padding: 0.037rem 0.2rem 0.023rem 0.8rem;
    font-size: 0.26rem;
    line-height: 0.34rem;
    border-width: 0.03rem;
    margin-bottom: 0.21rem;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }
}
#subscription-features .l-container .l-title::before {
  content: counter(count);
  font-family: garamond-premier-pro, serif;
  color: #BA9E5C;
  font-size: 0.45rem;
  line-height: 0.45rem;
  position: absolute;
  left: 0.1rem;
  bottom: 0.02rem;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  #subscription-features .l-container .l-title::before {
    font-size: 0.66rem;
    line-height: 0.66rem;
    left: 0.26rem;
    bottom: -0.04rem;
  }
}
#subscription-features .l-container .l-title small {
  font-size: 0.15rem;
  line-height: 0.23rem;
}
@media screen and (min-width: 768px) {
  #subscription-features .l-container .l-title small {
    font-size: 0.16rem;
    line-height: 0.26rem;
  }
}
#subscription-features .l-container .l-title strong {
  font-size: 0.2rem;
}
@media screen and (min-width: 768px) {
  #subscription-features .l-container .l-title strong {
    font-size: 0.26rem;
    line-height: 0.34rem;
  }
}
@media screen and (min-width: 768px) {
  #subscription-features .l-container .l-content {
    padding-left: 0.85rem;
    padding-right: 0.21rem;
  }
}
@media screen and (min-width: 768px) {
  #subscription-features .l-container .l-2column {
    display: flex;
  }
}
@media screen and (min-width: 768px) {
  #subscription-features .l-container .l-2column__wrapper {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  #subscription-features .l-container .l-2column--reverse {
    flex-direction: row-reverse;
  }
  #subscription-features .l-container .l-2column--reverse .l-desc {
    padding-left: 1em;
  }
}
#subscription-features .l-container .l-heading {
  font-size: 0.18rem;
  line-height: 0.23rem;
  font-weight: 700;
  color: #BE6B6B;
  margin-bottom: 0.12rem;
}
@media screen and (min-width: 768px) {
  #subscription-features .l-container .l-heading {
    font-size: 0.22rem;
    line-height: 0.29rem;
    margin-bottom: 0.27rem;
  }
}
#subscription-features .l-container .l-desc {
  font-size: 0.14rem;
  line-height: 0.22rem;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  #subscription-features .l-container .l-desc {
    font-size: 0.16rem;
    line-height: 0.28rem;
  }
}
#subscription-features .l-container .l-desc b {
  font-weight: 700;
}
#subscription-features .l-container .l-desc--narrow {
  display: inline-block;
}
@media screen and (min-width: 768px) {
  #subscription-features .l-container .l-desc--narrow {
    width: 2.7rem;
  }
}
#subscription-features .l-container .l-desc small {
  font-size: 0.13rem;
  line-height: 0.17rem;
  font-weight: 700;
  text-decoration: underline;
  display: block;
}
@media screen and (min-width: 768px) {
  #subscription-features .l-container .l-desc small {
    font-size: 0.12rem;
    line-height: 0.16rem;
    margin-top: 0.22rem;
  }
}
#subscription-features .l-container .l-improve {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 2.48rem;
  margin: 0.38rem auto 0.34rem;
}
@media screen and (min-width: 768px) {
  #subscription-features .l-container .l-improve {
    width: 2.52rem;
    margin: 0;
    margin-top: 0.21rem;
  }
}
#subscription-features .l-container .l-improve ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  float: left;
  gap: 0.05rem;
  width: 100%;
}
#subscription-features .l-container .l-improve ul li {
  width: 100%;
  height: 0.41rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 0.22rem;
  line-height: 0.29rem;
  font-weight: 700;
  text-decoration: line-through;
  background-color: white;
  border: 0.01rem solid rgba(147, 117, 81, 0.2);
}
#subscription-features .l-container .l-improve div {
  width: 0.32rem;
  height: 0.32rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/arrow_bottom_circle_brown.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-top: 0.12rem;
  margin-bottom: 0.08rem;
}
#subscription-features .l-container .l-improve p {
  font-size: 0.28rem;
  line-height: 0.5rem;
  color: #BE6B6B;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
}
#subscription-features .l-container .l-improve p strong {
  font-size: 0.35rem;
}
#subscription-features .l-container .l-box {
  position: relative;
  display: flex;
  flex-direction: column;
  border: 0.01rem solid var(--color);
  --color: #BA9E5C;
  --text: #6C5D48;
  border-radius: 0.1rem;
}
#subscription-features .l-container .l-box:not(:nth-last-of-type(1)) {
  margin-bottom: 0.22rem;
}
#subscription-features .l-container .l-box:not(:nth-last-of-type(1))::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  width: 0.26rem;
  height: 0.26rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/arrow_bottom_circle_darkbrown.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
#subscription-features .l-container .l-box:nth-of-type(2) {
  --color: #BE6B6B;
  --text: #BE6B6B;
}
#subscription-features .l-container .l-box h5 {
  display: block;
  width: 100%;
  font-size: 0.16rem;
  line-height: 0.21rem;
  color: white;
  font-weight: 700;
  text-align: center;
  background-color: var(--color);
  height: 0.27rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 0.1rem;
  border-top-right-radius: 0.1rem;
}
#subscription-features .l-container .l-box div {
  padding-top: 0.08rem;
  padding-bottom: 0.15rem;
  display: flex;
  flex-direction: column;
  gap: 0.13rem;
  align-items: center;
  background-color: white;
  border-bottom-left-radius: 0.1rem;
  border-bottom-right-radius: 0.1rem;
}
#subscription-features .l-container .l-box div span {
  color: var(--text);
  font-size: 0.16rem;
  line-height: 0.21rem;
  font-weight: 700;
}
#subscription-features .l-container img {
  display: block;
  width: 100%;
}
#subscription-features .l-container #feature-img1 {
  margin-bottom: 0.18rem;
  width: 100%;
  height: 4.26rem;
}
@media screen and (min-width: 768px) {
  #subscription-features .l-container #feature-img1 {
    margin-bottom: 0.28rem;
    width: 100%;
    height: 2.8rem;
  }
}
#subscription-features .l-container #feature-img2 {
  width: 2.17rem;
  height: 2.51rem;
}
@media screen and (min-width: 768px) {
  #subscription-features .l-container #feature-img2 {
    width: 2.1rem;
    height: 2.42rem;
  }
}
#subscription-features .l-container #feature-img3 {
  width: 2.05rem;
  height: 2.3rem;
}
@media screen and (min-width: 768px) {
  #subscription-features .l-container #feature-img3 {
    width: 1.98rem;
    height: 2.22rem;
  }
}
#subscription-features .l-container #feature-img4 {
  width: 100%;
  height: 2.05rem;
  margin-top: 0.1rem;
}
@media screen and (min-width: 768px) {
  #subscription-features .l-container #feature-img4 {
    width: 2.81rem;
    height: 1.83rem;
    margin-top: unset;
  }
}
#subscription-features .l-container #feature-img5 {
  width: 100%;
  height: 4.3rem;
  margin-bottom: 0.18rem;
}
@media screen and (min-width: 768px) {
  #subscription-features .l-container #feature-img5 {
    width: 100%;
    height: 2.88rem;
    margin-bottom: 0.19rem;
  }
}
#subscription-features .l-container #feature-img6 {
  width: 100%;
  height: 2.05rem;
  margin-top: 0.1rem;
}
@media screen and (min-width: 768px) {
  #subscription-features .l-container #feature-img6 {
    width: 2.81rem;
    height: 1.82rem;
    margin-top: unset;
  }
}

#subscription-faq {
  padding-bottom: 0.47rem;
  counter-reset: count 0;
}
@media screen and (min-width: 768px) {
  #subscription-faq {
    padding-bottom: 0.97rem;
  }
}
#subscription-faq .l-heading {
  width: 100%;
  min-height: 0.65rem;
  background-color: #61A468;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.22rem;
  line-height: 0.28rem;
  font-weight: 700;
  margin-bottom: 0.19rem;
  color: white;
}
@media screen and (min-width: 768px) {
  #subscription-faq .l-heading {
    justify-content: flex-start;
    min-height: 0.4rem;
    font-size: 0.22rem;
    padding-left: 0.09rem;
    margin-bottom: 0.2rem;
  }
}
#subscription-faq .l-container {
  display: flex;
  flex-direction: column;
  gap: 0.41rem;
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  #subscription-faq .l-container {
    width: 6.9rem;
    margin: auto;
    margin-bottom: unset;
  }
}
#subscription-faq .l-container .l-wrapper {
  counter-increment: count 1;
}
#subscription-faq .l-container .l-title {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  padding-left: 0.39rem;
  padding-bottom: 0.02rem;
  border-bottom: 0.02rem solid #61A468;
  margin-bottom: 0.1rem;
  font-size: 0.19rem;
  line-height: 0.33rem;
  font-weight: 700;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #subscription-faq .l-container .l-title {
    font-size: 0.24rem;
    line-height: 0.42rem;
    padding-left: 0.45rem;
    border-width: 0.04rem;
    margin-bottom: 0.37rem;
  }
}
#subscription-faq .l-container .l-title strong {
  font-size: 0.26rem;
}
#subscription-faq .l-container .l-title::before {
  content: counter(count) ".";
  position: absolute;
  left: 0.02rem;
  bottom: 0rem;
  font-family: garamond-premier-pro, serif;
  font-size: 0.41rem;
  line-height: 0.41rem;
  color: #61A468;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  #subscription-faq .l-container .l-title::before {
    font-size: 0.51rem;
    line-height: 0.51rem;
    font-style: italic;
  }
}
#subscription-faq .l-container .l-title--no-number {
  padding-left: 0rem;
}
@media screen and (min-width: 768px) {
  #subscription-faq .l-container .l-title--no-number {
    padding-left: 0.02rem;
  }
}
#subscription-faq .l-container .l-title--no-number::before {
  content: unset;
}
#subscription-faq .l-container .l-content {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
@media screen and (min-width: 768px) {
  #subscription-faq .l-container .l-content {
    flex-direction: row;
    gap: 0.29rem;
    justify-content: space-between;
    min-height: 3.4rem;
  }
}
#subscription-faq .l-container .l-question {
  display: flex;
  flex-direction: column;
  gap: 0.03rem;
}
@media screen and (min-width: 768px) {
  #subscription-faq .l-container .l-question {
    position: relative;
    flex-direction: row;
    width: 3.39rem;
    margin-left: auto;
    flex: none;
  }
}
#subscription-faq .l-container .l-question__head {
  position: relative;
  z-index: 2;
  padding-top: 0.2rem;
  padding-right: 0.18rem;
  padding-bottom: 0.23rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/balloon_hor.svg");
  background-size: contain;
  background-position: center right;
  background-repeat: no-repeat;
  color: #61A468;
  font-size: 0.18rem;
  line-height: 0.24rem;
  font-weight: 700;
  padding-left: 0.7rem;
  width: 2.68rem;
  height: 0.9rem;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  #subscription-faq .l-container .l-question__head {
    position: absolute;
    left: -0.54rem;
    top: -0.12rem;
    width: 1.29rem;
    height: 2.98rem;
    background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/balloon_ver.svg");
    background-position: center;
    writing-mode: vertical-rl;
    font-size: 0.21rem;
    line-height: 0.28rem;
    padding-top: 0.29rem;
    padding-left: unset;
    padding-right: unset;
    display: flex;
    flex-direction: row;
    align-items: center;
  }
}
#subscription-faq .l-container .l-question__person {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center top;
     object-position: center top;
  position: absolute;
  top: 0.03rem;
  left: 0;
  width: 0.59rem;
  height: 0.74rem;
  display: block;
}
@media screen and (min-width: 768px) {
  #subscription-faq .l-container .l-question__person {
    width: 0.72rem;
    height: 0.9rem;
    top: unset;
    left: 50%;
    bottom: -0.43rem;
    transform: translateX(-50%);
  }
}
#subscription-faq .l-container .l-question__content {
  position: relative;
  padding-top: 0.48rem;
  padding-left: 0.55rem;
  padding-right: 0.2rem;
  padding-bottom: 0.19rem;
  background-color: #FCFFE6;
  border-radius: 0.17rem;
  margin-top: -0.45rem;
  font-size: 0.14rem;
  line-height: 0.22rem;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  #subscription-faq .l-container .l-question__content {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    flex: none;
    margin-top: unset;
    height: -moz-fit-content;
    height: fit-content;
    padding-top: 0.5rem;
    padding-left: 0.86rem;
    padding-right: 0.29rem;
    padding-bottom: 0.3rem;
    font-size: 0.16rem;
    line-height: 0.32rem;
    min-height: 2.58rem;
  }
}
#subscription-faq .l-container .l-question__content::before {
  content: "Q";
  position: absolute;
  top: 0.48rem;
  left: 0.09rem;
  width: 0.34rem;
  height: 0.34rem;
  background-color: #61A468;
  font-family: mr-eaves-sans, sans-serif;
  font-size: 0.19rem;
  line-height: 0.21rem;
  font-weight: 700;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}
@media screen and (min-width: 768px) {
  #subscription-faq .l-container .l-question__content::before {
    top: -0.1rem;
    left: 0.86rem;
    width: 0.45rem;
    height: 0.45rem;
  }
}
#subscription-faq .l-container .l-answer {
  position: relative;
  padding-left: 0.55rem;
  padding-right: 0.2rem;
  font-size: 0.14rem;
  line-height: 0.22rem;
  font-weight: 500;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #subscription-faq .l-container .l-answer {
    flex: none;
    width: 2.82rem;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    flex: none;
    padding-top: 0.5rem;
    padding-left: unset;
    padding-right: unset;
    font-size: 0.16rem;
    line-height: 0.32rem;
  }
}
#subscription-faq .l-container .l-answer b {
  font-weight: 700;
}
#subscription-faq .l-container .l-answer::before {
  content: "A";
  position: absolute;
  top: 0rem;
  left: 0.09rem;
  width: 0.34rem;
  height: 0.34rem;
  background-color: #937551;
  font-family: mr-eaves-sans, sans-serif;
  font-size: 0.19rem;
  line-height: 0.21rem;
  font-weight: 700;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}
@media screen and (min-width: 768px) {
  #subscription-faq .l-container .l-answer::before {
    top: -0.1rem;
    left: 0rem;
    width: 0.45rem;
    height: 0.45rem;
  }
}
@media screen and (min-width: 768px) {
  #subscription-faq .l-container #subscription-faq3 .l-question__person {
    bottom: 0.07rem;
  }
}
@media screen and (min-width: 768px) {
  #subscription-faq .l-container #subscription-faq4 .l-question__person {
    bottom: -0.68rem;
    width: 0.71rem;
    height: 0.95rem;
  }
}
@media screen and (min-width: 768px) {
  #subscription-faq .l-container #subscription-faq4 .l-question__content {
    padding-top: 0.45rem;
    padding-bottom: 0.2rem;
  }
}
@media screen and (min-width: 768px) {
  #subscription-faq .l-container #subscription-faq4 .l-answer {
    padding-top: 0.45rem;
  }
}

#produce-movie {
  max-width: unset;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  overflow: hidden;
  padding-bottom: 0.72rem;
}
@media screen and (min-width: 768px) {
  #produce-movie {
    width: 100%;
    max-width: 100%;
    position: initial;
    transform: unset;
    overflow: unset;
    padding-bottom: 0.8rem;
  }
}
#produce-movie .c-direction {
  margin-bottom: 0.32rem;
}
@media screen and (min-width: 768px) {
  #produce-movie .c-direction {
    margin-bottom: 0.37rem;
  }
}
#produce-movie .l-heading {
  position: relative;
  margin: auto;
  width: 3.15rem;
  padding-top: 0.18rem;
  padding-bottom: 0.16rem;
  display: flex;
  flex-direction: column;
  gap: 0.075rem;
  text-align: center;
  align-items: center;
  margin-bottom: 0.48rem;
}
@media screen and (min-width: 768px) {
  #produce-movie .l-heading {
    width: 6.8rem;
    padding-top: 0.26rem;
    padding-bottom: 0.28rem;
    gap: 0.1rem;
    margin-bottom: 0.89rem;
  }
}
#produce-movie .l-heading::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0.1rem solid rgba(190, 107, 107, 0.3);
  box-sizing: border-box;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.63) 20%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.63) 80%, rgba(255, 255, 255, 0) 100%);
  background-color: rgba(255, 255, 255, 0.3);
}
@media screen and (min-width: 768px) {
  #produce-movie .l-heading::before {
    border-width: 0.15rem;
  }
}
#produce-movie .l-heading figure {
  display: block;
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
}
#produce-movie .l-heading #deco1 {
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/heading_deco1.png");
  z-index: 1;
  width: 2.27rem;
  height: 1.56rem;
  top: -0.07rem;
  left: -1.04rem;
  opacity: 0.55;
}
@media screen and (min-width: 768px) {
  #produce-movie .l-heading #deco1 {
    width: 5.05rem;
    height: 2.84rem;
    left: -2.12rem;
    top: -0.1rem;
  }
}
#produce-movie .l-heading #deco2 {
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/heading_deco2.png");
  z-index: 1;
  width: 2.88rem;
  height: 1.91rem;
  top: -0.49rem;
  right: -1.18rem;
  opacity: 0.55;
}
@media screen and (min-width: 768px) {
  #produce-movie .l-heading #deco2 {
    width: 4.57rem;
    height: 3.03rem;
    top: -0.64rem;
    right: -2.12rem;
  }
}
#produce-movie .l-heading #deco3 {
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/heading_deco3.png");
  z-index: 20;
  width: 0.96rem;
  height: 1.44rem;
  bottom: 0;
  left: -0.42rem;
}
@media screen and (min-width: 768px) {
  #produce-movie .l-heading #deco3 {
    width: 2.09rem;
    height: 3.14rem;
    left: -1.02rem;
    bottom: -0.3rem;
  }
}
#produce-movie .l-heading #deco4 {
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/heading_deco4.png");
  z-index: 21;
  width: 0.99rem;
  height: 0.99rem;
  bottom: 0.15rem;
  left: -0.05rem;
}
@media screen and (min-width: 768px) {
  #produce-movie .l-heading #deco4 {
    width: 2.15rem;
    height: 2.15rem;
    left: -0.17rem;
    bottom: 0.3rem;
  }
}
#produce-movie .l-heading #deco5 {
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/heading_deco5.png");
  z-index: 22;
  width: 0.88rem;
  height: 1.11rem;
  right: -0.05rem;
  bottom: 0.3rem;
}
@media screen and (min-width: 768px) {
  #produce-movie .l-heading #deco5 {
    width: 1.89rem;
    height: 2.36rem;
    right: 0.02rem;
    bottom: 0.45rem;
  }
}
#produce-movie .l-heading #deco6 {
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/heading_deco6.png");
  z-index: 23;
  width: 0.95rem;
  height: 1.15rem;
  right: -0.3rem;
  bottom: -0.06rem;
}
@media screen and (min-width: 768px) {
  #produce-movie .l-heading #deco6 {
    width: 2.03rem;
    height: 2.46rem;
    right: -1rem;
    bottom: -0.1rem;
  }
}
#produce-movie .l-heading::after {
  content: "";
  position: absolute;
  bottom: 0.5rem;
  left: 50%;
  transform: translateX(-50%);
  width: 2.23rem;
  height: 0.8rem;
  background-color: #BA9E5C;
}
@media screen and (min-width: 768px) {
  #produce-movie .l-heading::after {
    width: 4.8rem;
    height: 1.2rem;
    bottom: 0.81rem;
  }
}
#produce-movie .l-heading span {
  position: relative;
  z-index: 10;
  font-size: 0.16rem;
  line-height: 0.23rem;
  font-weight: 700;
  display: block;
}
@media screen and (min-width: 768px) {
  #produce-movie .l-heading span {
    font-size: 0.24rem;
    line-height: 0.32rem;
  }
}
#produce-movie .l-heading i {
  font-style: normal;
}
@media screen and (min-width: 768px) {
  #produce-movie .l-heading i {
    font-size: 0.34rem;
    line-height: 0.44rem;
  }
}
#produce-movie .l-heading strong {
  position: relative;
  z-index: 11;
  display: block;
  width: 2.23rem;
  height: 0.8rem;
  font-size: 0.23rem;
  line-height: 0.3rem;
  font-weight: 700;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  #produce-movie .l-heading strong {
    width: 4.8rem;
    height: 1.2rem;
    font-size: 0.38rem;
    line-height: 0.49rem;
  }
}
#produce-movie .l-heading strong b {
  font-size: 0.31rem;
  line-height: 0.4rem;
  font-weight: 700;
  color: #937551;
}
@media screen and (min-width: 768px) {
  #produce-movie .l-heading strong b {
    font-size: 0.47rem;
    line-height: 0.6rem;
    margin-top: -0.05rem;
  }
}
#produce-movie .c-direction--tri {
  margin-bottom: 0.17rem;
}
@media screen and (min-width: 768px) {
  #produce-movie .c-direction--tri {
    margin-bottom: 0.22rem;
  }
}
#produce-movie .l-movie {
  width: 100%;
  height: 50vw;
  margin: auto;
}
@media screen and (min-width: 768px) {
  #produce-movie .l-movie {
    width: 6.6rem;
    height: 3.71rem;
  }
}
#produce-movie .l-movie iframe {
  width: 100%;
  height: 100%;
}

#subscription-cases {
  position: relative;
  padding-bottom: 1.19rem;
}
@media screen and (min-width: 768px) {
  #subscription-cases {
    padding-bottom: 1.56rem;
  }
}
#subscription-cases .c-heading--double-line {
  margin-bottom: 0.3rem;
}
@media screen and (min-width: 768px) {
  #subscription-cases .c-heading--double-line {
    margin-bottom: 0.51rem;
  }
}
#subscription-cases .p-works-list__slider {
  max-width: unset;
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  #subscription-cases .p-works-list__slider {
    max-width: 100%;
    width: 100%;
    left: unset;
    transform: unset;
  }
}
#subscription-cases .p-works-list__navigation {
  display: flex;
  bottom: 0.8rem;
  gap: 0.37rem;
}
@media screen and (min-width: 768px) {
  #subscription-cases .p-works-list__navigation {
    gap: 0.58rem;
    bottom: 0.96rem;
  }
}
#subscription-cases .p-works-list__navigation--prev {
  width: 0.08rem;
  height: 0.16rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/arrow_right_thin.svg");
}
@media screen and (min-width: 768px) {
  #subscription-cases .p-works-list__navigation--prev {
    width: 0.15rem;
    height: 0.3rem;
  }
}
#subscription-cases .p-works-list__navigation--next {
  width: 0.08rem;
  height: 0.16rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/arrow_right_thin.svg");
}
@media screen and (min-width: 768px) {
  #subscription-cases .p-works-list__navigation--next {
    width: 0.15rem;
    height: 0.3rem;
  }
}

#subscription-merit {
  padding-bottom: 0.8rem;
}
@media screen and (min-width: 768px) {
  #subscription-merit {
    padding-bottom: 1.5rem;
  }
}
#subscription-merit .c-heading--square {
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  #subscription-merit .c-heading--square {
    margin-bottom: 0.8rem;
  }
}
#subscription-merit .p-bullet .l-table {
  width: 100%;
  table-layout: fixed;
}
#subscription-merit .p-bullet .l-table__deco {
  position: absolute;
  left: 0;
  bottom: 0.1rem;
  transform: translate(-50%);
  display: flex;
  flex-direction: column;
  gap: 0.24rem;
  align-items: center;
}
@media screen and (min-width: 768px) {
  #subscription-merit .p-bullet .l-table__deco {
    gap: 0.31rem;
    bottom: 0.15rem;
  }
}
#subscription-merit .p-bullet .l-table__deco::after {
  content: "";
  width: 0.22rem;
  height: 0.08rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/arrow_right_red.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  #subscription-merit .p-bullet .l-table__deco::after {
    width: 0.27rem;
    height: 0.1rem;
  }
}
#subscription-merit .p-bullet .l-table__deco p {
  width: 0.58rem;
  height: 0.58rem;
  background-color: #BE6B6B;
  border-radius: 100%;
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: mrs-eaves-roman-all-petite-c, serif;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  #subscription-merit .p-bullet .l-table__deco p {
    width: 0.73rem;
    height: 0.73rem;
  }
}
#subscription-merit .p-bullet .l-table__deco p small {
  margin-top: -0.03rem;
  font-size: 0.14rem;
  letter-spacing: -0.05em;
}
@media screen and (min-width: 768px) {
  #subscription-merit .p-bullet .l-table__deco p small {
    font-size: 0.2rem;
    line-height: 0.22rem;
  }
}
#subscription-merit .p-bullet .l-table__deco p strong {
  margin-top: -0.17rem;
  margin-bottom: -0.13rem;
  font-size: 0.42rem;
  line-height: 0.46rem;
  letter-spacing: -0.07em;
}
@media screen and (min-width: 768px) {
  #subscription-merit .p-bullet .l-table__deco p strong {
    margin-top: -0.25rem;
    margin-bottom: -0.22rem;
    font-size: 0.55rem;
    line-height: 0.61rem;
  }
}
#subscription-merit .p-bullet .l-table__deco p i {
  font-size: 0.31rem;
  line-height: 0.34rem;
  letter-spacing: -0.05em;
  font-style: normal;
  padding-left: 0.02rem;
}
@media screen and (min-width: 768px) {
  #subscription-merit .p-bullet .l-table__deco p i {
    font-size: 0.42rem;
    line-height: 0.46rem;
  }
}
#subscription-merit .p-bullet .l-table__deco p span {
  font-size: 0.22rem;
  line-height: 0.24rem;
  letter-spacing: -0.05em;
}
@media screen and (min-width: 768px) {
  #subscription-merit .p-bullet .l-table__deco p span {
    font-size: 0.3rem;
    line-height: 0.33rem;
  }
}
#subscription-merit .p-bullet .l-table td,
#subscription-merit .p-bullet .l-table th {
  position: relative;
  border: 0.01rem solid #BA9E5C;
  text-align: center;
  vertical-align: middle;
  padding-top: 0.08rem;
  padding-bottom: 0.08rem;
  font-size: 0.12rem;
  line-height: 0.16rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  #subscription-merit .p-bullet .l-table td,
  #subscription-merit .p-bullet .l-table th {
    font-size: 0.16rem;
    line-height: 0.21rem;
    padding-top: 0.09rem;
    padding-bottom: 0.09rem;
  }
}
#subscription-merit .p-bullet .l-table td:nth-of-type(1),
#subscription-merit .p-bullet .l-table th:nth-of-type(1) {
  width: 0.75rem;
}
@media screen and (min-width: 768px) {
  #subscription-merit .p-bullet .l-table td:nth-of-type(1),
  #subscription-merit .p-bullet .l-table th:nth-of-type(1) {
    width: 1.02rem;
  }
}
#subscription-merit .p-bullet .l-table td:nth-of-type(3),
#subscription-merit .p-bullet .l-table th:nth-of-type(3) {
  background-color: rgba(190, 107, 107, 0.16);
  color: #BE6B6B;
}
#subscription-merit .p-bullet #merit-img1 {
  width: 1.97rem;
  height: 0.88rem;
  margin: auto;
  margin-bottom: 0.48rem;
}
@media screen and (min-width: 768px) {
  #subscription-merit .p-bullet #merit-img1 {
    width: 1.98rem;
    height: 1rem;
  }
}
#subscription-merit .p-bullet #merit-img2 {
  width: 2.9rem;
  height: 1.55rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  margin-top: 0.12rem;
  margin-bottom: 0.15rem;
}
@media screen and (min-width: 768px) {
  #subscription-merit .p-bullet #merit-img2 {
    width: 2.75rem;
    height: 1.6rem;
    margin-top: unset;
    margin-bottom: unset;
  }
}
#subscription-merit .p-bullet #merit-img3 {
  width: 2.9rem;
  height: 1.92rem;
  -o-object-fit: cover;
     object-fit: cover;
  margin-top: 0.15rem;
}
@media screen and (min-width: 768px) {
  #subscription-merit .p-bullet #merit-img3 {
    width: 2.8rem;
    height: 1.85rem;
    margin-top: unset;
  }
}
#subscription-merit .p-bullet #merit-img4 {
  width: 29.8rem;
  height: 1.92rem;
  -o-object-fit: cover;
     object-fit: cover;
  margin-top: 0.15rem;
}
@media screen and (min-width: 768px) {
  #subscription-merit .p-bullet #merit-img4 {
    width: 2.8rem;
    height: 1.95rem;
    margin-top: unset;
  }
}
@media screen and (min-width: 768px) {
  #subscription-merit .p-bullet #merit-text2 {
    padding-top: 0.15rem;
  }
}
#subscription-merit .p-bullet .l-compare {
  position: relative;
  left: -0.1rem;
  width: 3rem;
  max-width: unset;
  display: flex;
}
@media screen and (min-width: 768px) {
  #subscription-merit .p-bullet .l-compare {
    width: 4.48rem;
    left: unset;
  }
}
#subscription-merit .p-bullet .l-compare__wrapper {
  flex: none;
  padding-top: 0.08rem;
}
#subscription-merit .p-bullet .l-compare__wrapper:nth-of-type(1) {
  width: 1.43rem;
  border-right: 0.01rem solid #BA9E5C;
}
@media screen and (min-width: 768px) {
  #subscription-merit .p-bullet .l-compare__wrapper:nth-of-type(1) {
    width: 1.9rem;
  }
}
#subscription-merit .p-bullet .l-compare__wrapper:nth-of-type(1) .l-compare__content--circle {
  background-color: #BA9E5C;
  color: white;
}
#subscription-merit .p-bullet .l-compare__wrapper:nth-of-type(2) {
  flex-grow: 1;
}
#subscription-merit .p-bullet .l-compare__wrapper:nth-of-type(2) .l-compare__subject,
#subscription-merit .p-bullet .l-compare__wrapper:nth-of-type(2) .l-compare__content {
  padding-left: 0.19rem;
}
@media screen and (min-width: 768px) {
  #subscription-merit .p-bullet .l-compare__wrapper:nth-of-type(2) .l-compare__content span {
    display: block;
    text-align: center;
    width: 1.6rem;
    white-space: nowrap;
  }
}
@media screen and (min-width: 768px) {
  #subscription-merit .p-bullet .l-compare__wrapper:nth-of-type(2) .l-compare__content--arrow {
    left: 0.79rem;
  }
}
@media screen and (min-width: 768px) {
  #subscription-merit .p-bullet .l-compare__wrapper:nth-of-type(2) .l-compare__content--circle {
    right: 0.33rem;
  }
}
#subscription-merit .p-bullet .l-compare__subject {
  padding-bottom: 0.1rem;
  background: linear-gradient(to right, #BA9E5C 0%, #BA9E5C 25%, transparent 25%, transparent 100%);
  background-size: 0.04rem 0.01rem;
  background-repeat: repeat-x;
  background-position: left bottom;
  height: 0.29rem;
  font-weight: 700;
  color: #BA9E5C;
}
@media screen and (min-width: 768px) {
  #subscription-merit .p-bullet .l-compare__subject {
    font-size: 0.14rem;
    line-height: 0.18rem;
    padding-bottom: 0.12rem;
    height: 0.34rem;
  }
}
#subscription-merit .p-bullet .l-compare__logo {
  width: 0.83rem;
  height: 0.19rem;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 768px) {
  #subscription-merit .p-bullet .l-compare__logo {
    width: 0.91rem;
    height: 0.2rem;
  }
}
#subscription-merit .p-bullet .l-compare__content {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.09rem;
  min-height: 0.95rem;
  padding-top: 0.08rem;
  font-size: 0.14rem;
  line-height: 0.17rem;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  #subscription-merit .p-bullet .l-compare__content {
    font-size: 0.16rem;
    line-height: 0.21rem;
    min-height: 1.21rem;
  }
}
#subscription-merit .p-bullet .l-compare__content b {
  font-weight: 700;
}
#subscription-merit .p-bullet .l-compare__content--arrow {
  position: relative;
  left: 0.35rem;
  flex-grow: 1;
  width: 0.015rem;
  border-radius: 0.015rem;
  background-color: #6C5D48;
  display: flex;
}
#subscription-merit .p-bullet .l-compare__content--arrow::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  max-width: unset;
  width: 0.05rem;
  height: 0.05rem;
  border-left: 0.015rem solid #6C5D48;
  border-bottom: 0.015rem solid #6C5D48;
  transform: translateX(-0.0025rem) rotate(-45deg);
  transform-origin: bottom left;
}
#subscription-merit .p-bullet .l-compare__content--circle {
  width: 0.57rem;
  height: 0.57rem;
  position: absolute;
  bottom: 0.02rem;
  right: 0.11rem;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.02rem;
  font-size: 0.11rem;
  line-height: 0.14rem;
  font-weight: 700;
  border: 0.01rem solid #BA9E5C;
}
@media screen and (min-width: 768px) {
  #subscription-merit .p-bullet .l-compare__content--circle {
    width: 0.78rem;
    height: 0.78rem;
    font-size: 0.16rem;
    line-height: 0.21rem;
    right: 0.2rem;
  }
}
#subscription-merit .p-bullet .l-compare__content--circle strong {
  font-size: 0.2rem;
  line-height: 0.26rem;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  #subscription-merit .p-bullet .l-compare__content--circle strong {
    font-size: 0.28rem;
    line-height: 0.36rem;
  }
}

#subscription-image {
  padding-bottom: 0.78rem;
}
@media screen and (min-width: 768px) {
  #subscription-image {
    padding-bottom: 1.18rem;
  }
}
#subscription-image .c-heading--double-line--brown {
  margin-bottom: 0.18rem;
}
@media screen and (min-width: 768px) {
  #subscription-image .c-heading--double-line--brown {
    margin-bottom: 0.46rem;
  }
}
@media screen and (min-width: 768px) {
  #subscription-image .c-heading--flower {
    margin-bottom: 0.35rem;
  }
}
@media screen and (min-width: 768px) {
  #subscription-image .l-content {
    width: 6.51rem;
    margin: auto;
  }
}
#subscription-image .l-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.3rem;
}
@media screen and (min-width: 768px) {
  #subscription-image .l-container {
    flex-direction: row;
    align-items: flex-start;
    gap: 0.29rem;
  }
}
#subscription-image .l-container .l-image {
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 100%;
}
@media screen and (min-width: 768px) {
  #subscription-image .l-container .l-image {
    width: 2rem;
    height: 2rem;
    flex: none;
  }
}
#subscription-image .l-container .l-wrapper {
  display: flex;
  gap: 0.17rem 0.126rem;
  align-items: flex-end;
  justify-content: center;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  #subscription-image .l-container .l-wrapper {
    gap: 0.19rem 0.31rem;
    width: 4.4rem;
    flex: none;
  }
}
#subscription-image .l-container .l-arrow {
  width: 0.34rem;
  height: 0.2rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/arrow_right_half.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: 0.06rem;
}
@media screen and (min-width: 768px) {
  #subscription-image .l-container .l-arrow {
    width: 0.53rem;
    height: 0.31rem;
  }
}
#subscription-image .l-container .l-elm {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.07rem;
}
@media screen and (min-width: 768px) {
  #subscription-image .l-container .l-elm {
    gap: 0.19rem;
  }
}
#subscription-image .l-container .l-elm span {
  width: 1.13rem;
  height: 0.28rem;
  border-radius: 0.5rem;
  border: 0.01rem solid #BA9E5C;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.16rem;
  line-height: 0.21rem;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #subscription-image .l-container .l-elm span {
    width: 1.6rem;
    height: 0.3rem;
    font-size: 0.18rem;
    line-height: 0.26rem;
  }
}
#subscription-image .l-container .l-elm strong {
  text-align: center;
  font-size: 0.2rem;
  line-height: 0.23rem;
  font-weight: 700;
  display: flex;
  align-items: baseline;
  gap: 0.025rem;
  letter-spacing: -0.05em;
}
@media screen and (min-width: 768px) {
  #subscription-image .l-container .l-elm strong {
    font-size: 0.32rem;
    line-height: 0.42rem;
  }
}
#subscription-image .l-container .l-elm strong small {
  font-size: 0.15rem;
  line-height: 0.19rem;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  #subscription-image .l-container .l-elm strong small {
    font-size: 0.18rem;
    line-height: 0.26rem;
  }
}
#subscription-image .l-container .l-elm:nth-of-type(2) {
  color: #61A468;
}
#subscription-image .l-container .l-elm:nth-of-type(2) span {
  border-color: #61A468;
}
#subscription-image .l-catch {
  width: 2.27rem;
  height: 0.66rem;
  margin: auto;
  display: flex;
  align-items: flex-end;
  padding-bottom: 0.11rem;
  background-color: #BE6B6B;
  color: white;
  border-radius: 0.07rem;
  justify-content: center;
  gap: 0.07rem;
  font-size: 0.25rem;
  line-height: 0.32rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  #subscription-image .l-catch {
    width: 2.76rem;
    height: 0.8rem;
    padding-bottom: 0.23rem;
    gap: 0.11rem;
    font-size: 0.22rem;
    line-height: 0.26rem;
  }
}
#subscription-image .l-catch strong {
  position: relative;
  bottom: -0.07rem;
  font-size: 0.35rem;
  line-height: 0.45rem;
  display: flex;
  align-items: baseline;
  gap: 0.02rem;
}
@media screen and (min-width: 768px) {
  #subscription-image .l-catch strong {
    font-size: 0.38rem;
    line-height: 0.46rem;
  }
}
#subscription-image .l-catch strong i {
  font-style: normal;
  font-size: 0.25rem;
}
@media screen and (min-width: 768px) {
  #subscription-image .l-catch strong i {
    font-size: 0.22rem;
    line-height: 0.26rem;
  }
}

#creation-direction {
  padding-bottom: 0.8rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #creation-direction {
    padding-bottom: 2rem;
    width: 7.08rem;
    margin: auto;
  }
}
#creation-direction .l-desc {
  font-size: 0.18rem;
  line-height: 0.28rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  #creation-direction .l-desc {
    font-size: 0.2rem;
    line-height: 0.4rem;
  }
}
#creation-direction .l-desc i {
  font-style: normal;
}
#creation-direction .l-desc strong {
  color: #61A468;
}
#creation-direction .l-list {
  margin: auto;
  margin-top: 0.27rem;
  margin-bottom: 0.28rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.1rem;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
@media screen and (min-width: 768px) {
  #creation-direction .l-list {
    margin-top: 0.36rem;
    margin-bottom: 0.39rem;
  }
}
#creation-direction .l-list li {
  width: 0.83rem;
  height: 0.83rem;
  border-radius: 100%;
  border: 0.01rem solid #BA9E5C;
  font-size: 0.16rem;
  line-height: 0.23rem;
  font-weight: 700;
  background-color: white;
  color: #BA9E5C;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media screen and (min-width: 768px) {
  #creation-direction .l-list li {
    width: 1rem;
    height: 1rem;
    font-size: 0.2rem;
    line-height: 0.24rem;
  }
}
#creation-direction .l-list li:nth-last-of-type(1)::after {
  content: "…";
  position: absolute;
  font-size: 0.14rem;
  line-height: 0.18rem;
  font-weight: 700;
  bottom: 50%;
  right: -0.09rem;
  transform: translate(100%, 50%);
  color: #BA9E5C;
}
@media screen and (min-width: 768px) {
  #creation-direction .l-list li:nth-last-of-type(1)::after {
    font-size: 0.2rem;
    line-height: 0.26rem;
    content: "など";
  }
}
#creation-direction .l-arrow {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.4rem;
}
@media screen and (min-width: 768px) {
  #creation-direction .l-arrow {
    gap: 0.46rem;
  }
}
#creation-direction .l-arrow::after {
  content: "";
  width: 0.29rem;
  height: 0.29rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/arrow_bottom_circle_emerald.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
#creation-direction .l-link {
  padding-top: 0.19rem;
  padding-bottom: 0.19rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.14rem;
  background-color: #EEF3D9;
  border-radius: 0.1rem;
  margin-top: 0.47rem;
  margin-bottom: 0.48rem;
}
@media screen and (min-width: 768px) {
  #creation-direction .l-link {
    margin-top: 0.51rem;
    margin-bottom: 0.98rem;
    flex-direction: row;
    justify-content: center;
    gap: 0.85rem;
  }
}
#creation-direction .l-link__text {
  display: flex;
  flex-direction: column;
  gap: 0.04rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #creation-direction .l-link__text {
    width: -moz-fit-content;
    width: fit-content;
  }
}
#creation-direction .l-link__text strong {
  font-size: 0.19rem;
  line-height: 0.25rem;
  font-weight: 700;
  color: #61A468;
}
@media screen and (min-width: 768px) {
  #creation-direction .l-link__text strong {
    font-size: 0.24rem;
    line-height: 0.32rem;
  }
}
#creation-direction .l-link__text span {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 0.16rem;
  line-height: 0.26rem;
  letter-spacing: -0.01em;
  gap: 0.13rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  #creation-direction .l-link__text span {
    font-size: 0.2rem;
    line-height: 0.32rem;
    flex-direction: row;
    gap: 0.1rem;
    justify-content: center;
  }
}
#creation-direction .l-link__text span::after {
  content: "";
  width: 0.108rem;
  height: 0.0635rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/arrow_bottom_emerald.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  #creation-direction .l-link__text span::after {
    width: 0.0759rem;
    height: 0.1291rem;
    background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/arrow_right_emerald.svg");
  }
}
#creation-direction .l-link__logo {
  display: block;
  width: 2.41rem;
  height: 0.8rem;
}
#creation-direction .l-link__logo img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#creation-direction .c-heading--horizontal {
  margin-bottom: 0.38rem;
}
@media screen and (min-width: 768px) {
  #creation-direction .c-heading--horizontal {
    margin-bottom: 0.65rem;
  }
}
#creation-direction .l-banner {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  margin-bottom: 0.97rem;
}
@media screen and (min-width: 768px) {
  #creation-direction .l-banner {
    gap: 0.3rem;
  }
}
#creation-direction .l-banner a {
  display: block;
  width: 100%;
}
#creation-direction .l-banner a img {
  display: block;
  width: 100%;
  height: auto;
}
#creation-direction .c-btn--square {
  margin: auto;
  margin-top: 0.77rem;
  margin-bottom: 0.97rem;
  width: 2.96rem;
  height: 0.74rem;
}
@media screen and (min-width: 768px) {
  #creation-direction .c-btn--square {
    margin-top: 0.74rem;
    margin-bottom: 0.94rem;
    width: 4rem;
    height: 1rem;
  }
}

/* wish flower contact */
#wish-flower-contact {
  padding: 0.28rem 0.1rem 1rem;
}
@media screen and (min-width: 768px) {
  #wish-flower-contact {
    padding: 0.57rem;
    padding-left: 0.5rem;
    padding-right: unset;
    padding-bottom: 2rem;
  }
}
#wish-flower-contact .l-heading {
  font-size: 0.17rem;
  line-height: 0.25rem;
  font-weight: 700;
  padding-bottom: 0.07rem;
  border-bottom: 0.01rem solid #6C5D48;
  margin-bottom: 0.09rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #wish-flower-contact .l-heading {
    font-size: 0.24rem;
    line-height: 0.31rem;
    padding-bottom: 0.04rem;
    margin-bottom: 0.27rem;
  }
}
#wish-flower-contact .l-desc {
  font-size: 0.12rem;
  line-height: 0.22rem;
  font-weight: 700;
  margin-bottom: 0.34rem;
}
@media screen and (min-width: 768px) {
  #wish-flower-contact .l-desc {
    font-size: 0.16rem;
    line-height: 0.21rem;
    margin-bottom: 0.59rem;
  }
}
@media screen and (min-width: 768px) {
  #wish-flower-contact .p-form {
    width: 6.2rem;
    margin: auto;
  }
}
#wish-flower-contact .p-form__main {
  margin-bottom: 0.6rem;
}
@media screen and (min-width: 768px) {
  #wish-flower-contact .p-form__main {
    margin-bottom: 0.65rem;
  }
}
#wish-flower-contact .c-btn--square {
  outline: none;
  margin: auto;
  color: white;
  width: 2.11rem;
  height: 0.37rem;
  font-size: 0.12rem;
  line-height: 0.16rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  border: none;
  transition: 0.3s;
  cursor: pointer;
}
#wish-flower-contact .c-btn--square:hover {
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  #wish-flower-contact .c-btn--square {
    width: 3.4rem;
    height: 0.6rem;
    font-size: 0.2rem;
    line-height: 0.32rem;
  }
}

/* partnership */
@media screen and (min-width: 768px) {
  #partnership-page main {
    overflow: initial;
  }
}

#partnership-top {
  max-width: unset;
  width: 100vw;
  height: 4.45rem;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 0.65rem;
  margin-bottom: 0.4rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//partnership/top_bg.png");
  background-repeat: no-repeat;
  background-size: 4.43rem 3.54rem;
  background-position: top center;
}
@media screen and (min-width: 768px) {
  #partnership-top {
    margin-top: 0.65rem;
    width: 100%;
    max-width: 100%;
    height: 8.14rem;
    background-size: cover;
    margin-bottom: 0.76rem;
  }
}
#partnership-top .l-heading {
  position: absolute;
  top: -0.2rem;
  left: 50%;
  transform: translate(-50%, -100%);
  display: flex;
  justify-content: center;
  align-items: baseline;
  gap: 0.1rem;
  color: #BA9E5C;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  #partnership-top .l-heading {
    top: -0.06rem;
    gap: 0.21rem;
  }
}
#partnership-top .l-heading strong {
  font-family: mr-eaves-sans, sans-serif;
  font-size: 0.23rem;
  line-height: 0.25rem;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  #partnership-top .l-heading strong {
    font-size: 0.37rem;
    line-height: 0.42rem;
  }
}
#partnership-top .l-heading span {
  font-size: 0.14rem;
  line-height: 0.22rem;
  font-weight: 700;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  #partnership-top .l-heading span {
    font-size: 0.15rem;
    line-height: 0.24rem;
  }
}
#partnership-top img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#partnership-top .l-big {
  width: 1.51rem;
  height: 0.56rem;
  position: absolute;
  top: 0.17rem;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  #partnership-top .l-big {
    top: 0.59rem;
    width: 3.5rem;
    height: 1.3rem;
  }
}
#partnership-top .l-big img {
  filter: drop-shadow(0 0 0.5rem white) drop-shadow(0 0 0.5rem white) drop-shadow(0 0 0.5rem white) drop-shadow(0 0 0.5rem white);
}
@media screen and (min-width: 768px) {
  #partnership-top .l-big img {
    filter: drop-shadow(0 0 1rem white) drop-shadow(0 0 1rem white) drop-shadow(0 0 1rem white) drop-shadow(0 0 1rem white);
  }
}
#partnership-top .l-catch {
  width: 3.75rem;
  height: 1.74rem;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  top: 0.63rem;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  #partnership-top .l-catch {
    width: 8rem;
    height: 2.55rem;
    top: 1.85rem;
  }
}
#partnership-top .l-desc {
  display: block;
  text-align: center;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 0.18rem;
  line-height: 0.32rem;
  font-weight: 600;
  color: #BE0000;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 100%;
}
@media screen and (min-width: 768px) {
  #partnership-top .l-desc {
    font-size: 0.22rem;
    line-height: 0.4rem;
  }
}

#partnership-terms {
  border-top: 0.01rem solid #BA9E5C;
  border-bottom: 0.01rem solid #BA9E5C;
  max-width: unset;
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  padding-top: 0.58rem;
  padding-bottom: 0.6rem;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  margin-bottom: 0.68rem;
}
@media screen and (min-width: 768px) {
  #partnership-terms {
    left: unset;
    transform: unset;
    width: 8.5rem;
    margin: auto;
    margin-bottom: 0.78rem;
    border: 0.01rem solid #BA9E5C;
    padding-top: 0.65rem;
    padding-left: 0.55rem;
    padding-right: 0.55rem;
    padding-bottom: 0.65rem;
  }
}
#partnership-terms .l-heading {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 0.2rem;
  line-height: 0.26rem;
  font-weight: 600;
  gap: 0.17rem;
  color: #BA9E5C;
  margin-bottom: 0.44rem;
}
@media screen and (min-width: 768px) {
  #partnership-terms .l-heading {
    font-size: 0.25rem;
    line-height: 0.35rem;
    gap: 0.24rem;
    margin-bottom: 0.39rem;
  }
}
#partnership-terms .l-heading::before {
  content: "";
  width: 0.28rem;
  height: 0.01rem;
  background-color: #BA9E5C;
}
#partnership-terms .l-heading::after {
  content: "";
  width: 0.28rem;
  height: 0.01rem;
  background-color: #BA9E5C;
}
#partnership-terms .l-terms {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.28rem;
  justify-content: center;
  text-align: center;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 0.2rem;
  line-height: 0.3rem;
  font-weight: 600;
  margin-bottom: 0.3rem;
}
@media screen and (min-width: 768px) {
  #partnership-terms .l-terms {
    font-size: 0.25rem;
    line-height: 0.38rem;
    margin-bottom: 0.8rem;
  }
}
#partnership-terms .l-terms li {
  display: flex;
  flex-direction: column;
  gap: 0.26rem;
  align-items: center;
  white-space: nowrap;
}
#partnership-terms .l-terms li::after {
  content: "";
  width: 0.1rem;
  height: 0.18rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/icon_diamond.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
#partnership-terms .l-terms li:nth-last-of-type(1)::after {
  content: unset;
  display: none;
}
#partnership-terms .l-desc {
  font-size: 0.16rem;
  line-height: 0.28rem;
  text-align: center;
  width: 3.05rem;
  margin: auto;
  margin-bottom: 0.3rem;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  #partnership-terms .l-desc {
    width: 7rem;
    margin-bottom: 0.33rem;
    font-size: 0.16rem;
    line-height: 0.32rem;
  }
}
#partnership-terms .l-desc strong {
  color: #BE0000;
  font-weight: 700;
}
#partnership-terms .l-strong {
  width: 3.15rem;
  margin: auto;
  padding-top: 0.15rem;
  padding-bottom: 0.15rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 0.22rem;
  line-height: 0.3rem;
  font-weight: 600;
  color: #BE0000;
  border-radius: 0.06rem;
  border: 0.01rem solid #BE0000;
  margin-bottom: 0.3rem;
}
@media screen and (min-width: 768px) {
  #partnership-terms .l-strong {
    width: 100%;
    font-size: 0.24rem;
    line-height: 0.3rem;
    padding-top: 0.15rem;
    padding-bottom: 0.15rem;
    border-radius: 0.1rem;
  }
}
#partnership-terms .l-notice {
  width: 2.75rem;
  margin: auto;
  text-align: center;
  font-size: 0.16rem;
  line-height: 0.28rem;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  #partnership-terms .l-notice {
    font-size: 0.16rem;
    line-height: 0.32rem;
    width: 100%;
  }
}

#partnership-about {
  padding-bottom: 0.3rem;
}
@media screen and (min-width: 768px) {
  #partnership-about {
    padding-bottom: 0.35rem;
  }
}
#partnership-about .c-heading--blur {
  margin-bottom: 0.36rem;
}
@media screen and (min-width: 768px) {
  #partnership-about .c-heading--blur {
    margin-bottom: 0.64rem;
  }
}
#partnership-about .l-container {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.23rem;
  margin-bottom: 0.41rem;
}
@media screen and (min-width: 768px) {
  #partnership-about .l-container {
    flex-direction: row;
    margin-bottom: 1.09rem;
    gap: 0.44rem;
  }
}
@media screen and (min-width: 768px) {
  #partnership-about .l-shop {
    flex: none;
    width: 3.52rem;
  }
}
#partnership-about .l-shop img {
  display: block;
  width: 2.24rem;
  height: 0.5rem;
  margin: auto;
  margin-bottom: 0.38rem;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 768px) {
  #partnership-about .l-shop img {
    width: 2.42rem;
    height: 0.54rem;
    margin-bottom: 0.84rem;
  }
}
#partnership-about .l-shop__info {
  margin: auto;
  list-style: disc;
  width: -moz-fit-content;
  width: fit-content;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 0.18rem;
  line-height: 0.3rem;
}
@media screen and (min-width: 768px) {
  #partnership-about .l-shop__info {
    font-size: 0.22rem;
    line-height: 0.34rem;
    padding-left: 1em;
  }
}
@media screen and (min-width: 768px) {
  #partnership-about .l-detail {
    flex-grow: 1;
  }
}
#partnership-about .l-detail h3 {
  font-family: mr-eaves-sans, sans-serif;
  color: #BA9E5C;
  font-size: 0.24rem;
  line-height: 0.26rem;
  font-weight: 400;
  display: block;
  margin-bottom: 0.16rem;
}
@media screen and (min-width: 768px) {
  #partnership-about .l-detail h3 {
    font-size: 0.28rem;
    line-height: 0.32rem;
    margin-bottom: 0.18rem;
  }
}
#partnership-about .l-detail__desc {
  padding-left: 0.5rem;
  font-size: 0.16rem;
  line-height: 0.24rem;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  #partnership-about .l-detail__desc {
    padding-left: 0.3rem;
  }
}
#partnership-about .l-detail__desc strong {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  color: #937551;
  font-size: 0.22rem;
  line-height: 0.3rem;
  font-weight: 600;
  display: block;
  margin-bottom: 0.26rem;
}
@media screen and (min-width: 768px) {
  #partnership-about .l-detail__desc strong {
    font-size: 0.24rem;
    line-height: 0.36rem;
  }
}
#partnership-about .l-detail__desc span {
  display: block;
  margin-top: 0.2rem;
}
#partnership-about .l-owner {
  position: relative;
  width: 2.8rem;
  margin: auto;
  padding-top: 0.93rem;
}
@media screen and (min-width: 768px) {
  #partnership-about .l-owner {
    position: absolute;
    bottom: 0;
    left: 0.3rem;
    width: 3rem;
    padding-top: 1.56rem;
  }
}
#partnership-about .l-owner__photo {
  position: absolute;
  z-index: 2;
  top: -0.3rem;
  left: -0.3rem;
  width: 1.78rem;
  height: 2rem;
}
@media screen and (min-width: 768px) {
  #partnership-about .l-owner__photo {
    width: 2rem;
    height: 2.26rem;
    top: 0.1rem;
    left: -0.3rem;
  }
}
#partnership-about .l-owner__photo img {
  display: block;
  width: 100%;
  height: 100%;
}
#partnership-about .l-owner__text {
  width: 1.79rem;
  margin-left: auto;
  border-bottom: 0.01rem solid #BA9E5C;
  padding-left: 0.31rem;
  display: flex;
  flex-direction: column;
  gap: 0.08rem;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
@media screen and (min-width: 768px) {
  #partnership-about .l-owner__text {
    width: 1.99rem;
    padding-left: 0.5rem;
  }
}
#partnership-about .l-owner__text span {
  display: block;
  font-size: 0.12rem;
  line-height: 0.16rem;
  font-weight: 600;
}
#partnership-about .l-owner__text strong {
  font-size: 0.18rem;
  line-height: 0.24rem;
  font-weight: 600;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  align-self: flex-end;
}
#partnership-about .l-catch {
  font-size: 0.18rem;
  line-height: 0.28rem;
  font-weight: 700;
  color: #BA9E5C;
  margin-bottom: 0.37rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #partnership-about .l-catch {
    font-size: 0.24rem;
    line-height: 0.36rem;
    margin-bottom: 0.46rem;
  }
}
#partnership-about .l-desc {
  font-size: 0.14rem;
  line-height: 0.24rem;
  font-weight: 500;
  margin-bottom: 0.42rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #partnership-about .l-desc {
    font-size: 0.18rem;
    line-height: 0.32rem;
    margin-bottom: 0.75rem;
  }
}
#partnership-about .c-btn--double-arrow {
  margin: auto;
}

#partnership-direction {
  position: relative;
  padding-top: 0.55rem;
  margin-bottom: 0.49rem;
}
@media screen and (min-width: 768px) {
  #partnership-direction {
    padding-top: 0.95rem;
    margin-bottom: 1.17rem;
  }
}
#partnership-direction::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  max-width: unset;
  width: 100vw;
  height: 4.34rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//partnership/direction_bg.png");
  background-size: 5.47rem 4.34rem;
  background-position: top center;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  #partnership-direction::before {
    width: 10.06rem;
    height: 8rem;
    background-size: contain;
    left: calc(50% - 0.24rem);
  }
}
#partnership-direction .l-heading {
  position: relative;
  margin: auto;
  margin-bottom: 3.14rem;
  width: 100%;
  height: 0.38rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.22rem;
  line-height: 0.37rem;
  font-weight: 700;
  color: white;
}
@media screen and (min-width: 768px) {
  #partnership-direction .l-heading {
    margin-bottom: 5.41rem;
    width: 6rem;
    height: 0.64rem;
    font-size: 0.39rem;
    line-height: 0.51rem;
  }
}
#partnership-direction .l-heading::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, white 0%, #6C5D48 22%, #6C5D48 50%, #6C5D48 78%, white 100%);
  mix-blend-mode: multiply;
}
#partnership-direction .l-catch {
  max-width: unset;
  width: 3.6rem;
  height: 2.19rem;
  position: absolute;
  top: 1.88rem;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  #partnership-direction .l-catch {
    width: 5.14rem;
    height: 3.12rem;
    top: 3.78rem;
  }
}
#partnership-direction .l-desc {
  font-size: 0.14rem;
  line-height: 0.24rem;
  font-weight: 500;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #partnership-direction .l-desc {
    font-size: 0.16rem;
    line-height: 0.28rem;
    margin-bottom: 0.4rem;
  }
}
#partnership-direction .c-btn--double-arrow {
  margin: auto;
}

#partnership-contact {
  padding-bottom: 1rem;
}
@media screen and (min-width: 768px) {
  #partnership-contact {
    width: 8.5rem;
    margin: auto;
    padding-bottom: 1.5rem;
  }
}
#partnership-contact .l-heading {
  font-size: 0.17rem;
  line-height: 0.25rem;
  font-weight: 700;
  padding-bottom: 0.07rem;
  border-bottom: 0.01rem solid #6C5D48;
  margin-bottom: 0.09rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #partnership-contact .l-heading {
    font-size: 0.24rem;
    line-height: 0.31rem;
    padding-bottom: 0.04rem;
    margin-bottom: 0.27rem;
  }
}
#partnership-contact .l-desc {
  font-size: 0.12rem;
  line-height: 0.22rem;
  font-weight: 700;
  margin-bottom: 0.34rem;
}
@media screen and (min-width: 768px) {
  #partnership-contact .l-desc {
    font-size: 0.16rem;
    line-height: 0.21rem;
    margin-bottom: 0.59rem;
  }
}
@media screen and (min-width: 768px) {
  #partnership-contact .p-form {
    width: 6.2rem;
    margin: auto;
  }
}
@media screen and (min-width: 768px) {
  #partnership-contact .p-form__heading {
    padding-left: 0.1rem;
  }
}
@media screen and (min-width: 768px) {
  #partnership-contact .p-form__item dt {
    padding-left: 0.2rem;
  }
}
#partnership-contact .p-form__container {
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  #partnership-contact .p-form__container {
    margin-bottom: 0.8rem;
  }
}
#partnership-contact .p-form .c-btn--square {
  outline: none;
  margin: auto;
  color: white;
  width: 2.11rem;
  height: 0.37rem;
  font-size: 0.12rem;
  line-height: 0.16rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  border: none;
  transition: 0.3s;
  cursor: pointer;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
#partnership-contact .p-form .c-btn--square:hover {
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  #partnership-contact .p-form .c-btn--square {
    width: 4.34rem;
    height: 0.6rem;
    font-size: 0.2rem;
    line-height: 0.32rem;
    margin-top: 0.8rem;
    margin-bottom: 1.03rem;
  }
}
#partnership-contact .l-direction {
  margin-bottom: 0.5rem;
  width: 100%;
  padding-top: 0.16rem;
  padding-bottom: 0.17rem;
  background-color: rgba(186, 158, 92, 0.13);
  font-size: 0.12rem;
  line-height: 0.2rem;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #partnership-contact .l-direction {
    width: 5.12rem;
    margin: auto;
    margin-bottom: 1.5rem;
    font-size: 0.2rem;
    line-height: 0.32rem;
  }
}
#partnership-contact .l-direction span {
  display: block;
  margin-bottom: 0.1rem;
}
@media screen and (min-width: 768px) {
  #partnership-contact .l-direction span {
    margin-bottom: 0.17rem;
  }
}
#partnership-contact .l-direction address {
  font-style: normal;
}
#partnership-contact .l-btn {
  width: 2.96rem;
  height: 0.74rem;
  margin: auto;
}
@media screen and (min-width: 768px) {
  #partnership-contact .l-btn {
    width: 4rem;
    height: 1rem;
  }
}

/* recruit */
#recruit-top {
  max-width: unset;
  width: 100vw;
  height: 5.14rem;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 0.65rem;
  margin-bottom: 0.4rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//recruit/top_bg.png");
  background-repeat: no-repeat;
  background-size: 4.43rem 3.54rem;
  background-position: top center;
}
@media screen and (min-width: 768px) {
  #recruit-top {
    margin-top: 0.65rem;
    width: 100%;
    max-width: 100%;
    height: 6.27rem;
    margin-bottom: 0.76rem;
    background-size: 100% 8.14rem;
    margin-bottom: 0.25rem;
  }
}
#recruit-top .l-heading {
  position: absolute;
  top: -0.2rem;
  left: 50%;
  transform: translate(-50%, -100%);
  display: flex;
  justify-content: center;
  align-items: baseline;
  gap: 0.1rem;
  color: #BA9E5C;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  #recruit-top .l-heading {
    top: -0.06rem;
    gap: 0.21rem;
  }
}
#recruit-top .l-heading strong {
  font-family: mr-eaves-sans, sans-serif;
  font-size: 0.23rem;
  line-height: 0.25rem;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  #recruit-top .l-heading strong {
    font-size: 0.37rem;
    line-height: 0.42rem;
  }
}
#recruit-top .l-heading span {
  font-size: 0.14rem;
  line-height: 0.22rem;
  font-weight: 700;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  #recruit-top .l-heading span {
    font-size: 0.15rem;
    line-height: 0.24rem;
  }
}
#recruit-top img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#recruit-top .l-head {
  width: 3.26rem;
  height: 0.64rem;
  position: absolute;
  top: 0rem;
  left: 0rem;
}
@media screen and (min-width: 768px) {
  #recruit-top .l-head {
    top: -0.1rem;
    left: -0.1rem;
    width: 6.42rem;
    height: 1.28rem;
  }
}
#recruit-top .l-head img {
  display: block;
  width: 100%;
  height: 100%;
}
#recruit-top .l-catch {
  width: 3.67rem;
  height: 2.32rem;
  position: absolute;
  top: 0.53rem;
  right: 0rem;
}
@media screen and (min-width: 768px) {
  #recruit-top .l-catch {
    width: 5.54rem;
    height: 3.5rem;
    top: 0.89rem;
    right: unset;
    left: 50%;
    transform: translateX(-50%);
  }
}
#recruit-top .l-owner {
  position: absolute;
  left: 0.17rem;
  bottom: 0.6rem;
  width: 1.6rem;
  height: 2.16rem;
}
@media screen and (min-width: 768px) {
  #recruit-top .l-owner {
    width: 3.05rem;
    height: 4.13rem;
    left: 0;
    bottom: 0;
  }
}
#recruit-top .l-owner img {
  display: block;
  width: 100%;
  height: 100%;
}
#recruit-top .l-desc {
  display: block;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 0.14rem;
  line-height: 0.22rem;
  font-weight: 700;
  position: absolute;
  right: 0.3rem;
  bottom: 0.59rem;
  width: 1.68rem;
}
@media screen and (min-width: 768px) {
  #recruit-top .l-desc {
    font-size: 0.22rem;
    line-height: 0.4rem;
    font-size: 0.18rem;
    line-height: 0.29rem;
    text-align: center;
    right: unset;
    left: 50%;
    bottom: 0.88rem;
    width: -moz-fit-content;
    width: fit-content;
    transform: translateX(-50%);
  }
}
#recruit-top .l-menu {
  width: 100%;
  height: 0.4rem;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  gap: 0.13rem;
}
@media screen and (min-width: 768px) {
  #recruit-top .l-menu {
    height: 0.5rem;
    gap: 0.4rem;
    margin-left: 0.2rem;
  }
}
#recruit-top .l-menu__wrapper {
  width: 1.51rem;
  height: 100%;
  border-top-left-radius: 0.1rem;
  border-top-right-radius: 0.1rem;
  background-color: #6C5D48;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.1rem;
  font-size: 0.13rem;
  line-height: 0.17rem;
  color: white;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  #recruit-top .l-menu__wrapper {
    width: 2.7rem;
    position: relative;
    font-size: 0.2rem;
    line-height: 0.24rem;
    padding-right: 0.15rem;
  }
}
#recruit-top .l-menu__wrapper::after {
  content: "▼";
  color: #BA9E5C;
}
@media screen and (min-width: 768px) {
  #recruit-top .l-menu__wrapper::after {
    position: absolute;
    right: 0.2rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.12rem;
    line-height: 0.16rem;
  }
}
#recruit-top .l-menu__wrapper:nth-of-type(2) {
  gap: 0rem;
  background-color: #BE6B6B;
}

#full-time {
  --color: #6C5D48;
  margin-bottom: 0.7rem;
}
@media screen and (min-width: 768px) {
  #full-time {
    margin-bottom: 1.48rem;
  }
}

#part-time {
  --color: #BE6B6B;
  margin-bottom: 0.29rem;
}
@media screen and (min-width: 768px) {
  #part-time {
    margin-bottom: 0.97rem;
  }
}
#part-time .p-recruit__top {
  margin-bottom: unset;
}
@media screen and (min-width: 768px) {
  #part-time .p-recruit__desc {
    line-height: 0.22rem;
    line-height: 0.36rem;
  }
}
#part-time .p-recruit__image {
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//recruit/part_time_bg.png");
  bottom: 0.47rem;
  width: 100%;
  height: 2.1rem;
}
@media screen and (min-width: 768px) {
  #part-time .p-recruit__image {
    width: 4.45rem;
    height: 2.97rem;
    bottom: 0;
  }
}
#part-time .p-recruit__list {
  position: relative;
  z-index: 10;
}
@media screen and (min-width: 768px) {
  #part-time .p-recruit__list {
    position: absolute;
  }
}
#part-time .p-recruit__catch {
  font-size: 0.14rem;
  line-height: 0.22rem;
  bottom: 0;
}
@media screen and (min-width: 768px) {
  #part-time .p-recruit__catch {
    text-align: left;
    font-size: 0.22rem;
    line-height: 0.33rem;
    left: 0.34rem;
    bottom: 0.28rem;
    transform: unset;
  }
}
#part-time .p-recruit__cloud {
  bottom: 1.4rem;
}
@media screen and (min-width: 768px) {
  #part-time .p-recruit__cloud {
    bottom: 1.32rem;
    left: unset;
    right: 2.17rem;
    padding: 0.21rem 0.23rem;
    font-size: 0.14rem;
    line-height: 0.2rem;
  }
}

#recruit-bottom {
  padding-bottom: 1rem;
}
@media screen and (min-width: 768px) {
  #recruit-bottom {
    padding-bottom: 1.5rem;
  }
}
#recruit-bottom .l-desc {
  margin-bottom: 0.5rem;
  background-color: rgba(186, 158, 92, 0.13);
  text-align: center;
  font-size: 0.12rem;
  line-height: 0.2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.1rem;
  font-weight: 700;
  width: 100%;
  padding-top: 0.16rem;
  padding-bottom: 0.17rem;
}
@media screen and (min-width: 768px) {
  #recruit-bottom .l-desc {
    width: 5.12rem;
    margin: auto;
    padding-top: 0.26rem;
    padding-bottom: 0.29rem;
    font-size: 0.2rem;
    line-height: 0.32rem;
  }
}
#recruit-bottom .l-desc span {
  display: block;
}
@media screen and (min-width: 768px) {
  #recruit-bottom .l-desc {
    margin-bottom: 1.5rem;
  }
}
#recruit-bottom .c-btn--square {
  width: 2.96rem;
  height: 0.74rem;
  margin: auto;
}
@media screen and (min-width: 768px) {
  #recruit-bottom .c-btn--square {
    width: 4rem;
    height: 1rem;
  }
}

/* in-bulk */
@media screen and (min-width: 768px) {
  #in-bulk-page main {
    overflow: initial;
  }
}
#in-bulk-page #produce-movie .l-heading::before {
  content: "";
  border-color: rgba(97, 164, 104, 0.3);
}

#bulk-top {
  padding-top: 0.38rem;
  padding-bottom: 0.45rem;
}
@media screen and (min-width: 768px) {
  #bulk-top {
    padding-top: 0.56rem;
    padding-bottom: 0.32rem;
  }
}
#bulk-top .l-header {
  display: block;
  width: 100%;
  height: 1.75rem;
  margin-bottom: 0.31rem;
}
@media screen and (min-width: 768px) {
  #bulk-top .l-header {
    width: 7.04rem;
    height: 1.5rem;
    margin: auto;
    margin-bottom: 0.21rem;
  }
}
#bulk-top .l-header img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#bulk-top .l-catch {
  font-size: 0.2rem;
  line-height: 0.33rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  margin-bottom: 0.22rem;
}
@media screen and (min-width: 768px) {
  #bulk-top .l-catch {
    font-size: 0.4rem;
    line-height: 0.6rem;
    gap: 0.03rem;
    margin-bottom: 0.21rem;
  }
}
#bulk-top .l-catch span,
#bulk-top .l-catch strong {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  padding-bottom: 0.03rem;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  #bulk-top .l-catch span,
  #bulk-top .l-catch strong {
    padding-bottom: unset;
  }
}
#bulk-top .l-catch span::after,
#bulk-top .l-catch strong::after {
  content: "";
  width: 85%;
  height: 0.01rem;
  position: absolute;
  background-color: #BA9E5C;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  #bulk-top .l-catch span::after,
  #bulk-top .l-catch strong::after {
    content: unset;
  }
}
#bulk-top .l-catch strong {
  color: #BA9E5C;
}
#bulk-top .l-desc {
  position: relative;
  display: block;
  width: 2.06rem;
  margin-left: auto;
  font-size: 0.14rem;
  line-height: 0.25rem;
  font-weight: 500;
  margin-bottom: 0.3rem;
}
@media screen and (min-width: 768px) {
  #bulk-top .l-desc {
    font-size: 0.16rem;
    line-height: 0.32rem;
    margin-bottom: 0.33rem;
    margin: auto;
    width: 100%;
    text-align: center;
    margin-bottom: 0.22rem;
  }
}
#bulk-top .l-desc::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -0.74rem;
  left: -3.67rem;
  max-width: unset;
  width: 5.2rem;
  height: 2.17rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//bulk/top_bg.png");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  #bulk-top .l-desc::before {
    width: 7.88rem;
    height: 3.29rem;
    top: -0.9rem;
    left: -3.88rem;
  }
}
#bulk-top .l-desc::after {
  content: "";
  position: absolute;
  top: 0.06rem;
  left: -1.5rem;
  width: 1.86rem;
  height: 2.1rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//bulk/owner.png");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  #bulk-top .l-desc::after {
    width: 2.01rem;
    height: 2.26rem;
    top: -0.18rem;
    left: 0.13rem;
  }
}
#bulk-top .l-shadow {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 0.16rem;
  line-height: 0.22rem;
  font-weight: 700;
  color: white;
  margin-bottom: 0.29rem;
}
@media screen and (min-width: 768px) {
  #bulk-top .l-shadow {
    width: 5rem;
    margin-left: auto;
    margin-right: 0.6rem;
    font-size: 0.2rem;
    line-height: 0.26rem;
    align-items: flex-start;
    margin-bottom: 0.34rem;
  }
}
#bulk-top .l-shadow span {
  position: relative;
  display: flex;
  align-items: center;
  height: 0.36rem;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  #bulk-top .l-shadow span {
    height: 0.5rem;
    padding-left: 0.1rem;
    padding-right: 0.1rem;
  }
  #bulk-top .l-shadow span:nth-of-type(2) {
    margin-top: -0.17rem;
    margin-left: auto;
  }
}
#bulk-top .l-shadow span::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(97, 164, 104, 0.74);
  filter: blur(0.1rem);
}
#bulk-top .l-direction {
  position: relative;
  font-weight: 700;
  color: #61A468;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.23rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #bulk-top .l-direction {
    gap: 0.05rem;
  }
}
#bulk-top .l-direction::after {
  content: "";
  position: absolute;
  bottom: -0.14rem;
  left: 50%;
  transform: translate(-50%, 100%);
  width: 0.22rem;
  height: 0.12rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/arrow_bottom_single_brown.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  #bulk-top .l-direction::after {
    width: 0.28rem;
    height: 0.14rem;
  }
}
#bulk-top .l-direction span {
  font-size: 0.18rem;
  line-height: 0.26rem;
}
@media screen and (min-width: 768px) {
  #bulk-top .l-direction span {
    font-size: 0.18rem;
    line-height: 0.23rem;
  }
}
#bulk-top .l-direction strong {
  font-size: 0.22rem;
  line-height: 0.29rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #bulk-top .l-direction strong {
    font-size: 0.32rem;
    line-height: 0.42rem;
  }
}

#bulk-direction {
  padding-bottom: 0.69rem;
}
@media screen and (min-width: 768px) {
  #bulk-direction {
    padding-bottom: 0.92rem;
  }
}
#bulk-direction .l-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  gap: 0.45rem 0;
  margin-bottom: 0.31rem;
}
@media screen and (min-width: 768px) {
  #bulk-direction .l-container {
    margin-bottom: 0.54rem;
    gap: 0.19rem;
    align-items: flex-start;
    margin-bottom: 0.62rem;
  }
}
#bulk-direction .l-container .l-wrapper {
  text-align: center;
  font-size: 0.16rem;
  line-height: 0.25rem;
  font-weight: 700;
  color: #BE6B6B;
  padding-top: 0.31rem;
  width: 50%;
  height: 1.71rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/lacked_circle.svg");
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
@media screen and (min-width: 768px) {
  #bulk-direction .l-container .l-wrapper {
    width: 2.2rem;
    height: 2.19rem;
    background-size: 2.68rem 2.19rem;
    font-size: 0.23rem;
    line-height: 0.33rem;
    padding-top: 0.69rem;
  }
  #bulk-direction .l-container .l-wrapper:nth-of-type(1) {
    order: 1;
  }
  #bulk-direction .l-container .l-wrapper:nth-of-type(2) {
    order: 3;
  }
}
#bulk-direction .l-container .l-wrapper img {
  position: absolute;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  left: 50%;
  transform: translateX(-50%);
}
#bulk-direction .l-container .l-wrapper #direction-deco1 {
  width: 1.33rem;
  height: 0.7rem;
  bottom: -0.12rem;
}
@media screen and (min-width: 768px) {
  #bulk-direction .l-container .l-wrapper #direction-deco1 {
    bottom: -0.37rem;
    width: 2.1rem;
    height: 1.11rem;
  }
}
#bulk-direction .l-container .l-wrapper #direction-deco2 {
  width: 1.35rem;
  height: 0.62rem;
  bottom: -0.05rem;
}
@media screen and (min-width: 768px) {
  #bulk-direction .l-container .l-wrapper #direction-deco2 {
    bottom: -0.35rem;
    width: 2.06rem;
    height: 0.95rem;
  }
}
#bulk-direction .l-container .l-wrapper__center {
  display: flex;
  align-items: flex-end;
  gap: 0.11rem;
  flex: none;
  position: relative;
}
@media screen and (min-width: 768px) {
  #bulk-direction .l-container .l-wrapper__center {
    order: 2;
    width: 1.56rem;
    margin-top: 0.4rem;
  }
}
#bulk-direction .l-container .l-wrapper__center #person1 {
  display: block;
  width: 0.61rem;
  height: 0.82rem;
  margin-bottom: 0.31rem;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  #bulk-direction .l-container .l-wrapper__center #person1 {
    position: absolute;
    bottom: -0.63rem;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: unset;
  }
}
#bulk-direction .l-container .l-wrapper__center span {
  width: 1.66rem;
  height: 1.66rem;
  border-radius: 100%;
  background-color: rgba(237, 205, 205, 0.3);
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: #BE6B6B;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.07rem;
  padding-top: 0.13rem;
}
@media screen and (min-width: 768px) {
  #bulk-direction .l-container .l-wrapper__center span {
    width: 1.56rem;
    height: 1.56rem;
    padding-top: 0.12rem;
    gap: 0.06rem;
  }
}
#bulk-direction .l-container .l-wrapper__center span::before {
  content: "例えば…";
  padding: 0.03rem 0.06rem;
  background-color: #BE6B6B;
  font-size: 0.12rem;
  line-height: 0.16rem;
  font-weight: 700;
  color: white;
  border-radius: 0.2rem;
}
#bulk-direction .l-direction {
  position: relative;
  display: block;
  text-align: center;
  margin: auto;
  font-size: 0.21rem;
  line-height: 0.34rem;
  font-weight: 700;
  color: #937551;
}
@media screen and (min-width: 768px) {
  #bulk-direction .l-direction {
    font-size: 0.26rem;
    line-height: 0.42rem;
  }
}
#bulk-direction .l-direction strong {
  font-size: 0.26rem;
  line-height: 0.34rem;
}
@media screen and (min-width: 768px) {
  #bulk-direction .l-direction strong {
    font-size: 0.32rem;
    line-height: 0.42rem;
  }
}
#bulk-direction .l-direction::after {
  content: "";
  position: absolute;
  bottom: -0.14rem;
  left: 50%;
  transform: translate(-50%, 100%);
  width: 0.31rem;
  height: 0.27rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/arrow_bottom_double_emerald.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  #bulk-direction .l-direction::after {
    width: 0.31rem;
    height: 0.27rem;
    bottom: -0.21rem;
  }
}

#bulk-cases {
  padding-bottom: 1.16rem;
}
@media screen and (min-width: 768px) {
  #bulk-cases {
    padding-bottom: 1.26rem;
  }
}
#bulk-cases .c-heading--double-line {
  color: #61A468;
  border-color: #61A468;
  margin-bottom: 0.26rem;
}
@media screen and (min-width: 768px) {
  #bulk-cases .c-heading--double-line {
    margin-bottom: 0.34rem;
  }
}
#bulk-cases .l-desc {
  text-align: center;
  font-size: 0.16rem;
  line-height: 0.25rem;
  font-weight: 700;
  margin-bottom: 0.17rem;
}
@media screen and (min-width: 768px) {
  #bulk-cases .l-desc {
    font-size: 0.2rem;
    line-height: 0.26rem;
    margin-bottom: 0.22rem;
  }
}
#bulk-cases .p-works-list__slider {
  max-width: unset;
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  #bulk-cases .p-works-list__slider {
    max-width: 100%;
    width: 100%;
    left: unset;
    transform: unset;
  }
}
#bulk-cases .p-works-list__navigation {
  display: flex;
  bottom: 0.8rem;
  gap: 0.37rem;
}
@media screen and (min-width: 768px) {
  #bulk-cases .p-works-list__navigation {
    gap: 0.58rem;
    bottom: 0.8rem;
  }
}
#bulk-cases .p-works-list__navigation--prev {
  width: 0.08rem;
  height: 0.16rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/arrow_right_thin.svg");
}
@media screen and (min-width: 768px) {
  #bulk-cases .p-works-list__navigation--prev {
    width: 0.15rem;
    height: 0.3rem;
  }
}
#bulk-cases .p-works-list__navigation--next {
  width: 0.08rem;
  height: 0.16rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/arrow_right_thin.svg");
}
@media screen and (min-width: 768px) {
  #bulk-cases .p-works-list__navigation--next {
    width: 0.15rem;
    height: 0.3rem;
  }
}

#bulk-faq {
  padding-bottom: 0.84rem;
}
@media screen and (min-width: 768px) {
  #bulk-faq {
    padding-bottom: 0.78rem;
    width: 6.9rem;
    margin: auto;
  }
}
#bulk-faq .p-faq2 {
  margin-bottom: 0.53rem;
}
@media screen and (min-width: 768px) {
  #bulk-faq .p-faq2 {
    margin-bottom: 0.62rem;
  }
}
#bulk-faq .l-container {
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  #bulk-faq .l-container {
    margin-bottom: 0.77rem;
  }
}
#bulk-faq .l-container h3 {
  font-size: 0.18rem;
  line-height: 0.23rem;
  margin-bottom: 0.47rem;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #bulk-faq .l-container h3 {
    font-size: 0.2rem;
    line-height: 0.26rem;
    margin-bottom: 0.45rem;
  }
}
#bulk-faq .l-container img {
  display: block;
  width: 100%;
  height: 3.73rem;
  -o-object-fit: contain;
     object-fit: contain;
  margin: auto;
}
@media screen and (min-width: 768px) {
  #bulk-faq .l-container img {
    width: 4.6rem;
    height: 4.43rem;
  }
}
#bulk-faq .l-direction {
  position: relative;
  display: block;
  text-align: center;
  margin: auto;
  font-size: 0.22rem;
  line-height: 0.32rem;
  font-weight: 700;
  color: #937551;
}
@media screen and (min-width: 768px) {
  #bulk-faq .l-direction {
    font-size: 0.22rem;
    line-height: 0.29rem;
  }
}
#bulk-faq .l-direction::after {
  content: "";
  position: absolute;
  bottom: -0.3rem;
  left: 50%;
  transform: translate(-50%, 100%);
  width: 0.31rem;
  height: 0.27rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/arrow_bottom_double_beige.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  #bulk-faq .l-direction::after {
    width: 0.31rem;
    height: 0.27rem;
    bottom: -0.25rem;
  }
}

#bulk-merit {
  padding-bottom: 0.68rem;
}
@media screen and (min-width: 768px) {
  #bulk-merit {
    padding-bottom: 0.72rem;
  }
}
#bulk-merit .c-heading--square {
  margin-bottom: 0.39rem;
}
@media screen and (min-width: 768px) {
  #bulk-merit .c-heading--square {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 768px) {
  #bulk-merit .p-bullet {
    width: 7.7rem;
    margin: auto;
  }
}
#bulk-merit .p-bullet #merit-img1 {
  width: 2.08rem;
  height: 0.94rem;
  margin: auto;
  margin-bottom: 0.2rem;
}
@media screen and (min-width: 768px) {
  #bulk-merit .p-bullet #merit-img1 {
    margin-bottom: unset;
    width: 2.7rem;
    height: 1.3rem;
  }
}
#bulk-merit .p-bullet #merit-img2 {
  width: 3rem;
  height: 1.6rem;
  margin-top: 0.2rem;
}
@media screen and (min-width: 768px) {
  #bulk-merit .p-bullet #merit-img2 {
    margin-top: unset;
    width: 2.75rem;
    height: 1.6rem;
  }
}
#bulk-merit .p-bullet #merit-img3 {
  width: 3rem;
  height: 1.85rem;
  margin-top: 0.2rem;
  margin-bottom: 0.3rem;
}
@media screen and (min-width: 768px) {
  #bulk-merit .p-bullet #merit-img3 {
    margin-top: unset;
    margin-bottom: unset;
    width: 2.8rem;
    height: 1.85rem;
  }
}
#bulk-merit .p-bullet #merit-img4 {
  width: 2.7rem;
  height: 2.6rem;
}
@media screen and (min-width: 768px) {
  #bulk-merit .p-bullet #merit-img4 {
    width: 4.6rem;
    height: 4.43rem;
  }
}
#bulk-merit .p-bullet #merit-img5 {
  width: 2.59rem;
  height: 3.86rem;
  margin-bottom: 0.21rem;
}
@media screen and (min-width: 768px) {
  #bulk-merit .p-bullet #merit-img5 {
    width: 5.1rem;
    height: 0.91rem;
    margin-bottom: 0.09rem;
  }
}
#bulk-merit .p-bullet #merit-img6 {
  width: 2.59rem;
  height: 1.3rem;
}
@media screen and (min-width: 768px) {
  #bulk-merit .p-bullet #merit-img6 {
    width: 1.82rem;
    height: 0.91rem;
  }
}
#bulk-merit .p-bullet #merit3-container {
  width: 100%;
  border: 0.01rem solid #BA9E5C;
  text-align: center;
  border-radius: 0.1rem;
  padding: 0.23rem 0.24rem 0.3rem;
}
@media screen and (min-width: 768px) {
  #bulk-merit .p-bullet #merit3-container {
    width: 6.96rem;
    margin-top: 0.42rem;
    margin-left: auto;
    padding: 0.33rem 0.31rem 0.52rem;
    border-radius: 0.1rem;
  }
}
#bulk-merit .p-bullet #merit3-container .l-desc {
  font-size: 0.14rem;
  line-height: 0.22rem;
  font-weight: 500;
  margin-bottom: 0.26rem;
  display: block;
}
@media screen and (min-width: 768px) {
  #bulk-merit .p-bullet #merit3-container .l-desc {
    font-size: 0.18rem;
    line-height: 0.32rem;
    margin-bottom: 0.13rem;
  }
}
#bulk-merit .p-bullet #merit3-container .l-desc strong {
  font-weight: 700;
  color: #BE6B6B;
}
#bulk-merit .p-bullet #merit3-container .l-desc b {
  font-weight: 700;
}
#bulk-merit .p-bullet #merit3-container h4 {
  font-size: 0.16rem;
  line-height: 0.21rem;
  font-weight: 700;
  margin-bottom: 0.24rem;
}
@media screen and (min-width: 768px) {
  #bulk-merit .p-bullet #merit3-container h4 {
    font-size: 0.2rem;
    line-height: 0.26rem;
    margin-bottom: 0.29rem;
  }
}
#bulk-merit .p-bullet #merit3-container img {
  display: block;
  margin: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 768px) {
  #bulk-merit .p-bullet #merit5-container {
    width: 7.7rem;
    margin: auto;
    text-align: center;
  }
}
#bulk-merit .p-bullet #merit5-container .l-desc {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  #bulk-merit .p-bullet #merit5-container .l-desc {
    font-size: 0.16rem;
    line-height: 0.21rem;
  }
}
#bulk-merit .p-bullet #merit5-container .l-trans {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.1rem;
  margin-bottom: 0.04rem;
}
@media screen and (min-width: 768px) {
  #bulk-merit .p-bullet #merit5-container .l-trans {
    gap: 0.12rem;
  }
}
#bulk-merit .p-bullet #merit5-container .l-trans div {
  display: flex;
  align-items: center;
  gap: 0.1rem;
}
@media screen and (min-width: 768px) {
  #bulk-merit .p-bullet #merit5-container .l-trans div {
    gap: 0.12rem;
  }
}
#bulk-merit .p-bullet #merit5-container .l-trans div::after {
  content: "";
  width: 0.26rem;
  height: 0.114rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/arrow_right_dark_brown.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
#bulk-merit .p-bullet #merit5-container .l-trans div span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.65rem;
  height: 0.65rem;
  border-radius: 100%;
  background-color: #6C5D48;
  font-size: 0.15rem;
  line-height: 0.19rem;
  font-weight: 700;
  color: white;
}
@media screen and (min-width: 768px) {
  #bulk-merit .p-bullet #merit5-container .l-trans div span {
    width: 0.6rem;
    height: 0.6rem;
    font-size: 0.14rem;
    line-height: 0.18rem;
    white-space: nowrap;
  }
}
#bulk-merit .p-bullet #merit5-container .l-trans div:nth-last-of-type(1)::after {
  content: unset;
}
#bulk-merit .p-bullet .l-flow {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.18rem;
}
@media screen and (min-width: 768px) {
  #bulk-merit .p-bullet .l-flow {
    gap: 0.12rem;
  }
}
#bulk-merit .p-bullet .l-flow__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0.18rem;
}
@media screen and (min-width: 768px) {
  #bulk-merit .p-bullet .l-flow__wrapper {
    gap: 0.12rem;
  }
}
#bulk-merit .p-bullet .l-flow__wrapper::after {
  content: "▼";
  color: #BA9E5C;
  font-size: 0.14rem;
  height: 0.19rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  #bulk-merit .p-bullet .l-flow__wrapper::after {
    font-size: 0.2rem;
    line-height: 0.26rem;
  }
}
#bulk-merit .p-bullet .l-flow__wrapper:nth-last-of-type(1)::after {
  content: unset;
}
#bulk-merit .p-bullet .l-flow__wrapper--boxed {
  width: 100%;
}
@media screen and (min-width: 768px) {
  #bulk-merit .p-bullet .l-flow__wrapper--boxed {
    width: 4.4rem;
  }
}
#bulk-merit .p-bullet .l-flow__wrapper--boxed > div {
  width: 100%;
  border-radius: 0.05rem;
  background-color: rgba(186, 158, 92, 0.13);
}
#bulk-merit .p-bullet .l-flow__wrapper--boxed p {
  font-size: 0.18rem;
  line-height: 0.23rem;
  font-weight: 700;
}
#bulk-merit .p-bullet .l-flow__heading {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.16rem;
  line-height: 0.22rem;
  font-weight: 700;
  padding: 0.02rem 0.18rem;
  background-color: #6C5D48;
  color: white;
  border-radius: 0.18rem;
  margin-bottom: 0.11rem;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  margin-bottom: 0.09rem;
}
#bulk-merit .p-bullet .l-flow__list {
  display: flex;
  justify-content: center;
  gap: 0.11rem;
  margin-bottom: 0.11rem;
}
#bulk-merit .p-bullet .l-flow__list li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 100%;
  background-color: #6C5D48;
  font-size: 0.15rem;
  line-height: 0.19rem;
  font-weight: 700;
  color: white;
}
@media screen and (min-width: 768px) {
  #bulk-merit .p-bullet .l-flow__list li {
    margin-bottom: 0.31rem;
  }
}
#bulk-merit .p-bullet .l-flow__2column {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.07rem;
}
@media screen and (min-width: 768px) {
  #bulk-merit .p-bullet .l-flow__2column {
    flex-direction: row;
    gap: 0.33rem;
  }
}
#bulk-merit .p-bullet .l-flow__2column p {
  font-size: 0.18rem;
  line-height: 0.23rem;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #bulk-merit .p-bullet .l-flow__2column p {
    font-size: 0.16rem;
    line-height: 0.24rem;
    width: -moz-fit-content;
    width: fit-content;
  }
}
#bulk-merit .p-bullet .l-flow__2column img {
  display: block;
  margin: auto;
}
#bulk-merit .p-bullet .l-flow__hor {
  display: flex;
  flex-direction: column;
  gap: 0.12rem;
  align-items: center;
}
@media screen and (min-width: 768px) {
  #bulk-merit .p-bullet .l-flow__hor {
    flex-direction: row-reverse;
  }
}
#bulk-merit .p-bullet .l-flow__hor span {
  font-size: 0.18rem;
  line-height: 0.23rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  #bulk-merit .p-bullet .l-flow__hor span {
    font-size: 0.16rem;
    line-height: 0.21rem;
  }
}
#bulk-merit .p-bullet .l-flow__hor strong {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.03rem;
  height: 1.03rem;
  border-radius: 100%;
  background-color: #6C5D48;
  font-size: 0.21rem;
  line-height: 0.27rem;
  font-weight: 700;
  color: white;
}
@media screen and (min-width: 768px) {
  #bulk-merit .p-bullet .l-flow__hor strong {
    width: 0.64rem;
    height: 0.64rem;
    font-size: 0.16rem;
    line-height: 0.22rem;
  }
}
#bulk-merit .p-bullet .l-flow #flow2 > div {
  padding: 0.12rem 0.2rem 0.09rem;
}
@media screen and (min-width: 768px) {
  #bulk-merit .p-bullet .l-flow #flow2 > div {
    padding-top: 0.17rem;
    padding-bottom: 0.13rem;
  }
}
#bulk-merit .p-bullet .l-flow #flow3 > div {
  padding: 0.15rem 0.2rem 0.2rem;
}
@media screen and (min-width: 768px) {
  #bulk-merit .p-bullet .l-flow #flow3 > div {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
  }
}

/* wish flower */
@media screen and (min-width: 768px) {
  #wish-flower-page main {
    overflow: initial;
  }
}
#wish-flower-page #produce-movie {
  padding-bottom: 0.48rem;
}
@media screen and (min-width: 768px) {
  #wish-flower-page #produce-movie {
    padding-bottom: 0.74rem;
  }
}
#wish-flower-page #produce-movie .l-banner {
  width: 3.35rem;
  height: 1.74rem;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  margin: auto;
  margin-bottom: 0.3rem;
}
@media screen and (min-width: 768px) {
  #wish-flower-page #produce-movie .l-banner {
    width: 8.7rem;
    height: 1.91rem;
    margin-bottom: 0.77rem;
  }
}
#wish-flower-page #produce-movie .c-direction--tri {
  margin-bottom: 0.3rem;
}
#wish-flower-page #produce-movie .c-direction--tri::before {
  color: #BE6B6B;
}
#wish-flower-page #produce-movie .c-direction--tri::after {
  color: #BE6B6B;
}
@media screen and (min-width: 768px) {
  #wish-flower-page #produce-movie .c-direction--tri {
    margin-bottom: 0.62rem;
  }
}
#wish-flower-page #produce-movie .l-movie {
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  #wish-flower-page #produce-movie .l-movie {
    margin-bottom: 0.78rem;
  }
}
#wish-flower-page #produce-movie .l-container {
  display: flex;
  flex-direction: column;
  gap: 0.47rem;
  align-items: center;
}
@media screen and (min-width: 768px) {
  #wish-flower-page #produce-movie .l-container {
    flex-direction: row;
    gap: 1.18rem;
    align-items: center;
    justify-content: center;
  }
}
#wish-flower-page #produce-movie .l-container .l-image {
  position: relative;
  width: 2.66rem;
  display: flex;
  flex-direction: column;
  gap: 0.12rem;
  text-align: center;
  font-size: 0.16rem;
  line-height: 0.21rem;
  font-weight: 700;
  color: #BA9E5C;
  flex: none;
}
#wish-flower-page #produce-movie .l-container .l-image img {
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  width: 2.66rem;
  height: 3.54rem;
}
#wish-flower-page #produce-movie .l-container .l-desc {
  font-size: 0.16rem;
  line-height: 0.28rem;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #wish-flower-page #produce-movie .l-container .l-desc {
    line-height: 0.32rem;
    width: 2.88rem;
    flex: none;
    text-align: left;
  }
}

#wish-flower-top {
  position: relative;
  padding-top: 0.23rem;
  padding-bottom: 0.67rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  #wish-flower-top {
    padding-top: 0.06rem;
    padding-bottom: 0.32rem;
  }
}
#wish-flower-top #deco1 {
  position: absolute;
  z-index: -1;
  max-width: unset;
  width: 4.05rem;
  height: 3.04rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//wishflower/top_bg1.png");
  background-size: contain;
  background-repeat: no-repeat;
  top: 0;
  left: -0.42rem;
}
@media screen and (min-width: 768px) {
  #wish-flower-top #deco1 {
    width: 7.51rem;
    height: 5.63rem;
    top: -1.34rem;
    left: -0.91rem;
  }
}
#wish-flower-top #deco2 {
  position: absolute;
  z-index: -1;
  max-width: unset;
  width: 2.77rem;
  height: 1.84rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//wishflower/top_bg2.png");
  background-size: contain;
  background-repeat: no-repeat;
  top: 0.6rem;
  right: -0.8rem;
}
@media screen and (min-width: 768px) {
  #wish-flower-top #deco2 {
    top: -0.35rem;
    right: -1.26rem;
    width: 4.44rem;
    height: 2.96rem;
  }
}
#wish-flower-top .l-heading {
  position: relative;
  z-index: 5;
  width: 100%;
  padding-top: 0.08rem;
  padding-bottom: 0.07rem;
  text-align: center;
  font-size: 0.18rem;
  line-height: 0.28rem;
  font-weight: 700;
  color: #BE6B6B;
  border-top: 0.01rem solid #BE6B6B;
  border-bottom: 0.01rem solid #BE6B6B;
  margin-bottom: 1.36rem;
}
@media screen and (min-width: 768px) {
  #wish-flower-top .l-heading {
    padding-top: 0.08rem;
    padding-bottom: 0.07rem;
    font-size: 0.16rem;
    line-height: 0.21rem;
    width: -moz-fit-content;
    width: fit-content;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    margin: auto;
    margin-bottom: 1.92rem;
  }
}
#wish-flower-top .l-catch {
  position: absolute;
  top: 0.69rem;
  left: 50%;
  transform: translateX(-50%);
  width: 3.27rem;
  height: 1.67rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
#wish-flower-top .l-catch::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: white;
  border-radius: 100%;
  filter: blur(0.29rem);
}
@media screen and (min-width: 768px) {
  #wish-flower-top .l-catch {
    top: -0.49rem;
    width: 7.91rem;
    height: 4.03rem;
  }
}
#wish-flower-top .l-catch img {
  display: block;
  width: 3.01rem;
  height: 0.53rem;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 768px) {
  #wish-flower-top .l-catch img {
    padding-bottom: 0.15rem;
    width: 6.88rem;
    height: 1.21rem;
  }
}
#wish-flower-top .l-desc {
  position: relative;
  z-index: 5;
  text-align: center;
  font-size: 0.15rem;
  line-height: 0.28rem;
  margin-bottom: 0.27rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  #wish-flower-top .l-desc {
    font-size: 0.16rem;
    line-height: 0.21rem;
    margin-bottom: 0.36rem;
  }
}
#wish-flower-top .l-desc strong {
  font-size: 0.16rem;
}
@media screen and (min-width: 768px) {
  #wish-flower-top .l-desc strong {
    font-size: inherit;
  }
}
#wish-flower-top .l-banner {
  position: relative;
  z-index: 5;
  width: 100%;
  height: 1.73rem;
  -o-object-fit: contain;
     object-fit: contain;
  margin: auto;
  margin-bottom: 0.48rem;
  display: block;
}
@media screen and (min-width: 768px) {
  #wish-flower-top .l-banner {
    margin-bottom: 0.42rem;
    width: 7.05rem;
    height: 1.5rem;
  }
}
#wish-flower-top .l-owner {
  position: relative;
  width: 100%;
  margin-bottom: 0.24rem;
}
@media screen and (min-width: 768px) {
  #wish-flower-top .l-owner {
    margin-left: auto;
    width: 6.04rem;
    margin-bottom: 0.56rem;
  }
}
#wish-flower-top .l-owner::before {
  content: "";
  position: absolute;
  top: -0.48rem;
  left: -0.17rem;
  width: 1.56rem;
  height: 1.76rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//wishflower/owner.png");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  #wish-flower-top .l-owner::before {
    width: 2.01rem;
    height: 2.26rem;
    top: -0.39rem;
    left: -0.05rem;
    transform: translateX(-100%);
  }
}
#wish-flower-top .l-owner__comment {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.05rem;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-bottom: 0.4rem;
}
@media screen and (min-width: 768px) {
  #wish-flower-top .l-owner__comment {
    align-items: flex-start;
    gap: 0.025rem;
    margin-left: unset;
    margin-bottom: 0.19rem;
  }
}
#wish-flower-top .l-owner__comment span {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 0.15rem;
  line-height: 0.19rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  #wish-flower-top .l-owner__comment span {
    font-size: 0.28rem;
    line-height: 0.36rem;
  }
}
#wish-flower-top .l-owner__comment b {
  font-size: 0.2rem;
  line-height: 0.27rem;
}
@media screen and (min-width: 768px) {
  #wish-flower-top .l-owner__comment b {
    font-size: 0.4rem;
    line-height: 0.52rem;
  }
}
#wish-flower-top .l-owner__comment strong {
  font-size: 0.2rem;
  line-height: 0.27rem;
  color: #BA9E5C;
}
@media screen and (min-width: 768px) {
  #wish-flower-top .l-owner__comment strong {
    font-size: 0.4rem;
    line-height: 0.52rem;
  }
}
#wish-flower-top .l-owner__desc {
  font-size: 0.16rem;
  line-height: 0.27rem;
  font-weight: 500;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #wish-flower-top .l-owner__desc {
    white-space: nowrap;
    text-align: left;
    line-height: 0.21rem;
  }
}
#wish-flower-top .l-direction {
  position: relative;
  font-weight: 700;
  color: #BE6B6B;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.23rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #wish-flower-top .l-direction {
    gap: 0.05rem;
  }
}
#wish-flower-top .l-direction::after {
  content: "";
  position: absolute;
  bottom: -0.14rem;
  left: 50%;
  transform: translate(-50%, 100%);
  width: 0.22rem;
  height: 0.12rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/arrow_bottom_single_brown.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  #wish-flower-top .l-direction::after {
    width: 0.28rem;
    height: 0.14rem;
  }
}
#wish-flower-top .l-direction span {
  font-size: 0.18rem;
  line-height: 0.26rem;
}
@media screen and (min-width: 768px) {
  #wish-flower-top .l-direction span {
    font-size: 0.18rem;
    line-height: 0.23rem;
  }
}
#wish-flower-top .l-direction strong {
  font-size: 0.22rem;
  line-height: 0.29rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #wish-flower-top .l-direction strong {
    font-size: 0.32rem;
    line-height: 0.42rem;
  }
}

#wish-flower-direction {
  padding-bottom: 0.69rem;
}
@media screen and (min-width: 768px) {
  #wish-flower-direction {
    padding-bottom: 0.92rem;
  }
}
#wish-flower-direction .l-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  gap: 0.45rem 0;
  margin-bottom: 0.33rem;
}
@media screen and (min-width: 768px) {
  #wish-flower-direction .l-container {
    margin-bottom: 0.54rem;
    gap: 0.1rem;
    align-items: flex-start;
    margin-bottom: 0.91rem;
  }
}
#wish-flower-direction .l-container .l-wrapper {
  text-align: center;
  font-size: 0.16rem;
  line-height: 0.25rem;
  font-weight: 700;
  color: #BE6B6B;
  padding-top: 0.33rem;
  width: 50%;
  height: 1.71rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/lacked_circle.svg");
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
@media screen and (min-width: 768px) {
  #wish-flower-direction .l-container .l-wrapper {
    width: 2.68rem;
    height: 2.19rem;
    background-size: 2.68rem 2.19rem;
    font-size: 0.23rem;
    line-height: 0.33rem;
    padding-top: 0.46rem;
  }
  #wish-flower-direction .l-container .l-wrapper:nth-of-type(1) {
    order: 1;
  }
  #wish-flower-direction .l-container .l-wrapper:nth-of-type(2) {
    order: 3;
  }
}
#wish-flower-direction .l-container .l-wrapper img {
  position: absolute;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  left: 50%;
  transform: translateX(-50%);
}
#wish-flower-direction .l-container .l-wrapper #direction-deco1 {
  width: 0.99rem;
  height: 0.73rem;
  bottom: -0.19rem;
}
@media screen and (min-width: 768px) {
  #wish-flower-direction .l-container .l-wrapper #direction-deco1 {
    bottom: -0.37rem;
    width: 2.1rem;
    height: 1.11rem;
  }
}
#wish-flower-direction .l-container .l-wrapper #direction-deco2 {
  width: 1.55rem;
  height: 1.14rem;
  bottom: -0.42rem;
}
@media screen and (min-width: 768px) {
  #wish-flower-direction .l-container .l-wrapper #direction-deco2 {
    bottom: -0.35rem;
    width: 2.06rem;
    height: 0.95rem;
  }
}
#wish-flower-direction .l-container .l-wrapper__center {
  display: flex;
  align-items: flex-end;
  gap: 0.11rem;
  flex: none;
  position: relative;
}
@media screen and (min-width: 768px) {
  #wish-flower-direction .l-container .l-wrapper__center {
    order: 2;
    margin-top: 0.4rem;
    gap: 0.1rem;
    width: 1.2rem;
  }
}
#wish-flower-direction .l-container .l-wrapper__center #person1 {
  display: block;
  width: 0.61rem;
  height: 0.82rem;
  margin-bottom: 0.31rem;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  #wish-flower-direction .l-container .l-wrapper__center #person1 {
    position: absolute;
    bottom: -0.63rem;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: unset;
  }
}
#wish-flower-direction .l-container .l-wrapper__center span {
  width: 1.66rem;
  height: 1.66rem;
  border-radius: 100%;
  background-color: rgba(237, 205, 205, 0.3);
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: #BE6B6B;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.27rem;
  padding-top: 0.13rem;
}
@media screen and (min-width: 768px) {
  #wish-flower-direction .l-container .l-wrapper__center span {
    width: 1.2rem;
    height: 1.2rem;
    padding-top: 0.14rem;
    gap: 0.06rem;
    font-size: 0.16rem;
    line-height: 0.22rem;
    font-weight: 500;
  }
}
#wish-flower-direction .l-container .l-wrapper__center span::before {
  content: "例えば…";
  padding: 0.03rem 0.06rem;
  background-color: #BE6B6B;
  font-size: 0.12rem;
  line-height: 0.16rem;
  font-weight: 700;
  color: white;
  border-radius: 0.2rem;
}
#wish-flower-direction .l-desc {
  font-size: 0.16rem;
  line-height: 0.26rem;
  font-weight: 700;
  color: #BE6B6B;
  letter-spacing: -0.08em;
  margin-bottom: 0.47rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #wish-flower-direction .l-desc {
    font-size: 0.22rem;
    line-height: 0.36rem;
  }
}
#wish-flower-direction .p-colorful-box {
  margin-bottom: 0.38rem;
}
@media screen and (min-width: 768px) {
  #wish-flower-direction .p-colorful-box {
    margin-bottom: 0.47rem;
  }
}
#wish-flower-direction .l-direction {
  position: relative;
  display: block;
  text-align: center;
  margin: auto;
  font-size: 0.16rem;
  line-height: 0.25rem;
  font-weight: 700;
  color: #937551;
}
@media screen and (min-width: 768px) {
  #wish-flower-direction .l-direction {
    font-size: 0.26rem;
    line-height: 0.42rem;
  }
}
#wish-flower-direction .l-direction strong {
  color: #BE6B6B;
}
#wish-flower-direction .l-direction::after {
  content: "";
  position: absolute;
  bottom: -0.14rem;
  left: 50%;
  transform: translate(-50%, 100%);
  width: 0.31rem;
  height: 0.27rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/arrow_bottom_double_red.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  #wish-flower-direction .l-direction::after {
    width: 0.31rem;
    height: 0.27rem;
    bottom: -0.21rem;
  }
}

#wish-flower-cases {
  padding-bottom: 1.16rem;
}
@media screen and (min-width: 768px) {
  #wish-flower-cases {
    padding-bottom: 1.56rem;
  }
}
#wish-flower-cases .c-heading--double-line {
  color: #BE6B6B;
  border-color: #BE6B6B;
  margin-bottom: 0.26rem;
}
@media screen and (min-width: 768px) {
  #wish-flower-cases .c-heading--double-line {
    margin-bottom: 0.28rem;
    padding-left: 0.08rem;
    padding-right: 0.08rem;
    width: -moz-fit-content;
    width: fit-content;
  }
}
#wish-flower-cases .l-desc {
  text-align: center;
  font-size: 0.16rem;
  line-height: 0.25rem;
  font-weight: 700;
  margin-bottom: 0.17rem;
}
@media screen and (min-width: 768px) {
  #wish-flower-cases .l-desc {
    font-size: 0.2rem;
    line-height: 0.26rem;
    margin-bottom: 0.26rem;
  }
}
#wish-flower-cases .p-works-list {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
#wish-flower-cases .p-works-list__slider {
  max-width: unset;
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  #wish-flower-cases .p-works-list__slider {
    max-width: 100%;
    width: 100%;
    left: unset;
    transform: unset;
  }
}
#wish-flower-cases .p-works-list__navigation {
  display: flex;
  bottom: 0.8rem;
  gap: 0.37rem;
}
@media screen and (min-width: 768px) {
  #wish-flower-cases .p-works-list__navigation {
    gap: 0.58rem;
    bottom: 1.1rem;
  }
}
#wish-flower-cases .p-works-list__navigation--prev {
  width: 0.08rem;
  height: 0.16rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/arrow_right_thin.svg");
}
@media screen and (min-width: 768px) {
  #wish-flower-cases .p-works-list__navigation--prev {
    width: 0.15rem;
    height: 0.3rem;
  }
}
#wish-flower-cases .p-works-list__navigation--next {
  width: 0.08rem;
  height: 0.16rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/arrow_right_thin.svg");
}
@media screen and (min-width: 768px) {
  #wish-flower-cases .p-works-list__navigation--next {
    width: 0.15rem;
    height: 0.3rem;
  }
}
#wish-flower-cases .p-creation-works__wrapper {
  --color: 190, 107, 107;
  --line1: 190, 107, 107;
  --line2: 190, 107, 107;
  --bg-color: 246, 240, 240;
}

#wish-flower-faq {
  padding-bottom: 0.84rem;
}
@media screen and (min-width: 768px) {
  #wish-flower-faq {
    padding-bottom: 0.78rem;
    width: 6.9rem;
    margin: auto;
  }
}
#wish-flower-faq .p-faq2 {
  margin-bottom: 0.48rem;
  --color: #BE6B6B;
}
@media screen and (min-width: 768px) {
  #wish-flower-faq .p-faq2 {
    margin-bottom: 0.92rem;
  }
}
#wish-flower-faq .p-faq2__title {
  display: flex;
  align-items: center;
  border-width: 0.02rem;
}
@media screen and (min-width: 768px) {
  #wish-flower-faq .p-faq2__title {
    align-items: baseline;
    border-width: 0.04rem;
  }
}
#wish-flower-faq .p-faq2__title span {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 768px) {
  #wish-flower-faq .p-faq2__title span {
    font-size: 0.24rem;
    line-height: 0.42rem;
  }
}
#wish-flower-faq .p-faq2__title strong {
  font-size: inherit;
  line-height: inherit;
}
@media screen and (min-width: 768px) {
  #wish-flower-faq .p-faq2__title strong {
    font-size: 0.32rem;
    line-height: 0.42rem;
  }
}
#wish-flower-faq .p-faq2__faq {
  gap: 0.2rem;
}
@media screen and (min-width: 768px) {
  #wish-flower-faq .p-faq2__faq {
    gap: 0.75rem;
  }
}
#wish-flower-faq .p-faq2__faq--item {
  padding-bottom: 0.2rem;
  border-bottom: 0.01rem solid #6C5D48;
}
@media screen and (min-width: 768px) {
  #wish-flower-faq .p-faq2__faq--item {
    gap: 0.15rem;
    border-bottom: unset;
    padding-top: unset;
    padding-bottom: unset;
  }
}
#wish-flower-faq .l-container {
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  #wish-flower-faq .l-container {
    margin-bottom: 0.77rem;
  }
}
#wish-flower-faq .l-container h3 {
  font-size: 0.18rem;
  line-height: 0.23rem;
  margin-bottom: 0.47rem;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #wish-flower-faq .l-container h3 {
    font-size: 0.2rem;
    line-height: 0.26rem;
    margin-bottom: 0.45rem;
  }
}
#wish-flower-faq .l-container img {
  display: block;
  width: 100%;
  height: 3.73rem;
  -o-object-fit: contain;
     object-fit: contain;
  margin: auto;
}
@media screen and (min-width: 768px) {
  #wish-flower-faq .l-container img {
    width: 4.6rem;
    height: 4.43rem;
  }
}
#wish-flower-faq .l-direction {
  position: relative;
  display: block;
  text-align: center;
  margin: auto;
  font-size: 0.22rem;
  line-height: 0.32rem;
  font-weight: 700;
  color: #937551;
}
@media screen and (min-width: 768px) {
  #wish-flower-faq .l-direction {
    font-size: 0.22rem;
    line-height: 0.29rem;
  }
}
#wish-flower-faq .l-direction::after {
  content: "";
  position: absolute;
  bottom: -0.3rem;
  left: 50%;
  transform: translate(-50%, 100%);
  width: 0.31rem;
  height: 0.27rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/arrow_bottom_double_beige.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  #wish-flower-faq .l-direction::after {
    width: 0.31rem;
    height: 0.27rem;
    bottom: -0.25rem;
  }
}

#wish-flower-flow {
  padding-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  #wish-flower-flow {
    padding-bottom: 1.06rem;
  }
}
#wish-flower-flow .c-heading--pen {
  margin-bottom: 0.3rem;
}
@media screen and (min-width: 768px) {
  #wish-flower-flow .c-heading--pen {
    margin-bottom: 0.62rem;
  }
}
#wish-flower-flow .l-flow {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  align-items: center;
  margin-bottom: 0.28rem;
}
@media screen and (min-width: 768px) {
  #wish-flower-flow .l-flow {
    margin-bottom: 0.41rem;
  }
}
#wish-flower-flow .l-flow img {
  display: block;
  width: 3.14rem;
  height: 3.14rem;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 768px) {
  #wish-flower-flow .l-flow img {
    width: 7.2rem;
    height: 2.21rem;
  }
}
#wish-flower-flow .l-desc {
  text-align: center;
  font-size: 0.16rem;
  line-height: 0.24rem;
  font-weight: 700;
  color: #777BB6;
}
@media screen and (min-width: 768px) {
  #wish-flower-flow .l-desc {
    font-size: 0.22rem;
    line-height: 0.29rem;
  }
}

#wish-flower-merit {
  padding-bottom: 0.49rem;
}
@media screen and (min-width: 768px) {
  #wish-flower-merit {
    padding-bottom: 0.98rem;
  }
}
#wish-flower-merit .c-heading--square {
  margin-bottom: 0.3rem;
}
@media screen and (min-width: 768px) {
  #wish-flower-merit .c-heading--square {
    margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 768px) {
  #wish-flower-merit .p-bullet {
    gap: 0.76rem;
  }
}
@media screen and (min-width: 768px) {
  #wish-flower-merit .p-bullet__subject {
    margin-bottom: 0.25rem;
  }
}
@media screen and (min-width: 768px) {
  #wish-flower-merit .p-bullet #merit2 .p-bullet__content:nth-of-type(1) {
    width: 2.85rem;
  }
}
@media screen and (min-width: 768px) {
  #wish-flower-merit .p-bullet #merit2 .p-bullet__content--image {
    width: 3.84rem;
  }
}
@media screen and (min-width: 768px) {
  #wish-flower-merit .p-bullet #merit3 .p-bullet__simple {
    padding-right: 2.26rem;
  }
}
#wish-flower-merit .p-bullet #merit-img1 {
  width: 3rem;
  height: 1.74rem;
}
@media screen and (min-width: 768px) {
  #wish-flower-merit .p-bullet #merit-img1 {
    width: 2.75rem;
    height: 1.6rem;
  }
}
#wish-flower-merit .p-bullet #merit-img2 {
  width: 2.9rem;
  height: 1.74rem;
}
@media screen and (min-width: 768px) {
  #wish-flower-merit .p-bullet #merit-img2 {
    width: 3.84rem;
    height: 2.06rem;
    max-width: unset;
  }
}
#wish-flower-merit .p-bullet #merit-img3 {
  width: 3rem;
  height: 2rem;
}
@media screen and (min-width: 768px) {
  #wish-flower-merit .p-bullet #merit-img3 {
    width: 2.8rem;
    height: 1.85rem;
  }
}

#purchase-flow {
  padding-top: 0.23rem;
  padding-bottom: 1rem;
}
@media screen and (min-width: 768px) {
  #purchase-flow {
    padding-top: 0.56rem;
    padding-bottom: 1.5rem;
  }
}
#purchase-flow .c-heading--double-line--brown {
  color: #6C5D48;
  font-size: 0.12rem;
  line-height: 0.16rem;
  min-height: 0.22rem;
  margin-bottom: 0.3rem;
}
@media screen and (min-width: 768px) {
  #purchase-flow .c-heading--double-line--brown {
    font-size: 0.32rem;
    line-height: 0.42rem;
    height: 0.5rem;
    margin-bottom: 0.32rem;
  }
}
#purchase-flow .p-flow {
  margin-bottom: 0.68rem;
}
@media screen and (min-width: 768px) {
  #purchase-flow .p-flow {
    margin-bottom: 0.57rem;
  }
}
#purchase-flow .p-caution {
  margin-bottom: 1rem;
}
@media screen and (min-width: 768px) {
  #purchase-flow .p-caution {
    margin-bottom: 1.5rem;
  }
}
#purchase-flow .c-btn--square {
  margin: auto;
  width: 2.96rem;
  height: 0.74rem;
}
@media screen and (min-width: 768px) {
  #purchase-flow .c-btn--square {
    width: 4rem;
    height: 1rem;
  }
}

/* LP */
#lp-page {
  width: 100%;
  margin-top: -0.71rem;
}
@media screen and (min-width: 768px) {
  #lp-page {
    margin-top: -0.32rem;
  }
}
#lp-page .p-side-menu__parent {
  display: none;
}
#lp-page::before {
  content: unset;
}
#lp-page main {
  width: 100%;
  overflow: initial;
}

#lp-fv {
  width: 100%;
  padding-top: 0.5rem;
  position: relative;
  overflow-x: hidden;
}
@media screen and (min-width: 768px) {
  #lp-fv {
    padding-top: 0.3rem;
  }
}
#lp-fv::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 6.26rem;
  height: 9rem;
  background: linear-gradient(to bottom, transparent 0%, transparent 5.03rem, white 7.55rem, white 100%), url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/flowerstand/fv_bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}
@media screen and (min-width: 768px) {
  #lp-fv::before {
    background: linear-gradient(to bottom, transparent 0%, transparent 5.33rem, white 7.5rem, white 100%), url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/flowerstand/fv_bg.jpg");
    background-size: 100% 100%;
  }
}
#lp-fv #deco1 {
  position: absolute;
  z-index: 1;
  top: 0.95rem;
  left: -1.42rem;
  width: 2.65rem;
  height: 4.96rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/flowerstand/fv_flower1.png");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  #lp-fv #deco1 {
    width: 4.08rem;
    height: 10.69rem;
    top: 0.18rem;
    left: unset;
    right: calc(50% + 3.33rem);
    background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/flowerstand/fv_flower1_pc.png");
  }
}
#lp-fv #deco2 {
  position: absolute;
  z-index: 1;
  top: 0.43rem;
  right: -0.93rem;
  width: 2.51rem;
  height: 5.73rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/flowerstand/fv_flower2.png");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  #lp-fv #deco2 {
    width: 4.9rem;
    height: 10.85rem;
    right: unset;
    left: calc(50% + 3.06rem);
    background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/flowerstand/fv_flower2_pc.png");
  }
}
#lp-fv #deco3 {
  position: absolute;
  z-index: 1;
  top: 2.15rem;
  right: 0.09rem;
  width: 3.23rem;
  height: 2.19rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/flowerstand/fv_center.png");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  #lp-fv #deco3 {
    width: 7.78rem;
    height: 5.27rem;
    top: 1.67rem;
    left: 50%;
    transform: translateX(-50%);
  }
}
#lp-fv .l-title {
  width: 3.1rem;
  height: 2.17rem;
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin: auto;
  margin-bottom: 1.37rem;
}
@media screen and (min-width: 768px) {
  #lp-fv .l-title {
    width: 7.99rem;
    height: 2.4rem;
    margin-bottom: 2.87rem;
  }
}
#lp-fv .l-title img {
  display: block;
  width: 100%;
  height: 100%;
}
#lp-fv .l-title span {
  display: none;
}
#lp-fv .l-catch {
  position: relative;
  z-index: 2;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.18rem;
  line-height: 0.34rem;
  font-weight: 700;
  letter-spacing: 0;
  text-align: center;
  text-shadow: 0 0 0.05rem white, 0 0 0.05rem white, 0 0 0.05rem white, 0 0 0.05rem white, 0 0 0.05rem white, 0 0 0.1rem white, 0 0 0.1rem white, 0 0 0.1rem white, 0 0 0.1rem white, 0 0 0.1rem white, 0 0 0.15rem white, 0 0 0.15rem white, 0 0 0.15rem white, 0 0 0.15rem white, 0 0 0.15rem white, 0 0 0.2rem white, 0 0 0.2rem white, 0 0 0.2rem white, 0 0 0.2rem white, 0 0 0.2rem white, 0 0 0.25rem white, 0 0 0.25rem white, 0 0 0.25rem white, 0 0 0.25rem white, 0 0 0.25rem white, 0 0 0.3rem white, 0 0 0.3rem white, 0 0 0.3rem white, 0 0 0.3rem white, 0 0 0.3rem white;
  margin-bottom: 0.3rem;
}
@media screen and (min-width: 768px) {
  #lp-fv .l-catch {
    font-size: 0.34rem;
    line-height: 0.56rem;
    margin-bottom: 0.32rem;
  }
}
#lp-fv .l-container {
  position: relative;
  z-index: 2;
  border-radius: 0.125rem;
  background-color: white;
  text-align: center;
  width: 3.35rem;
  margin: auto;
  padding-top: 0.05rem;
  margin-bottom: 0.38rem;
}
@media screen and (min-width: 768px) {
  #lp-fv .l-container {
    width: 7.88rem;
    padding-top: 0.075rem;
    margin-bottom: 1.02rem;
    border-radius: 0.3rem;
  }
}
#lp-fv .l-container strong {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 0.2rem;
  line-height: 0.34rem;
  font-weight: 600;
  letter-spacing: 0;
  margin-bottom: 0.04rem;
  color: #BA9E5C;
  display: block;
}
@media screen and (min-width: 768px) {
  #lp-fv .l-container strong {
    font-size: 0.3rem;
    line-height: 0.52rem;
    margin-bottom: 0.38rem;
  }
}
#lp-fv .l-container p {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.16rem;
  line-height: 0.32rem;
  font-weight: 600;
  letter-spacing: 0;
  color: #707070;
}
@media screen and (min-width: 768px) {
  #lp-fv .l-container p {
    font-size: 0.18rem;
    line-height: 0.46rem;
  }
}
#lp-fv .l-container .l-heading {
  display: flex;
  flex-direction: column;
  gap: 0.14rem;
  align-items: center;
  margin-bottom: 0.17rem;
}
@media screen and (min-width: 768px) {
  #lp-fv .l-container .l-heading {
    margin-bottom: 0.43rem;
  }
}
#lp-fv .l-container .l-heading::after {
  content: "";
  width: 1.74rem;
  height: 0.0649rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/flowerstand/fv_arrows.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  #lp-fv .l-container .l-heading::after {
    background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/flowerstand/fv_arrows_pc.svg");
    width: 3.79rem;
    height: 0.1rem;
  }
}
#lp-fv .l-container .l-heading p {
  font-family: "Marcellus", serif;
  font-size: 0.2rem;
  line-height: 0.27rem;
  font-weight: 400;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  #lp-fv .l-container .l-heading p {
    font-size: 0.32rem;
    line-height: 0.43rem;
    letter-spacing: 0.25em;
    gap: 0.26rem;
  }
}
#lp-fv .l-container .l-heading--green {
  color: #7FCCC1;
}
#lp-fv .l-container .l-heading--sumire {
  color: #DDC8E2;
}
#lp-fv .l-container .l-heading--pink {
  color: #F0A6B3;
}
#lp-fv .l-container .l-heading--mint {
  color: #E2F45C;
}
#lp-fv .l-container .l-heading--blue {
  color: #B0E1E5;
}
#lp-fv .l-container .l-heading--purple {
  color: #CF91D3;
}
#lp-fv .l-container .l-heading--yellow {
  color: #F8E161;
}

#lp-items {
  position: relative;
  z-index: 2;
  padding-top: 0.5rem;
  padding-bottom: 0.41rem;
}
@media screen and (min-width: 768px) {
  #lp-items {
    padding-top: 0.77rem;
    padding-bottom: 1.07rem;
  }
}
#lp-items .l-container {
  display: flex;
  flex-direction: column;
  gap: 0.86rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #lp-items .l-container {
    width: 12.8rem;
    margin: auto;
    flex-direction: row;
    justify-content: space-between;
  }
}
#lp-items .l-catch {
  display: block;
}
#lp-items .l-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 3rem;
  position: relative;
  color: white;
}
@media screen and (min-width: 768px) {
  #lp-items .l-wrapper {
    width: 5.9rem;
    height: 3rem;
  }
}
#lp-items .l-wrapper p {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.16rem;
  line-height: 0.28rem;
  font-weight: 700;
  letter-spacing: 0;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  #lp-items .l-wrapper p {
    font-size: 0.2rem;
    line-height: 0.36rem;
  }
}
#lp-items .l-wrapper h2 {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 0.38rem;
  line-height: 0.46rem;
  font-weight: 600;
  letter-spacing: -0.05em;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  #lp-items .l-wrapper h2 {
    font-size: 0.5rem;
    line-height: 0.52rem;
  }
}
@media screen and (min-width: 768px) {
  #lp-items #item-content2 {
    position: relative;
    top: 0.87rem;
  }
}
#lp-items #item-desc1 {
  padding: 0.37rem 0.2rem 0.35rem;
  background-color: #B0E1E5;
}
@media screen and (min-width: 768px) {
  #lp-items #item-desc1 {
    padding: 0.43rem 0.7rem 0.33rem;
    gap: 0.06rem;
  }
}
#lp-items #item-desc2 {
  padding: 0.37rem 0.2rem 0.35rem;
  background-color: #DDC8E2;
  text-align: right;
}
@media screen and (min-width: 768px) {
  #lp-items #item-desc2 {
    padding: 0.5rem 0.8rem 0.57rem;
    gap: 0.21rem;
  }
}
#lp-items #item-catch1 {
  display: block;
  margin-left: 0.2rem;
  width: 2.77rem;
  height: 0.81rem;
  margin-bottom: 0.2rem;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 768px) {
  #lp-items #item-catch1 {
    width: 4.08rem;
    height: 1.2rem;
    margin-bottom: 0.24rem;
  }
}
#lp-items #item-catch2 {
  display: block;
  margin-left: 0.2rem;
  width: 2.52rem;
  height: 0.38rem;
  margin-bottom: 0.2rem;
  margin-left: auto;
  margin-right: 0.14rem;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 768px) {
  #lp-items #item-catch2 {
    width: 2rem;
    height: 1.21rem;
    margin-right: 0.55rem;
    margin-bottom: 0.3rem;
  }
}
#lp-items #item-image1 {
  width: 2.12rem;
  height: 3.65rem;
  position: absolute;
  right: 0;
  bottom: -0.86rem;
}
@media screen and (min-width: 768px) {
  #lp-items #item-image1 {
    width: 3.37rem;
    height: 5.79rem;
    right: -0.77rem;
    bottom: -2.05rem;
  }
}
#lp-items #item-image2 {
  width: 2.24rem;
  height: 4rem;
  position: absolute;
  left: 0;
  bottom: -0.61rem;
}
@media screen and (min-width: 768px) {
  #lp-items #item-image2 {
    width: 3.7rem;
    height: 6.6rem;
    left: -0.4rem;
    bottom: -0.41rem;
  }
}

#lp-detail {
  position: relative;
  width: 100%;
  padding-top: 0.45rem;
}
@media screen and (min-width: 768px) {
  #lp-detail {
    padding-top: 0.77rem;
  }
}
#lp-detail::before {
  content: "";
  width: 100%;
  height: 6.88rem;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/flowerstand/detail_bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
}
@media screen and (min-width: 768px) {
  #lp-detail::before {
    background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/flowerstand/detail_bg_pc.png");
    height: 183.472vw;
  }
}
#lp-detail .l-top {
  width: 100%;
  height: 1.34rem;
  display: block;
  margin: auto;
  margin-bottom: 0.3rem;
}
@media screen and (min-width: 768px) {
  #lp-detail .l-top {
    margin-bottom: -0.1rem;
    width: 9.22rem;
    height: 2.06rem;
  }
}
#lp-detail .l-top img {
  display: block;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768px) {
  #lp-detail .l-parent {
    width: 12.8rem;
    margin: auto;
  }
}
#lp-detail .l-container {
  position: relative;
  width: 100%;
  padding-left: 0.2rem;
}
@media screen and (min-width: 768px) {
  #lp-detail .l-container {
    width: 6.4rem;
    padding-left: 0.8rem;
  }
}
#lp-detail .l-container__subtitle {
  display: flex;
  align-items: center;
  color: #BA9E5C;
  margin-bottom: 0.14rem;
  gap: 0.1rem;
}
@media screen and (min-width: 768px) {
  #lp-detail .l-container__subtitle {
    gap: 0.26rem;
    margin-bottom: -0.13rem;
  }
}
#lp-detail .l-container__subtitle strong {
  font-family: "Marcellus", serif;
  font-size: 0.42rem;
  line-height: 0.56rem;
  font-weight: 400;
  letter-spacing: 0;
  flex: none;
}
@media screen and (min-width: 768px) {
  #lp-detail .l-container__subtitle strong {
    font-size: 0.6rem;
    line-height: 0.8rem;
  }
}
#lp-detail .l-container__subtitle small {
  flex-grow: 1;
  display: block;
  padding-left: 0.16rem;
  padding-top: 0.025rem;
  padding-bottom: 0.035rem;
  background-color: #FFF8DB;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.16rem;
  line-height: 0.23rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-top: 0.04rem;
}
@media screen and (min-width: 768px) {
  #lp-detail .l-container__subtitle small {
    width: 3.77rem;
    height: 0.38rem;
    padding-left: 0.16rem;
    display: flex;
    align-items: center;
    margin-bottom: 0.1rem;
    flex-grow: unset;
  }
}
#lp-detail .l-container__content {
  padding-left: 0.1rem;
}
@media screen and (min-width: 768px) {
  #lp-detail .l-container__content {
    padding-left: 0.9rem;
  }
}
#lp-detail .l-container__content h3 {
  color: #6C5D48;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 0.3rem;
  line-height: 0.36rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  display: block;
}
@media screen and (min-width: 768px) {
  #lp-detail .l-container__content h3 {
    font-size: 0.46rem;
    line-height: 0.58rem;
  }
}
#lp-detail .l-container__content p {
  color: #707070;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.14rem;
  line-height: 0.23rem;
  font-weight: 500;
  letter-spacing: 0;
  margin-top: 0.08rem;
}
@media screen and (min-width: 768px) {
  #lp-detail .l-container__content p {
    margin-top: 0.21rem;
    line-height: 0.18rem;
    line-height: 0.34rem;
  }
}
#lp-detail .l-container__content img {
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
#lp-detail .l-box {
  width: 3.35rem;
  margin: auto;
  padding: 0.09rem 0.13rem 0.25rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/flowerstand/detail_option_bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  margin-bottom: 0.6rem;
}
@media screen and (min-width: 768px) {
  #lp-detail .l-box {
    width: 100%;
    padding: 0.29rem 0.8rem 0.1rem;
  }
}
#lp-detail .l-box::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -0.54rem;
  width: 1.86rem;
  height: 3.49rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/flowerstand/detail_option.png");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  #lp-detail .l-box::after {
    background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/flowerstand/detail_option_pc.png");
    width: 6.28rem;
    height: 6.51rem;
    bottom: -2.14rem;
  }
}
#lp-detail .l-box__heading {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 0.28rem;
  line-height: 0.37rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  display: flex;
  margin-bottom: 0.12rem;
}
@media screen and (min-width: 768px) {
  #lp-detail .l-box__heading {
    font-size: 0.42rem;
    line-height: 0.56rem;
    margin-bottom: 0.14rem;
  }
}
#lp-detail .l-box__heading::before {
  content: "★";
  color: #BA9E5C;
}
#lp-detail .l-box__container {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  #lp-detail .l-box__container {
    justify-content: flex-start;
    gap: 0.11rem;
  }
}
#lp-detail .l-box__container #detail-option1 {
  width: 1.11rem;
  height: 1.48rem;
  margin-top: 0.07rem;
  margin-bottom: 0.03rem;
  margin-left: 0.1rem;
}
@media screen and (min-width: 768px) {
  #lp-detail .l-box__container #detail-option1 {
    width: 1.33rem;
    height: 1.78rem;
    margin-top: 0.09rem;
    margin-left: 0.12rem;
    margin-bottom: 0.06rem;
  }
}
#lp-detail .l-box__container #detail-option2 {
  width: 1.33rem;
  height: 1.42rem;
  margin-top: 0.08rem;
  margin-bottom: 0.08rem;
}
@media screen and (min-width: 768px) {
  #lp-detail .l-box__container #detail-option2 {
    width: 1.6rem;
    height: 1.71rem;
    margin-top: 0.1rem;
    margin-bottom: 0.12rem;
  }
}
#lp-detail .l-box__container #detail-option3 {
  width: 1.09rem;
  height: 1.23rem;
  border-radius: 0.1rem;
  margin-top: 0.15rem;
  margin-bottom: 0.17rem;
}
@media screen and (min-width: 768px) {
  #lp-detail .l-box__container #detail-option3 {
    width: 1.31rem;
    height: 1.48rem;
    margin-top: 0.18rem;
    margin-bottom: 0.26rem;
  }
}
#lp-detail .l-box__wrapper {
  flex: none;
  border-radius: 0.1rem;
  width: 1.5rem;
  height: 2.45rem;
  background: linear-gradient(to bottom, white 0%, transparent 100%);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #lp-detail .l-box__wrapper {
    width: 1.8rem;
    height: 2.95rem;
  }
}
#lp-detail .l-box__text {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#lp-detail .l-box__text small {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 0.14rem;
  line-height: 0.19rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  color: #BA9E5C;
}
#lp-detail .l-box__text strong {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 0.25rem;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 0.16rem;
  line-height: 0.21rem;
  font-weight: 600;
  letter-spacing: 0;
  color: white;
  background-color: #BA9E5C;
}
@media screen and (min-width: 768px) {
  #lp-detail .l-box__text strong {
    width: 1.5rem;
    height: 0.3rem;
    font-size: 0.2rem;
    line-height: 0.27rem;
  }
}
#lp-detail .l-box__caption {
  margin-top: 0.04rem;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.12rem;
  line-height: 0.18rem;
  font-weight: 500;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  #lp-detail .l-box__caption {
    font-size: 0.14rem;
    line-height: 0.18rem;
  }
}
@media screen and (min-width: 768px) {
  #lp-detail #detail-content1 {
    margin-bottom: 0.63rem;
  }
}
@media screen and (min-width: 768px) {
  #lp-detail #detail-content3 {
    padding-left: unset;
    margin-top: 1.7rem;
    height: -moz-fit-content;
    height: fit-content;
  }
}
#lp-detail #detail-image1 {
  width: 3.35rem;
  height: 1.61rem;
  margin-top: 0.13rem;
  margin-bottom: 0.3rem;
}
@media screen and (min-width: 768px) {
  #lp-detail #detail-image1 {
    width: 5.62rem;
    height: 2.7rem;
    position: absolute;
    top: 0.12rem;
    right: 0;
    transform: translateX(100%);
  }
}
#lp-detail #detail-image2 {
  width: 3.35rem;
  height: 2.27rem;
  margin-top: 0.16rem;
}
@media screen and (min-width: 768px) {
  #lp-detail #detail-image2 {
    width: 4.96rem;
    height: 3.36rem;
    margin-top: 0.24rem;
  }
}
#lp-detail #detail-image3 {
  width: 1.28rem;
  height: 2.26rem;
  position: absolute;
  right: 0.3rem;
  bottom: -0.91rem;
}
@media screen and (min-width: 768px) {
  #lp-detail #detail-image3 {
    width: 2.15rem;
    height: 3.8rem;
    right: 0.33rem;
    bottom: -0.91rem;
  }
}
#lp-detail .l-2column {
  display: flex;
  flex-direction: column;
  gap: 0.54rem;
  margin-bottom: 1.14rem;
}
@media screen and (min-width: 768px) {
  #lp-detail .l-2column {
    margin-bottom: 0.98rem;
    flex-direction: row;
    gap: unset;
  }
}
#lp-detail .l-customer {
  position: relative;
  width: 3.05rem;
  margin: auto;
  padding-top: 0.3rem;
  padding-bottom: 0.29rem;
  text-align: center;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.18rem;
  line-height: 0.32rem;
  font-weight: 700;
  letter-spacing: 0;
  color: #6C5D48;
  margin-bottom: 0.38rem;
  text-shadow: 0 0 0.05rem white, 0 0 0.06rem white, 0 0 0.07rem white, 0 0 0.08rem white, 0 0 0.09rem white, 0 0 0.1rem white, 0 0 0.11rem white, 0 0 0.12rem white, 0 0 0.13rem white, 0 0 0.14rem white, 0 0 0.15rem white, 0 0 0.16rem white;
}
@media screen and (min-width: 768px) {
  #lp-detail .l-customer {
    font-size: 0.22rem;
    line-height: 0.38rem;
    margin-bottom: 0.51rem;
    letter-spacing: 0.05em;
    padding-top: 0.26rem;
    padding-bottom: 0.19rem;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  #lp-detail .l-customer p {
    width: 10.2rem;
    margin: auto;
  }
}
#lp-detail .l-customer::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 3.75rem;
  height: 4.77rem;
  left: 50%;
  top: -1.14rem;
  transform: translateX(-50%);
  background: linear-gradient(to bottom, white 0%, white 0.5rem, transparent 1.1rem, transparent 100%), url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/flowerstand/detail_bottom_bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}
@media screen and (min-width: 768px) {
  #lp-detail .l-customer::before {
    width: 100%;
    height: 74.653vw;
    top: -2.8rem;
    background: linear-gradient(to bottom, white 0%, white 1.1rem, transparent 2.2rem, transparent 70%, white 85%, white 100%), url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/flowerstand/detail_bottom_bg.png");
    background-position: top center;
  }
}
#lp-detail .l-customer__top {
  width: 100%;
  height: 0.01rem;
  background-color: #BA9E5C;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 0 0.05rem white, 0 0 0.06rem white, 0 0 0.07rem white, 0 0 0.08rem white, 0 0 0.09rem white, 0 0 0.1rem white;
}
@media screen and (min-width: 768px) {
  #lp-detail .l-customer__top {
    width: 10.2rem;
    left: 50%;
    transform: translateX(-50%);
  }
}
#lp-detail .l-customer__bottom {
  width: 100%;
  height: 0.01rem;
  background-color: #BA9E5C;
  position: absolute;
  bottom: 0;
  left: 0;
  box-shadow: 0 0 0.05rem white, 0 0 0.06rem white, 0 0 0.07rem white, 0 0 0.08rem white, 0 0 0.09rem white, 0 0 0.1rem white;
}
@media screen and (min-width: 768px) {
  #lp-detail .l-customer__bottom {
    width: 10.2rem;
    left: 50%;
    transform: translateX(-50%);
  }
}
#lp-detail .l-strong {
  display: block;
  margin: auto;
  text-align: center;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 0.32rem;
  line-height: 0.45rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  margin-bottom: 0.35rem;
  text-shadow: 0 0 0.05rem white, 0 0 0.06rem white, 0 0 0.07rem white, 0 0 0.08rem white, 0 0 0.09rem white, 0 0 0.1rem white;
}
@media screen and (min-width: 768px) {
  #lp-detail .l-strong {
    font-size: 0.38rem;
    line-height: 0.51rem;
    margin-bottom: 0.59rem;
  }
}
#lp-detail .l-slider {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
#lp-detail .l-slider .swiper-wrapper {
  padding-left: 0.2rem;
}
@media screen and (min-width: 768px) {
  #lp-detail .l-slider .swiper-wrapper {
    padding-left: 0.3rem;
    transition-timing-function: linear;
  }
}
#lp-detail .l-slider .swiper-slide {
  width: 1.4rem;
  height: -moz-fit-content;
  height: fit-content;
  flex: none;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
  opacity: 1;
}
@media screen and (min-width: 768px) {
  #lp-detail .l-slider .swiper-slide {
    width: 2.4rem;
  }
}
#lp-detail .l-slider .swiper-slide-large {
  width: 2.1rem;
}
@media screen and (min-width: 768px) {
  #lp-detail .l-slider .swiper-slide-large {
    width: 3.47rem;
  }
}
#lp-detail .l-slider .swiper-slide::after {
  content: none;
}
#lp-detail .l-slider .swiper-slide img {
  display: block;
  width: 100%;
  height: 1.75rem;
  margin-bottom: 0.1rem;
}
@media screen and (min-width: 768px) {
  #lp-detail .l-slider .swiper-slide img {
    width: 100%;
    height: 3.5rem;
    margin-bottom: 0.08rem;
  }
}
#lp-detail .l-slider .swiper-slide p {
  font-size: 0.16rem;
  line-height: 0.22rem;
  font-weight: 500;
  display: block;
  margin-bottom: 0.11rem;
}
@media screen and (min-width: 768px) {
  #lp-detail .l-slider .swiper-slide p {
    font-size: 0.18rem;
    line-height: 0.26rem;
    margin-bottom: 0.05rem;
  }
}
#lp-detail .l-slider .swiper-slide small {
  font-size: 0.14rem;
  line-height: 0.19rem;
  letter-spacing: 0.1em;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  #lp-detail .l-slider .swiper-slide small {
    font-size: 0.15rem;
    line-height: 0.2rem;
  }
}

#lp-faq {
  position: relative;
  overflow-x: hidden;
  padding-top: 0.76rem;
}
@media screen and (min-width: 768px) {
  #lp-faq {
    padding-top: 1.39rem;
  }
}
@media screen and (min-width: 768px) {
  #lp-faq::before {
    content: "";
    position: absolute;
    top: 2.18rem;
    left: -2.2rem;
    width: 4.8rem;
    height: 3.86rem;
    background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/flowerstand/faq_deco.png");
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: 10;
  }
}
@media screen and (min-width: 768px) {
  #lp-faq::after {
    content: "";
    position: absolute;
    top: 1.94rem;
    right: -2.55rem;
    width: 4.8rem;
    height: 3.86rem;
    background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/flowerstand/faq_deco.png");
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: 10;
  }
}
#lp-faq .l-faq {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/flowerstand/faq_bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #lp-faq .l-faq {
    padding-top: 0.76rem;
    padding-bottom: 1.62rem;
  }
}
#lp-faq .l-faq__bg {
  position: absolute;
  width: 100%;
  height: calc(100% - 0.31rem - 0.12rem);
  top: 0.31rem;
  left: 0;
  background-color: white;
}
@media screen and (min-width: 768px) {
  #lp-faq .l-faq__bg {
    top: 1.07rem;
    height: calc(100% - 1.07rem - 0.39rem);
  }
}
#lp-faq .l-faq__bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0.02rem;
  height: 100%;
  border-left: 0.015rem solid #BA9E5C;
  border-right: 0.015rem solid #BA9E5C;
}
@media screen and (min-width: 768px) {
  #lp-faq .l-faq__bg::before {
    width: 0.09rem;
  }
}
#lp-faq .l-faq__bg::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0.02rem;
  height: 100%;
  border-left: 0.015rem solid #BA9E5C;
  border-right: 0.015rem solid #BA9E5C;
}
@media screen and (min-width: 768px) {
  #lp-faq .l-faq__bg::after {
    width: 0.09rem;
  }
}
#lp-faq .l-faq__container {
  position: relative;
  margin: auto;
  z-index: 3;
  width: 3.33rem;
  padding: 0.3rem 0.19rem 0.28rem;
}
@media screen and (min-width: 768px) {
  #lp-faq .l-faq__container {
    width: 11.2rem;
    padding-top: 0.32rem;
    padding-bottom: 0.73rem;
  }
}
#lp-faq .l-faq__container::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 3.33rem;
  height: 0.32rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/flowerstand/faq_top.png");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
@media screen and (min-width: 768px) {
  #lp-faq .l-faq__container::before {
    width: 100%;
    height: 1.08rem;
    background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/flowerstand/faq_top_pc.png");
  }
}
#lp-faq .l-faq__container::after {
  content: "";
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
  width: 3.33rem;
  height: 0.13rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/flowerstand/faq_bottom.png");
  background-size: contain;
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
@media screen and (min-width: 768px) {
  #lp-faq .l-faq__container::after {
    width: 100%;
    height: 0.4rem;
    background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/flowerstand/faq_bottom_pc.png");
  }
}
#lp-faq .l-faq__wrapper {
  position: relative;
  margin: auto;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  #lp-faq .l-faq__content {
    width: 7.94rem;
    margin: auto;
  }
}
#lp-faq .l-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 768px) {
  #lp-faq .l-heading {
    gap: 0.2rem;
  }
}
#lp-faq .l-heading strong {
  font-family: "Marcellus", serif;
  font-size: 0.32rem;
  line-height: 0.43rem;
  font-weight: 400;
  letter-spacing: 0;
  color: #BA9E5C;
}
@media screen and (min-width: 768px) {
  #lp-faq .l-heading strong {
    font-size: 0.4rem;
    line-height: 0.53rem;
  }
}
#lp-faq .l-heading span {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.15rem;
  line-height: 0.2rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: #393632;
  margin-bottom: 0.23rem;
}
@media screen and (min-width: 768px) {
  #lp-faq .l-heading span {
    font-size: 0.17rem;
    line-height: 0.22rem;
  }
}
#lp-faq .l-button {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  align-items: center;
  margin-top: 0.22rem;
}
@media screen and (min-width: 768px) {
  #lp-faq .l-button {
    gap: 0.2rem;
    flex-direction: row;
    justify-content: center;
    margin-top: 0.5rem;
  }
}
#lp-faq .l-button a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.16rem;
  height: 0.4rem;
  border: 0.015rem solid #BA9E5C;
  font-family: "Marcellus", serif;
  font-size: 0.14rem;
  line-height: 0.19rem;
  font-weight: 400;
  letter-spacing: 0;
  color: #BA9E5C;
  position: relative;
}
@media screen and (min-width: 768px) {
  #lp-faq .l-button a {
    width: 3.2rem;
    height: 0.6rem;
    font-size: 0.18rem;
    line-height: 0.24rem;
  }
}
#lp-faq .l-button a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.2rem;
  transform: translateY(-50%);
  width: 0.0345rem;
  height: 0.0675rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/flowerstand/faq_arrow_right.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  #lp-faq .l-button a::after {
    width: 0.044rem;
    height: 0.0862rem;
    right: 0.17rem;
  }
}
#lp-faq .l-direction {
  width: 100%;
  height: 0.78rem;
  background-color: #6C5D48;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.2rem;
  color: white;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.28rem;
  line-height: 0.37rem;
  font-weight: 700;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  #lp-faq .l-direction {
    height: 1rem;
    gap: 0.6rem;
    font-size: 0.42rem;
    line-height: 0.56rem;
  }
}
#lp-faq .l-direction::before {
  content: "";
  width: 0.32rem;
  height: 0.29rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/flowerstand/faq_arrow_bottom.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  #lp-faq .l-direction::before {
    width: 0.43rem;
    height: 0.4rem;
  }
}
#lp-faq .l-direction::after {
  content: "";
  width: 0.32rem;
  height: 0.29rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/flowerstand/faq_arrow_bottom.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  #lp-faq .l-direction::after {
    width: 0.43rem;
    height: 0.4rem;
  }
}

#lp-form {
  position: relative;
  padding-top: 2.04rem;
}
@media screen and (min-width: 768px) {
  #lp-form {
    padding-top: 25.625vw;
  }
}
#lp-form .l-top {
  width: 3.75rem;
  height: 2.2rem;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}
@media screen and (min-width: 768px) {
  #lp-form .l-top {
    width: 100%;
    height: 41.944vw;
  }
}
#lp-form .l-top img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-position: top center;
     object-position: top center;
}
#lp-form .l-form {
  position: relative;
  z-index: 2;
  width: 100%;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  height: auto;
  overflow: initial;
  opacity: 1;
  color: black;
}
@media screen and (min-width: 768px) {
  #lp-form .l-form {
    width: 11.2rem;
    margin: auto;
    padding-left: 0.5rem;
    padding-right: 0.65rem;
  }
}
#lp-form .l-form--hidden {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.3s;
}
#lp-form .l-form select, #lp-form .l-form input[type=text] {
  height: 0.4rem;
  border-radius: 0.05rem;
  border: 0.01rem solid #A7A7A7;
  padding-left: 0.13rem;
  padding-right: 0.13rem;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.12rem;
  line-height: 0.19rem;
  font-weight: 300;
  letter-spacing: 0;
  background-color: white;
}
@media screen and (min-width: 768px) {
  #lp-form .l-form select, #lp-form .l-form input[type=text] {
    font-size: 0.18rem;
    line-height: 0.24rem;
  }
}
#lp-form .l-form input[type=text]::-moz-placeholder {
  color: #A7A7A7;
}
#lp-form .l-form input[type=text]::placeholder {
  color: #A7A7A7;
}
#lp-form .l-form input[type=checkbox] {
  width: 0.2rem;
  height: 0.2rem;
  margin: unset;
}
#lp-form .l-form input[type=radio] {
  width: 0.2rem;
  height: 0.2rem;
  margin: unset;
}
#lp-form .l-form select {
  padding-right: 0.35rem;
  -webkit-appearance: none; /* ベンダープレフィックス(Google Chrome、Safari用) */
  -moz-appearance: none; /* ベンダープレフィックス(Firefox用) */
  appearance: none; /* 標準のスタイルを無効にする */
  font-size: 0.14rem;
}
#lp-form .l-form #balloon-15cm, #lp-form .l-form #balloon-30cm {
  width: 2.1rem;
}
#lp-form .l-form #panel-num {
  width: 2.95rem;
}
#lp-form .l-form #form-option1 {
  padding-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  #lp-form .l-form #form-option1 {
    padding-bottom: 1.07rem;
  }
}
@media screen and (min-width: 768px) {
  #lp-form .l-form #form-option1 label[for=form-option-ribbon] {
    flex-direction: column;
  }
}
#lp-form .l-form #form-option1 .l-form__option--check {
  margin-top: 0.3rem;
  margin-bottom: 0.26rem;
}
@media screen and (min-width: 768px) {
  #lp-form .l-form #form-option1 .l-form__option--check {
    margin-top: 0.27rem;
    margin-bottom: 0.24rem;
  }
}
#lp-form .l-form #form-option1 .l-form__option--radio {
  margin-bottom: 0.19rem;
}
@media screen and (min-width: 768px) {
  #lp-form .l-form #form-option1 .l-form__option--radio {
    flex-direction: column;
    gap: 0.33rem;
    margin-bottom: unset;
  }
}
#lp-form .l-form #form-option2 {
  padding-bottom: 1.36rem;
}
@media screen and (min-width: 768px) {
  #lp-form .l-form #form-option2 {
    padding-bottom: 1.96rem;
  }
}
#lp-form .l-form #form-option2 .l-form__option--check label {
  flex-direction: column;
}
#lp-form .l-form #form-option3 {
  padding-bottom: 0.83rem;
}
@media screen and (min-width: 768px) {
  #lp-form .l-form #form-option3 {
    padding-bottom: 0.81rem;
  }
}
#lp-form .l-form #form-option3 .l-form__option--check {
  margin-bottom: 0.17rem;
}
#lp-form .l-form #form-option3 .l-form__option--radio {
  flex-direction: column;
}
#lp-form .l-form #form-option3 .l-form__option--radio:nth-of-type(1) {
  margin-bottom: 0.3rem;
}
#lp-form .l-form #form-option3 .l-form__option--radio:nth-of-type(2) {
  margin-bottom: 0.38rem;
}
@media screen and (min-width: 768px) {
  #lp-form .l-form #form-option3 .l-form__option--radio:nth-of-type(2) {
    margin-bottom: 0.21rem;
  }
}
#lp-form .l-form #form-option3 .l-form__option--radio--item {
  padding-left: 0.1rem;
}
#lp-form .l-form #form-option3 .l-form__option--caution {
  display: flex;
  flex-direction: column;
  gap: 0.12rem;
}
#lp-form .l-form #form-option3 .l-form__option--caution--box {
  margin-left: 0.1rem;
}
#lp-form .l-form #form-option5 {
  padding-bottom: 0.49rem;
}
@media screen and (min-width: 768px) {
  #lp-form .l-form #form-option5 {
    padding-bottom: 0.47rem;
  }
}
#lp-form .l-form #form-option5 .l-form__option--check {
  margin-bottom: 0.11rem;
}
@media screen and (min-width: 768px) {
  #lp-form .l-form #form-option5 .l-form__option--check {
    margin-bottom: 0.1rem;
  }
}
#lp-form .l-form #form-option5 .l-form__option--content strong {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.15rem;
  line-height: 0.26rem;
  font-weight: 700;
  letter-spacing: 0;
  margin-bottom: 0.22rem;
  display: block;
}
@media screen and (min-width: 768px) {
  #lp-form .l-form #form-option5 .l-form__option--content strong {
    margin-bottom: 0.18rem;
  }
}
#lp-form .l-form #form-option5 .l-form__option--caution {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
#lp-form .l-form #form-option5 .l-form__option--caution--box {
  margin-left: 0.1rem;
}
#lp-form .l-form #form-option5 .l-form__option--radio {
  flex-wrap: wrap;
}
#lp-form .l-form #form-option5 .l-form__option--radio h5 {
  width: 100%;
}
#lp-form .l-form #form-option5 .l-form__option--radio:nth-of-type(1) {
  margin-bottom: 0.27rem;
}
#lp-form .l-form #form-option5 .l-form__option--radio:nth-of-type(2) {
  margin-bottom: 0.2rem;
}
#lp-form .l-form #form-option5 .l-form__option--radio--item {
  padding-left: 0.1rem;
  width: 40%;
}
@media screen and (min-width: 768px) {
  #lp-form .l-form #form-option5 .l-form__option--radio--item {
    padding-left: 0.15rem;
    width: 30%;
  }
}
#lp-form .l-form #form-option5 .l-form__select {
  margin-left: 0.12rem;
  margin-bottom: 0.23rem;
}
#lp-form .l-form #form-option7 {
  padding-bottom: 0.47rem;
}
@media screen and (min-width: 768px) {
  #lp-form .l-form #form-option7 {
    padding-bottom: 0.45rem;
  }
}
#lp-form .l-form #form-option7 .l-form__option--check {
  margin-bottom: 0.19rem;
}
#lp-form .l-form #form-option7 .l-form__option--radio {
  margin-bottom: 0.12rem;
}
#lp-form .l-form #form-option7 .l-form__option--radio--item {
  padding-left: 0.1rem;
  width: 40%;
}
@media screen and (min-width: 768px) {
  #lp-form .l-form #form-option7 .l-form__option--radio--item {
    padding-left: 0.15rem;
    width: 30%;
  }
}
#lp-form .l-form #form-option7 .l-form__option--caution {
  padding-left: 0.12rem;
}
#lp-form .l-form #form-option8 .l-form__option--check {
  margin-bottom: 0.19rem;
}
#lp-form .l-form #form-option8 .l-form__option--radio {
  margin-bottom: 0.12rem;
  flex-direction: column;
}
#lp-form .l-form #form-option8 .l-form__option--radio--item {
  padding-left: 0.1rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #lp-form .l-form #form-option8 .l-form__option--radio--item {
    padding-left: 0.15rem;
  }
}
#lp-form .l-form #form-option8 .l-form__option--caution--box {
  margin-top: 0.25rem;
  margin-left: 0.1rem;
}
#lp-form .l-form #form-option-image1 {
  padding: 0.12rem 0.23rem 0.13rem;
  margin: auto;
}
@media screen and (min-width: 768px) {
  #lp-form .l-form #form-option-image1 {
    margin: unset;
    position: absolute;
    top: 0.2rem;
    right: -0.3rem;
    padding: 0.11rem 0.125rem 0.14rem;
  }
}
#lp-form .l-form #form-option-image1 img {
  width: 2.11rem;
  height: 1.77rem;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 768px) {
  #lp-form .l-form #form-option-image1 img {
    width: 2.1rem;
    height: 1.77rem;
  }
}
#lp-form .l-form #form-option-image2 {
  position: absolute;
  top: -0.15rem;
  right: -0.08rem;
  width: 1.77rem;
  height: 2.09rem;
}
@media screen and (min-width: 768px) {
  #lp-form .l-form #form-option-image2 {
    top: -0.12rem;
    right: 0;
    width: 2.1rem;
    height: 2.48rem;
  }
}
#lp-form .l-form #form-option-image2 img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#lp-form .l-form #form-option-image3 {
  width: 2.97rem;
  height: 2.55rem;
  margin: auto;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
@media screen and (min-width: 768px) {
  #lp-form .l-form #form-option-image3 {
    margin-left: 0.15rem;
    margin-bottom: 0.3rem;
  }
}
#lp-form .l-form #form-option-image3 img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#lp-form .l-form__subtitle {
  display: flex;
  align-items: center;
  gap: 0.12rem;
}
#lp-form .l-form__subtitle strong {
  width: 0.28rem;
  height: 0.28rem;
  background-color: #BA9E5C;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.18rem;
  line-height: 0.24rem;
  font-weight: 400;
  letter-spacing: 0;
  color: white;
}
@media screen and (min-width: 768px) {
  #lp-form .l-form__subtitle strong {
    width: 0.36rem;
    height: 0.36rem;
    font-size: 0.25rem;
    line-height: 0.33rem;
  }
}
#lp-form .l-form__subtitle span {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.16rem;
  line-height: 0.21rem;
  font-weight: 700;
  letter-spacing: 0;
  color: #393632;
}
@media screen and (min-width: 768px) {
  #lp-form .l-form__subtitle span {
    font-size: 0.22rem;
    line-height: 0.3rem;
  }
}
#lp-form .l-form__items {
  position: relative;
  max-width: unset;
  width: 100vw;
  left: 50%;
  transform: translateX(-50%);
  padding-bottom: 0.33rem;
  margin-top: 0.21rem;
  margin-bottom: 0.58rem;
  overflow-x: auto;
}
@media screen and (min-width: 768px) {
  #lp-form .l-form__items {
    width: 100%;
    max-width: 100%;
    left: unset;
    transform: unset;
    padding-left: 0.56rem;
    margin-top: 0.5rem;
    margin-bottom: 0.57rem;
    padding-bottom: unset;
  }
}
#lp-form .l-form__items--container {
  display: flex;
  gap: 0.1rem;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
}
@media screen and (min-width: 768px) {
  #lp-form .l-form__items--container {
    justify-content: center;
  }
}
#lp-form .l-form__items--product {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 1.44rem;
  text-align: center;
  cursor: pointer;
  transition: 0.3s;
  opacity: 0.4;
  flex: none;
}
@media screen and (min-width: 768px) {
  #lp-form .l-form__items--product {
    width: 1.6rem;
  }
}
#lp-form .l-form__items--product input {
  display: none;
}
#lp-form .l-form__items--product img {
  display: block;
  width: 100%;
  height: 2.09rem;
  margin-bottom: 0.15rem;
}
@media screen and (min-width: 768px) {
  #lp-form .l-form__items--product img {
    height: 2.32rem;
    margin-bottom: 0.17rem;
  }
}
#lp-form .l-form__items--product h4 {
  display: block;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.14rem;
  line-height: 0.22rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin-bottom: 0.07rem;
}
@media screen and (min-width: 768px) {
  #lp-form .l-form__items--product h4 {
    font-size: 0.16rem;
    line-height: 0.25rem;
    margin-bottom: 0.07rem;
  }
}
#lp-form .l-form__items--product span {
  text-align: center;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.13rem;
  line-height: 0.17rem;
  font-weight: 500;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  #lp-form .l-form__items--product span {
    font-size: 0.15rem;
    line-height: 0.2rem;
  }
}
#lp-form .l-form__items--product:hover {
  opacity: 1;
}
#lp-form .l-form__items--product:has(input:checked) {
  opacity: 1;
}
#lp-form .l-form__colors--select {
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
}
#lp-form .l-form__colors--select select {
  width: 3.35rem;
}
#lp-form .l-form__colors--sample {
  margin-bottom: 0.76rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #lp-form .l-form__colors--sample {
    width: 100%;
    max-width: 100%;
    padding-left: unset;
    margin-top: 0.5rem;
    margin-bottom: 0.57rem;
    padding-bottom: unset;
  }
}
#lp-form .l-form__colors--sample #form-colors {
  width: 100%;
  height: 9.34rem;
  display: block;
  max-width: unset;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 768px) {
  #lp-form .l-form__colors--sample #form-colors {
    width: 8.78rem;
    height: 5.5rem;
    margin: auto;
  }
}
#lp-form .l-form__select {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
#lp-form .l-form__select::after {
  content: "";
  position: absolute;
  z-index: 2;
  pointer-events: none;
  width: 0.15rem;
  height: 0.0687rem;
  top: 50%;
  right: 0.13rem;
  transform: translateY(-50%);
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/flowerstand/form_arrow_bottom.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
#lp-form .l-form__2column {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 0.5rem;
}
@media screen and (min-width: 768px) {
  #lp-form .l-form__2column {
    flex-direction: row;
    gap: 0.3rem;
    justify-content: space-between;
  }
}
#lp-form .l-form__image--yellow {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
#lp-form .l-form__image--yellow::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: unset;
  max-height: unset;
  width: calc(100% + 0.22rem);
  height: calc(100% + 0.22rem);
  -webkit-backdrop-filter: blur(0.11rem);
          backdrop-filter: blur(0.11rem);
  background: rgba(255, 255, 255, 0.01);
}
#lp-form .l-form__image--yellow::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #FFF8DB;
}
#lp-form .l-form__image img {
  position: relative;
  z-index: 3;
  display: block;
}
@media screen and (min-width: 768px) {
  #lp-form .l-form__option {
    width: 5.1rem;
    flex: none;
  }
}
#lp-form .l-form__option--caution {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.12rem;
  line-height: 0.19rem;
  font-weight: 500;
  letter-spacing: 0;
  color: #BE0000;
}
@media screen and (min-width: 768px) {
  #lp-form .l-form__option--caution {
    font-size: 0.14rem;
    line-height: 0.19rem;
  }
}
#lp-form .l-form__option--caution dl {
  display: flex;
  gap: 0.5em;
}
#lp-form .l-form__option--caution b {
  font-weight: 700;
}
#lp-form .l-form__option--caution--box {
  width: 2.97rem;
  padding: 0.15rem;
  border: 0.015rem solid #BE0000;
  border-radius: 0.05rem;
}
#lp-form .l-form__option--caution--box a {
  text-decoration: underline;
}
#lp-form .l-form__option--section {
  position: relative;
}
@media screen and (min-width: 768px) {
  #lp-form .l-form__option--section {
    padding-left: 0.56rem;
  }
}
#lp-form .l-form__option--check {
  display: flex;
  gap: 0.1rem;
}
#lp-form .l-form__option--check input[type=checkbox] {
  margin-top: 0.04rem;
}
@media screen and (min-width: 768px) {
  #lp-form .l-form__option--check input[type=checkbox] {
    margin-top: 0.02rem;
  }
}
#lp-form .l-form__option--check label {
  display: flex;
  align-items: baseline;
  gap: 0.1rem;
}
#lp-form .l-form__option--check span {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.16rem;
  line-height: 0.28rem;
  font-weight: 700;
  letter-spacing: 0;
  color: black;
}
@media screen and (min-width: 768px) {
  #lp-form .l-form__option--check span {
    font-size: 0.18rem;
    line-height: 0.28rem;
  }
}
#lp-form .l-form__option--content {
  padding-left: 0.14rem;
  padding-right: 0.14rem;
}
@media screen and (min-width: 768px) {
  #lp-form .l-form__option--content {
    padding-left: 0.33rem;
  }
}
#lp-form .l-form__option--radio {
  display: flex;
  gap: 0.12rem;
}
#lp-form .l-form__option--radio--item {
  display: flex;
  gap: 0.05rem;
}
#lp-form .l-form__option--radio label {
  display: flex;
  flex-direction: column;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.16rem;
  line-height: 0.21rem;
  font-weight: 500;
  letter-spacing: 0;
  color: black;
}
#lp-form .l-form__option--radio label small {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.13rem;
  line-height: 0.17rem;
  font-weight: 500;
  letter-spacing: 0;
}
#lp-form .l-form__interface {
  width: 100%;
}
@media screen and (min-width: 768px) {
  #lp-form .l-form__interface {
    position: relative;
    width: 4.27rem;
    flex: none;
  }
}
#lp-form .l-form__interface--container {
  width: 100%;
  border: 0.01rem solid #6C5D48;
  background-color: white;
  padding: 0.13rem 0.26rem 0.27rem 0.3rem;
}
@media screen and (min-width: 768px) {
  #lp-form .l-form__interface--container {
    position: sticky;
    top: 2.5rem;
    right: 0;
    padding: 0.18rem 0.42rem 0.4rem;
  }
}
#lp-form .l-form__interface--content {
  display: flex;
  flex-direction: column;
}
#lp-form .l-form__interface--content [data-display-size-num] {
  padding-left: 1em;
}
#lp-form .l-form__interface--item {
  padding-top: 0.13rem;
  padding-bottom: 0.13rem;
  border-bottom: 0.01rem solid #BA9E5C;
  display: flex;
  flex-direction: column;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.14rem;
  line-height: 0.24rem;
  font-weight: 500;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  #lp-form .l-form__interface--item {
    font-size: 0.16rem;
    line-height: 0.21rem;
    padding-top: 0.18rem;
    padding-bottom: 0.18rem;
  }
}
#lp-form .l-form__interface--item dl {
  display: flex;
  flex-wrap: wrap;
}
#lp-form .l-form__interface--item dt {
  flex: none;
}
#lp-form .l-form__interface--item div {
  display: flex;
  flex-direction: column;
}
#lp-form .l-form__interface--price {
  padding-top: 0.17rem;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 0.35rem;
}
@media screen and (min-width: 768px) {
  #lp-form .l-form__interface--price {
    padding-top: 0.22rem;
    margin-bottom: 0.47rem;
  }
}
#lp-form .l-form__interface--price span {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.14rem;
  line-height: 0.19rem;
  font-weight: 700;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  #lp-form .l-form__interface--price span {
    font-size: 0.18rem;
    line-height: 0.24rem;
  }
}
#lp-form .l-form__interface--price p {
  display: flex;
  align-items: baseline;
}
#lp-form .l-form__interface--price p strong {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 0.28rem;
  line-height: 0.37rem;
  font-weight: 600;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  #lp-form .l-form__interface--price p strong {
    font-size: 0.34rem;
    line-height: 0.46rem;
  }
}
#lp-form .l-form__interface--price p small {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 0.14rem;
  line-height: 0.19rem;
  font-weight: 600;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  #lp-form .l-form__interface--price p small {
    font-size: 0.18rem;
    line-height: 0.24rem;
  }
}
#lp-form .l-form__interface--button {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  width: 100%;
  align-items: center;
}
#lp-form .l-form__interface--button--cart {
  width: 2.64rem;
  height: 0.54rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border-radius: 0.05rem;
  background-color: #BA9E5C;
  color: white;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.14rem;
  line-height: 0.2rem;
  font-weight: 700;
  letter-spacing: 0;
  padding-left: 0.13rem;
  text-align: center;
  cursor: pointer;
}
#lp-form .l-form__interface--button--cart::after {
  content: "";
  width: 0.3rem;
  height: 0.27rem;
  position: absolute;
  top: 50%;
  left: 0.26rem;
  transform: translateY(-50%);
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/flowerstand/form_cart.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
#lp-form .l-form__interface--send {
  display: none;
}

#lp-bottom {
  padding-bottom: 1.57rem;
  width: 100%;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 768px) {
  #lp-bottom {
    margin-top: unset;
    padding-bottom: 0.61rem;
  }
}
#lp-bottom::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 3.29rem;
  background: linear-gradient(to bottom, white 0%, white 0.86rem, transparent 1.99rem, transparent 100%), url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/flowerstand/bottom_bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left top;
}
@media screen and (min-width: 768px) {
  #lp-bottom::before {
    height: 5.76rem;
    background: linear-gradient();
  }
}
#lp-bottom::after {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3.29rem;
  background: linear-gradient(to bottom, white 0%, white 0.42rem, transparent 1.17rem, transparent 100%), url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/flowerstand/bottom_bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
}
@media screen and (min-width: 768px) {
  #lp-bottom::after {
    display: none;
    content: unset;
  }
}
@media screen and (min-width: 768px) {
  #lp-bottom .l-top {
    display: flex;
    align-items: center;
    margin-bottom: 0.24rem;
    justify-content: center;
  }
}
#lp-bottom #bottom-logo {
  width: 2.76rem;
  height: 1.93rem;
  display: block;
  margin: auto;
  margin-bottom: 0.03rem;
}
@media screen and (min-width: 768px) {
  #lp-bottom #bottom-logo {
    width: 4.8rem;
    height: 1.44rem;
    margin-bottom: unset;
    margin: unset;
  }
}
#lp-bottom .l-deco {
  position: absolute;
  pointer-events: none;
  max-width: unset;
}
#lp-bottom #bottom-deco1 {
  left: -0.55rem;
  bottom: -1.78rem;
  width: 5.13rem;
  height: 3.47rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/flowerstand/bottom_deco.png");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  #lp-bottom #bottom-deco1 {
    background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/flowerstand/bottom_deco1.png");
    left: -1.26rem;
    bottom: -5.24rem;
    width: 7.79rem;
    height: 8.53rem;
  }
}
#lp-bottom #bottom-deco2 {
  display: none;
}
@media screen and (min-width: 768px) {
  #lp-bottom #bottom-deco2 {
    display: block;
    width: 6.96rem;
    height: 5.95rem;
    right: -2.31rem;
    bottom: -2.87rem;
    background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/flowerstand/bottom_deco2.png");
    background-size: contain;
    background-repeat: no-repeat;
  }
}
#lp-bottom .l-catch {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.22rem;
  line-height: 0.3rem;
  font-weight: 700;
  letter-spacing: 0;
  color: #937551;
  text-align: center;
  margin-bottom: 0.76rem;
  text-shadow: 0 0 0.05rem white, 0 0 0.06rem white, 0 0 0.07rem white, 0 0 0.08rem white, 0 0 0.09rem white, 0 0 0.1rem white;
}
@media screen and (min-width: 768px) {
  #lp-bottom .l-catch {
    font-size: 0.42rem;
    line-height: 0.55rem;
    padding-bottom: 0.25rem;
    margin-bottom: unset;
    padding-right: 0.46rem;
    width: -moz-fit-content;
    width: fit-content;
  }
}
#lp-bottom .l-container {
  display: flex;
  justify-content: center;
  gap: 0.13rem;
}
@media screen and (min-width: 768px) {
  #lp-bottom .l-container {
    gap: 0.24rem;
    position: relative;
    z-index: 4;
  }
}
#lp-bottom .l-container .l-wrapper {
  position: relative;
  width: 1.6rem;
  height: 1.3rem;
  border-radius: 0.1rem;
  border: 0.03rem solid #BA9E5C;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding-bottom: 0.06rem;
  padding-left: 0.07rem;
  padding-right: 0.07rem;
}
@media screen and (min-width: 768px) {
  #lp-bottom .l-container .l-wrapper {
    border-width: 0.04rem;
    padding: 0.15rem;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 0.2rem;
    width: 3rem;
    height: 2.2rem;
  }
}
#lp-bottom .l-container .l-wrapper .l-image {
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  max-width: unset;
}
#lp-bottom .l-container .l-wrapper #bottom-image1 {
  width: 1.38rem;
  height: 1.84rem;
  bottom: 0.07rem;
}
@media screen and (min-width: 768px) {
  #lp-bottom .l-container .l-wrapper #bottom-image1 {
    width: 2.14rem;
    height: 2.86rem;
    bottom: 0.08rem;
  }
}
#lp-bottom .l-container .l-wrapper #bottom-image2 {
  width: 2.08rem;
  height: 1.56rem;
  bottom: 0.41rem;
}
@media screen and (min-width: 768px) {
  #lp-bottom .l-container .l-wrapper #bottom-image2 {
    width: 3.37rem;
    height: 2.53rem;
    bottom: 0.54rem;
  }
}
#lp-bottom .l-container .l-wrapper .l-link {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 0.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #6C5D48;
  position: relative;
  color: white;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.16rem;
  line-height: 0.21rem;
  font-weight: 700;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  #lp-bottom .l-container .l-wrapper .l-link {
    height: 0.39rem;
    font-size: 0.26rem;
    line-height: 0.35rem;
  }
}
#lp-bottom .l-container .l-wrapper .l-link::after {
  content: "";
  width: 0.05rem;
  height: 0.09rem;
  position: absolute;
  right: 0.045rem;
  top: 50%;
  transform: translateY(-50%);
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/flowerstand/bottom_arrow_right.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  #lp-bottom .l-container .l-wrapper .l-link::after {
    width: 0.1rem;
    height: 0.17rem;
    right: 0.12rem;
  }
}

/* PR */
#pr-page {
  width: 100%;
  margin-top: -0.21rem;
}
@media screen and (min-width: 768px) {
  #pr-page {
    margin-top: -0.32rem;
  }
}
#pr-page .p-side-menu__parent {
  display: none;
}
#pr-page::before {
  content: unset;
}
#pr-page main {
  width: 100%;
  overflow: initial;
}
#pr-page .l-fs-banner {
  display: block;
  width: 3.35rem;
  height: 1.79rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  #pr-page .l-fs-banner {
    width: 10.8rem;
    height: 1.8rem;
  }
}
#pr-page .l-fs-banner img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#pr-page #fs-banner1 {
  margin-bottom: 0.7rem;
}
@media screen and (min-width: 768px) {
  #pr-page #fs-banner1 {
    margin-bottom: 0.86rem;
  }
}
#pr-page #fs-banner2 {
  margin-top: 0.27rem;
}
@media screen and (min-width: 768px) {
  #pr-page #fs-banner2 {
    margin-top: 0.3rem;
  }
}
#pr-page #fs-banner3 {
  margin-top: 0.3rem;
}
@media screen and (min-width: 768px) {
  #pr-page #fs-banner3 {
    margin-top: 0.5rem;
  }
}

#pr-fv {
  width: 100%;
}
#pr-fv .l-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
}
@media screen and (min-width: 768px) {
  #pr-fv .l-container {
    height: 7.46rem;
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 768px) {
  #pr-fv .l-container::before {
    top: 0;
    left: 50%;
    width: 3.2rem;
    height: 100%;
    transform: translateX(-50%);
    content: "";
    position: absolute;
    z-index: 2;
    background-color: rgba(186, 158, 92, 0.58);
    mix-blend-mode: multiply;
  }
}
#pr-fv .l-container .l-wrapper {
  width: 100%;
  height: 2.9rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  #pr-fv .l-container .l-wrapper {
    width: 50%;
    height: 100%;
  }
}
#pr-fv .l-container .l-title {
  position: absolute;
  z-index: 5;
  top: 1.28rem;
  left: 50%;
  transform: translateX(-50%);
  width: 1.8rem;
  height: 3.1rem;
}
@media screen and (min-width: 768px) {
  #pr-fv .l-container .l-title {
    top: 0;
    left: 50%;
    width: 3.2rem;
    height: 100%;
  }
}
#pr-fv .l-container .l-title img {
  width: 100%;
  height: 100%;
}
#pr-fv .l-container .l-subtitle {
  display: flex;
  flex-direction: column;
  writing-mode: vertical-rl;
  position: absolute;
  z-index: 2;
  max-height: unset;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  #pr-fv .l-container .l-subtitle {
    writing-mode: horizontal-tb;
  }
}
#pr-fv .l-container .l-subtitle strong {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 0.39rem;
  line-height: 0.39rem;
  font-weight: 400;
  letter-spacing: 0.03em;
}
@media screen and (min-width: 768px) {
  #pr-fv .l-container .l-subtitle strong {
    font-size: 0.7rem;
    line-height: 0.9rem;
    letter-spacing: -0.15em;
  }
}
#pr-fv .l-container .l-subtitle span {
  font-family: "Marcellus", serif;
  font-size: 0.22rem;
  line-height: 0.3rem;
  font-weight: 400;
  letter-spacing: 0.06em;
  opacity: 0.6;
}
@media screen and (min-width: 768px) {
  #pr-fv .l-container .l-subtitle span {
    font-size: 0.72rem;
    line-height: 0.96rem;
    opacity: 0.5;
    letter-spacing: 0.06em;
    margin-top: -0.22rem;
  }
}
#pr-fv .l-container #fv-stand {
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/promote/top_image1.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  #pr-fv .l-container #fv-stand {
    background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/promote/top_image1_pc.jpg");
  }
}
#pr-fv .l-container #fv-stand .l-subtitle {
  color: white;
  top: 0.05rem;
  left: 0;
}
@media screen and (min-width: 768px) {
  #pr-fv .l-container #fv-stand .l-subtitle {
    top: unset;
    left: 2.11rem;
    bottom: -0.18rem;
  }
}
@media screen and (min-width: 768px) {
  #pr-fv .l-container #fv-stand .l-subtitle strong {
    text-shadow: 0 0 0.08rem rgba(0, 0, 0, 0.4), 0 0 0.08rem rgba(0, 0, 0, 0.4), 0 0 0.08rem rgba(0, 0, 0, 0.4), 0 0 0.16rem rgba(0, 0, 0, 0.4), 0 0 0.16rem rgba(0, 0, 0, 0.4);
  }
}
#pr-fv .l-container #fv-stand .l-subtitle span {
  padding-top: 0.1rem;
}
@media screen and (min-width: 768px) {
  #pr-fv .l-container #fv-stand .l-subtitle span {
    padding-top: unset;
    padding-left: 0.1rem;
  }
}
#pr-fv .l-container #fv-orchid {
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/promote/top_image2.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left;
}
@media screen and (min-width: 768px) {
  #pr-fv .l-container #fv-orchid {
    background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/promote/top_image2_pc.jpg");
  }
}
#pr-fv .l-container #fv-orchid .l-subtitle {
  flex-direction: row;
  align-items: center;
  gap: 0.06rem;
  top: 0.1rem;
  right: 0.19rem;
}
@media screen and (min-width: 768px) {
  #pr-fv .l-container #fv-orchid .l-subtitle {
    flex-direction: column;
    align-items: flex-start;
    gap: unset;
    top: unset;
    bottom: -0.17rem;
    right: 2.14rem;
  }
}
#pr-fv .l-container #fv-orchid .l-subtitle strong {
  color: #B16E90;
}
@media screen and (min-width: 768px) {
  #pr-fv .l-container #fv-orchid .l-subtitle strong {
    letter-spacing: 0;
  }
}
#pr-fv .l-container #fv-orchid .l-subtitle span {
  color: white;
}
@media screen and (min-width: 768px) {
  #pr-fv .l-container #fv-orchid .l-subtitle span {
    opacity: 0.3;
    color: #B16E90;
  }
}

#pr-intro {
  padding-top: 0.24rem;
  padding-bottom: 0.3rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  #pr-intro {
    padding-top: 0.86rem;
    padding-bottom: 0.87rem;
  }
}
#pr-intro > * {
  position: relative;
  z-index: 2;
}
#pr-intro::before {
  content: "";
  width: 100%;
  height: 5.14rem;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/promote/intro_bg1.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}
#pr-intro::after {
  content: "";
  width: 100%;
  height: 15.51rem;
  position: absolute;
  z-index: -1;
  bottom: 0.4rem;
  left: 0;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/promote/intro_bg2.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: -6.44rem bottom;
}
@media screen and (min-width: 768px) {
  #pr-intro::after {
    height: 11.9rem;
    bottom: 0;
    background-position: center bottom;
  }
}
#pr-intro .l-top {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  align-items: center;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  width: 100%;
  margin-bottom: 0.25rem;
}
@media screen and (min-width: 768px) {
  #pr-intro .l-top {
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    gap: 1.18rem;
    margin-bottom: 0.7rem;
    padding-left: unset;
    padding-right: unset;
  }
}
#pr-intro .l-top img {
  display: block;
  width: 1.34rem;
  height: 0.3rem;
}
@media screen and (min-width: 768px) {
  #pr-intro .l-top img {
    width: 3.01rem;
    height: 0.67rem;
    margin-top: 0.21rem;
  }
}
#pr-intro .l-top strong {
  width: 100%;
  padding-top: 0.13rem;
  padding-bottom: 0.14rem;
  text-align: center;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 0.18rem;
  line-height: 0.28rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  color: #937551;
  border-top: 0.01rem solid #BA9E5C;
  border-bottom: 0.01rem solid #BA9E5C;
}
@media screen and (min-width: 768px) {
  #pr-intro .l-top strong {
    padding-top: 0.21rem;
    padding-bottom: 0.21rem;
    font-size: 0.32rem;
    line-height: 0.52rem;
    width: 5.75rem;
  }
}
#pr-intro .l-flow {
  padding-top: 0.2rem;
  padding-bottom: 0.23rem;
  position: relative;
  width: 100%;
  color: white;
  text-align: center;
  margin-bottom: 0.33rem;
}
@media screen and (min-width: 768px) {
  #pr-intro .l-flow {
    padding-top: 0.27rem;
    padding-bottom: 0.27rem;
    margin-bottom: 0.83rem;
  }
}
#pr-intro .l-flow::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #6C5D48;
  mix-blend-mode: multiply;
}
#pr-intro .l-flow__top {
  display: block;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.17rem;
  line-height: 0.28rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  margin-bottom: 0.21rem;
}
@media screen and (min-width: 768px) {
  #pr-intro .l-flow__top {
    font-size: 0.24rem;
    line-height: 0.31rem;
    margin-bottom: 0.21rem;
  }
}
#pr-intro .l-flow__middle {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  align-items: center;
  margin-bottom: 0.13rem;
}
@media screen and (min-width: 768px) {
  #pr-intro .l-flow__middle {
    flex-direction: row;
    justify-content: center;
    gap: 0.29rem;
    margin-bottom: 0.19rem;
  }
}
#pr-intro .l-flow__middle strong {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.18rem;
  line-height: 0.23rem;
  font-weight: 700;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  #pr-intro .l-flow__middle strong {
    font-size: 0.3rem;
    line-height: 0.39rem;
  }
}
#pr-intro .l-flow__order {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.39rem;
}
@media screen and (min-width: 768px) {
  #pr-intro .l-flow__order {
    gap: 0.67rem;
  }
}
#pr-intro .l-flow__order span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.2rem;
  line-height: 0.26rem;
  font-weight: 700;
  letter-spacing: 0;
  background-color: white;
  width: 0.84rem;
  height: 0.4rem;
  border-radius: 0.05rem;
  color: #6C5D48;
  position: relative;
  border: 0.01rem solid #BA9E5C;
}
@media screen and (min-width: 768px) {
  #pr-intro .l-flow__order span {
    font-size: 0.32rem;
    line-height: 0.42rem;
    width: 1.44rem;
    height: 0.58rem;
  }
}
#pr-intro .l-flow__order span::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -0.16rem;
  transform: translate(100%, -50%);
  width: 0.18rem;
  height: 0.11rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/promote/intro_arrow_right.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  #pr-intro .l-flow__order span::after {
    width: 0.31rem;
    height: 0.19rem;
    right: -0.27rem;
  }
}
#pr-intro .l-flow__order span:nth-last-of-type(1)::after {
  content: unset;
}
#pr-intro .l-flow__bottom {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 0.15rem;
}
@media screen and (min-width: 768px) {
  #pr-intro .l-flow__bottom {
    flex-direction: row;
    justify-content: center;
    gap: 0.23rem;
  }
}
#pr-intro .l-flow__bottom strong {
  display: block;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.22rem;
  line-height: 0.32rem;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  #pr-intro .l-flow__bottom strong {
    font-size: 0.3rem;
    line-height: 0.39rem;
  }
}
#pr-intro .l-flow__bottom span {
  min-height: 0.28rem;
  padding-left: 0.25rem;
  padding-right: 0.15rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  border: 0.01rem solid #BA9E5C;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.15rem;
  line-height: 0.19rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  padding-top: 0.03rem;
  padding-bottom: 0.03rem;
}
#pr-intro .l-link {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  width: 100%;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
}
@media screen and (min-width: 768px) {
  #pr-intro .l-link {
    padding-left: unset;
    padding-right: unset;
    width: 12.8rem;
    margin: auto;
    gap: 0.87rem;
  }
}
#pr-intro .l-link #link-stand .l-link__text {
  background-color: rgba(255, 255, 255, 0.9);
}
@media screen and (min-width: 768px) {
  #pr-intro .l-link #link-orchid {
    flex-direction: row-reverse;
    align-self: flex-end;
  }
}
#pr-intro .l-link #link-orchid .l-link__text {
  background-color: rgba(255, 247, 249, 0.9);
}
#pr-intro .l-link #link-orchid .l-link__text--heading {
  color: #B16E90;
  letter-spacing: 0;
}
#pr-intro .l-link #link-orchid .l-link__text--heading::after {
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/promote/intro_arrow2.svg");
}
#pr-intro .l-link__wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 0.1rem;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  #pr-intro .l-link__wrapper {
    width: -moz-fit-content;
    width: fit-content;
    flex-direction: row;
  }
}
#pr-intro .l-link__text {
  width: 100%;
  background-color: white;
  padding: 0.18rem 0.2rem 0.26rem;
}
@media screen and (min-width: 768px) {
  #pr-intro .l-link__text {
    width: 6.35rem;
    padding: 0.22rem 0.4rem 0.3rem;
  }
}
#pr-intro .l-link__text--heading {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 0.36rem;
  line-height: 0.47rem;
  font-weight: 400;
  letter-spacing: -0.15em;
  margin-bottom: 0.11rem;
}
@media screen and (min-width: 768px) {
  #pr-intro .l-link__text--heading {
    font-size: 0.64rem;
    line-height: 0.83rem;
    margin-bottom: 0.07rem;
  }
}
#pr-intro .l-link__text--heading::after {
  content: "";
  width: 0.24rem;
  height: 0.24rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/promote/intro_arrow1.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  #pr-intro .l-link__text--heading::after {
    width: 0.35rem;
    height: 0.35rem;
  }
}
#pr-intro .l-link__text--catch {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 0.2rem;
  line-height: 0.28rem;
  font-weight: 600;
  letter-spacing: 0;
  margin-bottom: 0.16rem;
  display: block;
}
@media screen and (min-width: 768px) {
  #pr-intro .l-link__text--catch {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-size: 0.24rem;
    line-height: 0.3rem;
    font-weight: 600;
    letter-spacing: 0;
    margin-bottom: 0.21rem;
  }
}
#pr-intro .l-link__text--desc {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.14rem;
  line-height: 0.24rem;
  font-weight: 50;
  letter-spacing: 0.05em;
  margin-bottom: 0.19rem;
  display: block;
}
@media screen and (min-width: 768px) {
  #pr-intro .l-link__text--desc {
    font-size: 0.16rem;
    line-height: 0.32rem;
    margin-bottom: 0.27rem;
  }
}
#pr-intro .l-link__text--scene {
  display: flex;
  flex-direction: column;
  gap: 0.11rem;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 0.14rem;
  line-height: 0.21rem;
  font-weight: 400;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  #pr-intro .l-link__text--scene {
    flex-direction: row;
    align-items: center;
    font-size: 0.16rem;
    line-height: 0.32rem;
  }
}
#pr-intro .l-link__text--scene::before {
  content: "おすすめシーン";
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  width: 1.05rem;
  height: 0.34rem;
  background-color: #BA9E5C;
  flex: none;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.12rem;
  line-height: 0.17rem;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  #pr-intro .l-link__text--scene::before {
    width: 1.35rem;
    height: 0.5rem;
    font-size: 0.16rem;
    line-height: 0.24rem;
  }
}
#pr-intro .l-link__image {
  width: 100%;
  height: 2.11rem;
  flex: none;
}
@media screen and (min-width: 768px) {
  #pr-intro .l-link__image {
    width: 5.25rem;
    height: auto;
  }
}
#pr-intro .l-link__image img {
  width: 100%;
  height: 100%;
  display: block;
}

#graduation-page .p-calendar__bottom {
  display: none;
}
#graduation-page main {
  width: 100%;
}
#graduation-page #pr-intro {
  padding-bottom: unset;
}
#graduation-page #pr-intro::after {
  display: none;
}
#graduation-page #pr-intro .l-flow {
  margin-bottom: unset;
}
#graduation-page #pr-intro .l-link {
  padding-top: 0.5rem;
  padding-bottom: 0.33rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/graduation/scene_bg.webp");
  background-position: center top;
  gap: 0.32rem;
}
@media screen and (min-width: 768px) {
  #graduation-page #pr-intro .l-link {
    background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/graduation/scene_bg_pc.webp");
    width: 100%;
    padding-top: 1.26rem;
    padding-bottom: 1.86rem;
    align-items: center;
  }
}
@media screen and (min-width: 768px) {
  #graduation-page #pr-intro .l-link__wrapper {
    width: 10.4rem;
    height: 2.76rem;
  }
}
@media screen and (min-width: 768px) {
  #graduation-page #pr-intro .l-link__image {
    width: 4.33rem;
  }
}
#graduation-page #pr-intro .l-link__text {
  text-align: center;
  padding-bottom: 0.66rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  #graduation-page #pr-intro .l-link__text {
    padding-top: 0.53rem;
  }
}
#graduation-page #pr-intro .l-link__text::after {
  content: "";
  display: block;
  width: 0.24rem;
  height: 0.24rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/promote/intro_arrow1.svg");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: 50%;
  bottom: 0.29rem;
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  #graduation-page #pr-intro .l-link__text::after {
    width: 0.37rem;
    height: 0.37rem;
    bottom: 0.39rem;
  }
}
#graduation-page #pr-intro .l-link__text--heading {
  justify-content: center;
  color: #BA9E5C;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 0.32rem;
  line-height: 0.42rem;
  font-weight: 400;
  letter-spacing: 0;
  margin-bottom: 0.11rem;
}
@media screen and (min-width: 768px) {
  #graduation-page #pr-intro .l-link__text--heading {
    font-size: 0.51rem;
    line-height: 0.65rem;
    margin-bottom: 0.12rem;
  }
}
#graduation-page #pr-intro .l-link__text--heading::after {
  content: unset;
}
#graduation-page #pr-intro .l-link__text--desc {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 0.18rem;
  line-height: 0.27rem;
  font-weight: 400;
  letter-spacing: 0;
  margin-bottom: unset;
}
@media screen and (min-width: 768px) {
  #graduation-page #pr-intro .l-link__text--desc {
    font-size: 0.18rem;
    line-height: 0.27rem;
  }
}
#graduation-page #pr-intro .l-link__heading {
  width: 2.89rem;
  height: 0.39rem;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 0.01rem solid #BA9E5C;
  border-bottom: 0.01rem solid #BA9E5C;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.19rem;
  line-height: 0.25rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #BA9E5C;
  margin-bottom: 0.11rem;
}
@media screen and (min-width: 768px) {
  #graduation-page #pr-intro .l-link__heading {
    width: 5.88rem;
    height: 0.7rem;
    font-size: 0.36rem;
    line-height: 0.48rem;
    margin-bottom: 0.68rem;
  }
}
#graduation-page #pr-bottom {
  padding-bottom: 0.61rem;
}
@media screen and (min-width: 768px) {
  #graduation-page #pr-bottom {
    padding-bottom: 2.03rem;
  }
}
#graduation-page #pr-bottom .l-container {
  gap: 0.37rem;
}
@media screen and (min-width: 768px) {
  #graduation-page #pr-bottom .l-container {
    gap: 0.43rem;
  }
}
#graduation-page #kindergarden-balloon-arrangement {
  padding-bottom: 0.68rem;
}
@media screen and (min-width: 768px) {
  #graduation-page #kindergarden-balloon-arrangement {
    padding-bottom: 1.46rem;
  }
}
@media screen and (min-width: 768px) {
  #graduation-page #kindergarden-balloon-stand {
    padding-bottom: 1.88rem;
  }
}
#graduation-page #school {
  padding-top: 1rem;
}
#graduation-page #school-stand {
  padding-bottom: 0rem;
}
@media screen and (min-width: 768px) {
  #graduation-page #school-stand {
    padding-bottom: 1.97rem;
  }
}
#graduation-page #company {
  padding-top: 0.6rem;
}
@media screen and (min-width: 768px) {
  #graduation-page #company {
    padding-top: 1.37rem;
  }
}
@media screen and (min-width: 768px) {
  #graduation-page #company .p-promote__top--subtitle {
    margin-bottom: 0.77rem;
  }
}
@media screen and (min-width: 768px) {
  #graduation-page #company .p-promote__top--name {
    margin-bottom: 0.67rem;
  }
}
#graduation-page #company-stand {
  padding-bottom: 0.71rem;
}
@media screen and (min-width: 768px) {
  #graduation-page #company-stand {
    padding-bottom: 1.97rem;
  }
}
#graduation-page #company-arrangement {
  padding-bottom: 1.51rem;
}
@media screen and (min-width: 768px) {
  #graduation-page #company-arrangement {
    padding-bottom: 3.63rem;
  }
}
#graduation-page .p-promote {
  padding-top: 0.35rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/graduation/bg.webp");
  background-size: 22.98rem 22.97rem;
  background-position: top left;
}
@media screen and (min-width: 768px) {
  #graduation-page .p-promote {
    padding-top: 1.37rem;
  }
}
#graduation-page .p-promote__container--parent {
  overflow: initial;
}
@media screen and (min-width: 768px) {
  #graduation-page .p-promote__top {
    margin-left: unset;
    width: 100%;
    margin-bottom: 1.01rem;
  }
}
#graduation-page .p-promote__top--subtitle {
  margin-bottom: 0.31rem;
}
@media screen and (min-width: 768px) {
  #graduation-page .p-promote__top--subtitle {
    justify-content: center;
    width: 5rem;
    height: 0.43rem;
    font-size: 0.22rem;
    line-height: 0.46rem;
    letter-spacing: 0.1em;
    margin-bottom: 0.38rem;
  }
}
#graduation-page .p-promote__top--name {
  display: flex;
  flex-direction: column;
  gap: 0.08rem;
  color: #BA9E5C;
  left: unset;
}
#graduation-page .p-promote__top--name span {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 0.3rem;
  line-height: 0.39rem;
  font-weight: 400;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  #graduation-page .p-promote__top--name span {
    font-size: 0.72rem;
    line-height: 0.81rem;
  }
}
#graduation-page .p-promote__top--name small {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 0.18rem;
  line-height: 0.23rem;
  font-weight: 400;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  #graduation-page .p-promote__top--name small {
    display: none;
  }
}
#graduation-page .p-promote__top--image {
  height: auto;
  display: block;
  max-width: unset;
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin-top: -0.3rem;
  margin-bottom: -0.2rem;
}
@media screen and (min-width: 768px) {
  #graduation-page .p-promote__top--image {
    position: absolute;
    top: -1.37rem;
    left: calc(50% - 1.46rem);
    width: 8.2rem;
    height: 5.04rem;
    transform: unset;
    max-width: 100%;
    margin-top: unset;
    margin-bottom: unset;
  }
}
@media screen and (min-width: 768px) {
  #graduation-page .p-promote__text {
    display: flex;
    justify-content: space-between;
  }
}
#graduation-page .p-promote__text--desc {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.16rem;
  line-height: 0.3rem;
  font-weight: 500;
  letter-spacing: 0;
  width: 3.15rem;
  margin: auto;
  margin-bottom: 0.48rem;
}
@media screen and (min-width: 768px) {
  #graduation-page .p-promote__text--desc {
    width: 5.01rem;
    margin: unset;
  }
}
#graduation-page .p-promote__text--desc strong {
  display: none;
}
@media screen and (min-width: 768px) {
  #graduation-page .p-promote__text--desc strong {
    display: block;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-size: 0.24rem;
    line-height: 0.31rem;
    font-weight: 400;
    letter-spacing: 0.05em;
    color: #BA9E5C;
    margin-bottom: 0.21rem;
  }
}
@media screen and (min-width: 768px) {
  #graduation-page .p-promote__text--desc span {
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
    font-size: 0.18rem;
    line-height: 0.32rem;
    font-weight: 500;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  #graduation-page .p-promote__tips {
    position: relative;
    width: 4.81rem;
    background-color: white;
  }
}
#graduation-page .p-promote__tips--title {
  padding-left: unset;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  #graduation-page .p-promote__tips--title {
    padding-left: 0.44rem;
  }
}
#graduation-page .p-promote__tips--title::before {
  content: "";
  position: absolute;
  top: -0.11rem;
  left: 0.15rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/graduation/icon_exc.svg");
}
@media screen and (min-width: 768px) {
  #graduation-page .p-promote__tips--title::before {
    width: 0.49rem;
    height: 0.46rem;
  }
}
@media screen and (min-width: 768px) {
  #graduation-page .p-promote__category {
    position: relative;
  }
}
#graduation-page .p-promote__category--heading {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-left: 0.14rem;
}
@media screen and (min-width: 768px) {
  #graduation-page .p-promote__category--heading {
    gap: 0.05rem;
    padding-left: 0.24rem;
    margin-bottom: 0.39rem;
  }
}
#graduation-page .p-promote__category--heading::before {
  content: "";
  width: 0.04rem;
  height: calc(100% - 0.08rem);
  position: absolute;
  left: 0;
  top: 0.04rem;
  background-color: #BA9E5C;
  margin-bottom: 0.02rem;
}
@media screen and (min-width: 768px) {
  #graduation-page .p-promote__category--heading::before {
    height: calc(100% - 0.18rem);
  }
}
#graduation-page .p-promote__category--heading span {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 0.14rem;
  line-height: 0.18rem;
  font-weight: 400;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  #graduation-page .p-promote__category--heading span {
    font-size: 0.24rem;
    line-height: 0.31rem;
  }
}
#graduation-page .p-promote__category--heading strong {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 0.3rem;
  line-height: 0.3rem;
  font-weight: 400;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  #graduation-page .p-promote__category--heading strong {
    font-size: 0.56rem;
    line-height: 0.72rem;
  }
}
#graduation-page .p-promote__category--image {
  display: block;
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  #graduation-page .p-promote__category--image {
    width: 5.16rem;
    position: absolute;
    top: -0.5rem;
    right: -1.54rem;
  }
}
#graduation-page .p-promote__category--catch {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.2rem;
  line-height: 0.24rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: #393632;
  text-align: center;
  width: 100%;
  position: relative;
  margin-bottom: 0.37rem;
}
@media screen and (min-width: 768px) {
  #graduation-page .p-promote__category--catch {
    width: -moz-fit-content;
    width: fit-content;
    padding-left: 0.22rem;
    padding-right: 0.22rem;
  }
}
#graduation-page .p-promote__category--catch::before {
  content: "";
  width: 0.02rem;
  height: calc(100% - 0.05rem);
  position: absolute;
  left: 0;
  top: 0.02rem;
  background-color: #BA9E5C;
  margin-bottom: 0.02rem;
}
#graduation-page .p-promote__category--catch::after {
  content: "";
  width: 0.02rem;
  height: calc(100% - 0.05rem);
  position: absolute;
  right: 0;
  top: 0.02rem;
  background-color: #BA9E5C;
  margin-bottom: 0.02rem;
}
#graduation-page .p-promote__category .p-product-list--ranking {
  margin-bottom: 0.58rem;
}
@media screen and (min-width: 768px) {
  #graduation-page .p-promote__category .p-product-list--ranking {
    gap: 0.36rem 0;
    justify-content: center;
    gap: 0.22rem;
    margin-bottom: 0.78rem;
  }
}
#graduation-page .p-promote__category .p-product-list--ranking .p-product-list__wrapper {
  width: 1.54rem;
}
@media screen and (min-width: 768px) {
  #graduation-page .p-promote__category .p-product-list--ranking .p-product-list__wrapper {
    width: 1.9rem;
  }
}
#graduation-page .p-promote__category .p-product-list--ranking .p-product-list__wrapper::before {
  background-color: var(--body-color);
}
#graduation-page .p-promote__category .p-product-list--ranking .p-product-list__wrapper img {
  height: 1.54rem;
}
@media screen and (min-width: 768px) {
  #graduation-page .p-promote__category .p-product-list--ranking .p-product-list__wrapper img {
    height: 1.9rem;
  }
}
#graduation-page .p-promote__direction {
  padding-top: 0.17rem;
  padding-bottom: 0.19rem;
}
@media screen and (min-width: 768px) {
  #graduation-page .p-promote__direction {
    padding-top: 0.51rem;
    padding-bottom: 0.34rem;
  }
}
@media screen and (min-width: 768px) {
  #graduation-page .p-promote__direction h4 {
    font-weight: 700;
    font-size: 0.33rem;
    line-height: 0.43rem;
  }
}
@media screen and (min-width: 768px) {
  #graduation-page .p-promote__direction h4 strong {
    font-size: 0.33rem;
    line-height: 0.43rem;
    padding-right: 0.3em;
  }
}

#pr-color {
  text-align: center;
}
@media screen and (min-width: 768px) {
  #pr-color {
    padding-top: unset;
    padding-bottom: 0.94rem;
  }
}
#pr-color .l-heading {
  font-family: "Marcellus", serif;
  font-size: 0.3rem;
  line-height: 0.37rem;
  font-weight: 400;
  letter-spacing: 0;
  color: white;
  position: relative;
  margin-bottom: 0.44rem;
}
@media screen and (min-width: 768px) {
  #pr-color .l-heading {
    font-size: 0.63rem;
    line-height: 0.66rem;
    margin-bottom: 3.819vw;
  }
}
#pr-color .l-heading::before {
  content: "";
  position: absolute;
  z-index: -1;
  display: block;
  width: 3.75rem;
  height: 2.92rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/graduation/color_bg.webp");
  background-repeat: no-repeat;
  background-size: 3.75rem 2.92rem;
  background-position: center top;
  top: -1.22rem;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  #pr-color .l-heading::before {
    width: 100%;
    height: 55.14vw;
    top: -22.153vw;
    background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/graduation/color_bg_pc.webp");
    background-repeat: no-repeat;
    background-size: 100vw 55.14vw;
    background-position: center top;
  }
}
#pr-color .l-catch {
  display: block;
  margin-bottom: 0.15rem;
  color: #BA9E5C;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 0.2rem;
  line-height: 0.24rem;
  font-weight: 400;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  #pr-color .l-catch {
    font-size: 0.4rem;
    line-height: 0.6rem;
    margin-bottom: 0.33rem;
  }
}
#pr-color .l-desc {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.18rem;
  line-height: 0.26rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  margin-bottom: 0.18rem;
}
@media screen and (min-width: 768px) {
  #pr-color .l-desc {
    font-size: 0.24rem;
    line-height: 0.31rem;
    margin-bottom: 0.62rem;
  }
}
#pr-color .l-image {
  width: 3.35rem;
  margin: auto;
}
@media screen and (min-width: 768px) {
  #pr-color .l-image {
    width: 9.16rem;
  }
}
#pr-color .l-image img {
  display: block;
  width: 100%;
  height: auto;
}

#graduation-fv {
  width: 100%;
  height: 5.8rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/graduation/fv.webp");
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  #graduation-fv {
    height: 50vw;
    background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/graduation/fv_pc.webp");
  }
}

#stand {
  position: relative;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/promote/stand_bg.jpg");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% 14.48rem;
  background-position: 100% 0;
}
#stand::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 3.45rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/promote/stand_deco1.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0 0;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  #stand::before {
    background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/promote/stand_deco1_pc.png");
    width: 50%;
    height: 46.111vw;
  }
}
#stand::after {
  content: "";
  position: absolute;
  top: -0.29rem;
  right: 0;
  z-index: 2;
  width: 2.49rem;
  height: 3.27rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/promote/stand_deco2.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0 0;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  #stand::after {
    background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/promote/stand_deco2_pc.png");
    width: 2.37rem;
    height: 2.95rem;
    top: -0.3rem;
    right: calc(50% + 0.98rem);
  }
}
#stand #stand-open {
  padding-bottom: 0.45rem;
}
@media screen and (min-width: 768px) {
  #stand #stand-open {
    padding-bottom: 1.15rem;
  }
}
#stand #stand-concert {
  padding-bottom: 0.42rem;
}
@media screen and (min-width: 768px) {
  #stand #stand-concert {
    padding-bottom: 0.8rem;
  }
}
#stand #stand-seasonal {
  position: relative;
  padding-bottom: 1rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #stand #stand-seasonal {
    padding-bottom: 2rem;
  }
}
#stand #stand-seasonal::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 4.78rem;
  top: -1.45rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/promote/seasonal_bg.png");
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  #stand #stand-seasonal::before {
    width: 23.86rem;
    height: 11.45rem;
    top: -2.56rem;
    left: calc(50% + 1rem);
    background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/promote/seasonal_bg_pc.png");
  }
}
#stand #stand-seasonal .l-heading {
  color: white;
  font-family: "Marcellus", serif;
  font-size: 0.33rem;
  line-height: 0.44rem;
  font-weight: 400;
  letter-spacing: 0.03em;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  margin-bottom: 0.32rem;
  text-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.5);
}
@media screen and (min-width: 768px) {
  #stand #stand-seasonal .l-heading {
    font-size: 0.57rem;
    line-height: 0.76rem;
    margin-bottom: 0.94rem;
  }
}
#stand #stand-seasonal .l-catch {
  text-align: center;
  color: #BA9E5C;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 0.18rem;
  line-height: 0.32rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  margin-bottom: 0.15rem;
}
@media screen and (min-width: 768px) {
  #stand #stand-seasonal .l-catch {
    font-size: 0.4rem;
    line-height: 0.7rem;
    margin-bottom: 0.42rem;
  }
}
#stand #stand-seasonal .l-desc {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.16rem;
  line-height: 0.28rem;
  font-weight: 500;
  letter-spacing: 0;
  color: #6C5D48;
  text-align: center;
  margin-bottom: 0.27rem;
}
@media screen and (min-width: 768px) {
  #stand #stand-seasonal .l-desc {
    font-size: 0.24rem;
    line-height: 0.31rem;
    margin-bottom: 0.56rem;
  }
}
#stand #stand-seasonal .l-container {
  display: flex;
  justify-content: center;
  gap: 0.08rem 0.24rem;
  margin-bottom: 0.48rem;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  #stand #stand-seasonal .l-container {
    gap: 0.45rem;
    margin-bottom: 0.96rem;
  }
}
#stand #stand-seasonal .l-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.05rem;
}
@media screen and (min-width: 768px) {
  #stand #stand-seasonal .l-wrapper {
    gap: 0.15rem;
  }
}
#stand #stand-seasonal .l-wrapper figure {
  display: block;
  width: 1.45rem;
  height: 1.45rem;
  border-radius: 100%;
}
@media screen and (min-width: 768px) {
  #stand #stand-seasonal .l-wrapper figure {
    width: 2.08rem;
    height: 2.08rem;
  }
}
#stand #stand-seasonal .l-wrapper figure img {
  display: block;
  width: 100%;
  height: 100%;
}
#stand #stand-seasonal .l-wrapper figure h4 {
  text-align: center;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.14rem;
  line-height: 0.18rem;
  font-weight: 700;
  letter-spacing: 0.03em;
}
@media screen and (min-width: 768px) {
  #stand #stand-seasonal .l-wrapper figure h4 {
    font-size: 0.22rem;
    line-height: 0.29rem;
  }
}
#stand #stand-seasonal .p-banner-link {
  text-align: left;
}

#orchid {
  position: relative;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/promote/orchid_bg.jpg");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% 14.48rem;
  background-position: 100% 0;
  --heading1: #B16E90;
  --heading2: #B16E90;
  padding-top: 1.27rem;
}
@media screen and (min-width: 768px) {
  #orchid {
    padding-top: 0.67rem;
  }
}
#orchid::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 2.99rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/promote/orchid_deco1.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0 0;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  #orchid::before {
    background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/promote/orchid_deco1_pc.png");
    width: 70.625vw;
    height: 41.111vw;
  }
}
#orchid .p-promote__top {
  text-align: right;
}
@media screen and (min-width: 768px) {
  #orchid .p-promote__top {
    text-align: left;
  }
}
#orchid .p-promote__top--catch {
  text-shadow: 0 0 0.1rem white, 0 0 0.1rem white, 0 0 0.1rem white, 0 0 0.1rem white, 0 0 0.1rem white, 0 0 0.2rem white, 0 0 0.2rem white, 0 0 0.2rem white, 0 0 0.2rem white;
}
#orchid .p-promote__top--name {
  letter-spacing: 0;
}
#orchid .p-promote__heading {
  text-shadow: 0 0 0.1rem white, 0 0 0.1rem white, 0 0 0.1rem white, 0 0 0.1rem white, 0 0 0.1rem white, 0 0 0.2rem white, 0 0 0.2rem white, 0 0 0.2rem white, 0 0 0.2rem white;
}
#orchid .p-promote__direction {
  background: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/promote/direction_bg.jpg");
  background-size: cover;
  background-position: bottom center;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  #orchid .p-promote__direction {
    background: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/promote/direction_bg_pc.jpg");
    background-position: bottom center;
  }
}
#orchid #orchid-position {
  padding-bottom: 0.45rem;
}
@media screen and (min-width: 768px) {
  #orchid #orchid-position {
    padding-bottom: 1.16rem;
  }
}
#orchid #orchid-store {
  padding-bottom: 0.45rem;
}
@media screen and (min-width: 768px) {
  #orchid #orchid-store {
    padding-bottom: 1.28rem;
  }
}
#orchid #orchid-construction {
  padding-bottom: 0.47rem;
}
@media screen and (min-width: 768px) {
  #orchid #orchid-construction {
    padding-bottom: 2rem;
  }
}
#orchid #orchid-construction .p-banner-link--orchid {
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  #orchid #orchid-construction .p-banner-link--orchid {
    margin-top: 1.2rem;
  }
}

#pr-faq {
  padding-top: 0.22rem;
  padding-bottom: 0.41rem;
  width: 100%;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/promote/faq_bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  #pr-faq {
    padding-top: 0.74rem;
    padding-bottom: 0.86rem;
  }
}
#pr-faq .l-container {
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #pr-faq .l-container {
    width: 7.94rem;
    margin: auto;
  }
}
#pr-faq .l-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0.27rem;
}
@media screen and (min-width: 768px) {
  #pr-faq .l-heading {
    gap: 0.2rem;
    margin-bottom: 0.67rem;
  }
}
#pr-faq .l-heading strong {
  font-family: "Marcellus", serif;
  font-size: 0.32rem;
  line-height: 0.43rem;
  font-weight: 400;
  letter-spacing: 0;
  color: #BA9E5C;
}
@media screen and (min-width: 768px) {
  #pr-faq .l-heading strong {
    font-size: 0.4rem;
    line-height: 0.53rem;
  }
}
#pr-faq .l-heading span {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.15rem;
  line-height: 0.2rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: #393632;
  margin-bottom: 0.23rem;
}
@media screen and (min-width: 768px) {
  #pr-faq .l-heading span {
    font-size: 0.17rem;
    line-height: 0.22rem;
  }
}
#pr-faq .l-button {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  align-items: center;
  margin-top: 0.22rem;
}
@media screen and (min-width: 768px) {
  #pr-faq .l-button {
    gap: 0.2rem;
    flex-direction: row;
    justify-content: center;
    margin-top: 0.5rem;
  }
}
#pr-faq .l-button a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.2rem;
  height: 0.49rem;
  border: 0.015rem solid #BA9E5C;
  font-family: "Marcellus", serif;
  font-size: 0.18rem;
  line-height: 0.24rem;
  font-weight: 400;
  letter-spacing: 0;
  color: #BA9E5C;
  position: relative;
  background-color: white;
}
@media screen and (min-width: 768px) {
  #pr-faq .l-button a {
    width: 3.2rem;
    height: 0.49rem;
    font-size: 0.18rem;
    line-height: 0.24rem;
  }
}
#pr-faq .l-button a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.2rem;
  transform: translateY(-50%);
  width: 0.059rem;
  height: 0.1012rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/flowerstand/faq_arrow_right.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  #pr-faq .l-button a::after {
    width: 0.059rem;
    height: 0.1012rem;
    right: 0.17rem;
  }
}
#pr-faq .p-faq {
  margin-bottom: 0.38rem;
}
@media screen and (min-width: 768px) {
  #pr-faq .p-faq {
    margin-bottom: 0.8rem;
  }
}
#pr-faq .p-faq__question {
  padding-left: 0.1rem;
}
@media screen and (min-width: 768px) {
  #pr-faq .p-faq__question {
    padding-left: 0.2rem;
  }
}
#pr-faq .p-faq__display {
  width: 0.06rem;
  height: 0.08rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/promote/faq_arrow_bottom.svg");
  right: 0.24rem;
}
@media screen and (min-width: 768px) {
  #pr-faq .p-faq__display {
    width: 0.1288rem;
    height: 0.07rem;
    background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/promote/faq_arrow_bottom_pc.svg");
  }
}

#pr-bottom {
  padding-top: 0.53rem;
  padding-bottom: 0.5rem;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
}
@media screen and (min-width: 768px) {
  #pr-bottom {
    padding-top: 1.1rem;
    padding-bottom: 1.2rem;
    padding-left: unset;
    padding-right: unset;
    width: 10.4rem;
    margin: auto;
  }
}
#pr-bottom .l-container {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 0.34rem;
}
@media screen and (min-width: 768px) {
  #pr-bottom .l-container {
    gap: 0.76rem;
  }
}

#artificial-features {
  padding-top: 0.18rem;
  padding-bottom: 1.23rem;
}
@media screen and (min-width: 768px) {
  #artificial-features {
    padding-top: 0.28rem;
  }
}
#artificial-features .l-desc {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.16rem;
  line-height: 0.29rem;
  font-weight: 500;
  letter-spacing: 0;
  margin-bottom: 0.43rem;
}
@media screen and (min-width: 768px) {
  #artificial-features .l-desc {
    font-size: 0.17rem;
    line-height: 0.29rem;
    margin-bottom: 0.63rem;
  }
}
#artificial-features .c-heading--underline--large {
  margin-bottom: 0.4rem;
}
@media screen and (min-width: 768px) {
  #artificial-features .c-heading--underline--large {
    margin-bottom: 0.68rem;
  }
}

#artificial-design {
  padding-bottom: 1.47rem;
}
@media screen and (min-width: 768px) {
  #artificial-design {
    padding-bottom: 2.66rem;
  }
}
#artificial-design .l-container {
  display: flex;
  flex-direction: column;
  gap: 0.57rem;
}
@media screen and (min-width: 768px) {
  #artificial-design .l-container {
    gap: 1.57rem;
  }
}
#artificial-design .p-artificial__design {
  margin-bottom: 0.4rem;
}
@media screen and (min-width: 768px) {
  #artificial-design .p-artificial__design {
    margin-bottom: 1.03rem;
  }
}
#mothers-day-page .p-calendar__bottom {
  display: none;
}
#mothers-day-page main {
  width: 100%;
}
#mothers-day-page #pr-intro {
  padding-bottom: unset;
}
#mothers-day-page #pr-intro::after {
  display: none;
}
#mothers-day-page #pr-intro .l-flow {
  margin-bottom: unset;
}
#mothers-day-page #pr-intro .l-link {
  padding-top: 0.5rem;
  padding-bottom: 0.33rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/graduation/scene_bg.webp");
  background-position: center top;
  gap: 0.32rem;
}
@media screen and (min-width: 768px) {
  #mothers-day-page #pr-intro .l-link {
    background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/graduation/scene_bg_pc.webp");
    width: 100%;
    padding-top: 1.26rem;
    padding-bottom: 1.86rem;
    align-items: center;
  }
}
@media screen and (min-width: 768px) {
  #mothers-day-page #pr-intro .l-link__wrapper {
    width: 10.4rem;
    height: 2.76rem;
  }
}
@media screen and (min-width: 768px) {
  #mothers-day-page #pr-intro .l-link__image {
    width: 4.33rem;
  }
}
#mothers-day-page #pr-intro .l-link__text {
  text-align: center;
  padding-bottom: 0.66rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  #mothers-day-page #pr-intro .l-link__text {
    padding-top: 0.53rem;
  }
}
#mothers-day-page #pr-intro .l-link__text::after {
  content: "";
  display: block;
  width: 0.24rem;
  height: 0.24rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/promote/intro_arrow1.svg");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: 50%;
  bottom: 0.29rem;
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  #mothers-day-page #pr-intro .l-link__text::after {
    width: 0.37rem;
    height: 0.37rem;
    bottom: 0.39rem;
  }
}
#mothers-day-page #pr-intro .l-link__text--heading {
  justify-content: center;
  color: #BA9E5C;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 0.32rem;
  line-height: 0.42rem;
  font-weight: 400;
  letter-spacing: 0;
  margin-bottom: 0.11rem;
}
@media screen and (min-width: 768px) {
  #mothers-day-page #pr-intro .l-link__text--heading {
    font-size: 0.51rem;
    line-height: 0.65rem;
    margin-bottom: 0.12rem;
  }
}
#mothers-day-page #pr-intro .l-link__text--heading::after {
  content: unset;
}
#mothers-day-page #pr-intro .l-link__text--desc {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 0.18rem;
  line-height: 0.27rem;
  font-weight: 400;
  letter-spacing: 0;
  margin-bottom: unset;
}
@media screen and (min-width: 768px) {
  #mothers-day-page #pr-intro .l-link__text--desc {
    font-size: 0.18rem;
    line-height: 0.27rem;
  }
}
#mothers-day-page #pr-intro .l-link__heading {
  width: 2.89rem;
  height: 0.39rem;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 0.01rem solid #BA9E5C;
  border-bottom: 0.01rem solid #BA9E5C;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.19rem;
  line-height: 0.25rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #BA9E5C;
  margin-bottom: 0.11rem;
}
@media screen and (min-width: 768px) {
  #mothers-day-page #pr-intro .l-link__heading {
    width: 5.88rem;
    height: 0.7rem;
    font-size: 0.36rem;
    line-height: 0.48rem;
    margin-bottom: 0.68rem;
  }
}
#mothers-day-page #pr-intro .l-mother {
  padding-top: 0.47rem;
  padding-bottom: 0.44rem;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 0.2rem;
  line-height: 0.38rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #6C5D48;
  text-align: center;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/mothers-day/bg_pink.sp.webp");
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  #mothers-day-page #pr-intro .l-mother {
    padding-top: 0.56rem;
    padding-bottom: 0.5rem;
    background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/mothers-day/bg_pink.pc.webp");
    font-size: 0.34rem;
    line-height: 0.7rem;
  }
}
#mothers-day-page #pr-bottom {
  padding-bottom: 0.61rem;
}
@media screen and (min-width: 768px) {
  #mothers-day-page #pr-bottom {
    padding-bottom: 2.03rem;
  }
}
#mothers-day-page #pr-bottom .l-container {
  gap: 0.37rem;
}
@media screen and (min-width: 768px) {
  #mothers-day-page #pr-bottom .l-container {
    gap: 0.43rem;
  }
}
#mothers-day-page #mothers-day .p-promote__top--subtitle {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mothers-day-page #mothers-day .p-promote__top--name span {
  display: flex;
  gap: 0.14rem;
  text-align: center;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  #mothers-day-page #mothers-day .p-promote__top--name span {
    gap: 0.34rem;
    text-align: left;
  }
}
#mothers-day-page #mothers-day .p-promote__top--name span strong {
  font-size: 0.42rem;
  line-height: 0.56rem;
}
@media screen and (min-width: 768px) {
  #mothers-day-page #mothers-day .p-promote__top--name span strong {
    font-size: 0.72rem;
    line-height: 0.96rem;
  }
}
#mothers-day-page #mothers-day .p-promote__top--name span i {
  font-style: normal;
  font-size: 0.22rem;
  line-height: 0.36rem;
}
@media screen and (min-width: 768px) {
  #mothers-day-page #mothers-day .p-promote__top--name span i {
    font-size: 0.36rem;
    line-height: 0.54rem;
  }
}
#mothers-day-page #company {
  padding-top: 0.6rem;
}
@media screen and (min-width: 768px) {
  #mothers-day-page #company {
    padding-top: 1.37rem;
  }
}
@media screen and (min-width: 768px) {
  #mothers-day-page #company .p-promote__top--subtitle {
    margin-bottom: 0.77rem;
  }
}
@media screen and (min-width: 768px) {
  #mothers-day-page #company .p-promote__top--name {
    margin-bottom: 0.67rem;
  }
}
#mothers-day-page #company-stand {
  padding-bottom: 0.71rem;
}
@media screen and (min-width: 768px) {
  #mothers-day-page #company-stand {
    padding-bottom: 1.97rem;
  }
}
#mothers-day-page #company-arrangement {
  padding-bottom: 1.51rem;
}
@media screen and (min-width: 768px) {
  #mothers-day-page #company-arrangement {
    padding-bottom: 3.63rem;
  }
}
#mothers-day-page .p-promote {
  padding-top: 0.35rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/graduation/bg.webp");
  background-size: 22.98rem 22.97rem;
  background-position: top left;
}
@media screen and (min-width: 768px) {
  #mothers-day-page .p-promote #mothers-day-deco1 {
    display: none;
  }
}
#mothers-day-page .p-promote #mothers-day-deco2 {
  width: 3.2rem;
  height: 2.13rem;
  margin-top: 0.06rem;
  margin-bottom: -0.09rem;
  margin: auto;
}
@media screen and (min-width: 768px) {
  #mothers-day-page .p-promote #mothers-day-deco2 {
    display: none;
  }
}
#mothers-day-page .p-promote #mothers-day-deco3 {
  display: none;
}
@media screen and (min-width: 768px) {
  #mothers-day-page .p-promote #mothers-day-deco3 {
    display: block;
    width: 7.79rem;
    height: 4.95rem;
    position: absolute;
    top: -1.39rem;
    left: 4.16rem;
  }
}
@media screen and (min-width: 768px) {
  #mothers-day-page .p-promote {
    padding-top: 1.37rem;
  }
}
#mothers-day-page .p-promote__container--parent {
  overflow: initial;
}
@media screen and (min-width: 768px) {
  #mothers-day-page .p-promote__top {
    margin-left: unset;
    width: 100%;
    margin-bottom: 1.01rem;
  }
}
#mothers-day-page .p-promote__top--subtitle {
  margin-bottom: 0.17rem;
}
@media screen and (min-width: 768px) {
  #mothers-day-page .p-promote__top--subtitle {
    justify-content: center;
    width: 5rem;
    height: 0.43rem;
    font-size: 0.22rem;
    line-height: 0.46rem;
    letter-spacing: 0.1em;
    margin-bottom: 0.31rem;
  }
}
#mothers-day-page .p-promote__top--name {
  display: flex;
  flex-direction: column;
  gap: 0.08rem;
  color: #BA9E5C;
  left: unset;
}
@media screen and (min-width: 768px) {
  #mothers-day-page .p-promote__top--name {
    align-items: flex-start;
    margin-bottom: 0.44rem;
  }
}
#mothers-day-page .p-promote__top--name span {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 0.3rem;
  line-height: 0.39rem;
  font-weight: 400;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  #mothers-day-page .p-promote__top--name span {
    font-size: 0.72rem;
    line-height: 0.81rem;
  }
}
@media screen and (min-width: 768px) {
  #mothers-day-page .p-promote__top--name span strong {
    font-size: 0.72rem;
    line-height: 0.96rem;
  }
}
#mothers-day-page .p-promote__top--name small {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 0.18rem;
  line-height: 0.23rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  text-align: center;
  margin-top: 2.52rem;
  color: #6C5D48;
}
@media screen and (min-width: 768px) {
  #mothers-day-page .p-promote__top--name small {
    display: none;
  }
}
#mothers-day-page .p-promote__top--image {
  height: auto;
  display: block;
  max-width: unset;
  width: 100vw;
  height: 2.83rem;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin-top: -3.12rem;
  margin-bottom: 0.35rem;
}
@media screen and (min-width: 768px) {
  #mothers-day-page .p-promote__top--image {
    position: absolute;
    top: -1.37rem;
    left: calc(50% - 1.46rem);
    width: 8.2rem;
    height: 5.04rem;
    transform: unset;
    max-width: 100%;
    margin-top: unset;
    margin-bottom: unset;
  }
}
@media screen and (min-width: 768px) {
  #mothers-day-page .p-promote__text {
    display: flex;
    justify-content: space-between;
  }
}
#mothers-day-page .p-promote__text--desc {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.16rem;
  line-height: 0.3rem;
  font-weight: 500;
  letter-spacing: 0;
  width: 3.15rem;
  margin: auto;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #mothers-day-page .p-promote__text--desc {
    width: 5.2rem;
    margin: unset;
    text-align: left;
  }
}
#mothers-day-page .p-promote__text--desc strong {
  display: none;
}
@media screen and (min-width: 768px) {
  #mothers-day-page .p-promote__text--desc strong {
    display: block;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-size: 0.24rem;
    line-height: 0.31rem;
    font-weight: 400;
    letter-spacing: 0.05em;
    color: #BA9E5C;
    margin-bottom: 0.27rem;
  }
}
@media screen and (min-width: 768px) {
  #mothers-day-page .p-promote__text--desc span {
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
    font-size: 0.18rem;
    line-height: 0.32rem;
    font-weight: 500;
    letter-spacing: 0;
  }
}
#mothers-day-page .p-promote__tips {
  background-color: white;
}
@media screen and (min-width: 768px) {
  #mothers-day-page .p-promote__tips {
    position: relative;
    width: 4.81rem;
    background-color: white;
    height: -moz-fit-content;
    height: fit-content;
    align-self: flex-end;
    margin-bottom: 0.1rem;
  }
}
#mothers-day-page .p-promote__tips--title {
  justify-content: center;
  padding-top: 0.21rem;
  padding-bottom: 0.21rem;
  font-size: 0.2rem;
  padding-left: 0.25rem;
}
@media screen and (min-width: 768px) {
  #mothers-day-page .p-promote__tips--title {
    padding-top: 0.15rem;
    padding-bottom: 0.11rem;
    padding-left: unset;
    font-size: 0.24rem;
    line-height: 0.32rem;
  }
}
#mothers-day-page .p-promote__tips--title::before {
  content: "";
  position: absolute;
  top: -0.11rem;
  left: 0.15rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/graduation/icon_exc.svg");
}
@media screen and (min-width: 768px) {
  #mothers-day-page .p-promote__tips--title::before {
    width: 0.49rem;
    height: 0.46rem;
  }
}
#mothers-day-page .p-promote__tips--content {
  padding-left: 0.1rem;
  padding-right: 0.1rem;
  padding-top: 0.26rem;
  padding-bottom: 0.21rem;
}
@media screen and (min-width: 768px) {
  #mothers-day-page .p-promote__tips--content {
    padding-top: 0.21rem;
    padding-left: 0.1rem;
    padding-right: 0.1rem;
    padding-bottom: 0.19rem;
    height: 1.58rem;
    display: block;
  }
}
#mothers-day-page .p-promote__tips--content h5 {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.16rem;
  line-height: 0.28rem;
  font-weight: 700;
  letter-spacing: 0;
  margin-bottom: unset;
}
@media screen and (min-width: 768px) {
  #mothers-day-page .p-promote__tips--content h5 {
    text-align: center;
    font-size: 0.18rem;
    line-height: 0.31rem;
  }
}
@media screen and (min-width: 768px) {
  #mothers-day-page .p-promote__category {
    position: relative;
  }
}
#mothers-day-page .p-promote__category--heading {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-left: 0.14rem;
}
@media screen and (min-width: 768px) {
  #mothers-day-page .p-promote__category--heading {
    gap: 0.05rem;
    padding-left: 0.24rem;
    margin-bottom: 0.39rem;
  }
}
#mothers-day-page .p-promote__category--heading::before {
  content: "";
  width: 0.04rem;
  height: calc(100% - 0.08rem);
  position: absolute;
  left: 0;
  top: 0.04rem;
  background-color: #BA9E5C;
  margin-bottom: 0.02rem;
}
@media screen and (min-width: 768px) {
  #mothers-day-page .p-promote__category--heading::before {
    height: calc(100% - 0.18rem);
  }
}
#mothers-day-page .p-promote__category--heading span {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 0.14rem;
  line-height: 0.18rem;
  font-weight: 400;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  #mothers-day-page .p-promote__category--heading span {
    font-size: 0.24rem;
    line-height: 0.31rem;
  }
}
#mothers-day-page .p-promote__category--heading strong {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 0.3rem;
  line-height: 0.3rem;
  font-weight: 400;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  #mothers-day-page .p-promote__category--heading strong {
    font-size: 0.56rem;
    line-height: 0.72rem;
  }
}
#mothers-day-page .p-promote__category--image {
  display: block;
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  #mothers-day-page .p-promote__category--image {
    width: 5.16rem;
    position: absolute;
    top: -0.5rem;
    right: -1.54rem;
  }
}
#mothers-day-page .p-promote__category--catch {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.2rem;
  line-height: 0.24rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: #393632;
  text-align: center;
  width: 100%;
  position: relative;
  margin-bottom: 0.37rem;
}
@media screen and (min-width: 768px) {
  #mothers-day-page .p-promote__category--catch {
    width: -moz-fit-content;
    width: fit-content;
    padding-left: 0.22rem;
    padding-right: 0.22rem;
  }
}
#mothers-day-page .p-promote__category--catch::before {
  content: "";
  width: 0.02rem;
  height: calc(100% - 0.05rem);
  position: absolute;
  left: 0;
  top: 0.02rem;
  background-color: #BA9E5C;
  margin-bottom: 0.02rem;
}
#mothers-day-page .p-promote__category--catch::after {
  content: "";
  width: 0.02rem;
  height: calc(100% - 0.05rem);
  position: absolute;
  right: 0;
  top: 0.02rem;
  background-color: #BA9E5C;
  margin-bottom: 0.02rem;
}
#mothers-day-page .p-promote__category .p-product-list--ranking {
  margin-bottom: 0.58rem;
}
@media screen and (min-width: 768px) {
  #mothers-day-page .p-promote__category .p-product-list--ranking {
    gap: 0.36rem 0;
    justify-content: center;
    gap: 0.22rem;
    margin-bottom: 0.78rem;
  }
}
#mothers-day-page .p-promote__category .p-product-list--ranking .p-product-list__wrapper {
  width: 1.54rem;
}
@media screen and (min-width: 768px) {
  #mothers-day-page .p-promote__category .p-product-list--ranking .p-product-list__wrapper {
    width: 1.9rem;
  }
}
#mothers-day-page .p-promote__category .p-product-list--ranking .p-product-list__wrapper::before {
  background-color: var(--body-color);
}
#mothers-day-page .p-promote__category .p-product-list--ranking .p-product-list__wrapper img {
  height: 1.54rem;
}
@media screen and (min-width: 768px) {
  #mothers-day-page .p-promote__category .p-product-list--ranking .p-product-list__wrapper img {
    height: 1.9rem;
  }
}
#mothers-day-page .p-promote__direction {
  padding-top: 0.3rem;
  padding-bottom: 0.35rem;
}
@media screen and (min-width: 768px) {
  #mothers-day-page .p-promote__direction {
    padding-top: 0.51rem;
    padding-bottom: 0.34rem;
  }
}
#mothers-day-page .p-promote__direction h4 {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.26rem;
  line-height: 0.38rem;
  font-weight: 700;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  #mothers-day-page .p-promote__direction h4 {
    font-weight: 700;
    font-size: 0.33rem;
    line-height: 0.43rem;
  }
}
@media screen and (min-width: 768px) {
  #mothers-day-page .p-promote__direction h4 strong {
    font-size: 0.33rem;
    line-height: 0.43rem;
    padding-right: 0.3em;
  }
}
#mothers-day-page #pr-color {
  padding-top: 0.8rem;
}
@media screen and (min-width: 768px) {
  #mothers-day-page #pr-color {
    padding-top: 1.93rem;
    padding-bottom: 1.47rem;
  }
}
#mothers-day-page #pr-color .l-heading::before {
  top: -1rem;
  opacity: 0.5;
}
@media screen and (min-width: 768px) {
  #mothers-day-page #pr-color .l-heading::before {
    top: -3rem;
    opacity: 1;
  }
}
#mothers-day-page #pr-color .l-catch {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 0.2rem;
  line-height: 0.36rem;
  font-weight: 600;
  letter-spacing: 0;
  margin-bottom: 0.25rem;
}
@media screen and (min-width: 768px) {
  #mothers-day-page #pr-color .l-catch {
    font-size: 0.4rem;
    line-height: 0.6rem;
    margin-bottom: 0.33rem;
  }
}
#mothers-day-page #pr-color .l-desc {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.18rem;
  line-height: 0.32rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  margin-bottom: 0.37rem;
}
@media screen and (min-width: 768px) {
  #mothers-day-page #pr-color .l-desc {
    font-size: 0.24rem;
    line-height: 0.32rem;
    margin-bottom: 0.63rem;
  }
}
#mothers-day-page #pr-bottom {
  padding-top: 1.18rem;
}
@media screen and (min-width: 768px) {
  #mothers-day-page #pr-bottom {
    padding-top: unset;
  }
}
#mothers-day-page #pr-bottom .l-top {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-bottom: 0.41rem;
}
@media screen and (min-width: 768px) {
  #mothers-day-page #pr-bottom .l-top {
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    gap: 0.85rem;
    margin-bottom: 0.75rem;
  }
}
#mothers-day-page #pr-bottom .l-top::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -0.9rem;
  left: 50%;
  transform: translateX(-50%);
  width: 3.75rem;
  height: 5.02rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/mothers-day/bg.sp.webp");
  background-size: contain;
  background-repeat: no-repeat;
  max-width: unset;
}
@media screen and (min-width: 768px) {
  #mothers-day-page #pr-bottom .l-top::before {
    width: 100vw;
    height: 64.74vw;
    top: -1.36rem;
    background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/mothers-day/bg.pc.webp");
  }
}
#mothers-day-page #pr-bottom .l-top .l-logo {
  width: 2.45rem;
  height: 2.26rem;
}
#mothers-day-page #pr-bottom .l-top .l-logo img {
  display: block;
  width: 100%;
  height: 100%;
}
#mothers-day-page #pr-bottom .l-top .l-text {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  align-items: center;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #mothers-day-page #pr-bottom .l-top .l-text {
    padding-bottom: 0.05rem;
    width: 5.1rem;
    gap: unset;
  }
}
#mothers-day-page #pr-bottom .l-top .l-text strong {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 0.24rem;
  line-height: 0.42rem;
  font-weight: 500;
  letter-spacing: 0;
}
#mothers-day-page #pr-bottom .l-top .l-text span {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 0.18rem;
  line-height: 0.26rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  width: 3.15rem;
  padding-top: 0.17rem;
  padding-bottom: 0.17rem;
  border-top: 0.01rem solid #BA9E5C;
  border-bottom: 0.01rem solid #BA9E5C;
}
@media screen and (min-width: 768px) {
  #mothers-day-page #pr-bottom .l-top .l-text span {
    width: 100%;
    margin-top: 0.13rem;
    margin-bottom: 0.25rem;
    padding-top: 0.08rem;
    padding-bottom: 0.08rem;
  }
}
#mothers-day-page #pr-bottom .l-desc {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.2rem;
  line-height: 0.3rem;
  font-weight: 500;
  letter-spacing: 0;
  margin-bottom: 0.37rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #mothers-day-page #pr-bottom .l-desc {
    font-size: 0.28rem;
    line-height: 0.37rem;
    margin-bottom: 0.56rem;
  }
}

#mothers-day-fv {
  width: 100%;
  height: 5.8rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/mothers-day/fv.sp.webp");
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  #mothers-day-fv {
    height: 50vw;
    background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/mothers-day/fv.pc.webp");
  }
}

#contact-wrapper .l-state__sw {
  display: none;
}
#contact-wrapper #state1sw:checked ~ #contact-form {
  height: auto;
}
#contact-wrapper #state2sw:checked ~ #contact-confirm {
  height: auto;
}

#contact-form {
  padding-top: 0.5rem;
  height: 0;
  overflow-y: hidden;
}
@media screen and (min-width: 768px) {
  #contact-form {
    padding-top: 0.65rem;
    padding-right: 1.8rem;
  }
}
#contact-form .c-heading--underline {
  font-size: 0.24rem;
  line-height: 0.32rem;
  margin-bottom: 0.26rem;
  padding-left: unset;
  border-bottom: #707070 solid 0.01rem;
}
#contact-form .c-heading--underline::before {
  content: unset;
}
#contact-form .l-desc {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.16rem;
  line-height: 0.22rem;
  font-weight: 500;
  letter-spacing: 0;
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  #contact-form .l-desc {
    margin-bottom: 0.78rem;
  }
}
#contact-form .l-contact #form1sw:checked ~ #form1 {
  height: -moz-fit-content;
  height: fit-content;
}
#contact-form .l-contact #form2sw:checked ~ #form2 {
  height: -moz-fit-content;
  height: fit-content;
}
#contact-form .l-contact__sw {
  display: none;
}
#contact-form .l-contact__form {
  height: 0;
  overflow: hidden;
}
#contact-form .l-contact__switch {
  display: flex;
  gap: 0.2rem;
}
@media screen and (min-width: 768px) {
  #contact-form .l-contact__switch {
    justify-content: space-between;
    width: 100%;
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
    font-size: 0.16rem;
    line-height: 0.21rem;
    font-weight: 500;
    letter-spacing: 0;
  }
}
#contact-form .l-contact__label {
  display: flex;
  align-items: center;
  gap: 0.03rem;
  cursor: pointer;
}
#contact-form .l-contact__label::before {
  content: "";
  width: 0.16rem;
  height: 0.16rem;
  border-radius: 100%;
  outline: 0.01rem solid #707070;
  background-color: white;
  box-sizing: border-box;
}
#contact-form .l-contact__label--active::before {
  border: 0.04rem solid #007BFF;
}
@media screen and (min-width: 768px) {
  #contact-form .p-form__main {
    width: 6.2rem;
    margin: auto;
  }
}
#contact-form .p-form__main input {
  background-color: white;
}
#contact-form .p-form__main input:-moz-placeholder-shown {
  background-color: rgba(208, 191, 148, 0.5);
}
#contact-form .p-form__main input:placeholder-shown {
  background-color: rgba(208, 191, 148, 0.5);
}
#contact-form .p-form__main textarea {
  background-color: white;
}
#contact-form .p-form__main textarea:-moz-placeholder-shown {
  background-color: rgba(208, 191, 148, 0.5);
}
#contact-form .p-form__main textarea:placeholder-shown {
  background-color: rgba(208, 191, 148, 0.5);
}
#contact-form .p-form__main select {
  width: -moz-fit-content;
  width: fit-content;
  padding-left: 0.3em;
  padding-right: 0.3em;
  background-color: white;
}
#contact-form .p-form__caution {
  display: flex;
  flex-direction: column;
  margin-top: 0.4rem;
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #contact-form .p-form__caution {
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
    font-size: 0.15rem;
    line-height: 0.32rem;
    font-weight: 500;
    letter-spacing: 0;
    margin-top: 0.57rem;
  }
}
#contact-form .p-form__caution li {
  display: flex;
}
#contact-form .p-form__caution li::before {
  content: "※";
  flex: none;
}
#contact-form .p-form__item dt {
  border: unset;
}
@media screen and (min-width: 768px) {
  #contact-form .p-form__item dt {
    border-right: unset;
    padding-left: 0.2rem;
    padding-right: 0.1rem;
    width: 2.2rem;
    align-items: flex-start;
    padding-top: 0.22rem;
  }
}
@media screen and (min-width: 768px) {
  #contact-form .p-form__item dd {
    min-height: unset;
  }
}
#contact-form .p-form__item--caution {
  margin-top: 0.05rem;
  color: #BE6B6B;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.14rem;
  line-height: 0.18rem;
  font-weight: 500;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  #contact-form .p-form__item--horizontal {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.15rem;
    justify-content: flex-start;
  }
  #contact-form .p-form__item--horizontal input {
    width: 1.2rem !important;
  }
  #contact-form .p-form__item--horizontal p {
    flex: none;
    white-space: nowrap;
    font-size: 0.14rem;
  }
}
#contact-form .wpcf7-spinner {
  display: none;
}
#contact-form .c-btn--square {
  color: white;
  margin: 0.4rem auto 0;
  outline: unset;
  border: unset;
  width: 3.4rem;
  height: 0.6rem;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.2rem;
  line-height: 0.27rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  cursor: pointer;
  transition: 0.3s;
}
@media screen and (min-width: 768px) {
  #contact-form .c-btn--square {
    margin-top: 0.58rem;
  }
}
#contact-form .c-btn--square:hover {
  opacity: 0.7;
}
#contact-form .c-btn--square::after {
  content: unset;
}
#contact-form .wpcf7-response-output {
  width: 100%;
  margin: 0 0 0.5rem;
  border-radius: 0.03rem;
  padding: 0.1rem 0.1rem;
  text-align: center;
}

#contact-confirm {
  padding-top: 0.5rem;
  height: 0;
  overflow-y: hidden;
}
@media screen and (min-width: 768px) {
  #contact-confirm {
    padding-top: 0.65rem;
    padding-right: 1.8rem;
  }
}
#contact-confirm .c-heading--underline {
  font-size: 0.24rem;
  line-height: 0.32rem;
  margin-bottom: 0.26rem;
  padding-left: unset;
  border-bottom: #707070 solid 0.01rem;
}
#contact-confirm .c-heading--underline::before {
  content: unset;
}
#contact-confirm .l-desc {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.16rem;
  line-height: 0.22rem;
  font-weight: 500;
  letter-spacing: 0;
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  #contact-confirm .l-desc {
    margin-bottom: 0.78rem;
  }
}
#contact-confirm .l-contact #form1sw:checked ~ #form1 {
  height: -moz-fit-content;
  height: fit-content;
}
#contact-confirm .l-contact #form2sw:checked ~ #form2 {
  height: -moz-fit-content;
  height: fit-content;
}
#contact-confirm .l-contact__sw {
  display: none;
}
#contact-confirm .l-contact__form {
  height: 0;
  overflow: hidden;
}
#contact-confirm .l-contact__switch {
  display: flex;
  gap: 0.2rem;
}
@media screen and (min-width: 768px) {
  #contact-confirm .l-contact__switch {
    justify-content: space-between;
    width: 100%;
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
    font-size: 0.16rem;
    line-height: 0.21rem;
    font-weight: 500;
    letter-spacing: 0;
  }
}
#contact-confirm .l-contact__label {
  display: flex;
  align-items: center;
  gap: 0.03rem;
  cursor: pointer;
}
#contact-confirm .l-contact__label::before {
  content: "";
  width: 0.16rem;
  height: 0.16rem;
  border-radius: 100%;
  outline: 0.01rem solid #707070;
  background-color: white;
  box-sizing: border-box;
}
#contact-confirm .l-contact__label--active::before {
  border: 0.04rem solid #007BFF;
}
@media screen and (min-width: 768px) {
  #contact-confirm .p-form__main {
    width: 6.2rem;
    margin: auto;
  }
}
#contact-confirm .p-form__main input {
  background-color: white;
}
#contact-confirm .p-form__main input:-moz-placeholder-shown {
  background-color: rgba(208, 191, 148, 0.5);
}
#contact-confirm .p-form__main input:placeholder-shown {
  background-color: rgba(208, 191, 148, 0.5);
}
#contact-confirm .p-form__main textarea {
  background-color: white;
}
#contact-confirm .p-form__main textarea:-moz-placeholder-shown {
  background-color: rgba(208, 191, 148, 0.5);
}
#contact-confirm .p-form__main textarea:placeholder-shown {
  background-color: rgba(208, 191, 148, 0.5);
}
#contact-confirm .p-form__main select {
  width: -moz-fit-content;
  width: fit-content;
  padding-left: 0.3em;
  padding-right: 0.3em;
  background-color: white;
}
#contact-confirm .p-form__caution {
  display: flex;
  flex-direction: column;
  margin-top: 0.4rem;
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #contact-confirm .p-form__caution {
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
    font-size: 0.15rem;
    line-height: 0.32rem;
    font-weight: 500;
    letter-spacing: 0;
    margin-top: 0.57rem;
  }
}
#contact-confirm .p-form__caution li {
  display: flex;
}
#contact-confirm .p-form__caution li::before {
  content: "※";
  flex: none;
}
#contact-confirm .p-form__item dt {
  border: unset;
}
@media screen and (min-width: 768px) {
  #contact-confirm .p-form__item dt {
    border-right: unset;
    padding-left: 0.2rem;
    padding-right: 0.1rem;
    width: 2.2rem;
    align-items: flex-start;
    padding-top: 0.12rem;
    padding-bottom: 0.13rem;
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
    font-size: 0.16rem;
    line-height: 0.21rem;
    font-weight: 700;
    letter-spacing: 0;
    color: #6C5D48;
  }
}
@media screen and (min-width: 768px) {
  #contact-confirm .p-form__item dd {
    min-height: unset;
    padding-top: 0.12rem;
    padding-bottom: 0.13rem;
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
    font-size: 0.16rem;
    line-height: 0.24rem;
    font-weight: 500;
    letter-spacing: 0;
  }
}
#contact-confirm .p-form__item--caution {
  margin-top: 0.05rem;
  color: #BE6B6B;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.14rem;
  line-height: 0.18rem;
  font-weight: 500;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  #contact-confirm .p-form__item--horizontal {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.15rem;
    justify-content: flex-start;
  }
  #contact-confirm .p-form__item--horizontal input {
    width: 1.2rem !important;
  }
  #contact-confirm .p-form__item--horizontal p {
    flex: none;
    white-space: nowrap;
    font-size: 0.14rem;
  }
}
#contact-confirm .l-button {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  margin: auto;
  margin-top: 0.6rem;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 768px) {
  #contact-confirm .l-button {
    flex-direction: row;
    justify-coontent: space-between;
  }
}
#contact-confirm .l-button .c-btn--square {
  color: white;
  outline: unset;
  border: unset;
  width: 3rem;
  height: 0.6rem;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.2rem;
  line-height: 0.27rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  cursor: pointer;
  transition: 0.3s;
  margin: unset;
}
#contact-confirm .l-button .c-btn--square:nth-of-type(1) {
  background-color: rgba(108, 93, 72, 0.5);
}
#contact-confirm .l-button .c-btn--square::after {
  content: unset;
}
#contact-confirm .l-button .c-btn--square:hover {
  opacity: 0.7;
}

#contact-modal {
  width: 100%;
  height: 100vh;
  position: fixed;
  z-index: 10000000;
  top: 0;
  left: 0;
  transition: 0.3s;
  opacity: 0;
  pointer-events: none;
}
#contact-modal-sw {
  display: none;
}
#contact-modal-sw:checked ~ #contact-modal {
  opacity: 1;
  pointer-events: all;
}
#contact-modal .l-parent {
  scrollbar-width: none;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  height: 100vh;
  overflow-y: scroll;
  -ms-overflow-style: none;
}
@media screen and (min-width: 768px) {
  #contact-modal .l-parent {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
  }
}
#contact-modal .l-container {
  position: relative;
  z-index: 2;
  width: 3.35rem;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 0.3rem 0.2rem 0.5rem;
  margin: auto;
  border-radius: 0.06rem;
}
@media screen and (min-width: 768px) {
  #contact-modal .l-container {
    border-radius: 0.1rem;
    width: 12rem;
    border-radius: 0.1rem;
    padding: 0.6rem 0.6rem 1.8rem;
  }
}
#contact-modal .l-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(108, 93, 72, 0.8);
  mix-blend-mode: multiply;
}
#contact-modal .l-heading {
  background-color: #BE0000;
  color: white;
  width: 100%;
  height: 0.4rem;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.16rem;
  line-height: 0.32rem;
  font-weight: 700;
  letter-spacing: 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.06rem;
  margin-bottom: 0.3rem;
}
@media screen and (min-width: 768px) {
  #contact-modal .l-heading {
    width: 100%;
    height: 0.9rem;
    font-size: 0.42rem;
    line-height: 0.56rem;
    margin-bottom: 0.5rem;
    border-radius: 0.1rem;
  }
}
#contact-modal .l-heading strong {
  color: #FFE200;
}
#contact-modal .l-content {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  #contact-modal .l-content {
    width: 8.1rem;
    margin: 0 auto 1rem;
    gap: 0.5rem;
  }
}
#contact-modal .l-content .l-link {
  margin-top: 0.3rem;
}
#contact-modal .l-content .l-link h3 {
  text-align: center;
  color: #BE0000;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.16rem;
  line-height: 0.22rem;
  font-weight: 700;
  letter-spacing: 0;
  gap: 0.5em;
  display: flex;
  margin-bottom: 0.3rem;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  #contact-modal .l-content .l-link h3 {
    margin-bottom: 0.47rem;
    font-size: 0.22rem;
    line-height: 0.3rem;
    gap: 1.5em;
    margin-bottom: 0.47rem;
  }
}
#contact-modal .l-content .l-link h3::before {
  content: "▼";
}
#contact-modal .l-content .l-link h3::after {
  content: "▼";
}
#contact-modal .l-content .l-link__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
}
@media screen and (min-width: 768px) {
  #contact-modal .l-content .l-link__container {
    align-items: center;
    justify-content: center;
    gap: 0.4rem 0.8rem;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
#contact-modal .l-content .l-link__container a {
  width: 2.8rem;
  height: 0.6rem;
  border-radius: 0.08rem;
  border: 0.02rem solid #BE0000;
  color: #BE0000;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.2rem;
  line-height: 0.32rem;
  font-weight: 700;
  letter-spacing: 0;
  gap: 0.2rem;
}
@media screen and (min-width: 768px) {
  #contact-modal .l-content .l-link__container a {
    width: 3.2rem;
    height: 0.81rem;
  }
}
#contact-modal .l-content .l-link__container a::before {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  flex: none;
  transform: scale(0.8);
}
@media screen and (min-width: 768px) {
  #contact-modal .l-content .l-link__container a::before {
    transform: unset;
  }
}
#contact-modal .l-content .l-link__container #guide::before {
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/contact/icon_guide.svg");
  width: 0.21rem;
  height: 0.3rem;
}
#contact-modal .l-content .l-link__container #faq::before {
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/contact/icon_faq.svg");
  width: 0.3rem;
  height: 0.3rem;
}
#contact-modal .l-content .l-link__container #flow::before {
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/contact/icon_flow.svg");
  width: 0.3rem;
  height: 0.3rem;
}
#contact-modal .l-content .l-link__container #sakamichi::before {
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/contact/icon_sakamichi.svg");
  width: 0.3rem;
  height: 0.3rem;
}
#contact-modal .l-content .l-subject {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding-bottom: 0.3rem;
  border-bottom: 0.01rem solid #A79F95;
}
@media screen and (min-width: 768px) {
  #contact-modal .l-content .l-subject {
    padding-bottom: 0.5rem;
    gap: 0.26rem;
  }
}
#contact-modal .l-content .l-subject dt {
  color: #BE0000;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.16rem;
  line-height: 0.22rem;
  font-weight: 700;
  letter-spacing: 0;
  display: flex;
}
@media screen and (min-width: 768px) {
  #contact-modal .l-content .l-subject dt {
    font-size: 0.26rem;
    line-height: 0.35rem;
    font-feature-settings: "palt" 1;
    white-space: nowrap;
    gap: 0.2em;
  }
}
#contact-modal .l-content .l-subject dt::before {
  content: "";
  flex: none;
  width: 1em;
  height: 1em;
  position: relative;
  top: 0.1em;
  background: radial-gradient(circle at center, #BE0000 0%, #BE0000 25%, transparent 25%, transparent 100%);
}
#contact-modal .l-content .l-subject dd {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.14rem;
  line-height: 0.2rem;
  font-weight: 500;
  letter-spacing: 0;
  font-feature-settings: "palt" 1;
}
@media screen and (min-width: 768px) {
  #contact-modal .l-content .l-subject dd {
    font-size: 0.2rem;
    line-height: 0.34rem;
    color: #393632;
  }
}
#contact-modal .l-content .l-subject dd p {
  padding-left: 0.16rem;
}
@media screen and (min-width: 768px) {
  #contact-modal .l-content .l-subject dd p {
    padding-left: 0.22rem;
  }
}
#contact-modal .l-content .l-subject dd ul {
  display: flex;
  flex-direction: column;
  padding-left: 0.16rem;
}
@media screen and (min-width: 768px) {
  #contact-modal .l-content .l-subject dd ul {
    padding-left: 0.22rem;
    white-space: nowrap;
  }
}
#contact-modal .l-content .l-subject dd ul li {
  display: flex;
}
#contact-modal .l-content .l-subject dd ul li::before {
  content: "・";
  flex: none;
}
#contact-modal .l-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
  color: white;
  background-color: #BE0000;
  border-radius: 0.06rem;
  width: 100%;
  height: 0.8rem;
  margin: auto;
  cursor: pointer;
  transition: 0.3s;
}
#contact-modal .l-btn:hover {
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  #contact-modal .l-btn {
    width: 4.8rem;
    height: 1.2rem;
  }
}
#contact-modal .l-btn span {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.16rem;
  line-height: 0.24rem;
  font-weight: 700;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  #contact-modal .l-btn span {
    font-size: 0.2rem;
    line-height: 0.38rem;
  }
}
#contact-modal .l-btn strong {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.2rem;
  line-height: 0.28rem;
  font-weight: 700;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  #contact-modal .l-btn strong {
    font-size: 0.26rem;
    line-height: 0.38rem;
  }
}
#contact-modal .l-phone {
  margin: auto;
  width: 3.75rem;
}

#price-table {
  padding-top: 0.2rem;
}
@media screen and (min-width: 768px) {
  #price-table {
    padding-top: 0.4rem;
  }
}
#price-table .c-heading--bg {
  margin-bottom: 0.25rem;
}
#price-table .l-container {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  width: 100%;
  margin-bottom: 0.8rem;
}
@media screen and (min-width: 768px) {
  #price-table .l-container {
    margin-bottom: 1.5rem;
  }
}
#price-table .l-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  width: 100%;
}
#price-table .l-heading {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.16rem;
  line-height: 0.22rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  position: relative;
  padding-left: 0.08rem;
}
@media screen and (min-width: 768px) {
  #price-table .l-heading {
    font-size: 0.22rem;
    line-height: 0.3rem;
    padding-left: 0.12rem;
  }
}
#price-table .l-heading::before {
  content: "";
  width: 0.02rem;
  height: 0.14rem;
  position: absolute;
  left: 0;
  top: 0.04rem;
  background-color: #BA9E5C;
}
@media screen and (min-width: 768px) {
  #price-table .l-heading::before {
    height: 0.23rem;
    top: 0.03rem;
  }
}
#price-table .l-table {
  display: flex;
  flex-direction: column;
  border-top: 0.01rem solid #E2DFDF;
  width: 100%;
}
#price-table .l-table dl {
  border-bottom: 0.01rem solid #E2DFDF;
  padding-top: 0.06rem;
  padding-bottom: 0.05rem;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.14rem;
  line-height: 0.2rem;
  font-weight: 500;
  letter-spacing: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 0.03rem;
}
@media screen and (min-width: 768px) {
  #price-table .l-table dl {
    flex-direction: row;
    align-items: center;
    font-size: 0.16rem;
    line-height: 0.22rem;
    padding-top: 0.17rem;
    padding-bottom: 0.18rem;
    justify-content: space-between;
  }
}
#price-table .l-table dl dt {
  padding-left: 0.1rem;
}
@media screen and (min-width: 768px) {
  #price-table .l-table dl dt {
    padding-left: 0.8rem;
  }
}
#price-table .l-table dl dd {
  color: #BA9E5C;
  align-self: flex-end;
  padding-right: 0.1rem;
}
@media screen and (min-width: 768px) {
  #price-table .l-table dl dd {
    padding-right: 3.7rem;
    align-self: normal;
  }
}
#price-table .c-btn--back {
  margin: auto;
}

.p-body__ind {
  --body-color: #E5A1A1;
  --body-dark-color: #E5A1A1;
  --body-deep-color: #BE6B6B;
  --body-light-color: white;
  --body-pale-color: #FBF0F0;
  --body-filter-color: brightness(0) saturate(100%) invert(78%) sepia(18%) saturate(2824%) hue-rotate(305deg) brightness(77%) contrast(92%);
  --body-color--rgb: 229, 161, 161;
  --opposite-light-color: #F2EBDB;
  --opposite-deep-color: #BA9E5C;
}
.p-body__ind .p-header__nav__logo {
  width: 1.55rem;
  height: 0.5rem;
}
.p-body__ind .p-header__features .p-header__feature {
  height: 100%;
}
.p-body__ind .p-header__features .p-header__feature:nth-child(1) {
  width: 2.06rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/header/ind_1.png");
}
.p-body__ind .p-header__features .p-header__feature:nth-child(2) {
  width: 2.06rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/header/ind_2.png");
}
.p-body__ind .p-header__features .p-header__feature:nth-child(3) {
  width: 1.77rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/header/ind_3.png");
}
.p-body__ind .p-header__logo {
  width: 1.29rem;
  height: 0.41rem;
}
@media screen and (min-width: 768px) {
  .p-body__ind .p-header__logo {
    width: 2.06rem;
    height: 0.66rem;
  }
}
.p-body__ind .p-header__logo img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.p-body__ind ::-moz-selection {
  background: var(--body-color);
  color: white;
}
.p-body__ind ::selection {
  background: var(--body-color);
  color: white;
}
.p-body__ind ::-moz-selection {
  background: var(--body-color);
  color: white;
}
.p-body__ind .biz-only {
  display: none !important;
}
.p-body__biz {
  --body-color: #BA9E5C;
  --body-dark-color: #6C5D48;
  --body-deep-color: #6C5D48;
  --body-light-color: #BA9E5C;
  --body-pale-color: #E6D9B7;
  --body-filter-color: brightness(0) saturate(100%) invert(61%) sepia(66%) saturate(271%) hue-rotate(4deg) brightness(91%) contrast(92%);
  --body-color--rgb: 186, 158, 92;
  --opposite-light-color: #FFEAE6;
  --opposite-deep-color: #BE6B6B;
}
.p-body__biz .p-header__nav__logo {
  width: 1.55rem;
  height: 0.5rem;
}
.p-body__biz .p-header__features .p-header__feature {
  height: 100%;
}
.p-body__biz .p-header__features .p-header__feature:nth-child(1) {
  width: 2.05rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/header/biz_1.png");
}
.p-body__biz .p-header__features .p-header__feature:nth-child(2) {
  width: 2.1rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/header/biz_2.png");
}
.p-body__biz .p-header__features .p-header__feature:nth-child(3) {
  width: 1.8rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/header/biz_3.png");
}
.p-body__biz .p-header__logo {
  width: 1.29rem;
  height: 0.41rem;
}
@media screen and (min-width: 768px) {
  .p-body__biz .p-header__logo {
    width: 2.06rem;
    height: 0.66rem;
  }
}
.p-body__biz .p-header__logo img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.p-body__biz ::-moz-selection {
  background: var(--body-color);
  color: white;
}
.p-body__biz ::selection {
  background: var(--body-color);
  color: white;
}
.p-body__biz ::-moz-selection {
  background: var(--body-color);
  color: white;
}
.p-body__biz .ind-only {
  display: none !important;
}
.p-body a[href=""] {
  pointer-events: none;
}

.p-page-header {
  width: 100%;
  height: 1.5rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/bg_header.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  gap: 0.05rem;
}
@media screen and (min-width: 768px) {
  .p-page-header {
    gap: 0.07rem;
    height: 2.38rem;
  }
}
.p-page-header span {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 0.16rem;
  line-height: 0.24rem;
  font-weight: 600;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  .p-page-header span {
    font-size: 0.28rem;
    line-height: 0.41rem;
  }
}
.p-page-header strong {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.2rem;
  line-height: 0.26rem;
  font-weight: 700;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  .p-page-header strong {
    font-size: 0.34rem;
    line-height: 0.44rem;
  }
}

.p-bread {
  position: relative;
  z-index: 5;
  display: flex;
  margin-left: unset;
  justify-content: flex-end;
  flex-wrap: wrap;
  float: none;
  width: 100%;
  gap: 0.08rem;
  font-size: 0.1rem;
  font-weight: 700;
  padding-top: 0.12rem;
  line-height: 100%;
}
@media screen and (min-width: 768px) {
  .p-bread {
    padding-top: 0.12rem;
  }
}
.p-bread li:not(:last-child) {
  display: flex;
  gap: 0.08rem;
  align-items: center;
}
.p-bread li:not(:last-child)::after {
  content: "";
  width: 0.038rem;
  height: 0.075rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/right_arrow_brown.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

.p-header {
  width: 100%;
  position: fixed;
  z-index: 100000;
  top: 0;
  left: 0;
}
.p-header--margin {
  margin-bottom: 1.4rem;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .p-header--margin {
    margin-bottom: 1.8rem;
  }
}
.p-header__container {
  position: relative;
  background-color: white;
  height: 0.7rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .p-header__container {
    height: 1rem;
    justify-content: space-between;
  }
}
.p-header__notify {
  width: 100%;
  height: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--body-color);
  color: white;
  font-weight: 700;
  font-feature-settings: "palt" 1;
}
.p-header__notify a {
  text-align: center;
  font-size: 0.12rem;
  line-height: 0.18rem;
}
@media screen and (min-width: 768px) {
  .p-header__notify a {
    font-size: 0.15rem;
  }
}
.p-header__notify--content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 8.8rem;
  margin: auto;
  white-space: nowrap;
}
.p-header__notify--content--text {
  font-size: 0.14rem;
  letter-spacing: 0.02em;
  font-size: 0.16rem;
}
.p-header__notify--features {
  display: flex;
  align-items: center;
  gap: 0.05rem;
}
.p-header__notify--features--wrapper {
  position: relative;
  display: flex;
  align-items: center;
  background-color: white;
  border-radius: 0.05rem;
  color: #6C5D48;
  height: 0.33rem;
  padding: 0 0.36rem 0 0.24rem;
}
.p-header__notify--features--wrapper::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.05rem;
  transform: translateY(-50%);
  display: block;
  width: 0.25rem;
  height: 0.25rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/icon/ok.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.p-header__notify--features--wrapper img {
  position: absolute;
  left: 0.05rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.15rem;
  height: 100%;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
.p-header__notify--features--wrapper p {
  display: flex;
  gap: 0.12rem;
  align-items: center;
  font-weight: 700;
}
.p-header__notify--features--wrapper p small {
  font-size: 0.11rem;
  line-height: 0.15rem;
  letter-spacing: -0.1em;
}
.p-header__notify--features--wrapper p strong {
  font-size: 0.15rem;
  font-weight: 700;
  line-height: 0.2rem;
}
.p-header__direction {
  display: flex;
  align-items: center;
  gap: 0.12rem;
}
.p-header__direction--item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 0.024rem;
  background-color: var(--color-bg);
  color: var(--color-main);
  border-radius: 0.1rem;
  padding: 0.1rem 0.1rem 0.04rem;
  white-space: nowrap;
}
.p-header__direction--item::after {
  content: "";
}
.p-header__direction--item:nth-of-type(1) {
  --color-main: #63AC6B;
  --color-bg: rgba(159, 194, 56, 0.2);
}
.p-header__direction--item:nth-of-type(2) {
  --color-main: var(--opposite-deep-color);
  --color-bg: var(--opposite-light-color);
}
.p-header__direction--item:nth-of-type(3) {
  --color-main: #BE6B6B;
  --color-bg: #FFEAE6;
}
.p-header__direction--item p {
  font-size: 0.12rem;
  line-height: 0.16rem;
  font-weight: 700;
  color: var(--color-main);
  font-feature-settings: "palt" 1;
}
.p-header__direction--item--link {
  background-color: var(--color-main);
  color: white;
  width: 1.3rem;
  border-radius: 0.05rem;
  padding: 0.05rem 0.1rem 0.05rem 0.05rem;
  text-align: center;
  font-weight: 700;
  font-feature-settings: "palt" 1;
  line-height: 100%;
}
.p-header__direction--item--link::after {
  content: "";
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/arrow_circle_white.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 0.1rem;
  height: 0.1rem;
  display: inline-block;
}
.p-header__direction--item--link strong {
  font-size: 0.135rem;
}
.p-header__direction--item--link i {
  display: inline-block;
  font-style: normal;
  font-size: 0.12rem;
  letter-spacing: -0.01em;
  line-height: 100%;
  color: rgba(255, 255, 255, 0.7);
}
.p-header__direction--item--link small {
  font-size: 0.1rem;
  font-weight: 700;
}
.p-header__direction--item--logo {
  display: block;
}
.p-header__direction--item--logo img {
  display: block;
  width: 100%;
  height: 100%;
}
.p-header__direction--item--main {
  display: flex;
  align-items: center;
  gap: 0.17rem;
}
.p-header__direction--mail {
  display: flex;
  flex-direction: column;
  gap: 0.03rem;
  border-radius: 0.1rem;
  border: 0.015rem solid #BA9E5C;
  padding: 0.05rem 0.1rem;
  white-space: nowrap;
}
.p-header__direction--mail a,
.p-header__direction--mail div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.05rem;
  font-size: 0.12rem;
  line-height: 0.14rem;
  font-weight: 700;
  color: #BA9E5C;
}
.p-header__direction--mail img {
  display: block;
  width: 0.33rem;
  height: 0.25rem;
}
.p-header__direction--mail p {
  font-size: 0.1rem;
  line-height: 0.12rem;
  font-weight: 500;
  letter-spacing: 0;
}
.p-header__direction #direction-creation-logo {
  width: 1.05rem;
  height: 0.35rem;
}
.p-header__direction #direction-hanasuke-logo {
  width: 0.75rem;
  height: 0.1677rem;
}
.p-header__features {
  display: flex;
  gap: 0.08rem;
  height: 0.6rem;
}
.p-header__feature {
  border-radius: 0.05rem;
  border: 0.015rem solid #6C5D48;
}
.p-header__nav__container {
  z-index: 2000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow-y: scroll;
  background-color: rgba(255, 255, 255, 0.9);
  transform: translateY(-100%);
  transition: 0.3s;
}
@media screen and (min-width: 768px) {
  .p-header__nav__container {
    width: 4.8rem;
    padding-top: 0.56rem;
    top: 0;
    left: unset;
    right: 0;
    transform: translateX(100%);
  }
  .p-header__nav__container::-webkit-scrollbar {
    display: none;
  }
}
.p-header__nav__wrapper {
  display: flex;
  flex-direction: column;
  padding-bottom: 1rem;
}
@media screen and (min-width: 768px) {
  .p-header__nav__wrapper {
    padding-bottom: 0.5rem;
  }
}
.p-header__nav__logo {
  display: block;
  margin: auto;
  background-size: contain;
  background-repeat: no-repeat;
}
.p-header__nav__logo img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.p-header__nav__bottom-logo {
  display: flex;
  gap: 0.28rem;
  flex-wrap: wrap;
  align-items: center;
}
.p-header__nav__bottom-logo a {
  display: block;
}
.p-header__nav__bottom-logo a img {
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
.p-header__nav__bottom-logo a img[src*="/logo.png"] {
  width: 0.8rem;
  height: 0.36rem;
}
@media screen and (min-width: 768px) {
  .p-header__nav__bottom-logo a img[src*="/logo.png"] {
    width: 1.02rem;
    height: 0.23rem;
  }
}
.p-header__nav__bottom-logo a img[src*="/creation_logo.png"] {
  width: 1.05rem;
  height: 0.35rem;
}
@media screen and (min-width: 768px) {
  .p-header__nav__bottom-logo a img[src*="/creation_logo.png"] {
    width: 1.31rem;
    height: 0.44rem;
  }
}
.p-header__nav__content {
  width: 100%;
  padding-top: 0.2rem;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  padding-bottom: 0.2rem;
  align-items: center;
  gap: 0.2rem;
  border-bottom: 0.01rem solid var(--body-color);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.2rem;
}
@media screen and (min-width: 768px) {
  .p-header__nav__content {
    padding-top: 0.4rem;
    padding-left: 0.4rem;
    padding-right: 0.4rem;
    padding-bottom: 0.4rem;
  }
}
.p-header__nav__content:nth-last-of-type(1) {
  border: none;
}
.p-header__nav__content ul {
  display: flex;
  flex-direction: column;
  font-weight: 700;
  font-size: 0.16rem;
  line-height: 0.21rem;
  float: left;
  gap: 0.15rem;
  color: #707070;
}
@media screen and (min-width: 768px) {
  .p-header__nav__content ul {
    font-size: 0.18rem;
    line-height: 0.24rem;
    gap: 0.26rem;
  }
}
.p-header__nav__sns {
  display: flex;
  gap: 0.2rem;
}
.p-header__nav__sns a {
  display: block;
  width: 0.22rem;
  height: 0.22rem;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.5;
}
.p-header__nav__sns a[href*="facebook.com"] {
  background-image: url(https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/icon/facebook_gray.svg);
}
.p-header__nav__sns a[href*="twitter.com"] {
  background-image: url(https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/icon/twitter_gray.svg);
}
.p-header__nav__sns a[href*="instagram.com"] {
  background-image: url(https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/icon/instagram_gray.svg);
}
.p-header__nav__btn {
  z-index: 10001;
  width: 0.25rem;
  height: 0.23rem;
  position: absolute;
  left: 0.19rem;
  top: 0.26rem;
  opacity: 0;
  margin: 0;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .p-header__nav__btn {
    width: 0.5rem;
    height: 0.34rem;
    left: unset;
    top: 0.33rem;
    right: 0.17rem;
  }
}
.p-header__nav__btn:checked ~ .p-header__nav__box::after {
  opacity: 1;
}
.p-header__nav__btn:checked ~ .p-header__nav__box .p-header__nav__box--bar {
  height: 0.02rem;
}
.p-header__nav__btn:checked ~ .p-header__nav__box .p-header__nav__box--bar:nth-of-type(1) {
  transform-origin: top left;
  transform: translateX(4%) rotate(45deg);
  max-width: unset;
  width: 122%;
}
@media screen and (min-width: 768px) {
  .p-header__nav__btn:checked ~ .p-header__nav__box .p-header__nav__box--bar:nth-of-type(1) {
    transform: rotate(34deg);
    width: 115%;
  }
}
.p-header__nav__btn:checked ~ .p-header__nav__box .p-header__nav__box--bar:nth-of-type(2) {
  opacity: 0;
}
.p-header__nav__btn:checked ~ .p-header__nav__box .p-header__nav__box--bar:nth-of-type(3) {
  transform-origin: bottom left;
  transform: translateX(4%) rotate(-45deg);
  max-width: unset;
  width: 122%;
}
@media screen and (min-width: 768px) {
  .p-header__nav__btn:checked ~ .p-header__nav__box .p-header__nav__box--bar:nth-of-type(3) {
    transform: rotate(-34deg);
    width: 115%;
  }
}
.p-header__nav__btn:checked ~ .p-header__nav__container {
  transform: translateY(0%);
}
@media screen and (min-width: 768px) {
  .p-header__nav__btn:checked ~ .p-header__nav__container {
    transform: translateX(0%);
  }
}
.p-header__nav__box {
  z-index: 10000;
  width: 0.25rem;
  height: 0.23rem;
  position: absolute;
  left: 0.19rem;
  top: 0.26rem;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .p-header__nav__box {
    width: 0.5rem;
    height: 0.34rem;
    left: unset;
    top: 0.33rem;
    right: 0.17rem;
  }
}
.p-header__nav__box::after {
  position: absolute;
  content: "CLOSE";
  font-size: 0.1rem;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 100%) scale(0.8);
  font-family: mr-eaves-sans, sans-serif;
  letter-spacing: 0.1em;
  opacity: 0;
  transition: 0.3s;
}
.p-header__nav__box--bar {
  width: 100%;
  height: 2.5px;
  background-color: var(--body-color);
  position: absolute;
  left: 0;
  border-radius: 0.03rem;
  transition: 0.5s;
}
.p-header__nav__box--bar:nth-of-type(1) {
  top: 0;
}
.p-header__nav__box--bar:nth-of-type(2) {
  top: 50%;
  transform: translateY(-50%);
}
.p-header__nav__box--bar:nth-of-type(3) {
  bottom: 0;
}
.p-header__logo {
  display: block;
  margin-top: 0.05rem;
}
@media screen and (min-width: 768px) {
  .p-header__logo {
    width: 2.07rem;
    height: 0.66rem;
    margin-left: 0.25rem;
  }
}
.p-header__logo img {
  width: 100%;
  height: 100%;
}
.p-header__logo h1 {
  display: block;
  width: 100%;
  height: 100%;
}
.p-header__icons {
  z-index: 1000;
  position: absolute;
  top: 0.19rem;
  right: 0.17rem;
  display: flex;
}
@media screen and (min-width: 768px) {
  .p-header__icons {
    position: relative;
    top: 0.05rem;
    right: unset;
    gap: 0.24rem;
    margin-right: 0.89rem;
  }
}
.p-header__icons__num {
  position: absolute;
  font-family: sans-serif;
  z-index: 10;
  top: 0;
  right: 0.03rem;
  width: 0.16rem;
  height: 0.16rem;
  border-radius: 0.12rem;
  background-color: #BE6B6B;
  color: white;
  font-size: 0.12rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-header__icons__wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .p-header__icons__wrapper {
    gap: 0.05rem;
    justify-content: flex-end;
  }
}
.p-header__icons__wrapper img {
  display: block;
  width: 0.22rem;
  height: 0.2rem;
}
@media screen and (min-width: 768px) {
  .p-header__icons__wrapper img {
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.p-header__icons__wrapper span {
  font-size: 0.08rem;
  text-align: center;
  font-weight: 700;
  color: #6C5D48;
}
@media screen and (min-width: 768px) {
  .p-header__icons__wrapper span {
    font-size: 0.14rem;
  }
}
@media screen and (min-width: 768px) {
  .p-header__icons__wrapper:nth-of-type(1) img {
    width: 0.17rem;
    height: 0.24rem;
  }
  .p-header__icons__wrapper:nth-of-type(1) img {
    width: 0.23rem;
    height: 0.24rem;
  }
  .p-header__icons__wrapper:nth-of-type(1) img {
    width: 0.23rem;
    height: 0.24rem;
  }
  .p-header__icons__wrapper:nth-of-type(1) img {
    width: 0.23rem;
    height: 0.24rem;
  }
  .p-header__icons__wrapper:nth-of-type(1) img {
    width: 0.26rem;
    height: 0.24rem;
  }
}

.p-header-sp {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20000;
  width: 100%;
}
.p-header-sp__catch {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.2rem;
  background-color: var(--body-color);
  color: white;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.1rem;
  line-height: 0.14rem;
  font-weight: 500;
  letter-spacing: 0;
  text-align: center;
}
.p-header-sp__container {
  width: 100%;
  height: 0.5rem;
  background-color: white;
  box-shadow: 0 0 0.15rem rgba(0, 0, 0, 0.16);
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-header-sp__logo {
  position: absolute;
  width: 1.12rem;
  height: 0.25rem;
  display: block;
  z-index: 20000;
  bottom: 0.14rem;
  left: 50%;
  transform: translateX(-50%);
}
.p-header-sp__logo a {
  display: block;
  width: 100%;
  height: 100%;
}
.p-header-sp__logo a img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.p-header-sp__logo span {
  display: none;
}
.p-header-sp__hamburger {
  width: 0.32rem;
  height: 0.18rem;
  position: absolute;
  z-index: 20000;
  bottom: 0.16rem;
  right: 0.12rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
}
.p-header-sp__hamburger--line {
  width: 0.32rem;
  height: 0.02rem;
  background-color: var(--body-dark-color);
  border-radius: 0.1rem;
  transition: 0.3s;
}
.p-header-sp__hamburger--line:nth-of-type(1) {
  transform-origin: top left;
}
.p-header-sp__hamburger--line:nth-of-type(3) {
  transform-origin: bottom left;
}
.p-header-sp__hamburger--switch {
  display: none;
}
.p-header-sp__hamburger--switch:checked ~ .p-header-sp__hamburger .p-header-sp__hamburger--line:nth-of-type(1) {
  transform: rotate(30deg);
}
.p-header-sp__hamburger--switch:checked ~ .p-header-sp__hamburger .p-header-sp__hamburger--line:nth-of-type(2) {
  opacity: 0;
}
.p-header-sp__hamburger--switch:checked ~ .p-header-sp__hamburger .p-header-sp__hamburger--line:nth-of-type(3) {
  transform: rotate(-30deg);
}
.p-header-sp__hamburger--switch:checked ~ .p-header-sp__nav {
  transform: translateX(0%);
}
.p-header-sp__nav {
  position: fixed;
  z-index: 19999;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: white;
  overflow-y: scroll;
  transform: translateX(100%);
  transition: 0.3s;
}
.p-header-sp__nav--container {
  width: 100%;
  padding-top: 1.03rem;
}
.p-header-sp__nav--top {
  display: flex;
  justify-content: center;
  gap: 0.21rem;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.15rem;
  line-height: 0.19rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  margin-bottom: 0.38rem;
}
.p-header-sp__nav--top a {
  display: flex;
  gap: 0.08rem;
  align-items: center;
}
.p-header-sp__nav--top a::before {
  content: "";
  display: block;
  flex: none;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  top: -0.02rem;
}
.p-header-sp__nav--top #header-sp-login::before {
  content: "";
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/icon/login.svg");
  width: 0.21rem;
  height: 0.2rem;
}
.p-header-sp__nav--top #header-sp-mypage::before {
  content: "";
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/icon/mypage.svg");
  width: 0.21rem;
  height: 0.2rem;
}
.p-header-sp__nav--top #header-sp-register::before {
  content: "";
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/icon/register.svg");
  width: 0.19rem;
  height: 0.18rem;
}
.p-header-sp__nav--top #header-sp-cart {
  position: relative;
}
.p-header-sp__nav--top #header-sp-cart::before {
  content: "";
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/icon/cart.svg");
  width: 0.21rem;
  height: 0.2rem;
}
.p-header-sp__nav--top #header-sp-cart small {
  font-family: mr-eaves-sans, sans-serif;
  font-size: 0.1rem;
  line-height: 0.12rem;
  font-weight: 400;
  letter-spacing: 0;
  color: white;
  background-color: #BE6B6B;
  position: absolute;
  border-radius: 100%;
  width: 0.14rem;
  height: 0.14rem;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
}
.p-header-sp__nav--main {
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  width: 100%;
  padding-bottom: 0.29rem;
}
.p-header-sp__nav--menu {
  flex-direction: column;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.14rem;
  line-height: 0.28rem;
  font-weight: 500;
  letter-spacing: 0;
}
.p-header-sp__nav--menu a.p-header-sp__nav--menu--item > div.p-header-sp__nav--menu--parent::after {
  content: unset;
}
.p-header-sp__nav--menu--switch {
  display: none;
}
.p-header-sp__nav--menu--switch:checked ~ .p-header-sp__nav--menu--parent::after {
  height: 0.01rem;
}
.p-header-sp__nav--menu--switch:checked ~ .p-header-sp__nav--menu--child {
  grid-template-rows: 1fr;
}
.p-header-sp__nav--menu--item {
  width: 100%;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.p-header-sp__nav--menu--parent {
  position: relative;
  display: flex;
  width: 100%;
  height: 0.5rem;
  border-top: 0.01rem solid #F0F0F0;
  border-bottom: 0.01rem solid #F0F0F0;
  align-items: center;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.15rem;
  line-height: 0.19rem;
  font-weight: 700;
  letter-spacing: 0;
}
.p-header-sp__nav--menu--parent::after {
  content: "";
  position: absolute;
  right: 0.13rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.15rem;
  height: 0.15rem;
  background-color: black;
  transition: 0.3s;
  -webkit-clip-path: polygon(0 calc(50% - 0.005rem), calc(50% - 0.005rem) calc(50% - 0.005rem), calc(50% - 0.005rem) 0, calc(50% + 0.005rem) 0, calc(50% + 0.005rem) calc(50% - 0.005rem), 100% calc(50% - 0.005rem), 100% calc(50% + 0.005rem), calc(50% + 0.005rem) calc(50% + 0.005rem), calc(50% + 0.005rem) 100%, calc(50% - 0.005rem) 100%, calc(50% - 0.005rem) calc(50% + 0.005rem), 0 calc(50% + 0.005rem));
          clip-path: polygon(0 calc(50% - 0.005rem), calc(50% - 0.005rem) calc(50% - 0.005rem), calc(50% - 0.005rem) 0, calc(50% + 0.005rem) 0, calc(50% + 0.005rem) calc(50% - 0.005rem), 100% calc(50% - 0.005rem), 100% calc(50% + 0.005rem), calc(50% + 0.005rem) calc(50% + 0.005rem), calc(50% + 0.005rem) 100%, calc(50% - 0.005rem) 100%, calc(50% - 0.005rem) calc(50% + 0.005rem), 0 calc(50% + 0.005rem));
}
.p-header-sp__nav--menu--child {
  display: grid;
  grid-template-rows: 0fr;
  transition: 250ms grid-template-rows ease;
  width: 100%;
}
.p-header-sp__nav--menu--child > * {
  overflow: hidden;
}
.p-header-sp__nav--menu--child .p-header-sp__nav--menu--switch:checked ~ .p-header-sp__nav--menu--parent::after {
  transform: translateY(-50%) rotate(180deg);
}
.p-header-sp__nav--menu--child .p-header-sp__nav--menu--item {
  padding-left: 0.15rem;
}
.p-header-sp__nav--menu--child .p-header-sp__nav--menu--item .p-header-sp__nav--menu--parent {
  color: var(--body-color);
}
.p-header-sp__nav--menu--child .p-header-sp__nav--menu--item .p-header-sp__nav--menu--parent::before {
  content: "- ";
}
.p-header-sp__nav--menu--child .p-header-sp__nav--menu--item .p-header-sp__nav--menu--child li {
  white-space: nowrap;
}
.p-header-sp__nav--menu--child .p-header-sp__nav--menu--item .p-header-sp__nav--menu--child li::before {
  content: "- ";
}
.p-header-sp__nav--menu--child .p-header-sp__nav--menu--item .p-header-sp__nav--menu--parent::after {
  -webkit-clip-path: unset;
          clip-path: unset;
  width: 0.1308rem;
  height: 0.0741rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/arrow_bottom.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-color: unset;
  filter: var(--body-filter-color);
  transform-origin: center;
}
.p-header-sp__nav--menu--price {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.14rem;
  line-height: 0.3rem;
  font-weight: 500;
  letter-spacing: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0 0.28rem;
  padding-top: 0.15rem;
  padding-bottom: 0.15rem;
}
.p-header-sp__nav--menu--price li {
  width: 0.84rem;
}
.p-header-sp__nav--menu--category {
  width: 50%;
  padding-top: 0.19rem;
  padding-bottom: 0.23rem;
}
.p-header-sp__nav--menu--flex {
  display: flex;
}
.p-header-sp__nav--banner {
  display: block;
  margin-top: 0.32rem;
}
.p-header-sp__nav--banner img {
  display: block;
  width: 100%;
  height: auto;
}
.p-header-sp__nav--link {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  width: 100%;
  margin-top: 0.32rem;
}
.p-header-sp__nav--link a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 0.45rem;
  background-color: var(--body-dark-color);
  color: white;
  border: 0.015rem solid var(--body-dark-color);
}
.p-header-sp__nav--link a::before {
  content: "";
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
}
.p-header-sp__nav--link a strong {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.16rem;
  line-height: 0.19rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  padding-left: 0.13rem;
  padding-right: 0.09rem;
}
.p-header-sp__nav--link a span {
  font-family: mr-eaves-sans, sans-serif;
  font-size: 0.14rem;
  line-height: 0.17rem;
  font-weight: 700;
  letter-spacing: 0;
}
.p-header-sp__nav--link #header-link-guide::before {
  width: 0.16rem;
  height: 0.22rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/icon/guide_white.svg");
}
.p-header-sp__nav--link #header-link-faq::before {
  width: 0.2rem;
  height: 0.2rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/icon/question_white.svg");
}
.p-header-sp__nav--link #header-link-contact {
  background-color: white;
  color: #6C5D48;
}
.p-header-sp__nav--link #header-link-contact::before {
  content: unset;
}
.p-header-sp__nav--link #header-link-contact strong {
  padding-left: unset;
}
@media screen and (min-width: 768px) {
  .p-header-sp {
    display: none;
  }
}

.p-header-pc {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20000;
  width: 100%;
  background-color: white;
}
@media screen and (min-width: 768px) {
  .p-header-pc {
    display: block;
  }
}
.p-header-pc__catch {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.5rem;
  background-color: var(--body-color);
  color: white;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.18rem;
  line-height: 0.23rem;
  font-weight: 500;
  letter-spacing: 0;
  text-align: center;
}
.p-header-pc__container {
  width: 14.4rem;
  margin: auto;
  padding-left: 0.5rem;
  padding-right: 0.8rem;
  height: 1.29rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.p-header-pc__logo {
  width: 1.92rem;
  height: 0.43rem;
  display: block;
  z-index: 20000;
}
.p-header-pc__logo a {
  display: block;
  width: 100%;
  height: 100%;
}
.p-header-pc__logo a img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.p-header-pc__logo span {
  display: none;
}
.p-header-pc__right {
  display: flex;
  align-items: center;
}
.p-header-pc__middle {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding-right: 0.41rem;
  gap: 0.24rem;
  justify-content: center;
}
.p-header-pc__middle--link {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.p-header-pc__middle--link a {
  display: flex;
  align-items: center;
  gap: 0.07rem;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.14rem;
  line-height: 0.18rem;
  font-weight: 700;
  letter-spacing: 0;
}
.p-header-pc__middle--link a::after {
  content: "";
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
}
.p-header-pc__middle--link #header-pc-guide {
  gap: 0.06rem;
}
.p-header-pc__middle--link #header-pc-guide::after {
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/icon/guide.svg");
  width: 0.13rem;
  height: 0.19rem;
  margin-right: 0.06rem;
}
.p-header-pc__middle--link #header-pc-question {
  gap: 0.07rem;
}
.p-header-pc__middle--link #header-pc-question::after {
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/icon/faq.svg");
  width: 0.19rem;
  height: 0.19rem;
}
.p-header-pc__middle--link #header-pc-contact {
  gap: 0.04rem;
}
.p-header-pc__middle--link #header-pc-contact::after {
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/icon/contact.svg");
  width: 0.19rem;
  height: 0.13rem;
}
.p-header-pc__product {
  display: flex;
  gap: 0.48rem;
}
.p-header-pc__product--item {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.16rem;
  line-height: 0.21rem;
  font-weight: 700;
  letter-spacing: 0;
  transition: 0.3s;
  cursor: pointer;
}
.p-header-pc__product--item:hover {
  color: var(--body-color);
}
.p-header-pc__product--item--active {
  color: var(--body-color);
}
.p-header-pc__nav {
  display: flex;
  align-items: flex-end;
  gap: 0.25rem;
  padding-left: 0.32rem;
  height: 0.59rem;
  border-left: 0.015rem solid #dedede;
  padding-bottom: 0.03rem;
}
.p-header-pc__nav a {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.14rem;
  line-height: 0.18rem;
  font-weight: 700;
  letter-spacing: -0.02em;
}
.p-header-pc__nav a::before {
  content: "";
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
}
.p-header-pc__nav #header-pc-login {
  gap: 0.06rem;
}
.p-header-pc__nav #header-pc-login::before {
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/icon/login.svg");
  width: 0.24rem;
  height: 0.23rem;
  margin-right: 0.06rem;
}
.p-header-pc__nav #header-pc-mypage {
  gap: 0.06rem;
}
.p-header-pc__nav #header-pc-mypage::before {
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/icon/mypage.svg");
  width: 0.24rem;
  height: 0.23rem;
}
.p-header-pc__nav #header-pc-register {
  gap: 0.07rem;
}
.p-header-pc__nav #header-pc-register::before {
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/icon/register.svg");
  width: 0.24rem;
  height: 0.23rem;
}
.p-header-pc__nav #header-pc-cart {
  gap: 0.04rem;
  position: relative;
}
.p-header-pc__nav #header-pc-cart::before {
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/icon/cart.svg");
  width: 0.24rem;
  height: 0.23rem;
}
.p-header-pc__nav #header-pc-cart small {
  font-family: mr-eaves-sans, sans-serif;
  font-size: 0.1rem;
  line-height: 0.12rem;
  font-weight: 400;
  letter-spacing: 0;
  color: white;
  background-color: #BE6B6B;
  position: absolute;
  border-radius: 100%;
  width: 0.14rem;
  height: 0.14rem;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  right: 0;
}
.p-header-pc__sub {
  position: absolute;
  bottom: 0;
  transform: translateY(100%);
  left: calc(50% - 3.96rem);
  width: unset;
  height: unset;
  display: none;
}
.p-header-pc__sub--active {
  display: block;
}
.p-header-pc__sub #header-hover1 {
  width: 7.71rem;
  height: 1.63rem;
}
.p-header-pc__sub #header-hover1 .p-header-pc__sub--menu {
  width: 1.96rem;
}
.p-header-pc__sub #header-pc-menu1-1:checked ~ .p-header-pc__sub--content {
  display: flex;
}
.p-header-pc__sub #header-pc-menu1-1:checked ~ .p-header-pc__sub--content [data-header-menu-parent=header-pc-menu1-1] {
  opacity: 1;
  pointer-events: all !important;
  filter: blur(0px);
  display: flex;
}
.p-header-pc__sub #header-pc-menu2-1:checked ~ .p-header-pc__sub--content {
  display: flex;
}
.p-header-pc__sub #header-pc-menu2-1:checked ~ .p-header-pc__sub--content [data-header-menu-parent=header-pc-menu2-1] {
  opacity: 1;
  pointer-events: all !important;
  filter: blur(0px);
  display: flex;
}
.p-header-pc__sub #header-pc-menu2-2:checked ~ .p-header-pc__sub--content {
  display: flex;
}
.p-header-pc__sub #header-pc-menu2-2:checked ~ .p-header-pc__sub--content [data-header-menu-parent=header-pc-menu2-2] {
  opacity: 1;
  pointer-events: all !important;
  filter: blur(0px);
  display: flex;
}
.p-header-pc__sub #header-pc-menu2-3:checked ~ .p-header-pc__sub--content {
  display: flex;
}
.p-header-pc__sub #header-pc-menu2-3:checked ~ .p-header-pc__sub--content [data-header-menu-parent=header-pc-menu2-3] {
  opacity: 1;
  pointer-events: all !important;
  filter: blur(0px);
  display: flex;
}
.p-header-pc__sub #header-pc-menu2-4:checked ~ .p-header-pc__sub--content {
  display: flex;
}
.p-header-pc__sub #header-pc-menu2-4:checked ~ .p-header-pc__sub--content [data-header-menu-parent=header-pc-menu2-4] {
  opacity: 1;
  pointer-events: all;
  filter: blur(0px);
  display: flex;
}
.p-header-pc__sub--wrapper {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  max-width: unset;
  max-height: unset;
  display: flex;
  width: 9.04rem;
  height: 3.02rem;
  opacity: 0;
  transition: 0.3s;
  will-change: opacity;
  filter: blur(0.02rem);
  background-color: white;
  pointer-events: none;
}
.p-header-pc__sub--wrapper * {
  pointer-events: none;
}
.p-header-pc__sub--wrapper--active {
  filter: blur(0px);
  opacity: 1;
  pointer-events: all !important;
  z-index: 100;
}
.p-header-pc__sub--wrapper--active * {
  pointer-events: all !important;
}
.p-header-pc__sub--menu {
  display: flex;
  height: 100%;
  flex-direction: column;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.16rem;
  line-height: 0.4rem;
  font-weight: 700;
  letter-spacing: 0;
  color: white;
  background-color: var(--body-color);
  padding-top: 0.34rem;
  padding-left: 0.45rem;
  padding-right: 0.45rem;
  padding-bottom: 0.34rem;
  width: 2.48rem;
}
.p-header-pc__sub--menu label {
  transition: 0.3s;
  cursor: pointer;
}
.p-header-pc__sub--menu label:hover {
  opacity: 0.7;
}
.p-header-pc__sub--menu--switch {
  display: none;
}
.p-header-pc__sub--content {
  position: relative;
  flex-grow: 1;
  height: 100%;
  display: none;
}
.p-header-pc__sub--content--wrapper {
  position: absolute;
  top: 0;
  right: 0;
  width: 6.56rem;
  height: 100%;
  padding-top: 0.34rem;
  padding-left: 0.45rem;
  padding-right: 0.45rem;
  padding-bottom: 0.34rem;
  display: flex;
  gap: 0.48rem;
  opacity: 0;
  transition: 0.3s;
  will-change: opacity;
  pointer-events: none !important;
  filter: blur(0.02rem);
  display: none;
}
.p-header-pc__sub--content ul {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.14rem;
  line-height: 0.34rem;
  font-weight: 500;
  letter-spacing: 0;
  display: flex;
  flex-direction: column;
}
.p-header-pc__sub--content ul a {
  display: block;
  pointer-events: inherit;
}

.p-header-space {
  padding-top: 0.7rem;
}
@media screen and (min-width: 768px) {
  .p-header-space {
    padding-top: 1.79rem;
  }
}

.p-footer {
  position: relative;
  z-index: 10000;
  padding-top: 0.2rem;
  padding-bottom: 0.34rem;
  background-color: var(--body-color);
  color: white;
}
@media screen and (min-width: 768px) {
  .p-footer {
    padding-top: unset;
    padding-bottom: 0.57rem;
  }
}
.p-footer__head {
  margin-bottom: 0.37rem;
  background-color: #6C5D48;
  color: white;
  --color: #A58E65;
  --light-color: #D1AD78;
  padding-top: 0.71rem;
  padding-bottom: 0.68rem;
}
.p-footer__head__header {
  margin-bottom: 0.37rem;
  display: flex;
  gap: 0.4rem;
  align-items: center;
  font-weight: 700;
  font-feature-settings: "palt" 1;
  letter-spacing: 0.05em;
}
.p-footer__head__header strong {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.12rem;
  height: 0.35rem;
  background-color: var(--color);
  color: white;
  font-size: 0.16rem;
  line-height: 0.21rem;
}
.p-footer__head__header p {
  font-size: 0.22rem;
  line-height: 0.29rem;
}
.p-footer__head__header p span {
  color: var(--light-color);
}
.p-footer__head__header p small {
  font-size: 0.18rem;
  line-height: 0.22rem;
}
.p-footer__head__top {
  display: flex;
}
.p-footer__head__main {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  width: 100%;
}
.p-footer__head__main--row {
  display: flex;
  flex-direction: column;
  gap: 0.21rem;
  border: 0.01rem solid transparent;
}
.p-footer__head__main--row:nth-of-type(2n) .p-footer__head__main--content {
  border: none;
  margin-top: 0.1rem;
}
.p-footer__head__main--row:nth-of-type(2n) .p-footer__head__main--section {
  height: -moz-fit-content;
  height: fit-content;
}
.p-footer__head__main--row #footer-header2 {
  margin-right: 0;
}
.p-footer__head__main--row h2 {
  background-color: var(--color);
  display: block;
  color: white;
  font-size: 0.16rem;
  font-weight: 700;
  width: 100%;
  height: 0.34rem;
  letter-spacing: 0.05em;
  text-align: center;
  display: flex;
  align-items: center;
  padding-left: 0.1rem;
}
.p-footer__head__main--row h2 small {
  font-size: 0.15rem;
}
.p-footer__head__main--flow-wrapper {
  display: flex;
  align-items: flex-end;
  width: 100%;
  counter-reset: count 0;
}
.p-footer__head__main--flow-wrapper img {
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
.p-footer__head__main--flow-wrapper #footer-flow1 {
  width: 1.48rem;
  height: 0.48rem;
}
.p-footer__head__main--flow-wrapper #footer-flow2 {
  width: 1.73rem;
  height: 0.55rem;
}
.p-footer__head__main--flow-wrapper #footer-flow3 {
  width: 0.97rem;
  height: 0.55rem;
}
.p-footer__head__main--flow-wrapper #footer-flow4 {
  position: absolute;
  bottom: 0.67rem;
  right: 0.17rem;
  width: 0.65rem;
  height: 0.84rem;
}
.p-footer__head__main--flow {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 0.11rem;
  height: 100%;
  margin-top: 0.04rem;
  padding-top: 0.1rem;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
  padding-bottom: 0.37rem;
  counter-increment: count 1;
  font-feature-settings: "palt" 1;
}
.p-footer__head__main--flow::before {
  content: counter(count);
  position: absolute;
  top: 0;
  left: 0;
  width: 0.23rem;
  height: 0.23rem;
  border: 0.015rem solid white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.15rem;
  line-height: 0.19rem;
  font-weight: 700;
  letter-spacing: 0;
}
.p-footer__head__main--flow::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(50%, -50%);
  width: 0.13rem;
  height: 0.29rem;
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 50%);
          clip-path: polygon(0 0, 0 100%, 100% 50%);
  background-color: white;
  background-size: auto;
  background-repeat: no-repeat;
}
.p-footer__head__main--flow:nth-of-type(1) {
  width: unset;
  flex-grow: 1;
}
.p-footer__head__main--flow:nth-of-type(2) {
  width: 3.08rem;
}
.p-footer__head__main--flow:nth-of-type(3) {
  width: 2.24rem;
}
.p-footer__head__main--flow:nth-of-type(4) {
  width: 3.18rem;
  border-right: none;
}
.p-footer__head__main--flow:nth-of-type(4)::after {
  content: unset;
  display: none;
}
.p-footer__head__main--flow p {
  text-align: center;
  white-space: nowrap;
  letter-spacing: 0;
  font-size: 0.12rem;
  line-height: 0.18rem;
  font-feature-settings: "palt" 1;
  font-weight: 700;
}
.p-footer__head__main--flow strong {
  width: 100%;
  font-size: 0.22rem;
  line-height: 0.3rem;
  font-weight: 700;
  padding-left: 0.2rem;
}
.p-footer__head__main--flow strong span {
  color: #BE6B6B;
}
.p-footer__head__main--flow--caution {
  position: relative;
  width: 2.8rem;
  max-width: unset;
  font-feature-settings: "palt" 1;
  min-height: 0.35rem;
  display: flex;
  align-items: center;
  background-color: white;
  border-radius: 1rem;
  color: #6C5D48;
  font-size: 0.12rem;
  line-height: 0.14rem;
  font-weight: 700;
  padding-top: 0.03rem;
  padding-left: 0.37rem;
  padding-right: 0.05rem;
  padding-bottom: 0.02rem;
  text-align: left;
}
.p-footer__head__main--flow--caution::before {
  position: absolute;
  content: "";
  width: 0.19rem;
  height: 0.17rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/caution_dark_brown.svg");
  background-size: contain;
  background-repeat: no-repeat;
  left: 0.15rem;
  top: 50%;
  transform: translateY(-50%);
}
.p-footer__head__main--content {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
}
.p-footer__head__main--section {
  height: 100%;
  text-align: center;
  background-image: linear-gradient(to bottom, var(--content-color), var(--content-color) 2px, transparent 2px);
  background-size: 1.5px 4px;
  background-position: right top;
  background-repeat: repeat-y;
  position: relative;
}
.p-footer__head__main--section--flex {
  display: flex;
  flex-direction: column;
  width: 6rem;
  height: 100%;
  flex: none;
}
.p-footer__head__main--section--flex > div {
  display: flex;
  height: 100%;
  gap: 0.24rem;
}
.p-footer__head__main--section--flex > div h3 {
  width: 0.34rem;
  height: 0.76rem;
  background-color: white;
  color: #6C5D48;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.18rem;
  line-height: 0.24rem;
  font-weight: 700;
  letter-spacing: 0;
  writing-mode: vertical-rl;
}
.p-footer__head__main--section--flex > div > div {
  display: flex;
  gap: 0.24rem;
}
.p-footer__head__main--section img {
  display: block;
  width: 100%;
  height: 0.76rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.p-footer__head__main--section span {
  font-size: 0.21rem;
  font-weight: 700;
  color: var(--content-color);
  line-height: 120%;
  white-space: nowrap;
}
.p-footer__head__main--section strong {
  font-size: 0.27rem;
  line-height: 120%;
}
.p-footer__head__main--section p {
  font-size: 0.1rem;
  line-height: 0.13rem;
  font-weight: 700;
}
.p-footer__head__main--section small {
  display: block;
  white-space: nowrap;
  max-width: unset;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.p-footer__head__main--section:nth-of-type(1) {
  width: 2.01rem;
  padding-right: 0.22rem;
}
.p-footer__head__main--section:nth-of-type(1) small {
  left: calc(50% + 0.1rem);
}
.p-footer__head__main--section:nth-of-type(2) {
  width: 2.56rem;
  padding-left: 0.22rem;
  padding-right: 0.22rem;
}
.p-footer__head__main--section:nth-of-type(2) strong {
  display: inline-flex;
  padding-top: 0.03rem;
  padding-bottom: 0.05rem;
}
.p-footer__head__main--section:nth-of-type(2)::before {
  content: "";
  width: 0.015rem;
  height: calc(100% - 0.05rem);
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(to bottom, white 0%, white 50%, transparent 50%, transparent 50%);
  background-repeat: repeat-y;
  background-size: 0.015rem 0.06rem;
}
.p-footer__head__main--section:nth-of-type(2)::after {
  content: "";
  width: 0.015rem;
  height: calc(100% - 0.05rem);
  position: absolute;
  top: 0;
  right: 0;
  background: linear-gradient(to bottom, white 0%, white 50%, transparent 50%, transparent 50%);
  background-repeat: repeat-y;
  background-size: 0.015rem 0.06rem;
}
.p-footer__head__main--section:nth-of-type(3) {
  width: 6.22rem;
  padding-left: 0.22rem;
}
.p-footer__head__main--section:nth-of-type(3) #footer-delivery1 {
  width: 3.16rem;
  height: 0.71rem;
}
.p-footer__head__main--section:nth-of-type(3) #footer-delivery2 {
  width: 1.35rem;
  height: 0.71rem;
}
.p-footer__head__main--subject, .p-footer__head__main--subject--reverse {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 0.27rem;
  border: 0.01rem solid white;
  font-size: 0.15rem;
  font-weight: 700;
  line-height: 0.15rem;
  letter-spacing: 0.05em;
  margin-bottom: 0.14rem;
  flex: none;
}
.p-footer__head__main--subject--reverse {
  color: white;
}
.p-footer__head__main--desc {
  display: flex;
  flex-wrap: wrap;
  width: 3.55rem;
}
.p-footer__head__main--desc .p-footer__head__main--section {
  padding-left: 0.08rem;
  padding-right: 0.08rem;
  box-sizing: content-box;
}
.p-footer__head__main--desc .p-footer__head__main--section--dotted {
  background-image: linear-gradient(to bottom, var(--content-color), var(--content-color) 2px, transparent 2px);
  background-size: 1.5px 4px;
  background-position: right top;
  background-repeat: repeat-y;
}
.p-footer__head__main--caution {
  width: 100%;
  height: 0.35rem;
  text-align: center;
  margin-bottom: 0.06rem;
}
.p-footer__head__payment {
  background-color: #F0F0F0;
  padding: 0.32rem 0.43rem 0.33rem 0.32rem;
  display: flex;
}
.p-footer__head__payment div {
  width: 3.33rem;
  padding-right: 0.23rem;
}
.p-footer__head__payment h2 {
  position: relative;
  padding-left: 1.2em;
  font-weight: 700;
  color: #6C5D48;
  font-size: 0.16rem;
  line-height: 0.21rem;
}
.p-footer__head__payment h2::before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0.1em;
  width: 0.13rem;
  height: 0.13rem;
  background-color: #BA9E5C;
}
.p-footer__head__payment p {
  width: 2.62rem;
  font-size: 0.12rem;
  line-height: 0.14rem;
  font-weight: 700;
  color: #6C5D48;
  margin-top: 0.1rem;
  padding-left: 0.12rem;
}
.p-footer__head__payment p:nth-of-type(1) {
  width: 3.95rem;
  position: relative;
  padding-right: 0.08rem;
}
.p-footer__head__payment p:nth-of-type(1)::before {
  content: "";
  position: absolute;
  width: 0.015rem;
  height: calc(100% - 0.05rem);
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: #6C5D48;
}
.p-footer__head__payment p:nth-of-type(1)::after {
  content: "";
  position: absolute;
  width: 0.015rem;
  height: calc(100% - 0.05rem);
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background-color: #6C5D48;
}
.p-footer__head__payment img {
  display: block;
  width: 100%;
  margin-top: 0.05rem;
}
.p-footer__head__btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.1rem;
  margin-bottom: 0.18rem;
  margin-left: auto;
  margin-right: auto;
  width: -moz-fit-content;
  width: fit-content;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-footer__head__btn {
    flex-direction: row;
    gap: 0.4rem;
    margin-top: 0.49rem;
    margin-bottom: unset;
  }
}
@media screen and (min-width: 768px) {
  .p-footer__head__btn a {
    margin: unset;
    border: 0.015rem solid white;
    flex-grow: 1;
  }
}
.p-footer__container {
  position: relative;
}
.p-footer__links {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .p-footer__links {
    gap: 0.63rem;
  }
}
.p-footer__links__column {
  width: 1.55rem;
}
@media screen and (min-width: 768px) {
  .p-footer__links__column {
    width: 2.1rem;
  }
}
.p-footer__links__column--wide {
  width: 2.7rem;
}
@media screen and (min-width: 768px) {
  .p-footer__links__column:nth-of-type(1) {
    width: 1.66rem;
  }
  .p-footer__links__column:nth-of-type(2) {
    width: 1.66rem;
  }
  .p-footer__links__column:nth-of-type(3) {
    flex-grow: 1;
  }
  .p-footer__links__column:nth-of-type(4) {
    width: 1.76rem;
  }
}
.p-footer__links__category h2, .p-footer__links__category--hor h2 {
  font-size: 0.16rem;
  font-weight: 700;
  display: block;
  border-bottom: 0.01rem solid white;
}
.p-footer__links__category ul, .p-footer__links__category--hor ul {
  margin-top: 0.1rem;
  margin-bottom: 0.14rem;
  font-size: 0.12rem;
  line-height: 0.22rem;
  font-weight: 500;
  font-feature-settings: "palt" 1;
}
@media screen and (min-width: 768px) {
  .p-footer__links__category ul, .p-footer__links__category--hor ul {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
  }
}
.p-footer__links__category--2columns {
  display: flex;
}
.p-footer__links__category--2columns ul {
  width: 50%;
}
.p-footer__links__category--horizontal ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0 1em;
}
.p-footer__links__category--horizontal ul li {
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
  width: 45%;
}
.p-footer__links__category--bar li::before {
  content: "-";
  padding-left: 0.5em;
}
.p-footer__links__category--bar div {
  font-weight: 700;
}
.p-footer__button {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.1rem;
  margin-top: 0.36rem;
  margin-bottom: 0.48rem;
}
@media screen and (min-width: 768px) {
  .p-footer__button {
    flex-direction: row;
    justify-content: flex-end;
    gap: 0.14rem;
    margin-top: 0.15rem;
    margin-left: auto;
    margin-bottom: 0.38rem;
  }
}
.p-footer__bottom {
  font-size: 0.12rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-footer__bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.p-footer__bottom__nav {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.1rem 0;
  margin-bottom: 0.27rem;
}
@media screen and (min-width: 768px) {
  .p-footer__bottom__nav {
    justify-content: flex-start;
    margin-bottom: unset;
  }
}
.p-footer__bottom__nav a {
  padding-left: 1em;
  padding-right: 1em;
  border-right: 0.01rem solid white;
  line-height: 120%;
}
@media screen and (min-width: 768px) {
  .p-footer__bottom__nav a:nth-of-type(1) {
    padding-left: 0;
  }
}
.p-footer__bottom__nav a:nth-of-type(n+3) {
  border: none;
}
@media screen and (min-width: 768px) {
  .p-footer__bottom__nav a:nth-of-type(n+3) {
    border-right: 0.01rem solid white;
  }
}
.p-footer__bottom__nav a:nth-last-of-type(1) {
  border: none;
}
.p-footer__bottom__sns {
  display: flex;
  flex-wrap: wrap;
  gap: 0.19rem 0.3rem;
  justify-content: center;
}
.p-footer__bottom__sns a {
  width: 0.4rem;
  height: 0.4rem;
}
.p-footer__bottom__sns a h3,
.p-footer__bottom__sns a img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.p-footer__bottom__copy {
  width: 100%;
  text-align: center;
  font-size: 0.12rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-footer__bottom__copy {
    text-align: left;
  }
}

.p-nav {
  display: flex;
  position: fixed;
  z-index: 100;
  bottom: 0rem;
  right: 0.29rem;
  flex-direction: column;
  align-items: flex-end;
  width: 1.8rem;
}
.p-nav__direction {
  width: 100%;
  height: 0.78rem;
  margin-bottom: 0.11rem;
  cursor: pointer;
}
.p-nav__chat {
  width: 100%;
  height: 0.55rem;
  border-radius: 0.1rem;
  border: 0.01rem solid var(--body-color);
  background-color: white;
  margin-top: 0.07rem;
  padding-left: 0.81rem;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.p-nav__chat img {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0.12rem;
  width: 0.59rem;
  height: 0.69rem;
  -o-object-position: top center;
     object-position: top center;
}
.p-nav__chat p {
  display: flex;
  flex-direction: column;
}
.p-nav__chat p b {
  font-size: 0.2rem;
  font-weight: 700;
  line-height: 0.1rem;
  transform: scale(0.5);
  transform-origin: left;
  white-space: nowrap;
}
.p-nav__chat p span {
  font-size: 0.14rem;
  line-height: 0.16rem;
  font-weight: 700;
}

.p-main {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.4rem;
}
@media screen and (min-width: 768px) {
  .p-main {
    gap: 0.77rem;
    flex-direction: row;
  }
}
.p-main main {
  margin-left: unset;
  margin-right: unset;
}

.p-calendar {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 0.1rem;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  padding-bottom: 0.64rem;
}
@media screen and (min-width: 768px) {
  .p-calendar {
    flex-direction: column;
    gap: 0.19rem;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    padding-bottom: unset;
  }
}
.p-calendar__bottom {
  margin-top: 0.73rem;
  padding-bottom: 0.64rem;
}
@media screen and (min-width: 768px) {
  .p-calendar__bottom {
    display: none;
  }
}
.p-calendar__wrapper h2 {
  width: 100%;
  height: 0.35rem;
  background-color: #F0F0E8;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.13rem;
  line-height: 0.17rem;
  margin: 0 !important;
}
@media screen and (min-width: 768px) {
  .p-calendar__wrapper h2 {
    height: 0.43rem;
    font-size: 0.16rem;
    line-height: 0.21rem;
  }
}
.p-calendar__wrapper table {
  border-collapse: collapse;
}
.p-calendar__wrapper table th,
.p-calendar__wrapper table td {
  border: 0.01rem solid #F0F0E8;
  background-color: white;
  text-align: center;
  vertical-align: middle;
  font-weight: 500;
  width: 0.23rem;
  height: 0.23rem;
  font-size: 0.14rem;
}
@media screen and (min-width: 768px) {
  .p-calendar__wrapper table th,
  .p-calendar__wrapper table td {
    width: 0.32rem;
    height: 0.32rem;
    font-size: 0.2rem;
    line-height: 0.2rem;
  }
}
.p-calendar__wrapper table .today {
  background-color: #D0BF94;
}
.p-calendar__wrapper table .holiday {
  background-color: #E5A1A1;
}
.p-calendar__legend {
  display: flex;
  flex-direction: column;
  order: 3;
  gap: 0.04rem;
  margin-top: 0.3rem;
}
@media screen and (min-width: 768px) {
  .p-calendar__legend {
    margin-top: 0.19rem;
    order: 2;
    gap: 0.04rem;
    margin-right: auto;
  }
}
.p-calendar__legend span {
  display: flex;
  align-items: center;
  font-weight: 500;
  gap: 0.16rem;
  font-size: 0.17rem;
  line-height: 0.22rem;
}
@media screen and (min-width: 768px) {
  .p-calendar__legend span {
    gap: 0.16rem;
    font-size: 0.17rem;
    line-height: 0.23rem;
  }
}
.p-calendar__legend span::before {
  content: "";
  width: 0.23rem;
  height: 0.23rem;
}
.p-calendar__legend--today::before {
  background-color: #D0BF94;
}
.p-calendar__legend--holiday::before {
  background-color: #E38F8F;
}

.p-side-menu {
  position: relative;
  z-index: 100;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  background-color: white;
}
@media screen and (min-width: 768px) {
  .p-side-menu {
    padding-left: 0.2rem;
    padding-right: 0.2rem;
  }
}
.p-side-menu__parent {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-side-menu__parent {
    display: flex;
    flex-direction: column;
    padding-top: 0.4rem;
    gap: 0.27rem;
    width: 2.4rem;
    margin-bottom: 2.78rem;
    background-color: white;
    height: -moz-fit-content;
    height: fit-content;
  }
}
.p-side-menu__parent .p-calendar {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-side-menu__parent .p-calendar {
    display: flex;
  }
}
.p-side-menu__search {
  width: 2rem;
  height: 0.35rem;
  position: relative;
  margin-bottom: 0.4rem;
}
.p-side-menu__search input {
  width: 100%;
  height: 100%;
  padding-left: 0.11rem;
  padding-right: 0.25rem;
  font-size: 0.11rem;
  font-weight: 700;
  background-color: #F2F2F2;
  border: unset;
}
.p-side-menu__search input::-moz-placeholder {
  color: #B9B9B9;
}
.p-side-menu__search input::placeholder {
  color: #B9B9B9;
}
.p-side-menu__search input:active {
  border: 0.01rem solid #707070;
}
.p-side-menu__search--heading {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.12rem;
  line-height: 0.16rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-bottom: 0.04rem;
  color: black;
  display: block;
}
.p-side-menu__search--btn {
  content: "";
  width: 0.19rem;
  height: 0.19rem;
  position: absolute;
  right: 0.05rem;
  top: 50%;
  transform: translateY(-50%);
  background-size: contain;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/icon/search.svg");
  cursor: pointer;
}
.p-side-menu__banner {
  display: flex;
  flex-direction: column;
  gap: 0.12rem;
  margin-bottom: 0.47rem;
}
.p-side-menu__banner a {
  display: block;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}
.p-side-menu__banner a img {
  display: block;
  width: 100%;
  height: auto;
}
.p-side-menu__categories {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.p-side-menu__category {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.p-side-menu__category__name {
  display: flex;
  align-items: center;
  width: 100%;
  height: 0.55rem;
  color: white;
  font-size: 0.13rem;
  font-weight: 700;
  line-height: 0.21rem;
  letter-spacing: 0.1em;
  color: var(--body-color);
  padding-top: 0.03rem;
  border-top: 0.015rem solid #DEDEDE;
  border-bottom: 0.015rem solid #DEDEDE;
}
.p-side-menu__category--sub {
  padding-top: 0.24rem;
  padding-bottom: 0.24rem;
}
.p-side-menu__category--sub h6 {
  display: block;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.14rem;
  line-height: 0.26rem;
  font-weight: 700;
  letter-spacing: 0;
  color: var(--body-color);
}
.p-side-menu__category--sub ul {
  padding: 0 !important;
}
.p-side-menu__category--sub ul:not(:nth-last-of-type(1)) {
  margin-bottom: 0.16rem;
}
.p-side-menu__category--sub ul li {
  padding-left: 0.8em;
}
.p-side-menu__category--sub ul li::before {
  content: "- ";
}
.p-side-menu__category ul {
  width: 100%;
  font-size: 0.14rem;
  font-weight: 500;
  line-height: 0.2rem;
  padding-top: 0.24rem;
  padding-bottom: 0.24rem;
}
.p-side-menu__link {
  display: flex;
  flex-direction: column;
  gap: 0.24rem;
  margin-bottom: 0.26rem;
  width: 100%;
}
.p-side-menu__link img {
  display: block;
  width: 100%;
}

.p-article-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.24rem 0;
}
.p-article-list__wrapper {
  width: 1.6rem;
}
@media screen and (min-width: 768px) {
  .p-article-list__wrapper {
    width: 2rem;
  }
}
.p-article-list__thumb {
  width: 100%;
  height: 1.58rem;
}
@media screen and (min-width: 768px) {
  .p-article-list__thumb {
    height: 2rem;
  }
}
.p-article-list__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-article-list__category {
  margin-top: 0.04rem;
  margin-bottom: 0.04rem;
  padding-left: 0.06rem;
  padding-right: 0.06rem;
  line-height: 0.12rem;
  font-size: 0.09rem;
  border: 0.01rem solid #707070;
  border-radius: 0.05rem;
  color: #707070;
  font-size: 0.09rem;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .p-article-list__category {
    font-size: 0.12rem;
    line-height: 0.16rem;
    padding-left: 0.07rem;
    padding-right: 0.07rem;
    margin-top: 0.07rem;
    margin-bottom: 0.06rem;
  }
}
.p-article-list__title {
  width: 1.3rem;
  font-size: 0.1rem;
  line-height: 0.12rem;
  color: #707070;
}
@media screen and (min-width: 768px) {
  .p-article-list__title {
    padding-left: 0.05rem;
    font-size: 0.11rem;
    line-height: 0.17rem;
    width: 1.5rem;
  }
}

.p-ranking-list, .p-recommend-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.23rem 0;
  counter-reset: count 0;
}
@media screen and (min-width: 768px) {
  .p-ranking-list, .p-recommend-list {
    gap: 0.4rem 0.15rem;
    justify-content: center;
  }
}
.p-ranking-list__wrapper, .p-recommend-list__wrapper {
  counter-increment: count 1;
  width: 1.62rem;
}
@media screen and (min-width: 768px) {
  .p-ranking-list__wrapper, .p-recommend-list__wrapper {
    width: 1.98rem;
  }
}
.p-ranking-list__thumb, .p-recommend-list__thumb {
  width: 100%;
  height: 1.62rem;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-ranking-list__thumb, .p-recommend-list__thumb {
    height: 1.98rem;
  }
}
.p-ranking-list__thumb img, .p-recommend-list__thumb img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.p-ranking-list__thumb::before, .p-recommend-list__thumb::before {
  content: counter(count);
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 0.3rem;
  height: 0.3rem;
  background-color: #BA9E5C;
  transform-origin: top left;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Marcellus", serif;
  font-size: 0.21rem;
  line-height: 0.28rem;
  font-weight: 400;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  .p-ranking-list__thumb::before, .p-recommend-list__thumb::before {
    width: 0.36rem;
    height: 0.36rem;
    font-size: 0.25rem;
    line-height: 0.33rem;
  }
}
.p-ranking-list__name, .p-recommend-list__name {
  display: block;
  margin-top: 0.11rem;
  color: #393632;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.12rem;
  line-height: 0.18rem;
  font-weight: 500;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  .p-ranking-list__name, .p-recommend-list__name {
    margin-top: 0.15rem;
    font-size: 0.14rem;
    line-height: 0.22rem;
    text-align: left;
  }
}
.p-ranking-list__price, .p-recommend-list__price {
  display: block;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.12rem;
  line-height: 0.18rem;
  font-weight: 500;
  letter-spacing: 0;
  color: #BA9E5C;
}
@media screen and (min-width: 768px) {
  .p-ranking-list__price, .p-recommend-list__price {
    font-size: 0.14rem;
    line-height: 0.22rem;
    text-align: left;
  }
}

.p-recommend-list__wrapper {
  text-decoration: unset !important;
}
.p-recommend-list__thumb::before {
  content: unset;
}
.p-recommend-list__thumb::after {
  content: unset;
}
.p-category-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.12rem 0;
}
@media screen and (min-width: 768px) {
  .p-category-list {
    justify-content: flex-start;
    gap: 0.15rem 0.22rem;
  }
}
.p-category-list__wrapper {
  width: 1.6rem;
  height: unset;
  min-height: 0.37rem;
  display: flex;
  border: 0.01rem solid #707070;
}
@media screen and (min-width: 768px) {
  .p-category-list__wrapper {
    width: 2rem;
    height: unset;
    min-height: 0.46rem;
  }
}
.p-category-list__thumb {
  width: 0.37rem;
  height: 100%;
  border-right: 0.01rem solid #707070;
  flex: none;
}
@media screen and (min-width: 768px) {
  .p-category-list__thumb {
    width: 0.46rem;
    height: 100%;
  }
}
.p-category-list__thumb img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.p-category-list__name {
  flex-grow: 1;
  height: 100%;
  background-color: white;
  display: flex;
  align-items: center;
  padding-top: 0.04rem;
  padding-left: 0.08rem;
  padding-bottom: 0.04rem;
  font-size: 0.12rem;
  line-height: 0.14rem;
  font-weight: 700;
  letter-spacing: -0.05;
}
@media screen and (min-width: 768px) {
  .p-category-list__name {
    font-size: 0.14rem;
    line-height: 0.16rem;
  }
}

.p-category-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 0.08rem 0;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .p-category-box {
    gap: 0.05rem 0;
  }
}
.p-category-box__wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.6rem;
  height: 0.47rem;
}
@media screen and (min-width: 768px) {
  .p-category-box__wrapper {
    width: 2.7rem;
    height: 0.8rem;
  }
}
.p-category-box__wrapper:nth-last-of-type(1) {
  margin: auto;
}
@media screen and (min-width: 768px) {
  .p-category-box__wrapper:nth-last-of-type(1) {
    margin: unset;
  }
}
.p-category-box__wrapper::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(185, 185, 185, 0.1);
}
.p-category-box__wrapper--active::after {
  --padding: 0.03rem;
  --border-width: 0.01rem;
  content: "";
  position: absolute;
  display: block;
  width: calc(100% - (var(--padding) + var(--border-width)) * 2);
  height: calc(100% - (var(--padding) + var(--border-width)) * 2);
  top: var(--padding);
  left: var(--padding);
  border: 0.01rem solid white;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .p-category-box__wrapper--active::after {
    --padding: 0.05rem;
  }
}
.p-category-box__wrapper--active::before {
  background-color: rgba(255, 255, 255, 0.5);
}
.p-category-box__wrapper span {
  position: relative;
  z-index: 10;
  font-size: 0.12rem;
  line-height: 0.14rem;
  color: white;
  text-shadow: 0 0 0.05rem black;
  text-align: center;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-category-box__wrapper span {
    font-size: 0.2rem;
    line-height: 0.26rem;
  }
}
.p-category-box__wrapper img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.p-child-category-list {
  display: flex;
  flex-wrap: wrap;
  padding-left: 1em;
  font-size: 0.12rem;
  font-weight: 700;
  width: 100%;
  gap: 0.05rem 0.1rem;
  font-feature-settings: "palt" 1;
}
@media screen and (min-width: 768px) {
  .p-child-category-list {
    gap: 0.05rem 0;
    font-size: 0.14rem;
  }
}
.p-child-category-list li {
  position: relative;
  width: calc(50% - 0.2rem);
}
@media screen and (min-width: 768px) {
  .p-child-category-list li {
    width: 33.3333333333%;
  }
}
.p-child-category-list li::before {
  content: "";
  position: absolute;
  left: -0.03rem;
  top: 50%;
  transform: translate(-100%, -50%);
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/flower.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 0.11rem;
  height: 0.1rem;
}
@media screen and (min-width: 768px) {
  .p-child-category-list li::before {
    left: -0.05rem;
  }
}

.p-relative-article-list__container {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  width: 100%;
}
.p-relative-article-list__wrapper {
  border: 0.01rem solid var(--body-color);
  width: 100%;
}
.p-relative-article-list__wrapper:nth-of-type(n+4) {
  display: none;
}
.p-relative-article-list__info {
  background-color: rgba(var(--body-color--rgb), 0.13);
  min-height: 1rem;
  display: flex;
}
.p-relative-article-list__thumb {
  width: 1rem;
  flex: none;
}
.p-relative-article-list__thumb img {
  display: block;
  width: 100%;
  height: 100%;
}
.p-relative-article-list__title {
  padding: 0.15rem;
  font-size: 0.16rem;
  line-height: 0.28rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-relative-article-list__title {
    padding-left: 0.2rem;
    padding-right: 0.2rem;
  }
}
.p-relative-article-list__description {
  background-color: white;
  font-size: 0.13rem;
  line-height: 0.2rem;
  font-weight: 500;
  padding-top: 0.14rem;
  padding-left: 0.15rem;
  padding-right: 0.15rem;
  padding-bottom: 0.1rem;
}
.p-product-list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
  gap: 0.35rem 0.1rem;
  margin-top: 0.26rem;
}
@media screen and (min-width: 768px) {
  .p-product-list {
    margin-top: 0.25rem;
    gap: 0.5rem 0.34rem;
    justify-content: flex-start;
    flex-wrap: wrap !important;
  }
}
.p-product-list--ranking {
  counter-reset: count 0;
}
.p-product-list--ranking .p-product-list__wrapper {
  counter-increment: count 1;
}
.p-product-list--ranking .p-product-list__wrapper:nth-of-type(-n+3)::before {
  background-color: var(--body-color);
}
.p-product-list--ranking .p-product-list__wrapper::before {
  content: counter(count);
  position: absolute;
  top: 0;
  left: 0;
  width: 0.3rem;
  height: 0.3rem;
  background-color: #BFBAB3;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Marcellus", serif;
  font-size: 0.21rem;
  line-height: 0.26rem;
  font-weight: 400;
  letter-spacing: 0;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .p-product-list--ranking .p-product-list__wrapper::before {
    width: 0.36rem;
    height: 0.36rem;
    font-size: 0.25rem;
    line-height: 0.31rem;
  }
}
@media screen and (min-width: 768px) {
  .p-product-list--5column {
    gap: 0.58rem 0.1rem;
  }
  .p-product-list--5column .p-product-list__wrapper {
    width: 1.98rem;
  }
  .p-product-list--5column .p-product-list__wrapper img {
    height: 1.98rem;
  }
  .p-product-list--5column .p-product-list__name {
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
    font-size: 0.14rem;
    line-height: 0.22rem;
    font-weight: 500;
    letter-spacing: 0;
  }
  .p-product-list--5column .p-product-list__price {
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
    font-size: 0.14rem;
    line-height: 0.22rem;
    font-weight: 500;
    letter-spacing: 0;
  }
}
.p-product-list--3column {
  flex-direction: column;
  width: 2.25rem;
  align-items: center;
  margin: auto;
  gap: 0.33rem;
}
@media screen and (min-width: 768px) {
  .p-product-list--3column {
    width: 100%;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    gap: 0.88rem;
  }
}
.p-product-list--3column .p-product-list__wrapper {
  width: 2.25rem;
  max-width: unset;
}
.p-product-list--3column .p-product-list__wrapper img {
  width: 100%;
  height: 2.7rem;
}
.p-product-list--3column .p-product-list__name {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.15rem;
  line-height: 0.22rem;
  font-weight: 700;
  letter-spacing: 0;
  color: #393632;
}
.p-product-list--3column .p-product-list__price {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.2rem;
  line-height: 0.27rem;
  font-weight: 600;
  letter-spacing: 0;
}
.p-product-list--3column .p-product-list__price::before {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.15rem;
  line-height: 0.22rem;
  font-weight: 500;
  letter-spacing: 0;
}
.p-product-list__wrapper {
  position: relative;
  max-width: 1.62rem;
  flex: none;
}
@media screen and (min-width: 768px) {
  .p-product-list__wrapper {
    max-width: 2.25rem;
  }
}
.p-product-list__wrapper img {
  display: block;
  width: 100%;
  height: 1.62rem;
  margin-bottom: 0.12rem;
}
@media screen and (min-width: 768px) {
  .p-product-list__wrapper img {
    width: 100%;
    height: 2.25rem;
    margin-bottom: 0.18rem;
  }
}
.p-product-list__name {
  display: block;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.12rem;
  line-height: 0.18rem;
  font-weight: 700;
  letter-spacing: 0;
  color: #393632;
}
@media screen and (min-width: 768px) {
  .p-product-list__name {
    font-size: 0.15rem;
    line-height: 0.22rem;
    margin-bottom: 0.02rem;
  }
}
.p-product-list__price {
  display: flex;
  align-items: baseline;
  gap: 0.05rem;
  font-size: 0.11rem;
  line-height: 0.14rem;
  color: var(--body-color);
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 0.13rem;
  line-height: 0.17rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  word-break: break-all;
}
.p-product-list__price::before {
  content: "価格:";
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.1rem;
  line-height: 0.13rem;
  font-weight: 500;
  letter-spacing: 0;
  flex: none;
}
@media screen and (min-width: 768px) {
  .p-product-list__price::before {
    font-size: 0.15rem;
    line-height: 0.19rem;
  }
}
@media screen and (min-width: 768px) {
  .p-product-list__price {
    font-size: 0.2rem;
    line-height: 0.26rem;
  }
}
.p-product-list__other {
  height: 1.94rem;
  width: 1.45rem;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 0.11rem;
}
@media screen and (min-width: 768px) {
  .p-product-list__other {
    height: unset;
    width: 2.46rem;
    gap: 0.1rem;
    justify-content: flex-start;
  }
}
.p-product-list__other--heading {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.14rem;
  line-height: 0.18rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  margin-bottom: 0.05rem;
  color: #393632;
}
@media screen and (min-width: 768px) {
  .p-product-list__other--heading {
    font-size: 0.16rem;
    line-height: 0.21rem;
  }
}
.p-product-list__other--link {
  position: relative;
  width: 100%;
  height: 0.38rem;
  border-radius: 0.05rem;
  background-color: #F4F4F4;
  display: flex;
  align-items: center;
  padding-left: 0.1rem;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 0.14rem;
  line-height: 0.18rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  flex: none;
  color: #393632;
}
@media screen and (min-width: 768px) {
  .p-product-list__other--link {
    height: 0.5rem;
    padding-left: 0.22rem;
    font-size: 0.18rem;
    line-height: 0.24rem;
  }
}
.p-product-list__other--link::after {
  content: "";
  width: 0.059rem;
  height: 0.1012rem;
  position: absolute;
  top: 50%;
  right: 0.24rem;
  transform: translateY(-50%);
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/arrow_right_emerald.svg");
  background-size: contain;
  background-repeat: no-repeat;
  filter: brightness(0) saturate(100%) invert(73%) sepia(30%) saturate(9%) hue-rotate(101deg) brightness(94%) contrast(93%);
}

.p-price-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.06rem 0;
  margin-bottom: 0.2rem;
}
@media screen and (min-width: 768px) {
  .p-price-list {
    gap: 0.15rem;
    margin-bottom: unset;
  }
}
.p-price-list__wrapper {
  width: 1.64rem;
  height: 0.48rem;
  border: 0.01rem solid #707070;
  position: relative;
  padding-left: 0.06rem;
}
@media screen and (min-width: 768px) {
  .p-price-list__wrapper {
    width: 2.75rem;
    height: 0.8rem;
    padding-top: 0.08rem;
    padding-left: 0.1rem;
  }
}
.p-price-list__wrapper img {
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.p-price-list__wrapper span {
  position: relative;
  z-index: 2;
  font-size: 0.09rem;
  font-weight: 700;
  color: #6C5D48;
  text-shadow: 0 0 0.05rem white, 0 0 0.05rem white, 0 0 0.05rem white, 0 0 0.05rem white, 0 0 0.05rem white, 0 0 0.05rem white, 0 0 0.05rem white, 0 0 0.05rem white;
  line-height: 100%;
  white-space: nowrap;
  letter-spacing: -0.12em;
}
@media screen and (min-width: 768px) {
  .p-price-list__wrapper span {
    font-size: 0.12rem;
    letter-spacing: 0;
  }
}

.p-works-list {
  display: flex;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-works-list {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
.p-works-list__slider {
  position: relative;
  overflow: hidden;
}
.p-works-list__slider .swiper-slide {
  border-radius: 0;
  opacity: 1;
  height: 4.8rem;
}
.p-works-list__slider .swiper-slide::after {
  content: "";
  display: none;
}
@media screen and (min-width: 768px) {
  .p-works-list__slider .swiper-slide {
    height: unset;
  }
}
.p-works-list__slider .swiper-scrollbar-drag {
  background-color: #B9B9B9;
}
.p-works-list__navigation {
  position: absolute;
  right: 0;
  bottom: 0;
  display: none;
}
@media screen and (min-width: 768px) {
  .p-works-list__navigation {
    display: flex;
    gap: 0.37rem;
  }
}
.p-works-list__navigation div {
  display: block;
  width: 0.08rem;
  height: 0.16rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/right_arrow_brown_middle_light.svg");
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}
.p-works-list__navigation--prev {
  transform: rotate(-180deg);
}
.p-works-list__wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  background-color: white;
  width: 3rem;
  max-width: unset;
  flex: none;
}
.p-works-list__wrapper:nth-of-type(3n+1) .p-works-list__thumb {
  border-color: #9FC238;
}
.p-works-list__wrapper:nth-of-type(3n+1) .p-works-list__thumb--item {
  background-color: #9FC238;
}
.p-works-list__wrapper:nth-of-type(3n+2) .p-works-list__thumb {
  border-color: #5773B5;
}
.p-works-list__wrapper:nth-of-type(3n+2) .p-works-list__thumb--item {
  background-color: #5773B5;
}
.p-works-list__wrapper:nth-of-type(3n) .p-works-list__thumb {
  border-color: #E5A1A1;
}
.p-works-list__wrapper:nth-of-type(3n) .p-works-list__thumb--item {
  background-color: #E5A1A1;
}
.p-works-list__thumb {
  position: relative;
  width: 100%;
  height: 2.4rem;
  border-top: 0.08rem solid #707070;
  margin: 0;
}
.p-works-list__thumb:has(.p-works-list__thumb--item) .p-works-list__thumb--text {
  bottom: 0.16rem;
}
@media screen and (min-width: 768px) {
  .p-works-list__thumb:has(.p-works-list__thumb--item) .p-works-list__thumb--text {
    bottom: 0.2rem;
  }
}
.p-works-list__thumb:has(.p-works-list__thumb--item) .p-works-list__thumb--price {
  padding-left: 0.5em;
}
.p-works-list__thumb:has(.p-works-list__thumb--item) .p-works-list__thumb--price strong {
  padding-left: 0.5em;
}
.p-works-list__thumb:has(.p-works-list__thumb--item) .p-works-list__thumb--number {
  padding-left: 0.5em;
}
.p-works-list__thumb:has(.p-works-list__thumb--item) .p-works-list__thumb--number strong {
  padding-left: 0.5em;
}
.p-works-list__thumb--text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.03rem;
  position: absolute;
  width: -moz-fit-content;
  width: fit-content;
  left: 0;
  bottom: 0.1rem;
}
.p-works-list__thumb--copy {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  background-color: #6C5D48;
  font-size: 0.18rem;
  line-height: 0.23rem;
  font-weight: 700;
  padding-top: 0.08rem;
  padding-left: 0.14rem;
  padding-right: 0.14rem;
  padding-bottom: 0.08rem;
}
.p-works-list__thumb--tag {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  height: 0.2rem;
  display: flex;
  gap: 0.03rem;
}
@media screen and (min-width: 768px) {
  .p-works-list__thumb--tag {
    height: 0.27rem;
  }
}
.p-works-list__thumb--tag li {
  font-size: 0.1rem;
  line-height: 0.14rem;
  color: white;
  font-weight: 700;
  text-align: center;
  padding: 0.02rem 0.09rem 0.04rem;
  background-color: #61A468;
  border-radius: 0 0 0.05rem 0.05rem;
}
@media screen and (min-width: 768px) {
  .p-works-list__thumb--tag li {
    padding: 0.04rem 0.13rem 0.06rem;
    font-size: 0.13rem;
    line-height: 0.17rem;
  }
}
.p-works-list__thumb--item {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  min-height: 0.16rem;
  font-weight: 700;
  font-size: 0.1rem;
  line-height: 0.14rem;
  color: white;
  background-color: #707070;
  display: flex;
  align-items: center;
  padding-left: 0.1rem;
  padding-right: 0.1rem;
  font-feature-settings: "palt" 1;
}
.p-works-list__thumb--item br {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-works-list__thumb--item {
    font-size: 0.14rem;
    line-height: 0.19rem;
    height: 0.2rem;
    padding-left: 0.18rem;
    padding-right: 0.18rem;
  }
}
.p-works-list__thumb img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.p-works-list__thumb span {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #6C5D48;
  text-align: left;
  color: white;
  font-weight: 700;
  font-size: 0.16rem;
  line-height: 150%;
  white-space: nowrap;
  padding-left: 0.05rem;
  padding-right: 0.05rem;
  min-width: 1.8rem;
}
.p-works-list__thumb span strong {
  font-size: 0.2rem;
  padding-left: 0.02rem;
  padding-right: 0.02rem;
}
.p-works-list__text {
  width: 100%;
  height: 2.4rem;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  gap: 0.05rem;
  background-color: white;
  padding-top: 0.19rem;
  padding-left: 0.19rem;
  padding-right: 0.24rem;
  padding-bottom: 0.24rem;
}
.p-works-list__text--unlimited p {
  height: 6em !important;
  margin-bottom: 0.5em;
}
.p-works-list__text h4 {
  display: block;
  font-size: 0.18rem;
  line-height: 0.28rem;
  font-weight: 700;
  margin-bottom: 0.094rem;
}
.p-works-list__text p {
  display: block;
  font-size: 0.14rem;
  line-height: 1.2em;
  height: 3.6em;
  overflow: hidden;
  letter-spacing: 0.1em;
  text-overflow: ellipsis;
}
.p-works-list__text strong {
  display: block;
  position: relative;
  font-size: 0.14rem;
  font-weight: 700;
  line-height: 0.18rem;
  padding-bottom: 0.05rem;
  border-bottom: 0.01rem solid #BA9E5C;
  margin-top: auto;
  padding-right: 1.5em;
}
.p-works-list__text strong::after {
  display: block;
  content: "";
  width: 0.21rem;
  height: 0.2rem;
  position: absolute;
  right: 0;
  bottom: 0.05rem;
  transform: scaleX(-1);
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/arrow_dark.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.p-works-list__text--wish {
  position: relative;
  padding-top: 0.19rem;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  padding-bottom: 0.24rem;
  background-color: white;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.p-works-list__text--wish p {
  font-size: 0.16rem;
  line-height: 0.28rem;
  font-weight: 700;
  display: block;
  margin-bottom: 0.15rem;
}
.p-works-list__text--wish div {
  position: relative;
  width: 100%;
  color: #BA9E5C;
  font-family: mr-eaves-sans, sans-serif;
  font-size: 0.16rem;
  background-color: white;
  margin-bottom: 0.15rem;
}
.p-works-list__text--wish div span {
  position: relative;
  z-index: 3;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  padding-right: 0.1rem;
  background-color: white;
}
.p-works-list__text--wish div::after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 0;
  border-bottom: 0.01rem solid #BA9E5C;
  top: 50%;
  left: 0;
}
.p-works-list__text--wish strong {
  position: relative;
  width: 100%;
  min-height: 0.23rem;
  background-color: #BA9E5C;
  color: white;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-self: flex-end;
  margin-top: auto;
}
.p-works-list__text--wish strong::after {
  position: absolute;
  right: 0.1rem;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  width: 0.06rem;
  height: 0.1rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/right_arrow_white_middle.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

.p-index {
  position: relative;
  border-radius: 0.18rem;
  border: 0.02rem solid var(--body-color);
  color: var(--body-color);
  background-color: white;
}
.p-index__title {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  padding-left: 0.14rem;
  padding-right: 0.13rem;
  background-color: white;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 0.22rem;
  line-height: 0.29rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-index__title {
    font-size: 0.22rem;
    left: 0.14rem;
    transform: translateY(-50%);
  }
}
.p-index__container {
  padding-top: 0.54rem;
  padding-left: 0.42rem;
  padding-right: 0.42rem;
  padding-bottom: 0.62rem;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 0.39rem 0;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  .p-index__container {
    padding-top: 0.55rem;
    padding-left: 0.94rem;
    padding-right: 0.1rem;
    padding-bottom: 0.57rem;
    flex-direction: row;
    width: 100%;
    gap: 0.39rem 0.3rem;
  }
}
.p-index__wrapper {
  display: block;
  font-size: 0.18rem;
  font-weight: 700;
  color: var(--body-color);
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  .p-index__wrapper {
    min-width: 2rem;
  }
}

.p-accordion {
  display: flex;
  flex-direction: column;
  margin-top: 0.06rem;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .p-accordion {
    flex-direction: row;
    justify-content: space-between;
    padding-left: 0.5rem;
  }
}
.p-accordion__wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-accordion__wrapper {
    width: 3.9rem;
  }
}
.p-accordion__switch {
  display: none;
}
.p-accordion__switch:checked ~ .p-accordion__item {
  background-color: rgba(var(--body-color--rgb), 0.16);
  border-color: var(--body-color);
  color: var(--body-color);
}
.p-accordion__switch:checked ~ .p-accordion__item::after {
  transform: translateY(-50%) rotate(90deg);
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/right_arrow_brown_middle_light.svg");
}
.p-accordion__switch:checked ~ .p-accordion__content {
  max-height: -moz-fit-content;
  max-height: fit-content;
  padding-top: 0.18rem;
  padding-bottom: 0.2rem;
  background-color: rgba(var(--body-color--rgb), 0.16);
}
@media screen and (min-width: 768px) {
  .p-accordion__switch:checked ~ .p-accordion__content {
    padding-top: 0.11rem;
    padding-bottom: 0.11rem;
  }
}
.p-accordion__item {
  position: relative;
  display: flex;
  align-items: center;
  padding-top: 0.04rem;
  padding-left: 0.1rem;
  padding-right: 0.3rem;
  padding-bottom: 0.04rem;
  min-height: 0.34rem;
  border-bottom: 0.015rem solid #B9B9B9;
  cursor: pointer;
  font-size: 0.14rem;
  font-weight: 700;
  transition: 0.3s;
}
@media screen and (min-width: 768px) {
  .p-accordion__item {
    padding-left: 0.09rem;
    padding-right: 0.4rem;
  }
}
.p-accordion__item::after {
  position: absolute;
  top: 50%;
  right: 0.11rem;
  transform: translateY(-50%);
  content: "";
  width: 0.06rem;
  height: 0.1rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/right_arrow_brown_middle.svg");
  background-size: contain;
  background-repeat: no-repeat;
  transition: 0.3s;
}
@media screen and (min-width: 768px) {
  .p-accordion__item::after {
    right: 0.21rem;
  }
}
.p-accordion__content {
  display: flex;
  flex-direction: column;
  gap: 0.24rem;
  width: 100%;
  max-height: 0;
  overflow: hidden;
  transition: 0.3s;
  padding-left: 0.18rem;
  padding-right: 0.18rem;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .p-accordion__content {
    padding-left: 0.1rem;
    padding-right: 0.1rem;
    gap: 0.14rem;
  }
}
.p-accordion__content img {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 0.08rem;
  margin-bottom: 0.08rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.p-accordion__content b {
  color: black;
  font-weight: 700;
}
.p-accordion__content p {
  font-size: 0.14rem;
  font-weight: 700;
  line-height: 0.24rem;
}
.p-accordion__content a {
  color: #5773B5;
  text-decoration: underline;
}
.p-accordion__content figure {
  margin-bottom: 0.08rem;
}
.p-accordion__content figure figcaption {
  text-align: center;
}
.p-accordion__content table {
  font-size: 0.14rem;
  line-height: 0.24rem;
}
.p-accordion__content table th {
  font-weight: 700;
  padding-right: 0.05rem;
  text-align: right;
}
.p-accordion__content table td {
  font-weight: 500;
}
.p-accordion__content--button {
  cursor: pointer;
  width: 100%;
  height: 0.4rem;
  color: white;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.16rem;
  line-height: 0.24rem;
  font-weight: 5;
  letter-spacing: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #6C5D48;
  margin-top: 0.1rem;
  transition: 0.3s;
}
.p-accordion__content--button:hover {
  opacity: 0.7;
}
.p-accordion__list {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.p-accordion__list dt,
.p-accordion__list dd {
  width: 100%;
  min-height: 0.32rem;
  font-size: 0.16rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  padding-left: 0.18rem;
  padding-right: 0.13rem;
}
.p-accordion__list dt {
  padding-top: 0.03rem;
  padding-bottom: 0.03rem;
  background-color: #E6D9B7;
}
.p-accordion__list dd {
  padding-top: 0.08rem;
  padding-bottom: 0.08rem;
  background-color: white;
}

.p-cart__sp {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 0.36rem;
}
.p-cart__sp dt,
.p-cart__sp dd {
  padding-top: 0.2rem;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  padding-bottom: 0.18rem;
  min-height: 0.66rem;
}
.p-cart__sp__item {
  height: 0.66rem;
  border: 0.01rem solid var(--body-dark-color);
  background-color: rgba(var(--body-color--rgb), 0.16);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.18rem;
  font-weight: 700;
  color: var(--body-color);
}
.p-cart__sp__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.3rem;
  border-left: 0.01rem solid var(--body-dark-color);
  border-right: 0.01rem solid var(--body-dark-color);
}
.p-cart__sp__image {
  width: 1.47rem;
  height: 1.47rem;
}
.p-cart__sp__image img {
  display: block;
  width: 100%;
  height: 100%;
}
.p-cart__sp__text {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.p-cart__sp__text span {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 0.16rem;
  font-weight: 700;
  line-height: 0.2rem;
}
.p-cart__sp__options {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.05rem;
  border-left: 0.01rem solid var(--body-dark-color);
  border-right: 0.01rem solid var(--body-dark-color);
  padding: 0.1rem;
}
.p-cart__sp__options__item {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.p-cart__sp__options__item p {
  display: block;
  width: 100%;
  font-size: 0.14rem;
}
.p-cart__sp__options__item--title {
  font-weight: 700;
  color: var(--body-color);
}
.p-cart__sp__options__item--selection {
  padding-left: 0.05rem;
  margin-bottom: 0.08rem;
  font-size: 0.8em;
}
.p-cart__sp__options select {
  width: 2.53rem;
  height: 0.25rem;
  font-size: 0.16rem;
  font-weight: 700;
}
.p-cart__sp__split {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
  border-left: 0.01rem solid var(--body-dark-color);
  border-right: 0.01rem solid var(--body-dark-color);
  border-bottom: 0.01rem solid var(--body-dark-color);
}
.p-cart__sp__split div {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 100%;
}
.p-cart__sp__split div select {
  width: 0.69rem;
  height: 0.37rem;
}
.p-cart__sp__split1 {
  width: 1.65rem;
}
.p-cart__sp__split2 {
  width: 1rem;
  border-left: 0.01rem solid var(--body-dark-color);
  border-right: 0.01rem solid var(--body-dark-color);
}
.p-cart__sp__split3 {
  flex-grow: 1;
}
.p-cart__sp__num {
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
  width: 1.43rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  justify-content: center;
  align-items: center;
}
.p-cart__sp__num select,
.p-cart__sp__num input {
  width: 0.69rem;
  height: 0.37rem;
  border: 0.015rem solid black;
  border-radius: 0.04rem;
  padding-left: 0.1rem;
  margin: 0;
}
.p-cart__sp__num .c-btn--light {
  width: 0.6rem;
  height: 0.3rem;
  border-radius: 0.05rem;
}
.p-cart__sp__delete {
  width: 0.14rem;
  height: 0.14rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/delete.svg");
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}

.p-cart__pc {
  width: 100%;
}
.p-cart__pc__table {
  border-collapse: separate;
  border-right: 0.01rem solid var(--body-dark-color);
  border-bottom: 0.01rem solid var(--body-dark-color);
  width: 100%;
}
.p-cart__pc__table thead {
  width: 100%;
}
.p-cart__pc__table thead td {
  background-color: rgba(var(--body-color--rgb), 0.16);
  color: var(--body-color);
  text-align: center;
  font-size: 0.18rem;
  font-weight: 700;
  line-height: 0.66rem;
}
.p-cart__pc__table td {
  min-height: 0.66rem;
  vertical-align: middle;
  border-top: 0.01rem solid var(--body-dark-color);
  border-left: 0.01rem solid var(--body-dark-color);
  font-weight: 700;
  background-color: white;
}
.p-cart__pc__info {
  width: 3.38rem;
  padding-top: 0.32rem;
  padding-left: 0.28rem;
  padding-right: 0.18rem;
  padding-bottom: 0.32rem;
}
.p-cart__pc__info__wrapper {
  display: flex;
  gap: 0.15rem;
}
.p-cart__pc__image {
  width: 1rem;
  height: 1rem;
  flex-grow: 0;
  flex: none;
}
.p-cart__pc__image img {
  display: block;
  width: 100%;
  height: 100%;
}
.p-cart__pc__text {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  justify-content: center;
  gap: 0.21rem;
  font-weight: 700;
}
.p-cart__pc__name {
  font-size: 0.16rem;
}
.p-cart__pc__unit-price {
  line-height: 0.21rem;
  line-height: 0.41rem;
  width: 1.65rem;
  text-align: center;
}
.p-cart__pc__options {
  padding: 0.1rem;
}
.p-cart__pc__options__wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.06rem;
  padding-top: 0.06rem;
  padding-left: 0.12rem;
  padding-right: 0.12rem;
  padding-bottom: 0.06rem;
}
.p-cart__pc__options__wrapper select {
  width: 2.46rem;
  height: 0.26rem;
}
.p-cart__pc__options__item {
  display: flex;
  flex-direction: column;
}
.p-cart__pc__options__item p {
  display: block;
  width: 100%;
  font-size: 0.14rem;
}
.p-cart__pc__options__item--title {
  font-weight: 700;
  color: var(--body-color);
}
.p-cart__pc__options__item--selection {
  padding-left: 0.05rem;
  margin-bottom: 0.08rem;
  font-size: 0.8em;
}
.p-cart__pc__num {
  width: 1.43rem;
  text-align: center;
}
.p-cart__pc__num__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.2rem;
}
.p-cart__pc__num select,
.p-cart__pc__num input {
  width: 1.01rem;
  height: 0.54rem;
  border: 0.015rem solid black;
  border-radius: 0.04rem;
  padding-left: 0.1rem;
  margin: 0;
}
.p-cart__pc__num .c-btn--light {
  width: 0.8rem;
  height: 0.4rem;
  border-radius: 0.05rem;
}
.p-cart__pc__delete {
  width: 0.82rem;
  text-align: center;
}
.p-cart__pc__delete__btn {
  display: block;
  width: 0.14rem;
  height: 0.14rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/delete.svg");
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
  margin: auto;
}

.p-cart__total {
  position: relative;
  margin-top: 0.28rem;
  margin-bottom: 0.28rem;
  width: 100%;
  background-color: rgba(var(--body-color--rgb), 0.16);
  min-height: 1rem;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.07rem;
  border: 0.01rem solid var(--body-dark-color);
}
@media screen and (min-width: 768px) {
  .p-cart__total {
    min-height: 1.36rem;
    gap: 0.19rem;
    padding-top: 0.45rem;
    padding-bottom: 0.31rem;
    margin-top: 0.6rem;
    margin-bottom: 0.57rem;
  }
}
.p-cart__total--option {
  font-size: 0.16rem;
}
.p-cart__total--price {
  font-size: 0.2rem;
  line-height: 0.2rem;
}
.p-cart__total a {
  color: #BE6B6B;
  text-decoration: underline;
}
.p-cart__total strong {
  font-weight: 700;
}
.p-cart__total::before {
  content: "";
  position: absolute;
  top: -0.21rem;
  left: 50%;
  width: 0.29rem;
  height: 0.2rem;
  transform: translate(-50%, -100%);
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/bottom_arrow_double.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.p-cart__total::after {
  content: "";
  position: absolute;
  bottom: -0.21rem;
  left: 50%;
  width: 0.29rem;
  height: 0.2rem;
  transform: translate(-50%, 100%);
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/bottom_arrow_double.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.p-cart__btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .p-cart__btn {
    justify-content: center;
    gap: 0.34rem;
  }
}
.p-cart__btn a {
  text-align: center;
}
.p-cart__policy {
  position: relative;
  width: 100%;
  height: 2.9rem;
  padding-top: 0.5em;
  padding-left: 0.5em;
  padding-right: 1.5em;
  padding-bottom: 0.5em;
  border: 0.01rem solid #BA9E5C;
  font-size: 0.14rem;
  overflow-x: scroll;
  line-height: 150%;
  margin-bottom: 0.29rem;
}
.p-cart__policy::-webkit-scrollbar {
  width: 0.18rem;
}
.p-cart__policy::-webkit-scrollbar-track {
  background-color: transparent;
}
.p-cart__policy::-webkit-scrollbar-thumb {
  background-color: #9B9B9B;
  border-radius: 0.18rem;
  border: 0.03rem solid white;
}
.p-cart__policy pre {
  white-space: pre-wrap;
}

.p-works {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 0.47rem 0;
}
.p-works:not(:nth-last-of-type(1)) {
  margin-bottom: 0.47rem;
}
@media screen and (min-width: 768px) {
  .p-works {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
  }
}
.p-works__wrapper {
  border-bottom: 0.015rem solid var(--body-color);
  height: -moz-fit-content;
  height: fit-content;
}
@media screen and (min-width: 768px) {
  .p-works__wrapper {
    width: 3.64rem;
  }
}
.p-works__image {
  width: 100%;
  height: 4.46rem;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .p-works__image {
    height: 4.85rem;
  }
}
.p-works__image img {
  display: block;
  width: 100%;
  height: 100%;
}
.p-works .p-accordion__switch:checked ~ .p-accordion__item {
  background-color: white;
  color: #6C5D48;
}
.p-works .p-accordion__switch:checked ~ .p-accordion__content {
  background-color: white;
  padding: unset;
}
.p-works .p-accordion__item {
  border: none;
  padding-left: unset;
  min-height: 0.39rem;
  font-size: 0.16rem;
}
.p-works .p-accordion__item::after {
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/right_arrow_brown_middle_light.svg");
}
@media screen and (min-width: 768px) {
  .p-works .p-accordion__item::after {
    width: 0.086rem;
    height: 0.15rem;
    right: 0.1rem;
  }
}
.p-works .p-accordion__content {
  padding-left: unset;
  padding-right: unset;
}

.p-product-info__container {
  display: flex;
  flex-direction: column;
  gap: 0.24rem;
  padding-left: unset !important;
  padding-right: unset !important;
}
@media screen and (min-width: 768px) {
  .p-product-info__container {
    flex-direction: row;
    gap: 0.18rem;
    align-items: flex-start;
  }
}
.p-product-info__text {
  color: #6C5D48;
  font-feature-settings: "palt" 1;
}
@media screen and (min-width: 768px) {
  .p-product-info__text {
    color: #6C5D48;
    margin-bottom: 0.29rem;
  }
}
.p-product-info__text--category {
  display: block;
  font-size: 0.14rem;
  line-height: 0.19rem;
  margin-bottom: 0.13rem;
}
@media screen and (min-width: 768px) {
  .p-product-info__text--category {
    font-size: 0.2rem;
    line-height: 0.27rem;
  }
}
.p-product-info__text--name {
  font-size: 0.26rem;
  line-height: 0.37rem;
}
@media screen and (min-width: 768px) {
  .p-product-info__text--name {
    font-weight: 700;
    font-size: 0.28rem;
    line-height: 0.42rem;
    margin-bottom: 0.05rem;
  }
}
.p-product-info__text--price {
  font-size: 0.19rem;
  line-height: 0.26rem;
  margin-bottom: 0.07rem;
}
@media screen and (min-width: 768px) {
  .p-product-info__text--price {
    font-size: 0.28rem;
    line-height: 0.37rem;
  }
  .p-product-info__text--price strong {
    font-size: 0.37rem;
  }
}
.p-product-info__text--price span {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.2rem;
  line-height: 0.27rem;
  font-weight: 600;
  letter-spacing: 0;
}
.p-product-info__text--price strong {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.27rem;
  line-height: 0.36rem;
  font-weight: 600;
  letter-spacing: 0;
}
.p-product-info__text--price small {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.2rem;
  line-height: 0.27rem;
  font-weight: 600;
  letter-spacing: 0;
}
.p-product-info__text--review {
  display: flex;
  align-items: center;
  gap: 0.1rem;
}
.p-product-info__text--review .reviewRate {
  display: flex;
  gap: 0.1em;
  color: transparent;
  font-size: 0;
}
@media screen and (min-width: 768px) {
  .p-product-info__text--review .reviewRate {
    font-size: 0.2rem;
  }
}
.p-product-info__text--review .reviewRate .reviewRateStar {
  opacity: 0;
  transition: 0.3s;
  display: none;
}
.p-product-info__text--review .reviewRate .reviewRateStar::before {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  flex: none;
  background-color: black;
  -webkit-clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
          clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}
.p-product-info__text--review .reviewRate .starOn::before {
  background-color: #E7B53E;
}
.p-product-info__text--review .reviewRate .starOff::before {
  background-color: #F0F0F0;
}
.p-product-info__text--review .reviewRate .starHalf::before {
  background: linear-gradient(to right, #E7B53E 0%, #E7B53E 50%, #F0F0F0 50%, #F0F0F0 100%);
}
.p-product-info__text--review--value {
  color: #E7B53E;
  font-family: "Marcellus", serif;
  font-size: 0.22rem;
  line-height: 0.28rem;
  font-weight: 700;
  letter-spacing: 0;
}
.p-product-info__text--review--link {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.14rem;
  line-height: 0.19rem;
  font-weight: 700;
  letter-spacing: 0;
  color: #393632;
}
.p-product-info__text--review--link a {
  text-decoration: underline;
}
.p-product-info__slider {
  display: flex;
  flex-direction: column;
  gap: 0.14rem;
  padding-top: 0.15rem;
}
@media screen and (min-width: 768px) {
  .p-product-info__slider {
    padding-top: unset;
    width: 4.97rem;
  }
}
.p-product-info__slider__container {
  position: relative;
  width: 100%;
  height: 3.75rem;
  transition: 0s;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-product-info__slider__container {
    width: 100%;
    height: 4.97rem;
  }
}
.p-product-info__slider__container .swiper-slide {
  height: 100%;
  border-radius: unset;
  filter: none;
  transition: 0s;
  opacity: 0;
  visibility: hidden;
}
.p-product-info__slider__container .swiper-slide.swiper-slide-active {
  opacity: 1;
  visibility: visible !important;
}
.p-product-info__slider__container .swiper-slide:hover {
  opacity: 1;
}
.p-product-info__slider__container .swiper-slide::after {
  content: "";
  display: none;
}
.p-product-info__slider__container .swiper-slide img {
  background-color: white;
  -o-object-fit: contain;
     object-fit: contain;
}
.p-product-info__slider__container .swiper-button-next {
  right: 0.1rem;
  opacity: 1;
  width: 0.3rem;
  height: 0.3rem;
}
@media screen and (min-width: 768px) {
  .p-product-info__slider__container .swiper-button-next {
    right: 0.1rem;
    width: 0.4rem;
    height: 0.4rem;
  }
}
.p-product-info__slider__container .swiper-button-next::after {
  opacity: 1;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/arrow_white.svg");
  background-repeat: no-repeat;
}
.p-product-info__slider__container .swiper-button-prev {
  left: 0.1rem;
  opacity: 1;
  width: 0.3rem;
  height: 0.3rem;
}
@media screen and (min-width: 768px) {
  .p-product-info__slider__container .swiper-button-prev {
    left: 0.1rem;
    width: 0.4rem;
    height: 0.4rem;
  }
}
.p-product-info__slider__container .swiper-button-prev::after {
  opacity: 1;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/arrow_white.svg");
  background-repeat: no-repeat;
}
.p-product-info__slider__thumbnail .swiper-slide {
  border-radius: unset;
  width: 0.7rem;
  height: 0.7rem;
  opacity: 0.8;
  filter: none;
  transition: 0s;
}
@media screen and (min-width: 768px) {
  .p-product-info__slider__thumbnail .swiper-slide {
    width: 0.93rem;
    height: 0.93rem;
  }
}
.p-product-info__slider__thumbnail .swiper-slide:hover {
  opacity: 1;
}
.p-product-info__slider__thumbnail .swiper-slide::after {
  content: "";
  display: none;
}
.p-product-info__slider__thumbnail .swiper-slide-thumb-active {
  opacity: 1;
}
.p-product-info__options {
  padding-left: 0.34rem;
  padding-right: 0.34rem;
}
@media screen and (min-width: 768px) {
  .p-product-info__options {
    flex-grow: 1;
    padding-left: unset;
    padding-right: unset;
  }
}
.p-product-info__form {
  display: flex;
  flex-direction: column;
  gap: 0.08rem;
}
@media screen and (min-width: 768px) {
  .p-product-info__form {
    gap: 0.21rem;
  }
}
.p-product-info__form select {
  width: 100%;
  height: 0.4rem;
  max-width: 100%;
}
.p-product-info__form--num {
  position: relative;
  width: 100%;
  height: 0.4rem;
  background-color: #B9B9B9;
  border: 0.01rem solid #707070;
  display: flex;
  align-items: center;
  gap: 0.04rem;
  padding-left: 1.2rem;
  padding-right: 0.26rem;
  font-size: 0.14rem;
}
.p-product-info__form--num input[type=number] {
  border: 0.01rem solid black;
  width: 0.7rem;
  height: 0.33rem;
  text-align: center;
}
.p-product-info__form--num::before {
  content: attr(data-before);
  color: black;
  position: absolute;
  top: 50%;
  left: 0.11rem;
  transform: translateY(-50%);
}
.p-product-info__form--num::after {
  content: attr(data-after);
  color: black;
  color: black;
  position: absolute;
  top: 50%;
  right: 0.11rem;
  transform: translateY(-50%);
}
.p-product-info__form--num--up {
  width: 0.2rem;
  height: 0.2rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/triangle.svg");
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}
.p-product-info__form--num--down {
  width: 0.2rem;
  height: 0.2rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/triangle.svg");
  background-size: contain;
  background-repeat: no-repeat;
  transform: scaleY(-1);
  margin-right: 0.04rem;
  cursor: pointer;
}
.p-product-info__form--btn {
  margin-top: 0.16rem;
  display: flex;
  flex-direction: column;
  gap: 0.14rem;
}
@media screen and (min-width: 768px) {
  .p-product-info__form--btn {
    gap: 0.18rem;
    margin-top: unset;
  }
}
.p-product-info__form--link {
  font-size: 0.16rem;
  line-height: 0.2rem;
  font-weight: 700;
  color: #6C5D48;
  display: flex;
  align-items: center;
  gap: 0.08rem;
  margin-top: 0.1rem;
}
@media screen and (min-width: 768px) {
  .p-product-info__form--link {
    margin-top: 0.16rem;
    font-size: 0.2rem;
  }
}
.p-product-info__form--link::before {
  content: "";
  width: 0.2rem;
  height: 0.2rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/icon_question.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .p-product-info__form--link::before {
    width: 0.27rem;
    height: 0.27rem;
  }
}
.p-product-info__form--link::after {
  content: "";
  width: 0.18rem;
  height: 0.18rem;
  margin-left: 0.04rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/icon_external.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .p-product-info__form--link::after {
    width: 0.19rem;
    height: 0.19rem;
    margin-left: 0.07rem;
  }
}

.p-colorful-box {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.07rem;
  margin-left: auto;
  margin-right: auto;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 768px) {
  .p-colorful-box {
    flex-direction: row;
    gap: 0.69rem;
  }
}
.p-colorful-box::before {
  content: "";
  position: absolute;
  top: -0.18rem;
  left: -0.7rem;
  width: 0.7rem;
  height: 1.83rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/flashes1.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .p-colorful-box::before {
    width: 1rem;
    height: 2.62rem;
    left: -1.6rem;
    top: unset;
    bottom: -0.42rem;
  }
}
.p-colorful-box::after {
  content: "";
  position: absolute;
  bottom: -0.26rem;
  right: -0.61rem;
  width: 0.7rem;
  height: 1.37rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/flashes2.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .p-colorful-box::after {
    width: 1rem;
    height: 1.96rem;
    right: -1.54rem;
    bottom: -0.51rem;
  }
}
.p-colorful-box__wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  --base-color: #707070;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 768px) {
  .p-colorful-box__wrapper {
    flex-direction: column;
  }
}
.p-colorful-box__wrapper p {
  border-radius: 100%;
  border: 0.015rem solid var(--base-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.13rem;
  line-height: 150%;
  text-align: center;
  font-weight: 600;
  letter-spacing: 0;
  font-feature-settings: "palt" 1;
}
@media screen and (min-width: 768px) {
  .p-colorful-box__wrapper p {
    font-size: 0.14rem;
  }
}
.p-colorful-box__wrapper p strong {
  font-weight: 700;
  font-size: 0.18rem;
}
.p-colorful-box__wrapper::after {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-21deg) skew(42deg);
  content: "";
  width: 0.2rem;
  height: 0.16rem;
  background-color: var(--base-color);
}
@media screen and (min-width: 768px) {
  .p-colorful-box__wrapper::after {
    left: 50%;
    top: 49%;
    transform: translate(-50%, -50%) rotate(115deg) skew(-42deg);
  }
}
.p-colorful-box__wrapper:nth-of-type(1) {
  --base-color: #9FC238;
}
.p-colorful-box__wrapper:nth-of-type(2) {
  --base-color: #E7B53E;
}
.p-colorful-box__wrapper:nth-of-type(3) {
  --base-color: #E5A1A1;
}
.p-colorful-box--white {
  background-color: white;
  color: var(--base-color);
  width: 1.22rem;
  height: 1.22rem;
}
@media screen and (min-width: 768px) {
  .p-colorful-box--white {
    width: 1.41rem;
    height: 1.41rem;
  }
}
.p-colorful-box--color {
  background-color: var(--base-color);
  color: white;
  width: 1.3rem;
  height: 1.3rem;
}
@media screen and (min-width: 768px) {
  .p-colorful-box--color {
    width: 1.5rem;
    height: 1.5rem;
  }
}

.p-cases__head {
  padding-left: 0.1rem;
  border-left: 0.05rem solid #BA9E5C;
  display: flex;
  flex-direction: column;
  gap: 0.08rem;
  margin-bottom: 0.3rem;
}
@media screen and (min-width: 768px) {
  .p-cases__head {
    padding-left: 0.2rem;
    margin-bottom: 0.48rem;
  }
}
.p-cases__head--title {
  font-size: 0.2rem;
  font-weight: 700;
  line-height: 0.3rem;
}
@media screen and (min-width: 768px) {
  .p-cases__head--title {
    font-size: 0.26rem;
    line-height: 0.38rem;
  }
}
.p-cases__head--name {
  font-size: 0.16rem;
  font-weight: 700;
  line-height: 0.26rem;
}
@media screen and (min-width: 768px) {
  .p-cases__head--name {
    font-size: 0.2rem;
    line-height: 0.32rem;
  }
}
.p-cases__head--name::before {
  content: "●";
  color: #BA9E5C;
}
.p-cases__head--tags {
  display: flex;
  gap: 0.08rem;
  flex-wrap: wrap;
}
.p-cases__head--tags--item {
  font-size: 0.14rem;
  line-height: 100%;
  font-weight: 700;
  color: white;
  padding-left: 0.16rem;
  padding-right: 0.16rem;
  background-color: #6C5D48;
  height: 0.26rem;
  border-radius: 0.26rem;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .p-cases__head--tags--item {
    height: 0.32rem;
    font-size: 0.18rem;
  }
}
.p-cases__head--tags--item span {
  display: block;
  padding-left: 0.5em;
  padding-right: 0.5em;
  border-right: 0.01rem solid #BA9E5C;
}
.p-cases__head--tags--item span:nth-last-of-type(1) {
  border: none;
}
.p-cases__main {
  --base-color: #5773B5;
}
.p-cases__main #color-blue {
  --base-color: #5773B5;
}
.p-cases__main #color-red {
  --base-color: #BE6B6B;
}
.p-cases__main__container {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
@media screen and (min-width: 768px) {
  .p-cases__main__container {
    padding-left: unset;
    padding-right: unset;
    flex-direction: column;
    gap: 0.54rem;
  }
}
@media screen and (min-width: 768px) {
  .p-cases__main__text {
    width: 100%;
    padding-left: unset;
    padding-right: unset;
  }
}
.p-cases__main__content {
  padding-left: 0.2rem;
  padding-right: 0.2rem;
}
@media screen and (min-width: 768px) {
  .p-cases__main__content {
    padding-left: unset;
    padding-right: unset;
  }
}
.p-cases__main__content h4 {
  display: block;
  width: 100%;
  margin-bottom: 0.17rem;
  font-size: 0.14rem;
  font-weight: 700;
  line-height: 0.21rem;
  color: var(--base-color);
}
@media screen and (min-width: 768px) {
  .p-cases__main__content h4 {
    padding-left: 0.28rem;
    font-size: 0.2rem;
    line-height: 0.3rem;
  }
}
.p-cases__main__content p {
  display: block;
  width: 100%;
  font-size: 0.11rem;
  line-height: 0.21rem;
  font-weight: 700;
  letter-spacing: -0.032em;
  margin-bottom: 0.27rem;
}
@media screen and (min-width: 768px) {
  .p-cases__main__content p {
    font-size: 0.16rem;
    line-height: 0.3rem;
    padding-left: 0.55rem;
    letter-spacing: -0.04em;
  }
}
.p-cases__main__image {
  width: 100%;
  height: 2.1rem;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
}
@media screen and (min-width: 768px) {
  .p-cases__main__image {
    width: 6.48rem;
    height: unset;
    padding-left: unset;
    padding-right: unset;
    margin-left: auto;
    margin-right: auto;
  }
}
.p-cases__main__image img {
  display: block;
  width: 100%;
  height: 100%;
}
.p-cases__main__section, .p-cases__main__section--reverse--jp, .p-cases__main__section--reverse {
  position: relative;
  display: flex;
  align-items: flex-end;
  width: calc(100% - 0.13rem);
  height: 0.28rem;
  border: 0.01rem solid var(--base-color);
  border-right: none;
  padding-left: 0.22rem;
  color: var(--base-color);
  gap: 0.12rem;
}
@media screen and (min-width: 768px) {
  .p-cases__main__section, .p-cases__main__section--reverse--jp, .p-cases__main__section--reverse {
    height: 0.35rem;
    width: calc(100% - 0.175rem);
    gap: 0.15rem;
    padding-left: 0.27rem;
    padding-bottom: 0.03rem;
    margin-bottom: 0.29rem;
  }
}
.p-cases__main__section--jp {
  font-size: 0.19rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-cases__main__section--jp {
    font-size: 0.24rem;
  }
}
.p-cases__main__section--en {
  font-size: 0.14rem;
  font-family: mr-eaves-sans, sans-serif;
}
@media screen and (min-width: 768px) {
  .p-cases__main__section--en {
    font-size: 0.18rem;
  }
}
.p-cases__main__section::before, .p-cases__main__section--reverse--jp::before, .p-cases__main__section--reverse::before {
  display: block;
  content: "";
  position: absolute;
  right: 0;
  top: -0.01rem;
  width: 0.19089rem;
  height: 0.19089rem;
  border-top: 0.01rem solid var(--base-color);
  border-right: 0.01rem solid var(--base-color);
  transform: translateX(100%) rotate(45deg);
  transform-origin: top left;
}
@media screen and (min-width: 768px) {
  .p-cases__main__section::before, .p-cases__main__section--reverse--jp::before, .p-cases__main__section--reverse::before {
    width: 0.24038rem;
    height: 0.24038rem;
  }
}
.p-cases__main__section--reverse {
  border: 0.01rem solid var(--base-color);
  border-left: none;
  margin-left: auto;
  padding-left: 0.1rem;
}
.p-cases__main__section--reverse::before {
  content: "";
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: -0.01rem;
  width: 0.19089rem;
  height: 0.19089rem;
  border-top: 0.01rem solid var(--base-color);
  border-left: 0.01rem solid var(--base-color);
  border-right: unset;
  transform: translateX(-100%) rotate(-45deg);
  transform-origin: top right;
}
@media screen and (min-width: 768px) {
  .p-cases__main__section--reverse::before {
    width: 0.24038rem;
    height: 0.24038rem;
  }
}
.p-tab__container #tab1:checked ~ .p-tab__contents #content1 {
  display: block;
}
.p-tab__container #tab1:checked ~ .p-tab__contents #content2 {
  display: none;
}
.p-tab__container #tab1:checked ~ .p-tab__wrapper label[for=tab1] {
  background-color: transparent;
  border-bottom-color: transparent;
  height: 0.4rem;
  border-top-left-radius: 0rem;
  border-top-right-radius: 0rem;
}
@media screen and (min-width: 768px) {
  .p-tab__container #tab1:checked ~ .p-tab__wrapper label[for=tab1] {
    height: 0.42rem;
  }
}
.p-tab__container #tab2:checked ~ .p-tab__contents #content1 {
  display: none;
}
.p-tab__container #tab2:checked ~ .p-tab__contents #content2 {
  display: block;
}
.p-tab__container #tab2:checked ~ .p-tab__wrapper label[for=tab2] {
  background-color: transparent;
  border-bottom-color: transparent;
  height: 0.4rem;
  border-top-left-radius: 0rem;
  border-top-right-radius: 0rem;
}
@media screen and (min-width: 768px) {
  .p-tab__container #tab2:checked ~ .p-tab__wrapper label[for=tab2] {
    height: 0.42rem;
  }
}
.p-tab__wrapper {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.p-tab__wrapper label {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F2EBDB;
  width: 48%;
  height: 0.39rem;
  border: 0.01rem solid #707070;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .p-tab__wrapper label {
    border-top-left-radius: 0.05rem;
    border-top-right-radius: 0.05rem;
    border-color: #6C5D48;
    width: 47%;
    height: 0.41rem;
  }
}
.p-tab__wrapper label span {
  font-size: 0.18rem;
}
.p-tab__wrapper::before {
  content: "";
  width: 0.05rem;
  border-bottom: 0.01rem solid #707070;
}
@media screen and (min-width: 768px) {
  .p-tab__wrapper::before {
    width: 0.17rem;
    border-color: #6C5D48;
  }
}
.p-tab__wrapper--underbar {
  flex-grow: 1;
  border-bottom: 0.01rem solid #707070;
}
@media screen and (min-width: 768px) {
  .p-tab__wrapper--underbar {
    border-color: #6C5D48;
  }
}
.p-tab__wrapper::after {
  content: "";
  width: 0.05rem;
  border-bottom: 0.01rem solid #707070;
}
@media screen and (min-width: 768px) {
  .p-tab__wrapper::after {
    width: 0.17rem;
    border-color: #6C5D48;
  }
}
.p-tab__contents {
  padding-top: 0.23rem;
  padding-bottom: 0.45rem;
  font-size: 0.12rem;
}
@media screen and (min-width: 768px) {
  .p-tab__contents {
    padding-top: 0.26rem;
    padding-bottom: 1.06rem;
    font-size: 0.16rem;
  }
}
.p-tab__contents h1,
.p-tab__contents h2,
.p-tab__contents h3,
.p-tab__contents h4,
.p-tab__contents h5,
.p-tab__contents h6 {
  color: var(--body-color);
}
.p-tab__contents h1 {
  font-size: 2em;
}
.p-tab__contents h2 {
  font-size: 1.8em;
}
.p-tab__contents h3 {
  font-size: 1.6em;
}
.p-tab__contents h4 {
  font-size: 1.4em;
}
.p-tab__contents h5 {
  font-size: 1.2em;
}
.p-tab__contents h6 {
  font-size: 1.1em;
}
.p-tab__contents strong,
.p-tab__contents b {
  font-weight: 700;
}
.p-tab__contents i {
  font-style: italic;
}
.p-tab__contents a {
  color: #BE6B6B;
  text-decoration: underline;
}
.p-tab__contents img,
.p-tab__contents iframe {
  display: inline-block;
  margin: auto;
}
.p-tab__contents img[width="140"] {
  display: inline-block;
  width: 19%;
  height: auto;
}
@media screen and (min-width: 768px) {
  .p-tab__contents img[width="140"] {
    width: 19.5%;
  }
}
.p-tab__contents img[width="150"] {
  display: inline-block;
  width: 19%;
  height: auto;
}
@media screen and (min-width: 768px) {
  .p-tab__contents img[width="150"] {
    width: 19.5%;
  }
}
.p-tab__contents img + br {
  display: none;
}
.p-tab__contents table {
  width: 100%;
  font-size: 0.1rem;
  font-weight: 700;
  margin: auto;
}
@media screen and (min-width: 768px) {
  .p-tab__contents table {
    font-size: 1em;
  }
}
.p-tab__contents table td {
  vertical-align: middle;
  border: 0.01rem solid var(--body-color);
  padding: 0.5em 1em;
}
@media screen and (min-width: 768px) {
  .p-tab__contents table td {
    padding: 1em;
  }
}
.p-tab__contents table td:nth-of-type(1) {
  background-color: rgba(var(--body-color--rgb), 0.13);
}

.p-review-list {
  display: flex;
  flex-direction: column;
  font-size: 0.14rem;
  line-height: 160%;
}
@media screen and (min-width: 768px) {
  .p-review-list {
    font-size: 0.16rem;
    width: 6rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.p-review-list input[id^=more-switch]:checked ~ .p-review-list__wrapper:nth-of-type(n+4) {
  display: flex;
}
.p-review-list input[id^=more-switch]:checked ~ .p-review-list__btn::after {
  content: "Close";
}
.p-review-list__empty {
  text-align: center;
}
.p-review-list__btn {
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.5rem;
  cursor: pointer;
}
.p-review-list__btn.c-btn--light {
  display: none;
}
.p-review-list__btn::after {
  content: "More";
}
.p-review-list__num {
  text-align: center;
  display: flex;
  align-items: center;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  font-weight: 700;
  color: white;
  background-color: var(--body-dark-color);
  height: 0.2rem;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 0.2rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.2rem;
}
.p-review-list__wrapper {
  display: flex;
  flex-direction: column;
  border-bottom: 0.01rem solid var(--body-color);
}
@media screen and (min-width: 768px) {
  .p-review-list__wrapper {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
  }
}
.p-review-list__wrapper:nth-of-type(1) {
  border-top: 0.01rem solid var(--body-color);
}
.p-review-list__wrapper:nth-of-type(n+4) {
  display: none;
}
.p-review-list__wrapper:nth-of-type(n+4) ~ .p-review-list__btn {
  display: flex;
}
.p-review-list__wrapper--info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: none;
  padding: 0.1rem;
}
@media screen and (min-width: 768px) {
  .p-review-list__wrapper--info {
    flex-direction: column;
    justify-content: flex-start;
    gap: 0.2rem;
    flex-grow: 1;
    padding: 0.15rem;
    width: 1.6rem;
  }
}
.p-review-list__wrapper--name {
  font-weight: 700;
  display: block;
}
.p-review-list__wrapper--stars .reviewRate {
  display: flex;
  gap: 0.1em;
}
.p-review-list__wrapper--stars .reviewRateStar {
  display: inline-block;
  font-size: 0;
  color: #E7B53E;
}
.p-review-list__wrapper--stars .reviewRateStar::before {
  content: "★";
  font-size: 0.14rem;
  font-weight: 900;
}
.p-review-list__wrapper--stars .starOff::before {
  font-weight: 400;
  content: "☆";
}
.p-review-list__wrapper--stars .starHalf::before {
  content: "★";
}
.p-review-list__wrapper--main {
  padding: 0.1rem;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  flex: none;
}
@media screen and (min-width: 768px) {
  .p-review-list__wrapper--main {
    padding: 0.15rem;
    width: 4.4rem;
  }
}
.p-review-list__wrapper--date {
  align-self: flex-end;
}

.p-review-form__info {
  display: flex;
  align-items: center;
  gap: 0.1rem;
  margin-bottom: 0.3rem;
  padding: 0.05rem;
  border: 0.01rem solid var(--body-dark-color);
  border-radius: 0.05rem;
  font-size: 0.14rem;
  line-height: 160%;
}
@media screen and (min-width: 768px) {
  .p-review-form__info {
    width: 8rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.8rem;
    font-size: 0.16rem;
    padding-right: 0.2rem;
  }
}
.p-review-form__info--thumb {
  width: 1rem;
  height: 1rem;
  flex: none;
}
@media screen and (min-width: 768px) {
  .p-review-form__info--thumb {
    width: 1.5rem;
    height: 1.5rem;
  }
}
.p-review-form__info--thumb img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.p-review-form__info--name {
  flex-grow: 1;
}
.p-review-form .reviewRate {
  display: flex;
  gap: 0.1em;
}
.p-review-form .reviewRateStar {
  display: inline-block;
  font-size: 0;
  color: #E7B53E;
}
.p-review-form .reviewRateStar::before {
  content: "★";
  font-size: 0.14rem;
  font-weight: 900;
}
.p-review-form .starOff::before {
  font-weight: 400;
  content: "☆";
}
.p-review-form .starHalf::before {
  content: "★";
}
.p-review-form__wrapper {
  display: flex;
  flex-direction: column;
  font-size: 0.14rem;
  line-height: 160%;
  margin-bottom: 0.3rem;
}
@media screen and (min-width: 768px) {
  .p-review-form__wrapper {
    flex-direction: row;
    flex-wrap: wrap;
    width: 7rem;
    font-size: 0.16rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.8rem;
    border-left: 0.01rem solid var(--body-dark-color);
    border-top: 0.01rem solid var(--body-dark-color);
  }
}
.p-review-form__wrapper dt,
.p-review-form__wrapper dd {
  width: 100%;
  padding-top: 0.08rem;
  padding-left: 0.08rem;
  padding-right: 0.08rem;
  padding-bottom: 0.12rem;
  width: 100%;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .p-review-form__wrapper dt,
  .p-review-form__wrapper dd {
    padding-top: 0.2rem;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    padding-bottom: 0.2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: unset;
    border-right: 0.01rem solid var(--body-dark-color);
    border-bottom: 0.01rem solid var(--body-dark-color);
  }
}
.p-review-form__wrapper dt {
  background-color: rgba(var(--body-color--rgb), 0.13);
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-review-form__wrapper dt {
    width: 35%;
    text-align: right;
  }
}
.p-review-form__wrapper dd {
  background-color: white;
  margin-bottom: 0.2rem;
}
@media screen and (min-width: 768px) {
  .p-review-form__wrapper dd {
    width: 65%;
    flex-grow: 1;
    margin-bottom: unset;
  }
}
.p-review-form__wrapper dd input,
.p-review-form__wrapper dd textarea {
  width: 100%;
  min-height: 0.2rem;
  border-radius: 0.03rem;
  border: 0.01rem solid var(--body-dark-color);
  background-color: rgba(var(--body-color--rgb), 0.13);
}
.p-review-form__wrapper dd input:valid {
  background-color: white;
}
.p-review-form__wrapper dd textarea:valid {
  background-color: white;
}
.p-review-form__wrapper--notice {
  font-size: 0.8em;
  color: #707070;
  display: block;
}
.p-review-form__btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .p-review-form__btn {
    justify-content: center;
    gap: 0.5rem;
  }
}
.p-review-form__btn [class^=c-btn] {
  width: 1.5rem;
  height: 0.6rem;
  font-size: 0.14rem;
  margin: unset;
}
@media screen and (min-width: 768px) {
  .p-review-form__btn [class^=c-btn] {
    width: 2rem;
    height: 0.9rem;
    font-size: 0.16rem;
  }
}

.p-direct {
  position: relative;
  border-top: 0.02rem solid #BA9E5C;
  padding-bottom: 0.4rem;
}
@media screen and (min-width: 768px) {
  .p-direct {
    padding-top: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 0.5rem;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
}
.p-direct:nth-last-of-type(1) {
  border-bottom: 0.02rem solid #BA9E5C;
}
@media screen and (min-width: 768px) {
  .p-direct--reverse {
    padding-left: unset;
    flex-direction: row;
  }
}
@media screen and (min-width: 768px) {
  .p-direct--reverse .p-direct__title {
    left: unset;
    right: 1.28rem;
  }
}
.p-direct__title {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  height: 0.4rem;
  min-width: 1.3rem;
  padding-left: 0.1rem;
  padding-right: 0.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.22rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 0.3rem;
  color: #F2EBDB;
  background-color: #5A472C;
  border-radius: 0 0 0.08rem 0.08rem;
}
@media screen and (min-width: 768px) {
  .p-direct__title {
    left: 0.5rem;
  }
}
.p-direct__image {
  width: 100%;
  height: 1.61rem;
  -o-object-fit: cover;
     object-fit: cover;
  flex: none;
}
@media screen and (min-width: 768px) {
  .p-direct__image {
    width: 5rem;
    height: 2.4rem;
  }
}
.p-direct__text {
  padding-top: 0.13rem;
}
@media screen and (min-width: 768px) {
  .p-direct__text {
    padding-top: unset;
  }
}
.p-direct__subject {
  font-size: 0.35rem;
  line-height: 0.47rem;
  letter-spacing: 0.05em;
  font-weight: 700;
  margin-bottom: 0.07rem;
  font-feature-settings: "palt" 1;
}
@media screen and (min-width: 768px) {
  .p-direct__subject {
    font-size: 0.44rem;
    line-height: 0.58rem;
    margin-bottom: 0.12rem;
  }
}
.p-direct__description {
  margin-bottom: 0.18rem;
  font-size: 0.14rem;
  line-height: 0.24rem;
  font-feature-settings: "palt" 1;
}
@media screen and (min-width: 768px) {
  .p-direct__description {
    font-size: 0.16rem;
    line-height: 0.28rem;
    margin-bottom: 0.18rem;
  }
}
.p-direct__description b {
  font-weight: 700;
}

.p-bullet {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
  counter-reset: count 0;
}
.p-bullet__wrapper {
  counter-increment: count 1;
}
.p-bullet__subject {
  display: flex;
  margin-bottom: 0.14rem;
  flex-grow: 1;
  color: #BE6B6B;
}
@media screen and (min-width: 768px) {
  .p-bullet__subject {
    margin-bottom: 0.4rem;
  }
}
.p-bullet__subject::before {
  content: counter(count);
  display: block;
  flex: none;
  font-family: garamond-premier-pro, serif;
  font-size: 0.33rem;
  line-height: 0.33rem;
  color: #BA9E5C;
  opacity: 0.4;
  padding-right: 0.09rem;
  border-right: 0.01rem solid rgba(186, 158, 92, 0.5);
}
@media screen and (min-width: 768px) {
  .p-bullet__subject::before {
    font-size: 0.68rem;
    line-height: 0.68rem;
    padding-right: 0.16rem;
  }
}
.p-bullet__subject span {
  display: block;
  flex: none;
  padding-left: 0.1rem;
  font-size: 0.24rem;
  line-height: 0.3rem;
  font-weight: 700;
  height: -moz-fit-content;
  height: fit-content;
  align-self: center;
}
@media screen and (min-width: 768px) {
  .p-bullet__subject span {
    font-size: 0.32rem;
    line-height: 0.42rem;
    padding-left: 0.18rem;
  }
}
.p-bullet__subject strong {
  color: #BE6B6B;
}
@media screen and (min-width: 768px) {
  .p-bullet__2column {
    display: flex;
    gap: 0.4rem;
    justify-content: flex-end;
  }
}
.p-bullet__2column--reverse {
  flex-direction: row-reverse;
  justify-content: flex-start;
}
.p-bullet__content {
  padding-left: 0.35rem;
  padding-right: 0.1rem;
}
@media screen and (min-width: 768px) {
  .p-bullet__content {
    width: 50%;
    padding-left: unset;
    padding-right: unset;
  }
}
.p-bullet__content img {
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 768px) {
  .p-bullet__content img {
    max-width: 2.8rem;
  }
}
@media screen and (min-width: 768px) {
  .p-bullet__content--image {
    width: 2.75rem;
  }
}
.p-bullet__content p {
  font-size: 0.14rem;
  line-height: 0.22rem;
}
@media screen and (min-width: 768px) {
  .p-bullet__content p {
    line-height: 0.26rem;
  }
}
.p-bullet__content b {
  font-weight: 700;
}
.p-bullet__simple {
  padding-left: 0.34rem;
  font-size: 0.14rem;
  line-height: 0.22rem;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .p-bullet__simple {
    width: 7rem;
    margin-left: auto;
    font-size: 0.14rem;
    line-height: 0.26rem;
    font-weight: 500;
    padding-left: unset;
  }
}

.p-form {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.p-form__heading {
  width: 100%;
  min-height: 0.3rem;
  background-color: #BA9E5C;
  display: flex;
  align-items: center;
  padding-left: 0.2rem;
  color: white;
  font-size: 0.16rem;
  line-height: 0.22rem;
  font-weight: 700;
  padding-top: 0.04rem;
  padding-bottom: 0.04rem;
}
.p-form__item {
  display: flex;
  flex-direction: column;
  border-top: 0.01rem solid #6C5D48;
  border-left: 0.01rem solid #6C5D48;
  border-right: 0.01rem solid #6C5D48;
}
.p-form__item:nth-last-of-type(1) {
  border-bottom: 0.01rem solid #6C5D48;
}
@media screen and (min-width: 768px) {
  .p-form__item {
    flex-direction: row;
  }
}
.p-form__item dt {
  display: flex;
  justify-content: space-between;
  padding-top: 0.14rem;
  padding-bottom: 0.14rem;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  background-color: rgba(186, 158, 92, 0.13);
  font-size: 0.16rem;
  line-height: 0.18rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-form__item dt {
    font-size: 0.16rem;
    line-height: 0.18rem;
    padding-left: 0.1rem;
    padding-right: 0.1rem;
    flex: none;
    width: 2.2rem;
    align-items: center;
    border-right: 0.01rem solid #6C5D48;
  }
}
.p-form__item dt::after {
  content: "必須";
  width: 0.5rem;
  height: 0.2rem;
  border-radius: 0.05rem;
  align-items: center;
  justify-content: center;
  font-size: 0.14rem;
  line-height: 0.18rem;
  font-weight: 700;
  display: none;
  color: white;
  background-color: #6C5D48;
}
@media screen and (min-width: 768px) {
  .p-form__item dt::after {
    width: 0.5rem;
    height: 0.2rem;
  }
}
.p-form__item dd {
  padding: 0.2rem 0.1rem;
  background-color: white;
}
@media screen and (min-width: 768px) {
  .p-form__item dd {
    padding: 0.2rem;
    min-height: 0.8rem;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
.p-form__item input[type=text],
.p-form__item input[type=email],
.p-form__item input[type=tel],
.p-form__item input[type=date],
.p-form__item input[type=url],
.p-form__item textarea {
  width: 100%;
  background-color: rgba(208, 191, 148, 0.5);
  border: 0.01rem solid #6C5D48;
  border-radius: 0.05rem;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 0.13rem;
  line-height: 0.19rem;
}
@media screen and (min-width: 768px) {
  .p-form__item input[type=text],
  .p-form__item input[type=email],
  .p-form__item input[type=tel],
  .p-form__item input[type=date],
  .p-form__item input[type=url],
  .p-form__item textarea {
    font-size: 0.14rem;
  }
}
.p-form__item input[type=text],
.p-form__item input[type=email],
.p-form__item input[type=url],
.p-form__item input[type=date],
.p-form__item input[type=tel] {
  height: 0.3rem;
}
.p-form__item select {
  width: 1.08rem;
  height: 0.29rem;
  background-color: rgba(208, 191, 148, 0.5);
  border: 0.01rem solid #6C5D48;
  border-radius: 0.05rem;
  padding-left: 0.2rem;
  padding-right: 0.5em;
  font-size: 0.13rem;
  line-height: 0.19rem;
}
@media screen and (min-width: 768px) {
  .p-form__item select {
    font-size: 0.14rem;
  }
}
.p-form__item input[type=radio] {
  margin: 0;
  width: 0.2rem;
  height: 0.2rem;
  margin-left: 0.1rem;
}
.p-form__item p:empty {
  display: none;
}
.p-form__item .mwform-radio-field label {
  display: inline-flex;
  align-items: center;
  gap: 0.08rem;
  cursor: pointer;
}
.p-form__item .mwform-radio-field-text {
  display: block;
  min-width: 0.5rem;
  font-size: 0.14rem;
  line-height: 0.18rem;
  font-weight: 700;
}
.p-form__item .mwform-tel-field {
  display: flex;
  gap: 0.05rem;
  align-items: center;
}
.p-form__item .mwform-tel-field input {
  width: 0.7rem;
}
.p-form__item--required dt::after {
  display: flex;
}
.p-form__item--note {
  display: block;
  width: 100%;
  margin-top: 0.03rem;
  font-size: 0.13rem;
  line-height: 0.18rem;
  font-weight: 500;
  color: #B9B9B9;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .p-form__item--note {
    margin-top: 0.06rem;
    font-size: 0.14rem;
    line-height: 0.18rem;
  }
}
.p-form__file {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0.2rem;
  background-color: white;
  border: 0.01rem solid #6C5D48;
  border-top: unset;
}
@media screen and (min-width: 768px) {
  .p-form__file {
    padding: 0.3rem 0.2rem;
    gap: 0.19rem;
  }
}
.p-form__file--desc {
  font-size: 0.14rem;
  line-height: 0.22rem;
  letter-spacing: 0.03em;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-form__file--desc {
    font-size: 0.16rem;
    line-height: 0.25rem;
  }
}
.p-form__file--desc strong {
  color: #BE0000;
}
.p-form__file--desc small {
  font-size: 0.11rem;
  line-height: 0.22rem;
  display: block;
}
@media screen and (min-width: 768px) {
  .p-form__file--desc small {
    font-size: 0.14rem;
    line-height: 0.25rem;
  }
}
.p-form__file--upload {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.p-form__file--actual input {
  display: none;
}
.p-form__file--pseudo {
  display: flex;
  align-items: center;
  gap: 0.15rem;
}
@media screen and (min-width: 768px) {
  .p-form__file--pseudo {
    gap: 0.25rem;
  }
}
.p-form__file--pseudo label {
  width: 1.22rem;
  height: 0.34rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(208, 191, 148, 0.5);
  font-size: 0.12rem;
  line-height: 0.16rem;
  letter-spacing: 0.03em;
  font-weight: 700;
  border: 0.01rem solid #6C5D48;
  border-radius: 0.03rem;
  cursor: pointer;
  transition: 0.3s;
  flex: none;
}
@media screen and (min-width: 768px) {
  .p-form__file--pseudo label {
    width: 1.74rem;
    height: 0.5rem;
    font-size: 0.14rem;
    line-height: 0.24rem;
    border-radius: 0.07rem;
    border: unset;
    background: linear-gradient(to bottom, rgba(186, 158, 92, 0.13) 0%, rgba(186, 158, 92, 0.5) 100%);
  }
}
.p-form__file--pseudo label:hover {
  opacity: 0.7;
}
.p-form__file--pseudo span {
  font-size: 0.12rem;
  line-height: 0.2rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  word-break: break-all;
}
@media screen and (min-width: 768px) {
  .p-form__file--pseudo span {
    font-size: 0.14rem;
    line-height: 0.24rem;
  }
}
.p-form__submit {
  display: none;
}

.p-recruit {
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-recruit {
    width: 8.2rem;
    margin-right: auto;
  }
}
.p-recruit__top {
  position: relative;
  padding: 0.78rem 0.2rem;
  background: linear-gradient(to bottom, #F6F0F0 0%, white 100%);
  min-height: 5.91rem;
  overflow: hidden;
  margin-bottom: 0.07rem;
}
@media screen and (min-width: 768px) {
  .p-recruit__top {
    padding-top: 0.42rem;
    padding-left: 0.32rem;
    padding-right: unset;
    min-height: 4.42rem;
    overflow: initial;
    margin-bottom: 0.2rem;
  }
}
.p-recruit__image {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 2.47rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/recruit/full_time_bg.png");
  background-size: cover;
  background-position: bottom right;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .p-recruit__image {
    background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/recruit/full_time_bg_pc.png");
    width: 5.58rem;
    height: 3.72rem;
    bottom: -0.2rem;
  }
}
.p-recruit__title {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 0.65rem;
  padding-top: 0.11rem;
  padding-bottom: 0.11rem;
  padding-left: 0.2rem;
  background-color: var(--color);
  color: white;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-recruit__title {
    width: 2.65rem;
    min-height: 1.45rem;
    padding-top: 0.22rem;
    padding-left: 0.2rem;
  }
}
.p-recruit__title p {
  display: flex;
  flex-direction: column;
  border-left: 0.01rem solid #BA9E5C;
  justify-content: center;
  padding-left: 0.15rem;
}
@media screen and (min-width: 768px) {
  .p-recruit__title p {
    padding-left: 0.15rem;
  }
}
.p-recruit__title p strong {
  font-size: 0.2rem;
  line-height: 0.26rem;
}
@media screen and (min-width: 768px) {
  .p-recruit__title p strong {
    font-size: 0.3rem;
    line-height: 0.36rem;
  }
}
.p-recruit__title p span {
  font-size: 0.14rem;
  line-height: 0.14rem;
}
@media screen and (min-width: 768px) {
  .p-recruit__title small {
    display: block;
    font-size: 0.18rem;
    line-height: 0.23rem;
    font-weight: 700;
    margin-top: 0.16rem;
  }
}
.p-recruit__desc {
  font-size: 0.16rem;
  line-height: 0.23rem;
  font-weight: 700;
  margin-bottom: 0.18rem;
}
@media screen and (min-width: 768px) {
  .p-recruit__desc {
    font-size: 0.18rem;
    line-height: 0.26rem;
    padding-left: 2.79rem;
  }
}
.p-recruit__desc strong {
  color: #BE6B6B;
}
.p-recruit__list {
  counter-reset: count 0;
  font-size: 0.14rem;
  line-height: 0.22rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-recruit__list {
    position: absolute;
    left: 0.32rem;
    top: 1.82rem;
    font-size: 0.16rem;
    line-height: 0.24rem;
  }
}
.p-recruit__list h3 {
  margin-bottom: 0.12rem;
}
@media screen and (min-width: 768px) {
  .p-recruit__list h3 {
    margin-bottom: 0.15rem;
  }
}
.p-recruit__list li {
  counter-increment: count 1;
  display: flex;
  gap: 0.5em;
}
.p-recruit__list li::before {
  content: counter(count) ".";
  color: #BE6B6B;
}
.p-recruit__cloud {
  position: absolute;
  left: 0.04rem;
  bottom: 0.89rem;
  padding-top: 0.2rem;
  padding-left: 0.15rem;
  padding-right: 0.15rem;
  padding-bottom: 0.2rem;
  font-size: 0.12rem;
  line-height: 0.18rem;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  color: #BE6B6B;
  text-align: center;
  font-weight: 400;
}
.p-recruit__cloud::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: white;
  border-radius: 0.2rem;
  filter: blur(0.05rem);
}
.p-recruit__cloud span {
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .p-recruit__cloud {
    bottom: 1.51rem;
    left: 3.05rem;
    font-size: 0.14rem;
    line-height: 0.22rem;
    padding-top: 0.21rem;
    padding-left: 0.06rem;
    padding-right: 0.06rem;
    padding-bottom: 0.14rem;
  }
}
.p-recruit__catch {
  position: absolute;
  bottom: 0.12rem;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  font-size: 0.16rem;
  line-height: 0.24rem;
  text-align: center;
  font-weight: 700;
  text-shadow: 0 0 0.1rem white, 0 0 0.1rem white, 0 0 0.1rem white, 0 0 0.1rem white, 0 0 0.1rem white, 0 0 0.1rem white, 0 0 0.1rem white, 0 0 0.1rem white, 0 0 0.1rem white;
}
@media screen and (min-width: 768px) {
  .p-recruit__catch {
    font-size: 0.22rem;
    line-height: 0.33rem;
    bottom: 0.08rem;
  }
}
.p-recruit__main {
  display: flex;
  flex-direction: column;
  gap: 0.14rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-recruit__main {
    flex-direction: row;
    gap: 0.4rem;
  }
}
.p-recruit__required {
  border-radius: 0.1rem;
  border: 0.01rem solid #BA9E5C;
}
@media screen and (min-width: 768px) {
  .p-recruit__required {
    flex: none;
    width: 2.7rem;
    height: -moz-fit-content;
    height: fit-content;
  }
}
.p-recruit__required h3 {
  display: block;
  width: 100%;
  padding: 0.13rem 0.18rem 0.07rem;
  font-size: 0.17rem;
  line-height: 0.22rem;
  font-weight: 700;
  border-bottom: 0.01rem solid #BA9E5C;
}
@media screen and (min-width: 768px) {
  .p-recruit__required h3 {
    font-size: 0.22rem;
    line-height: 0.24rem;
    padding: 0.17rem 0.13rem 0.05rem;
  }
}
.p-recruit__required ul {
  font-weight: 700;
  padding: 0.18rem 0.17rem 0.27rem;
  font-size: 0.14rem;
  line-height: 0.3rem;
}
@media screen and (min-width: 768px) {
  .p-recruit__required ul {
    display: flex;
    flex-direction: column;
    gap: 1em;
    line-height: 0.24rem;
    padding: 0.18rem 0.04rem 0.29rem 0.18rem;
  }
}
.p-recruit__required ul li {
  display: flex;
}
.p-recruit__required ul li::before {
  content: "●";
  color: #BE6B6B;
}
.p-recruit__detail dt {
  padding-top: 0.03rem;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  padding-bottom: 0.03rem;
  width: 100%;
  min-height: 0.24rem;
  background-color: rgba(186, 158, 92, 0.13);
  font-size: 0.14rem;
  line-height: 0.18rem;
  font-weight: 700;
  border-top: 0.01rem solid #BA9E5C;
  border-bottom: 0.01rem solid #BA9E5C;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .p-recruit__detail dt {
    min-height: 0.3rem;
    font-size: 0.16rem;
    line-height: 0.21rem;
    padding-top: 0.05rem;
    padding-bottom: 0.04rem;
  }
}
.p-recruit__detail dd {
  padding: 0.3rem 0.2rem;
  font-size: 0.14rem;
  line-height: 0.22rem;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .p-recruit__detail dd {
    font-size: 0.16rem;
    line-height: 0.24rem;
    padding-top: 0.3rem 0 0.3rem 0.24rem;
  }
}
.p-recruit__roll {
  padding: 0.25rem 0.2rem 0.23rem;
  font-size: 0.2rem;
  line-height: 0.26rem;
  font-weight: 700;
  border-bottom: 0.01rem solid #6C5D48;
}
@media screen and (min-width: 768px) {
  .p-recruit__roll {
    padding-top: 0.64rem;
    padding-bottom: 0.64rem;
    border-bottom: unset;
    border-top: 0.01rem solid #BA9E5C;
    font-size: 0.28rem;
    line-height: 0.36rem;
  }
}

.p-faq2 {
  --color: #61A468;
  counter-reset: count 0;
}
.p-faq2__heading {
  width: 100%;
  padding: 0.04rem 0.1rem;
  background-color: var(--color);
  color: white;
  font-size: 0.22rem;
  line-height: 0.28rem;
  font-weight: 500;
  text-align: center;
  margin-bottom: 0.15rem;
}
@media screen and (min-width: 768px) {
  .p-faq2__heading {
    text-align: left;
    padding: 0.05rem 0.09rem;
    font-weight: 400;
    font-size: 0.22rem;
    line-height: 0.29rem;
    margin-bottom: 0.15rem;
  }
  .p-faq2__heading strong {
    font-size: 0.22rem;
    line-height: 0.29rem;
    font-weight: 700;
  }
}
.p-faq2__container {
  display: flex;
  flex-direction: column;
  gap: 0.36rem;
}
@media screen and (min-width: 768px) {
  .p-faq2__container {
    gap: 1.21rem;
  }
}
.p-faq2__wrapper {
  counter-increment: count 1;
}
.p-faq2__title {
  font-size: 0.19rem;
  line-height: 0.33rem;
  width: 100%;
  border-bottom: 0.02rem solid var(--color);
  font-weight: 700;
  margin-bottom: 0.4rem;
}
.p-faq2__title strong {
  font-size: 0.26rem;
  line-height: 0.33rem;
}
.p-faq2__title::before {
  content: counter(count) ".";
  font-family: garamond-premier-pro, serif;
  font-size: 0.41rem;
  line-height: 0.41rem;
  color: var(--color);
  padding-right: 0.08rem;
  font-weight: 400;
}
.p-faq2__faq {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  font-size: 0.16rem;
  line-height: 0.24rem;
}
@media screen and (min-width: 768px) {
  .p-faq2__faq {
    gap: 1.12rem;
  }
}
.p-faq2__faq--item {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
@media screen and (min-width: 768px) {
  .p-faq2__faq--item {
    gap: 0.5rem;
  }
}
.p-faq2__person {
  width: 0.59rem;
  height: 0.73rem;
  display: block;
  position: absolute;
  top: -0.2rem;
  left: 0;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top;
     object-position: top;
}
@media screen and (min-width: 768px) {
  .p-faq2__person {
    top: 0;
    width: 0.72rem;
    height: 0.9rem;
  }
}
.p-faq2__question {
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-faq2__question {
    font-size: 0.22rem;
    line-height: 0.29rem;
    padding-left: unset;
  }
}
.p-faq2__question p {
  padding-left: 0.69rem;
  display: flex;
  gap: 0.1rem;
  font-weight: 700;
  display: flex;
  color: var(--color);
}
@media screen and (min-width: 768px) {
  .p-faq2__question p {
    padding-left: unset;
  }
}
.p-faq2__question p span {
  height: -moz-fit-content;
  height: fit-content;
  align-self: center;
}
.p-faq2__question p::before {
  content: "Q";
  width: 0.34rem;
  height: 0.34rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  background-color: var(--color);
  border-radius: 100%;
  font-family: mr-eaves-sans, sans-serif;
  font-size: 0.19rem;
  line-height: 0.21rem;
  font-weight: 700;
  flex: none;
  padding-bottom: 0.2em;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  .p-faq2__question p::before {
    width: 0.45rem;
    height: 0.45rem;
    font-size: 0.26rem;
    line-height: 0.29rem;
    align-items: center;
  }
}
.p-faq2__question--layout2 p {
  padding-left: unset;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .p-faq2__question--layout2 p {
    font-size: 0.25rem;
    line-height: 0.32rem;
  }
}
.p-faq2__question--layout2 span {
  padding-left: 0.76rem;
  position: relative;
  margin-top: 0.2rem;
  display: block;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-faq2__question--layout2 span {
    font-size: 0.16rem;
    line-height: 0.28rem;
    padding-left: 1.06rem;
    margin-top: 0.1rem;
  }
}
.p-faq2__question--layout2 span .p-faq2__person {
  left: 0;
  top: 0;
}
.p-faq2__answer {
  position: relative;
  color: var(--color);
  font-weight: 400;
  color: #6C5D48;
}
@media screen and (min-width: 768px) {
  .p-faq2__answer {
    padding-left: 1.06rem;
    font-size: 0.18rem;
    line-height: 0.32rem;
  }
}
.p-faq2__answer p {
  display: flex;
  gap: 0.1rem;
}
.p-faq2__answer p::before {
  content: "A";
  width: 0.34rem;
  height: 0.34rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  background-color: #937551;
  border-radius: 100%;
  font-family: mr-eaves-sans, sans-serif;
  font-size: 0.19rem;
  line-height: 0.21rem;
  font-weight: 700;
  flex: none;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  .p-faq2__answer p::before {
    width: 0.45rem;
    height: 0.45rem;
    font-size: 0.26rem;
    line-height: 0.29rem;
  }
}
.p-faq2__answer b {
  font-weight: 700;
}
.p-faq2__answer strong {
  font-weight: 700;
  color: #BE6B6B;
}
@media screen and (min-width: 768px) {
  .p-faq2__answer--layout2 p {
    padding-top: 0.18rem;
    padding-left: 0.2rem;
    border-left: 0.01rem solid #6C5D48;
    min-height: 1rem;
  }
  .p-faq2__answer--layout2 p::before {
    position: relative;
    top: -0.08rem;
  }
}
.p-faq2__tab {
  padding-top: 0.39rem;
  padding-left: 0.2rem;
}
.p-faq2__tab #faq-tab-switch1:checked ~ .p-faq2__tab--button [for=faq-tab-switch1] {
  --color: #937551 !important;
  --font: white !important;
}
.p-faq2__tab #faq-tab-switch1:checked ~ .p-faq2__tab--main #faq-tab-content1 {
  display: block !important;
}
.p-faq2__tab #faq-tab-switch2:checked ~ .p-faq2__tab--button [for=faq-tab-switch2] {
  --color: #937551 !important;
  --font: white !important;
}
.p-faq2__tab #faq-tab-switch2:checked ~ .p-faq2__tab--main #faq-tab-content2 {
  display: block !important;
}
.p-faq2__tab--switch {
  display: none;
}
.p-faq2__tab--button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 0.08rem;
}
@media screen and (min-width: 768px) {
  .p-faq2__tab--button {
    flex-direction: row;
    justify-content: space-between;
  }
}
.p-faq2__tab--subject {
  --color: white;
  --font: #937551;
  width: 3.1rem;
  height: 0.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.16rem;
  line-height: 0.21rem;
  font-weight: 700;
  letter-spacing: 0;
  text-align: center;
  color: var(--font);
  background-color: var(--color);
  border: 0.015rem solid #937551;
  border-radius: 0.05rem;
  gap: 0.02rem;
  transition: 0.3s;
  cursor: pointer;
}
.p-faq2__tab--subject:hover {
  opacity: 0.7;
}
.p-faq2__tab--subject::before {
  content: "";
  width: 0.13rem;
  height: 0.15rem;
  background-color: var(--font);
  -webkit-clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
          clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
}
.p-faq2__tab--main {
  width: 100%;
  height: 2.58rem;
  border-radius: 0.05rem;
  background-color: #F7F7F7;
  border: 0.015rem solid #937551;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.14rem;
  line-height: 0.24rem;
  font-weight: 500;
  letter-spacing: 0;
  margin-top: 0.2rem;
  overflow-Y: scroll;
}
@media screen and (min-width: 768px) {
  .p-faq2__tab--main {
    font-size: 0.16rem;
    line-height: 0.28rem;
  }
  .p-faq2__tab--main::-webkit-scrollbar {
    background: transparent;
    width: 0.12rem;
  }
  .p-faq2__tab--main::-webkit-scrollbar-thumb {
    background-color: #D6D2CD;
    border: 2px solid red;
    border-radius: 1rem;
    border: 0.03rem solid #F7F7F7;
  }
}
.p-faq2__tab--main--wrapper {
  padding: 0.1rem 0.2rem 0.1rem 0.1rem;
}
@media screen and (min-width: 768px) {
  .p-faq2__tab--main--wrapper {
    padding: 0.2rem 0.3rem 0.2rem 0.2rem;
  }
}
.p-faq2__tab--content {
  display: none;
}

.p-creation-works {
  display: flex;
}
.p-creation-works__wrapper {
  display: flex;
  flex-direction: column;
  width: 2.43rem;
  flex: none;
  --color: 97, 164, 104;
  --line1: 97, 164, 104;
  --line2: 102, 167, 109;
  --bg-color: 241, 246, 240;
  background-color: rgb(var(--bg-color));
}
.p-creation-works__customer {
  position: relative;
  display: block;
  font-size: 0.16rem;
  line-height: 0.21rem;
  font-weight: 700;
  padding-top: 0.13rem;
  padding-left: 0.15rem;
  padding-bottom: 0.02rem;
  padding-right: 0.15rem;
  width: 100%;
  color: rgb(var(--color));
}
.p-creation-works__customer::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.01rem;
  mix-blend-mode: multiply;
  background: linear-gradient(to right, rgba(var(--line1), 1) 0%, rgba(var(--line2), 1) 65%, rgb(255, 255, 255) 100%);
}
.p-creation-works__title {
  font-size: 0.2rem;
  line-height: 0.26rem;
  font-weight: 700;
  padding-top: 0.13rem;
  padding-left: 0.15rem;
  padding-right: 0.15rem;
  padding-bottom: 0.07rem;
  width: 100%;
  display: block;
}
.p-creation-works__thumb {
  position: relative;
  width: 100%;
  height: 1.83rem;
}
.p-creation-works__thumb img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.p-creation-works__thumb figcaption {
  position: absolute;
  top: 0;
  left: 0.1rem;
  padding: 0.05rem 0.08rem;
  border-radius: 0rem 0rem 0.05rem 0.05rem;
  background-color: rgb(var(--color));
  font-size: 0.13rem;
  line-height: 0.17rem;
  font-weight: 700;
  color: white;
}
.p-creation-works__content {
  padding: 0.14rem 0.1rem 0.1rem;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-items: center;
  justify-content: space-between;
}
.p-creation-works__content--top {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
}
.p-creation-works__content--bottom {
  display: flex;
  flex-wrap: wrap;
  background-color: white;
  justify-self: flex-end;
}
.p-creation-works__content--bottom dt,
.p-creation-works__content--bottom dd {
  display: flex;
  align-items: center;
  min-height: 0.45rem;
  border-bottom: 0.01rem solid #E6E6E6;
}
.p-creation-works__content--bottom dt {
  justify-content: center;
  font-size: 0.13rem;
  line-height: 0.17rem;
  font-weight: 700;
  color: rgb(var(--color));
  border-right: 0.01rem solid #E6E6E6;
  width: 0.6rem;
}
.p-creation-works__content--bottom dd {
  font-size: 0.13rem;
  line-height: 0.17rem;
  font-weight: 500;
  padding-left: 0.09rem;
  width: 1.63rem;
  padding-top: 0.05rem;
  padding-bottom: 0.05rem;
}
.p-creation-works__order {
  position: relative;
  left: 0.05rem;
  font-size: 0.14rem;
  line-height: 0.22rem;
  font-weight: 700;
  color: #BA9E5C;
  padding-bottom: 0.04rem;
  width: 100%;
  margin-bottom: 0.1rem;
}
.p-creation-works__order::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.01rem;
  opacity: 0.5;
  background: linear-gradient(to right, #ba9e5c 0%, transparent 100%);
}
.p-creation-works__list {
  display: flex;
  flex-direction: column;
  gap: 0.07rem;
  font-size: 0.16rem;
  line-height: 0.26rem;
  margin-bottom: 0.13rem;
}
.p-creation-works__list li {
  display: flex;
}
.p-creation-works__list li::before {
  content: "・";
  color: #BA9E5C;
}

.p-flow {
  counter-reset: count 0;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .p-flow {
    width: 9.25rem;
    margin-left: auto;
  }
}
.p-flow b {
  font-weight: 700;
}
.p-flow__wrapper {
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-flow__wrapper::after {
    content: "";
    position: absolute;
    width: 0.23rem;
    height: 0.2rem;
    background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/arrow_bottom_double_beige.svg");
    background-size: contain;
    background-repeat: no-repeat;
    left: 0.18rem;
    bottom: 0.2rem;
  }
}
.p-flow__wrapper:nth-last-of-type(1) {
  padding-bottom: unset;
}
@media screen and (min-width: 768px) {
  .p-flow__wrapper:nth-last-of-type(1)::after {
    content: unset;
  }
}
@media screen and (min-width: 768px) {
  .p-flow__content {
    display: flex;
  }
}
.p-flow__flow {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .p-flow__flow {
    flex-grow: 1;
    padding-left: 0.15rem;
  }
}
.p-flow__item {
  position: relative;
  counter-increment: count 1;
}
.p-flow__item h3 {
  display: flex;
  gap: 0.07rem;
  font-size: 0.18rem;
  line-height: 0.23rem;
  font-weight: 700;
}
.p-flow__item h3 small {
  font-size: 0.14rem;
  line-height: 0.23rem;
}
@media screen and (min-width: 768px) {
  .p-flow__item h3 small {
    font-size: 0.2rem;
    line-height: 0.36rem;
  }
}
.p-flow__item h3 strong {
  color: red;
}
.p-flow__item h3 ul {
  display: flex;
  flex-direction: column;
  gap: 0.16rem;
  font-size: 0.14rem;
  line-height: 0.2rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-flow__item h3 ul {
    font-size: 0.2rem;
    line-height: 0.28rem;
    gap: 0.28rem;
  }
}
.p-flow__item h3 ul li {
  display: flex;
}
.p-flow__item h3 ul li::before {
  content: "・";
  color: #BA9E5C;
}
@media screen and (min-width: 768px) {
  .p-flow__item h3 {
    font-size: 0.2rem;
    line-height: 0.36rem;
    gap: 0.15rem;
  }
}
.p-flow__item h3::before {
  content: counter(count);
  width: 0.23rem;
  height: 0.23rem;
  border-radius: 100%;
  background-color: #6C5D48;
  font-size: 0.14rem;
  font-weight: 700;
  color: white;
  line-height: 0.18rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0.1em;
  box-sizing: border-box;
  flex: none;
}
@media screen and (min-width: 768px) {
  .p-flow__item h3::before {
    width: 0.28rem;
    height: 0.28rem;
    font-size: 0.18rem;
    line-height: 0.23rem;
    margin-top: 0.1em;
  }
}
.p-flow__item:nth-last-of-type(1)::before {
  content: unset;
}
.p-flow__item::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 0.02rem;
  height: 100%;
  width: 0.02rem;
  height: 100%;
  left: 0.11rem;
  top: 0.115rem;
  background-color: #6C5D48;
}
@media screen and (min-width: 768px) {
  .p-flow__item::before {
    left: 0.13rem;
  }
}
.p-flow__item--content {
  padding-left: 0.3rem;
  padding-bottom: 0.38rem;
}
@media screen and (min-width: 768px) {
  .p-flow__item--content {
    padding-left: 0.48rem;
  }
}
.p-flow__item--content > *:first-child {
  margin-top: 0.15rem;
}
@media screen and (min-width: 768px) {
  .p-flow__item--content {
    min-height: 0.25rem;
  }
}
.p-flow__item--content img {
  display: block;
  margin: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.p-flow__item--content--heading {
  font-size: 0.14rem;
  line-height: 0.18rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-flow__item--content--heading {
    font-size: 0.2rem;
    line-height: 0.26rem;
  }
}
.p-flow__item--content--desc {
  margin-top: 0.08rem;
  font-size: 0.12rem;
  line-height: 0.22rem;
  padding-left: 1em;
}
@media screen and (min-width: 768px) {
  .p-flow__item--content--desc {
    font-size: 0.18rem;
    line-height: 0.22rem;
    margin-top: 0.13rem;
  }
}
.p-flow__item--note {
  position: relative;
  width: 100%;
  padding: 0.25rem 0.11rem 0.06rem;
  font-size: 0.12rem;
  line-height: 0.26rem;
  background-color: #F6F0F0;
  margin-top: 0.3rem;
}
@media screen and (min-width: 768px) {
  .p-flow__item--note {
    padding: 0.4rem 0.22rem 0.18rem;
    font-size: 0.14rem;
    line-height: 0.26rem;
    width: 3.8rem;
  }
}
.p-flow__item--note h4 {
  position: absolute;
  top: -0.1rem;
  left: 0;
  padding: 0.035rem 0.2rem;
  border-radius: 0.2rem;
  font-size: 0.14rem;
  line-height: 0.18rem;
  font-weight: 700;
  color: white;
  background-color: #BE6B6B;
  letter-spacing: -0.05em;
}
@media screen and (min-width: 768px) {
  .p-flow__item--note h4 {
    left: -0.11rem;
    padding: 0.045rem 0.23rem 0.045rem 0.15rem;
    font-size: 0.16rem;
    line-height: 0.21rem;
  }
}
.p-flow__images {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-flow__images {
    display: flex;
    flex-direction: column;
    flex: none;
    width: 4rem;
  }
}
@media screen and (min-width: 768px) {
  .p-flow__images figure {
    display: flex;
    flex-direction: column;
    gap: 0.14rem;
    align-items: center;
  }
  .p-flow__images figure figcaption {
    font-size: 0.16rem;
    line-height: 0.21rem;
    width: -moz-fit-content;
    width: fit-content;
    font-weight: 700;
  }
  .p-flow__images figure figcaption::before {
    content: "▲";
    color: #BA9E5C;
  }
}
.p-flow__title {
  width: 100%;
  padding: 0.05rem 0.2rem 0.04rem;
  min-height: 0.3rem;
  background-color: #6C5D48;
  font-size: 0.16rem;
  line-height: 0.21rem;
  font-weight: 700;
  color: white;
  margin-bottom: 0.22rem;
}
.p-flow__box {
  border: 0.01rem solid #BA9E5C;
  border-radius: 0.05rem;
  padding: 0.19rem 0.15rem 0.2rem;
}
@media screen and (min-width: 768px) {
  .p-flow__box {
    width: 3.4rem;
    flex: none;
    padding: 0.2rem 0.2rem 0.27rem 0.23rem;
    margin-bottom: 0.38rem;
  }
}
.p-flow__box h4 {
  font-size: 0.14rem;
  line-height: 0.18rem;
  font-weight: 700;
  color: #937551;
  margin-bottom: 0.06rem;
}
@media screen and (min-width: 768px) {
  .p-flow__box h4 {
    line-height: 0.22rem;
    margin-bottom: 0.2rem;
  }
}
.p-flow__box p {
  font-size: 0.12rem;
  line-height: 0.22rem;
  font-weight: 500;
}
.p-flow__box ul {
  margin-top: 0.05rem;
}
.p-flow__box--section h5 {
  font-size: 0.14rem;
  line-height: 0.18rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-flow__box--section h5 {
    position: relative;
    left: -0.1rem;
    font-size: 0.16rem;
    line-height: 0.21rem;
  }
}
.p-flow__box--section p {
  font-size: 0.12rem;
  line-height: 0.22rem;
}
@media screen and (min-width: 768px) {
  .p-flow__box--section p {
    font-size: 0.14rem;
    line-height: 0.22rem;
  }
}
.p-flow__box--section:not(:nth-last-of-type(1)) {
  padding-bottom: 0.15rem;
}
@media screen and (min-width: 768px) {
  .p-flow__box--section .p-flow__caution {
    font-size: 0.12rem;
    line-height: 0.18rem;
    margin-top: 0.09rem;
  }
  .p-flow__box--section .p-flow__caution::before {
    font-size: 0.14rem;
  }
}
.p-flow__box--ind {
  padding: 0.12rem 0.15rem 0.15rem 0.3rem;
  counter-increment: count 1;
  border: 0.01rem solid #BA9E5C;
}
@media screen and (min-width: 768px) {
  .p-flow__box--ind {
    padding-top: 0.06rem;
    padding-left: 0.1rem;
    padding-bottom: 0.16rem;
    width: 4.32rem;
    margin-left: 0.45rem;
  }
}
.p-flow__box--ind h4 {
  font-size: 0.15rem;
  line-height: 0.19rem;
  font-weight: 700;
  margin-bottom: 0.11rem;
  color: #BA9E5C;
}
@media screen and (min-width: 768px) {
  .p-flow__box--ind h4 {
    font-size: 0.2rem;
    line-height: 0.26rem;
    margin-bottom: 0.14rem;
  }
}
.p-flow__box--ind--content {
  padding-left: 0.27rem;
  padding-right: 0.19rem;
  font-size: 0.12rem;
  line-height: 0.15rem;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .p-flow__box--ind--content {
    font-size: 0.16rem;
    line-height: 0.21rem;
    padding-left: 0.62rem;
  }
}
.p-flow__box--ind--content h5 {
  display: flex;
  align-items: center;
  font-size: 0.14rem;
  line-height: 0.18rem;
  font-weight: 700;
  position: relative;
  margin-bottom: 0.11rem;
}
@media screen and (min-width: 768px) {
  .p-flow__box--ind--content h5 {
    font-size: 0.2rem;
    line-height: 0.26rem;
  }
}
.p-flow__box--ind--content h5::before {
  position: absolute;
  top: 50%;
  left: -0.04rem;
  transform: translate(-100%, -50%);
  content: counter(count);
  width: 0.23rem;
  height: 0.23rem;
  border-radius: 100%;
  background-color: #6C5D48;
  font-size: 0.14rem;
  font-weight: 700;
  color: white;
  line-height: 0.18rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0.1em;
  box-sizing: border-box;
  flex: none;
}
@media screen and (min-width: 768px) {
  .p-flow__box--ind--content h5::before {
    width: 0.28rem;
    height: 0.28rem;
    font-size: 0.18rem;
    line-height: 0.23rem;
    margin-top: 0.1em;
    left: -0.15rem;
  }
}
.p-flow__box--ind--content .p-flow__bullet {
  margin-top: 0.06rem;
  margin-bottom: 0.1rem;
  padding: 0.19rem 0.18rem 0.14rem;
}
@media screen and (min-width: 768px) {
  .p-flow__box--ind--content .p-flow__bullet {
    margin-top: 0.1rem;
    margin-bottom: 0.15rem;
    width: 2.74rem;
    padding: 0.17rem 0.16rem 0.21rem;
  }
}
.p-flow__bullet {
  border-radius: 0.05rem;
  border: 0.01rem solid #BA9E5C;
  font-size: 0.13rem;
  line-height: 0.22rem;
  font-weight: 700;
}
.p-flow__bullet li {
  display: flex;
}
.p-flow__bullet li::before {
  content: "・";
  color: #BA9E5C;
}
.p-flow__bullet strong {
  font-size: 0.14rem;
  line-height: 0.22rem;
  margin-bottom: 0.11rem;
  color: #937551;
}
.p-flow__caution li {
  display: flex;
  font-size: 0.11rem;
  line-height: 0.18rem;
}
@media screen and (min-width: 768px) {
  .p-flow__caution li {
    font-size: 0.14rem;
    line-height: 0.22rem;
  }
}
.p-flow__caution li::before {
  content: "※";
}
.p-flow__caution strong {
  color: red;
  font-weight: 700;
}
.p-flow__caution--big li {
  font-size: 0.12rem;
  line-height: 0.22rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-flow__caution--big li {
    font-size: 0.16rem;
    line-height: 0.26rem;
  }
}
.p-flow #sp1 {
  width: 100%;
  height: 1.85rem;
}
.p-flow #sp2 {
  width: 2.72rem;
  height: 3.15rem;
}
.p-flow #sp3 {
  width: 1.82rem;
  height: 0.52rem;
  margin-left: unset;
}
@media screen and (min-width: 768px) {
  .p-flow #sp3 {
    margin-top: 0.06rem;
  }
}
.p-flow #sp6 {
  width: 2.47rem;
  height: 0.58rem;
  margin-left: unset;
}
.p-flow #sp7 {
  margin-top: 0.2rem;
  margin-bottom: 0.18rem;
}
.p-flow #sp8 {
  margin-top: 0.18rem;
}
.p-flow #sp10 {
  margin-bottom: -0.19rem;
}
.p-flow #sp11 {
  margin-bottom: 0.18rem;
}
.p-flow #sp13 {
  margin-top: 0.1rem;
}
.p-flow #sp15 {
  margin-bottom: 0.18rem;
}
.p-flow #sp15 ~ p {
  font-size: 0.14rem;
  line-height: 0.2rem;
  font-weight: 700;
}
.p-flow #sp15-2 {
  margin-top: 0.18rem;
  width: 1.26rem;
  height: 0.4rem;
  margin-left: unset;
}
@media screen and (min-width: 768px) {
  .p-flow #sp15-2 {
    margin-top: 0.17rem;
    margin-bottom: 4.9rem;
  }
}
.p-flow #sp16 {
  width: 2.51rem;
  height: 0.47rem;
  margin-left: unset;
}
@media screen and (min-width: 768px) {
  .p-flow #sp16 {
    margin-left: -0.12rem;
    width: 2.57rem;
    height: 0.44rem;
  }
}
.p-flow #pc6 {
  display: inline-block;
  width: 1.45rem;
  height: 0.71rem;
  margin-top: 0.11rem;
}
.p-flow #pc13 {
  margin-top: 0.2rem;
  margin-bottom: 0.4rem;
}
.p-flow #button-am {
  width: 1.56rem;
  height: 0.35rem;
  margin-top: 0.09rem;
  margin-bottom: 0.1rem;
  -o-object-fit: contain;
     object-fit: contain;
  margin-left: unset;
}
.p-flow #button-fb {
  width: 1.84rem;
  height: 0.25rem;
  margin-top: 0.08rem;
  margin-bottom: 0.1rem;
  -o-object-fit: contain;
     object-fit: contain;
  margin-left: unset;
}
.p-flow #button-yh {
  width: 1.84rem;
  height: 0.25rem;
  margin-top: 0.08rem;
  margin-bottom: 0.1rem;
  -o-object-fit: contain;
     object-fit: contain;
  margin-left: unset;
}
.p-flow #flow1 {
  padding-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  .p-flow #flow1 {
    padding-bottom: 0.09rem;
  }
}
.p-flow #flow2 {
  padding-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  .p-flow #flow2 {
    padding-bottom: 0.04rem;
  }
}
.p-flow #flow3 {
  padding-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  .p-flow #flow3 {
    padding-bottom: 0.6rem;
  }
}
.p-flow #flow4 {
  padding-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  .p-flow #flow4 {
    padding-bottom: 0.6rem;
  }
}
@media screen and (min-width: 768px) {
  .p-flow #flow4 .p-flow__caution {
    width: 3.31rem;
    margin-top: 0.2rem;
  }
}
.p-flow #flow5 {
  padding-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  .p-flow #flow5 {
    padding-bottom: 0.45rem;
  }
}
.p-flow #flow6 {
  padding-bottom: 0.5rem;
}
.p-flow #flow6 .p-flow__bullet {
  padding: 0.08rem 0.1rem;
}
@media screen and (min-width: 768px) {
  .p-flow #flow6 .p-flow__bullet {
    font-size: 0.16rem;
    line-height: 0.32rem;
    width: 3.1rem;
    padding: 0.14rem 0.09rem 0.19rem 0.16rem;
    margin-bottom: 0.92rem;
  }
}
.p-flow #flow7 {
  padding-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  .p-flow #flow7 {
    padding-bottom: 0.2rem;
  }
}

.p-caution {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-caution {
    width: 9.25rem;
    margin-left: auto;
  }
}
.p-caution__heading {
  padding: 0.05rem 0.1rem 0.05rem 0.62rem;
  position: relative;
  width: 100%;
  background-color: #BE6B6B;
  font-size: 0.16rem;
  line-height: 0.21rem;
  font-weight: 700;
  color: white;
}
@media screen and (min-width: 768px) {
  .p-caution__heading {
    padding: 0.05rem 0.69rem;
    font-size: 0.2rem;
    line-height: 0.26rem;
  }
}
.p-caution__heading::before {
  content: "";
  width: 0.41rem;
  height: 0.41rem;
  position: absolute;
  top: -0.18rem;
  left: 0.11rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/icon_ex.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .p-caution__heading::before {
    left: 0.1rem;
    top: -0.19rem;
    width: 0.5rem;
    height: 0.5rem;
  }
}
.p-caution__container {
  border-left: 0.015rem solid #BA9E5C;
  border-right: 0.015rem solid #BA9E5C;
  border-bottom: 0.015rem solid #BA9E5C;
}
@media screen and (min-width: 768px) {
  .p-caution__container {
    padding: 0.57rem 0.28rem 0.36rem 0.26rem;
    display: flex;
    justify-content: space-between;
  }
}
.p-caution__text {
  padding: 0.18rem 0.13rem 0.4rem;
  font-size: 0.13rem;
  line-height: 0.22rem;
  font-weight: 700;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
@media screen and (min-width: 768px) {
  .p-caution__text {
    padding: 0;
    font-size: 0.16rem;
    line-height: 0.26rem;
    gap: 0.38rem;
    width: 3.87rem;
    flex: none;
  }
}
.p-caution__text li {
  display: flex;
}
.p-caution__text li::before {
  content: "・";
  color: #BA9E5C;
}
.p-caution__image {
  display: flex;
  flex-direction: column;
  gap: 0.09rem;
  align-items: center;
  margin: auto;
  padding: 0 0.12rem 0.11rem;
}
@media screen and (min-width: 768px) {
  .p-caution__image {
    width: 4.21rem;
    flex: none;
    padding: unset;
    margin: unset;
  }
}
.p-caution__image img {
  width: 100%;
  display: block;
  border-radius: 0.05rem;
  border: 0.015rem solid #BA9E5C;
}
.p-caution__image figcaption {
  font-size: 0.12rem;
  line-height: 0.16rem;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-caution__image figcaption {
    font-size: 0.16rem;
    line-height: 0.21rem;
  }
}
.p-caution__image figcaption::before {
  content: "▲";
  color: #BA9E5C;
}

.p-banner {
  width: 100%;
  height: 4.05rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/custom/banner.sp.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  transition: 0.3s;
}
.p-banner:hover {
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  .p-banner {
    height: 29.17vw;
    background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/custom/banner.pc.jpg");
    background-size: cover;
    background-repeat: no-repeat;
  }
}

.p-faq3 {
  display: flex;
  align-items: center;
  width: 100%;
  flex-direction: column;
  border-top: 0.01rem solid #E2DFDF;
}
@media screen and (min-width: 768px) {
  .p-faq3 {
    margin: auto;
  }
}
.p-faq3__wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  border-bottom: 0.01rem solid #E2DFDF;
}
@media screen and (min-width: 768px) {
  .p-faq3__wrapper {
    border-top: unset;
  }
}
.p-faq3__switch {
  display: none;
}
.p-faq3__switch:checked ~ .p-faq3__answer {
  max-height: inherit;
  opacity: 1;
  padding-bottom: 0.2rem;
}
@media screen and (min-width: 768px) {
  .p-faq3__switch:checked ~ .p-faq3__answer {
    padding-bottom: 0.3rem;
  }
}
.p-faq3__switch:checked ~ .p-faq3__question .p-faq3__display {
  transform: translateY(-50%) rotate(180deg);
}
.p-faq3__question {
  position: relative;
  padding-top: 0.17rem;
  padding-right: 0.4rem;
  padding-bottom: 0.17rem;
  cursor: pointer;
  font-size: 0.15rem;
  line-height: 0.21rem;
  letter-spacing: 0.023em;
  font-weight: 500;
  transition: 0.3s;
  display: flex;
  align-items: center;
  gap: 0.1rem;
  color: #393632;
}
@media screen and (min-width: 768px) {
  .p-faq3__question {
    padding-top: 0.17rem;
    padding-left: 0.2rem;
    padding-right: 0.5rem;
    padding-bottom: 0.17rem;
    font-size: 0.18rem;
    line-height: 0.23rem;
    font-weight: 500;
  }
}
.p-faq3__display {
  position: absolute;
  right: 0.09rem;
  top: 50%;
  width: 0.13rem;
  height: 0.07rem;
  transition: 0.3s;
  transform: translateY(-50%);
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/flowerstand/faq_arrow.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .p-faq3__display {
    bottom: 0.35rem;
    width: 0.21rem;
    height: 0.21rem;
    right: 0.3rem;
  }
}
.p-faq3__answer {
  position: relative;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.3s;
  font-weight: 300;
  color: #393632;
  font-size: 0.14rem;
  line-height: 0.22rem;
}
@media screen and (min-width: 768px) {
  .p-faq3__answer {
    padding-left: 0.6rem;
    padding-right: unset;
    font-size: 0.16rem;
    line-height: 0.32rem;
  }
}
.p-faq3__answer a {
  color: #BE6B6B;
  font-weight: 700;
}

.p-banner-link {
  display: flex;
  border-radius: 0.1rem;
  overflow: hidden;
  width: 100%;
}
.p-banner-link--stand .p-banner-link__container {
  background-color: #FFF8DB;
}
.p-banner-link--stand .p-banner-link__text h3 {
  margin-top: 0.05rem;
  margin-bottom: 0.07rem;
  letter-spacing: -0.05em;
}
@media screen and (min-width: 768px) {
  .p-banner-link--stand .p-banner-link__text h3 {
    margin-top: 0.16rem;
    margin-bottom: 0.12rem;
  }
}
.p-banner-link--orchid .p-banner-link__container {
  background-color: #FFF7F9;
}
.p-banner-link--orchid .p-banner-link__text h3 {
  color: #B16E90;
  font-size: 0.4rem;
  line-height: 0.52rem;
  margin-top: 0.14rem;
  margin-bottom: 0.07rem;
}
@media screen and (min-width: 768px) {
  .p-banner-link--orchid .p-banner-link__text h3 {
    font-size: 0.5rem;
    line-height: 0.7rem;
    margin-top: 0.16rem;
    margin-bottom: 0.12rem;
  }
}
.p-banner-link--balloon-arrangement .p-banner-link__container {
  background-color: #F5F5B5;
}
@media screen and (min-width: 768px) {
  .p-banner-link--balloon-arrangement .p-banner-link__container {
    gap: 0.29rem;
  }
}
.p-banner-link--balloon-arrangement .p-banner-link__text h3 {
  font-size: 0.28rem;
  line-height: 0.3rem;
  margin-top: 0.06rem;
  margin-bottom: 0.07rem;
  position: relative;
  left: -0.04rem;
}
@media screen and (min-width: 768px) {
  .p-banner-link--balloon-arrangement .p-banner-link__text h3 {
    font-size: 0.48rem;
    line-height: 0.55rem;
    letter-spacing: -0.05em;
    margin-top: 0.03rem;
    margin-bottom: 0.12rem;
  }
}
.p-banner-link--balloon-arrangement .p-banner-link__text span {
  font-size: 0.18rem;
  line-height: 0.2rem;
}
@media screen and (min-width: 768px) {
  .p-banner-link--balloon-arrangement .p-banner-link__text span {
    font-size: 0.2rem;
    line-height: 0.26rem;
    justify-content: space-between;
    padding-left: 0.16rem;
    padding-right: 0.15rem;
    gap: 0;
  }
  .p-banner-link--balloon-arrangement .p-banner-link__text span::after {
    content: "";
    width: 0.23rem;
    height: 0.2rem;
    flex: none;
  }
}
.p-banner-link--balloon-stand .p-banner-link__container {
  background-color: #DBEEFF;
}
@media screen and (min-width: 768px) {
  .p-banner-link--balloon-stand .p-banner-link__container {
    gap: 0.29rem;
  }
}
.p-banner-link--balloon-stand .p-banner-link__text h3 {
  font-size: 0.28rem;
  line-height: 0.3rem;
  margin-top: 0.06rem;
  margin-bottom: 0.07rem;
  position: relative;
  left: -0.04rem;
}
@media screen and (min-width: 768px) {
  .p-banner-link--balloon-stand .p-banner-link__text h3 {
    font-size: 0.48rem;
    line-height: 0.55rem;
    letter-spacing: -0.05em;
    margin-top: 0.03rem;
    margin-bottom: 0.12rem;
  }
}
.p-banner-link--balloon-stand .p-banner-link__text span {
  font-size: 0.18rem;
  line-height: 0.2rem;
}
@media screen and (min-width: 768px) {
  .p-banner-link--balloon-stand .p-banner-link__text span {
    font-size: 0.2rem;
    line-height: 0.26rem;
    justify-content: space-between;
    padding-left: 0.16rem;
    padding-right: 0.15rem;
    gap: 0;
  }
  .p-banner-link--balloon-stand .p-banner-link__text span::after {
    content: "";
    width: 0.23rem;
    height: 0.2rem;
    flex: none;
  }
}
.p-banner-link--stand2 .p-banner-link__container {
  background-color: #FFF8DB;
}
.p-banner-link--stand2 .p-banner-link__text h3 {
  font-size: 0.4rem;
  line-height: 0.52rem;
  margin-top: 0.15rem;
  margin-bottom: 0.07rem;
  position: relative;
  left: -0.04rem;
}
@media screen and (min-width: 768px) {
  .p-banner-link--stand2 .p-banner-link__text h3 {
    font-size: 0.54rem;
    line-height: 0.7rem;
    letter-spacing: -0.05em;
    margin-top: 0.11rem;
    margin-bottom: 0.17rem;
  }
}
.p-banner-link--stand2 .p-banner-link__text span {
  font-size: 0.18rem;
  line-height: 0.2rem;
}
@media screen and (min-width: 768px) {
  .p-banner-link--stand2 .p-banner-link__text span {
    font-size: 0.2rem;
    line-height: 0.26rem;
    justify-content: space-between;
    padding-left: 0.16rem;
    padding-right: 0.15rem;
    gap: 0;
  }
  .p-banner-link--stand2 .p-banner-link__text span::after {
    content: "";
    width: 0.23rem;
    height: 0.2rem;
    flex: none;
  }
}
.p-banner-link--arrangement .p-banner-link__container {
  background-color: #FFE3DD;
}
.p-banner-link--arrangement .p-banner-link__text h3 {
  font-size: 0.3rem;
  line-height: 0.39rem;
  margin-top: 0.25rem;
  margin-bottom: 0.1rem;
  position: relative;
  left: -0.04rem;
}
@media screen and (min-width: 768px) {
  .p-banner-link--arrangement .p-banner-link__text h3 {
    font-size: 0.54rem;
    line-height: 0.7rem;
    letter-spacing: -0.05em;
    margin-top: 0.11rem;
    margin-bottom: 0.17rem;
  }
}
.p-banner-link--arrangement .p-banner-link__text span {
  font-size: 0.18rem;
  line-height: 0.2rem;
}
@media screen and (min-width: 768px) {
  .p-banner-link--arrangement .p-banner-link__text span {
    font-size: 0.2rem;
    line-height: 0.26rem;
    justify-content: space-between;
    padding-left: 0.16rem;
    padding-right: 0.15rem;
    gap: 0;
  }
  .p-banner-link--arrangement .p-banner-link__text span::after {
    content: "";
    width: 0.23rem;
    height: 0.2rem;
    flex: none;
  }
}
.p-banner-link__container {
  padding-top: 0.07rem;
  padding-left: 0.1rem;
  padding-right: 0.22rem;
  padding-bottom: 0.12rem;
  display: flex;
  align-items: center;
  gap: 0.19rem;
  border-radius: 0.1rem;
  overflow: hidden;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-banner-link__container {
    flex-grow: 1;
    padding-top: 0.27rem;
    padding-left: 0.29rem;
    padding-bottom: 0.23rem;
    padding-right: unset;
    gap: 0.31rem;
    border-radius: unset;
  }
}
.p-banner-link__logo {
  width: 0.57rem;
  height: 1.07rem;
  display: block;
}
@media screen and (min-width: 768px) {
  .p-banner-link__logo {
    width: 1.01rem;
    height: 1.89rem;
  }
}
.p-banner-link__text {
  flex-grow: 1;
}
.p-banner-link__text strong {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 0.18rem;
  line-height: 0.24rem;
  font-weight: 600;
  letter-spacing: 0;
  display: block;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .p-banner-link__text strong {
    font-size: 0.22rem;
    line-height: 0.34rem;
  }
}
.p-banner-link__text h3 {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 0.28rem;
  line-height: 0.36rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  display: block;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .p-banner-link__text h3 {
    font-size: 0.54rem;
    line-height: 0.7rem;
  }
}
.p-banner-link__text span {
  width: 100%;
  padding-top: 0.05rem;
  padding-left: 0.1rem;
  padding-bottom: 0.04rem;
  padding-right: 0.15rem;
  background-color: white;
  border-radius: 0.1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.18rem;
  line-height: 0.2rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-banner-link__text span {
    flex-grow: 1;
    border-radius: 0.1rem 0 0 0.1rem;
    width: 100%;
    padding-top: 0.13rem;
    padding-left: 0.16rem;
    padding-bottom: 0.13rem;
    font-size: 0.24rem;
    line-height: 0.31rem;
    gap: 0.18rem;
    justify-content: flex-start;
  }
}
.p-banner-link__text span::after {
  content: "";
  width: 0.17rem;
  height: 0.15rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/promote/bottom_arrow_right.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .p-banner-link__text span::after {
    width: 0.23rem;
    height: 0.2rem;
  }
}
.p-banner-link__image {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-banner-link__image {
    display: block;
    width: 4.44rem;
    flex: none;
  }
}
.p-banner-link__image img {
  display: block;
  width: 100%;
  height: 100%;
}

.p-promote {
  padding-top: 2.08rem;
  width: 100%;
  --heading1: #6C5D48;
  --heading2: #BA9E5C;
}
@media screen and (min-width: 768px) {
  .p-promote {
    padding-top: 0.76rem;
  }
}
.p-promote__container {
  width: 100%;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
}
@media screen and (min-width: 768px) {
  .p-promote__container {
    padding-left: unset;
    padding-right: unset;
    width: 10.4rem;
    margin: auto;
  }
}
.p-promote__container--parent {
  position: relative;
  z-index: 3;
  width: 100%;
  overflow-x: hidden;
}
.p-promote__top {
  width: 100%;
  margin-bottom: 0.32rem;
}
@media screen and (min-width: 768px) {
  .p-promote__top {
    width: 5.88rem;
    margin-left: auto;
    margin-bottom: 0.65rem;
  }
}
.p-promote__top--catch {
  display: block;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 0.18rem;
  line-height: 0.28rem;
  font-weight: 600;
  letter-spacing: 0;
  margin-bottom: 0.07rem;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .p-promote__top--catch {
    font-size: 0.28rem;
    line-height: 0.36rem;
    margin-bottom: 0.06rem;
  }
}
.p-promote__top--name {
  white-space: nowrap;
  position: relative;
  left: -0.05rem;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 0.48rem;
  line-height: 0.62rem;
  font-weight: 400;
  letter-spacing: -0.1em;
  margin-bottom: 0.1rem;
  color: var(--heading1);
}
@media screen and (min-width: 768px) {
  .p-promote__top--name {
    font-size: 0.7rem;
    line-height: 0.9rem;
    margin-bottom: 0.22rem;
    left: unset;
    letter-spacing: 0.05em;
  }
}
.p-promote__top--subtitle {
  width: 100%;
  height: 0.28rem;
  border-top: 0.01rem solid #BA9E5C;
  border-bottom: 0.01rem solid #BA9E5C;
  display: flex;
  align-items: center;
  color: #BA9E5C;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.18rem;
  line-height: 0.23rem;
  font-weight: 700;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .p-promote__top--subtitle {
    padding-top: 0.08rem;
    padding-bottom: 0.08rem;
    font-size: 0.3rem;
    line-height: 0.39rem;
    height: 0.56rem;
  }
}
.p-promote__heading {
  display: flex;
  flex-direction: column;
  gap: 0.08rem;
  margin-bottom: 0.27rem;
}
@media screen and (min-width: 768px) {
  .p-promote__heading {
    flex-direction: row;
    align-items: center;
    margin-bottom: 0.18rem;
    gap: 0.3rem;
  }
}
.p-promote__heading strong {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 0.3rem;
  line-height: 0.38rem;
  font-weight: 600;
  letter-spacing: 0;
  color: var(--heading2);
}
@media screen and (min-width: 768px) {
  .p-promote__heading strong {
    font-size: 0.46rem;
    line-height: 0.59rem;
    min-width: 5.26rem;
    gap: 0.33rem;
  }
}
.p-promote__heading span {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 0.18rem;
  line-height: 0.23rem;
  font-weight: 400;
  letter-spacing: 0;
  color: #937551;
}
@media screen and (min-width: 768px) {
  .p-promote__heading span {
    font-size: 0.24rem;
    line-height: 0.31rem;
  }
}
.p-promote__intro {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  margin-bottom: 0.48rem;
}
@media screen and (min-width: 768px) {
  .p-promote__intro {
    flex-direction: row;
    gap: 0.39rem;
    margin-bottom: 0.49rem;
  }
}
.p-promote__image {
  display: block;
  width: 2.61rem;
  height: 1.97rem;
  flex: none;
}
@media screen and (min-width: 768px) {
  .p-promote__image {
    margin-top: 0.08rem;
    width: 5.2rem;
    height: 3.94rem;
  }
}
.p-promote__image img {
  display: block;
  width: 100%;
  height: 100%;
}
.p-promote__text {
  width: 100%;
}
.p-promote__text--desc {
  display: block;
  width: 100%;
  margin-bottom: 0.3rem;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.16rem;
  line-height: 0.3rem;
  font-weight: 500;
  letter-spacing: 0;
  color: #707070;
}
@media screen and (min-width: 768px) {
  .p-promote__text--desc {
    font-size: 0.18rem;
    line-height: 0.32rem;
    margin-bottom: 0.25rem;
  }
}
.p-promote__tips {
  display: flex;
  flex-direction: column;
  border: 0.01rem solid #BA9E5C;
  border-radius: 0.05rem;
}
.p-promote__tips--title {
  padding-top: 0.1rem;
  padding-bottom: 0.07rem;
  padding-left: 0.34rem;
  width: 100%;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.16rem;
  line-height: 0.24rem;
  font-weight: 700;
  letter-spacing: 0;
  display: flex;
  align-items: center;
  gap: 0.1rem;
  border-bottom: 0.01rem solid #BA9E5C;
  text-align: center;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-promote__tips--title {
    padding-top: 0.13rem;
    padding-bottom: 0.12rem;
    font-size: 0.18rem;
    line-height: 0.23rem;
  }
}
.p-promote__tips--title::before {
  content: "";
  width: 0.46rem;
  height: 0.43rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/promote/icon_tips.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: 0.03rem;
}
@media screen and (min-width: 768px) {
  .p-promote__tips--title::before {
    width: 0.49rem;
    height: 0.46rem;
    position: absolute;
    top: -0.11rem;
    left: 0.16rem;
  }
}
.p-promote__tips--title span {
  display: block;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 768px) {
  .p-promote__tips--title span {
    margin: auto;
  }
}
.p-promote__tips--content {
  width: 100%;
  padding: 0.18rem 0.27rem 0.21rem;
}
@media screen and (min-width: 768px) {
  .p-promote__tips--content {
    padding: 0.15rem 0.3rem 0.15rem;
  }
}
.p-promote__tips--content h5 {
  display: block;
  text-align: center;
  color: #BA9E5C;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.17rem;
  line-height: 0.22rem;
  font-weight: 700;
  letter-spacing: 0;
  margin-bottom: 0.13rem;
}
@media screen and (min-width: 768px) {
  .p-promote__tips--content h5 {
    font-size: 0.22rem;
    line-height: 0.29rem;
    margin-bottom: 0.16rem;
  }
}
.p-promote__tips--content p {
  color: #707070;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.14rem;
  line-height: 0.28rem;
  font-weight: 500;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  .p-promote__tips--content p {
    font-size: 0.16rem;
    line-height: 0.28rem;
  }
}
.p-promote__items--heading {
  min-width: 2.83rem;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  margin: auto;
  color: #393632;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.16rem;
  line-height: 0.24rem;
  font-weight: 700;
  letter-spacing: 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.27rem;
}
@media screen and (min-width: 768px) {
  .p-promote__items--heading {
    min-width: 4.75rem;
    font-size: 0.2rem;
    line-height: 0.26rem;
    letter-spacing: 0.03em;
    margin-bottom: 0.38rem;
  }
}
.p-promote__items--heading::before {
  content: "";
  width: 0.02rem;
  height: 0.23rem;
  background-color: #BA9E5C;
  margin-right: 0.2rem;
}
.p-promote__items--heading::after {
  content: "";
  width: 0.02rem;
  height: 0.23rem;
  background-color: #BA9E5C;
  margin-left: 0.2rem;
}
.p-promote__items--container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.3rem;
  margin-bottom: 0.48rem;
  counter-reset: count 0;
}
@media screen and (min-width: 768px) {
  .p-promote__items--container {
    gap: 0.8rem;
    margin: auto;
    margin-bottom: 0.8rem;
    max-width: 8rem;
  }
}
.p-promote__items--wrapper {
  width: 1.38rem;
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  text-align: center;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.14rem;
  line-height: 0.22rem;
  font-weight: 500;
  letter-spacing: 0;
  counter-increment: count 1;
}
@media screen and (min-width: 768px) {
  .p-promote__items--wrapper {
    width: 2rem;
  }
}
.p-promote__items--image {
  position: relative;
  width: 100%;
  height: 2rem;
}
@media screen and (min-width: 768px) {
  .p-promote__items--image {
    height: 2.92rem;
  }
}
.p-promote__items--image img {
  display: block;
  width: 100%;
  height: 100%;
}
.p-promote__items--image::after {
  content: counter(count);
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.36rem;
  height: 0.36rem;
  background-color: #BA9E5C;
  color: white;
  font-family: "Marcellus", serif;
  font-size: 0.25rem;
  line-height: 0.25rem;
  font-weight: 400;
  letter-spacing: 0;
}
.p-promote__items--info {
  width: -moz-fit-content;
  width: fit-content;
  max-width: unset;
  white-space: nowrap;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.p-promote__items--name {
  width: -moz-fit-content;
  width: fit-content;
  max-width: unset;
}
.p-promote__direction {
  position: relative;
  padding-top: 0.32rem;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  padding-bottom: 0.35rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.1rem;
  background-color: #BA9E5C;
  max-width: unset;
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  .p-promote__direction {
    gap: 0.15rem;
    padding-top: 0.32rem;
    padding-bottom: 0.28rem;
    max-width: 100%;
    width: 100%;
    left: unset;
    transform: unset;
  }
}
.p-promote__direction h4 {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.26rem;
  line-height: 0.38rem;
  font-weight: 500;
  letter-spacing: 0;
  color: white;
}
@media screen and (min-width: 768px) {
  .p-promote__direction h4 {
    font-size: 0.42rem;
    line-height: 0.55rem;
  }
}
.p-promote__direction h4 strong {
  font-weight: 700;
}
.p-promote__direction::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 0.1rem * 2);
  height: calc(100% - 0.1rem * 2);
  border: 0.01rem solid white;
  pointer-events: none;
}
.p-promote__direction--btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.18rem;
  background-color: white;
  border-radius: 1rem;
  width: 3.19rem;
  height: 0.5rem;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.26rem;
  line-height: 0.34rem;
  font-weight: 700;
  letter-spacing: 0;
  color: #6C5D48;
}
.p-promote__direction--btn::after {
  content: "";
  width: 0.11rem;
  height: 0.21rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/promote/arrow_right.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

.p-search-box {
  padding-top: 0.15rem;
  padding-left: 0.48rem;
  padding-right: 0.48rem;
  padding-bottom: 0.14rem;
  background-color: var(--body-color);
  color: white;
}
@media screen and (min-width: 768px) {
  .p-search-box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding-top: 0.23rem;
    padding-bottom: 0.22rem;
  }
}
.p-search-box h2 {
  padding-left: 0.1rem;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  margin-bottom: 0.15rem;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.16rem;
  line-height: 0.21rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  border-left: 0.03rem solid var(--body-pale-color);
}
@media screen and (min-width: 768px) {
  .p-search-box h2 {
    margin: unset;
  }
}
@media screen and (min-width: 768px) {
  .p-search-box__form {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 0.3rem;
  }
}
.p-search-box__form--item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.p-search-box__form--item:nth-of-type(1) {
  margin-bottom: 0.05rem;
}
@media screen and (min-width: 768px) {
  .p-search-box__form--item:nth-of-type(1) {
    margin-bottom: unset;
  }
}
@media screen and (min-width: 768px) {
  .p-search-box__form--item:nth-of-type(1) select {
    width: 1.3rem;
  }
}
@media screen and (min-width: 768px) {
  .p-search-box__form--item {
    gap: 0.1rem;
    justify-content: center;
  }
}
.p-search-box__form--item h3 {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.13rem;
  line-height: 0.17rem;
  font-weight: 700;
  letter-spacing: 0.01em;
}
.p-search-box__form--item--empty {
  color: rgba(0, 0, 0, 0.31) !important;
}
.p-search-box__form input, .p-search-box__form select {
  color: black;
  width: 2rem;
  height: 0.35rem;
  border-radius: 0.03rem;
  border: 0.01rem solid var(--body-dark-color);
}
.p-search-box__form input::-moz-placeholder, .p-search-box__form select::-moz-placeholder {
  color: rgba(0, 0, 0, 0.31);
}
.p-search-box__form input::placeholder, .p-search-box__form select::placeholder {
  color: rgba(0, 0, 0, 0.31);
}
.p-search-box__form select option {
  color: black;
}
.p-search-box__button {
  display: block;
  width: 2.76rem;
  height: 0.35rem;
  border-radius: 1rem;
  background-color: var(--body-dark-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.16rem;
  line-height: 0.21rem;
  font-weight: 500;
  letter-spacing: 0;
  position: relative;
  transition: 0.3s;
  cursor: pointer;
  margin-top: 0.09rem;
}
@media screen and (min-width: 768px) {
  .p-search-box__button {
    width: 1.28rem;
    height: 0.35rem;
    padding-left: 0.1rem;
    margin-top: unset;
  }
}
.p-search-box__button:hover {
  opacity: 0.7;
}
.p-search-box__button::before {
  position: absolute;
  left: 0.84rem;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  width: 0.16rem;
  height: 0.16rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/icon/search.svg");
  background-size: contain;
  background-repeat: no-repeat;
  filter: brightness(0) invert(1);
}
@media screen and (min-width: 768px) {
  .p-search-box__button::before {
    left: 0.1rem;
  }
}

.p-option {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: 0.3s;
  filter: blur(10px);
  pointer-events: none;
}
.p-option#sub-category .p-option__wrapper {
  cursor: default;
}
.p-option#sub-category .p-option__wrapper:hover {
  opacity: 1;
}
.p-option--active {
  position: relative;
  opacity: 1;
  filter: blur(0);
  pointer-events: all;
  left: unset;
  transform: unset;
}
.p-option__rewind {
  width: 1.32rem;
  height: 0.36rem;
  border: 0.015rem solid #BA9E5C;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.13rem;
  line-height: 0.17rem;
  font-weight: 500;
  letter-spacing: 0;
  position: relative;
  margin: 0.6rem auto 0;
  cursor: pointer;
  transition: 0.3s;
  color: #BA9E5C;
}
.p-option__rewind:hover {
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  .p-option__rewind {
    width: 2rem;
    height: 0.49rem;
    font-size: 0.16rem;
    line-height: 0.21rem;
  }
}
.p-option__rewind::before {
  content: "";
  width: 0.05rem;
  height: 0.08rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/arrow_right_emerald.svg");
  background-size: contain;
  background-repeat: no-repeat;
  transform: translateY(-50%) scaleX(-1);
  filter: var(--body-filter-color);
  position: absolute;
  top: 50%;
  left: 0.14rem;
}
@media screen and (min-width: 768px) {
  .p-option__rewind::before {
    width: 0.06rem;
    height: 0.1rem;
    left: 0.18rem;
  }
}
.p-option__parent {
  position: relative;
  min-height: 10rem;
}
.p-option__container {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  align-items: center;
  margin: auto;
  width: 2.95rem;
}
.p-option__container:not(:last-child) {
  margin-bottom: 1.18rem;
}
@media screen and (min-width: 768px) {
  .p-option__container:not(:last-child) {
    margin-bottom: 1.37rem;
  }
}
@media screen and (min-width: 768px) {
  .p-option__container {
    width: 100%;
    flex-direction: row;
    gap: 0.8rem 0.16rem;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: flex-start;
  }
}
.p-option__wrapper {
  width: 100%;
  cursor: pointer;
  transition: 0.3s;
}
.p-option__wrapper:hover {
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  .p-option__wrapper {
    width: 3.32rem;
  }
}
.p-option__category {
  width: 100%;
  height: 0.6rem;
  display: flex;
  align-items: center;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.22rem;
  line-height: 0.29rem;
  font-weight: 700;
  letter-spacing: 0;
  padding-left: 0.18rem;
  color: #BA9E5C;
  margin-bottom: 0.26rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/option/bg_heading.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .p-option__category {
    margin-bottom: 0.37rem;
    height: 0.8rem;
    font-size: 0.24rem;
    line-height: 0.31rem;
    padding-left: 0.24rem;
  }
}
.p-option__category--sub {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.2rem;
  line-height: 0.26rem;
  font-weight: 700;
  letter-spacing: 0;
  padding-left: 0.1rem;
  position: relative;
  margin-bottom: 0.36rem;
  border-bottom: 0.01rem solid #E2DFDF;
  padding-bottom: 0.06rem;
}
@media screen and (min-width: 768px) {
  .p-option__category--sub {
    margin-bottom: 0.4rem;
    padding-left: 0.12rem;
    padding-bottom: 0.09rem;
    font-size: 0.22rem;
    line-height: 0.29rem;
  }
}
.p-option__category--sub::before {
  content: "";
  position: absolute;
  top: 0.03rem;
  left: 0;
  width: 0.016rem;
  height: 0.23rem;
  background-color: #BA9E5C;
}
@media screen and (min-width: 768px) {
  .p-option__category--sub::before {
    width: 0.02rem;
    height: 0.23rem;
  }
}
.p-option__image {
  height: 2.93rem;
  margin-bottom: 0.16rem;
}
.p-option__image img {
  display: block;
  width: 100%;
  height: 100%;
}
.p-option__info {
  display: flex;
  flex-direction: column;
  gap: 0.04rem;
}
.p-option__name {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.19rem;
  line-height: 0.22rem;
  font-weight: 700;
  letter-spacing: 0;
}
.p-option__name br {
  display: none !important;
}
.p-option__name wbr {
  display: block;
}
@media screen and (min-width: 768px) {
  .p-option__name wbr {
    display: none;
  }
}
.p-option__text {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.14rem;
  line-height: 0.18rem;
  font-weight: 500;
  letter-spacing: 0;
}
.p-option__button {
  display: flex;
  flex-direction: column;
  gap: 0.16rem;
  margin-top: 0.3rem;
}
.p-option__button a {
  position: relative;
  width: 3.16rem;
  height: 0.67rem;
  border-radius: 0.04rem;
  background-color: #F0F0E8;
  padding-left: 0.16rem;
  padding-right: 0.53rem;
  display: flex;
  align-items: center;
  gap: 0.12rem;
  justify-content: space-between;
}
.p-option__button a strong {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.15rem;
  line-height: 0.19rem;
  font-weight: 700;
  letter-spacing: 0;
}
.p-option__button a span {
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.04rem 0.08rem 0.03rem;
  border-radius: 0.04rem;
  flex: none;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.15rem;
  line-height: 0.19rem;
  font-weight: 700;
  letter-spacing: 0;
}
.p-option__button a::after {
  content: "";
  display: block;
  width: 0.07rem;
  height: 0.12rem;
  position: absolute;
  top: 50%;
  right: 0.27rem;
  transform: translateY(-50%);
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/arrow_right_emerald.svg");
  background-size: contain;
  background-repeat: no-repeat;
  filter: brightness(0) saturate(100%) invert(38%) sepia(21%) saturate(532%) hue-rotate(355deg) brightness(91%) contrast(89%);
}

.p-product-content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
  color: #393632;
}
@media screen and (min-width: 768px) {
  .p-product-content {
    gap: 0.8rem;
  }
}
.p-product-content__wrapper h4 {
  color: #393632;
  background-color: #F0F0E8;
  width: 100%;
  padding-left: 0.17rem;
  padding-top: 0.13rem;
  padding-bottom: 0.12rem;
  padding-right: 0.1rem;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.18rem;
  line-height: 0.23rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  margin-bottom: 0.2rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .p-product-content__wrapper h4 {
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
  }
}
.p-product-content__wrapper h4 span {
  display: inline-block;
  color: #BA9E5C;
  padding-left: 0.5em;
}
.p-product-content__wrapper .c-sp-overflow > * {
  max-width: unset;
  width: auto;
  height: auto;
  display: block;
}
@media screen and (min-width: 768px) {
  .p-product-content__wrapper .c-sp-overflow > * {
    max-width: 100%;
  }
}
.p-product-content__2column {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-product-content__2column {
    flex-direction: row;
  }
  .p-product-content__2column .p-product-content__text {
    width: 5.15rem;
    flex: none;
  }
}
.p-product-content__text h5 {
  color: var(--body-color);
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.16rem;
  line-height: 0.22rem;
  font-weight: 700;
  letter-spacing: 0;
  margin-bottom: 0.12rem;
}
.p-product-content__text p {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.14rem;
  line-height: 0.22rem;
  font-weight: 500;
  letter-spacing: 0;
}
.p-product-content__image {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .p-product-content__image {
    flex-direction: row;
  }
}
.p-product-content__image figure {
  display: flex;
  flex-direction: column;
  gap: 0.18rem;
}
.p-product-content__image figure figcaption {
  padding-left: 0.13rem;
  position: relative;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.15rem;
  line-height: 0.22rem;
  font-weight: 700;
  letter-spacing: 0;
  display: block;
}
.p-product-content__image figure figcaption::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: var(--body-color);
  width: 0.05rem;
  height: calc(100% - 0.04rem);
}
.p-product-content__image img {
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
.p-product-content__caution {
  width: 100%;
  padding: 0.18rem 0.12rem 0.19rem 0.16rem;
  background-color: #F4F4F4;
}
@media screen and (min-width: 768px) {
  .p-product-content__caution {
    padding-right: 0.18rem;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.p-product-content__caution--subtitle {
  color: #BE6B6B;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.15rem;
  line-height: 0.2rem;
  font-weight: 700;
  letter-spacing: 0;
  display: block;
  margin-bottom: 0.09rem;
}
.p-product-content__caution--list {
  display: flex;
  flex-direction: column;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.14rem;
  line-height: 0.2rem;
  font-weight: 500;
  letter-spacing: 0;
}
.p-product-content__caution--list li {
  display: flex;
  align-items: baseline;
}
.p-product-content__caution--list li::before {
  content: "※";
  padding-right: 0.05rem;
}

.p-artificial__header {
  width: 100%;
  height: 1.5rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/artificial/header.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.01rem;
  padding-left: 0.2rem;
}
@media screen and (min-width: 768px) {
  .p-artificial__header {
    gap: 0.05rem;
    height: 2.38rem;
    background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/artificial/header_pc.jpg");
  }
}
.p-artificial__header strong {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 0.32rem;
  line-height: 0.43rem;
  font-weight: 900;
  letter-spacing: 0;
  padding-left: 0.12rem;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 768px) {
  .p-artificial__header strong {
    font-size: 0.45rem;
    line-height: 0.6rem;
    position: relative;
    left: calc(50% - 3.9rem);
  }
}
.p-artificial__header span {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.16rem;
  line-height: 0.24rem;
  font-weight: 600;
  letter-spacing: 0;
  padding-left: 0.02rem;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 768px) {
  .p-artificial__header span {
    font-size: 0.22rem;
    line-height: 0.3rem;
    position: relative;
    left: calc(50% - 3.9rem);
  }
}
.p-artificial__features {
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-artificial__features {
    flex-direction: row;
    gap: 0.88rem 0.68rem;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.p-artificial__features--wrapper {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .p-artificial__features--wrapper {
    width: 4.17rem;
  }
}
.p-artificial__features--image {
  width: 100%;
  height: 2.95rem;
  margin-bottom: 0.17rem;
}
@media screen and (min-width: 768px) {
  .p-artificial__features--image {
    height: 4.17rem;
    margin-bottom: 0.23rem;
  }
}
.p-artificial__features--image img {
  width: 100%;
  height: 100%;
  display: block;
}
.p-artificial__features--title {
  width: 100%;
  padding-bottom: 0.17rem;
  display: block;
  text-align: center;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.18rem;
  line-height: 0.24rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  border-bottom: 0.01rem solid #DEDEDE;
  margin-bottom: 0.2rem;
  color: #393632;
}
@media screen and (min-width: 768px) {
  .p-artificial__features--title {
    margin-bottom: 0.24rem;
  }
}
.p-artificial__features--desc {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.16rem;
  line-height: 0.25rem;
  font-weight: 500;
  letter-spacing: 0;
  color: #393632;
}
.p-artificial__design {
  display: flex;
  max-width: unset;
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  flex-direction: column;
  background-color: #F0F0E8;
}
@media screen and (min-width: 768px) {
  .p-artificial__design {
    transform: unset;
    left: unset;
    position: initial;
    width: 100%;
    max-width: unset;
    flex-direction: row;
  }
}
.p-artificial__design--text {
  width: 100%;
  padding-top: 0.43rem;
  padding-bottom: 0.65rem;
  display: flex;
  flex-direction: column;
  gap: 0.36rem;
  color: #393632;
}
@media screen and (min-width: 768px) {
  .p-artificial__design--text {
    flex-grow: 1;
    padding-top: 0.73rem;
    padding-bottom: 0.67rem;
  }
}
.p-artificial__design--title {
  text-align: center;
  font-family: "Marcellus", serif;
  font-size: 0.36rem;
  line-height: 0.45rem;
  font-weight: 400;
  letter-spacing: 0;
}
.p-artificial__design--desc {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.16rem;
  line-height: 0.25rem;
  font-weight: 500;
  letter-spacing: 0;
  padding-left: 0.63rem;
  padding-right: 0.51rem;
}
@media screen and (min-width: 768px) {
  .p-artificial__design--desc {
    padding-left: 0.49rem;
    padding-right: 0.57rem;
  }
}
.p-artificial__design--image {
  width: 100%;
  height: 2.34rem;
}
@media screen and (min-width: 768px) {
  .p-artificial__design--image {
    width: 5.67rem;
    height: unset;
    flex: none;
  }
}
.p-artificial__design--image img {
  display: block;
  width: 100%;
  height: 100%;
}
.p-artificial__category-header--desc {
  margin-bottom: 0.14rem !important;
}
.p-artificial__links {
  display: flex !important;
  flex-direction: column;
  gap: 0.1rem;
}

.p-custom-main {
  display: flex;
  flex-direction: column;
  gap: 0.48rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-custom-main {
    padding-bottom: 0.47rem;
  }
}
.p-custom-main [data-select-item] {
  transition: 0.3s;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.p-custom-main [data-select-item] * {
  transition: 0.3s;
}
.p-custom-main [data-select-item]:hover {
  opacity: 0.7;
}
.p-custom-main [data-selected] {
  --color: #BA9E5C !important;
  --border-color: #BA9E5C !important;
  --border-width: 0.02rem !important;
}
.p-custom-main [data-initial-invisible] {
  display: none;
}
.p-custom-main [data-visible] {
  display: flex !important;
}
.p-custom-main__wrapper {
  border-bottom: 0.01rem solid #D8D8D8;
  width: 100%;
  padding-bottom: 0.48rem;
  display: flex;
  flex-direction: column;
  gap: 0.22rem;
}
@media screen and (min-width: 768px) {
  .p-custom-main__wrapper {
    flex-direction: row;
    gap: unset;
    padding-bottom: 0.47rem;
  }
}
.p-custom-main__wrapper:nth-last-of-type(1) {
  border-bottom: unset;
  padding-bottom: unset;
}
@media screen and (min-width: 768px) {
  .p-custom-main__left {
    width: 2.83rem;
    flex: none;
  }
}
.p-custom-main__left--heading {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.2rem;
  line-height: 0.26rem;
  font-weight: 700;
  letter-spacing: 0;
  position: relative;
  padding-left: 0.1rem;
  margin-bottom: 0.03rem;
  color: #393632;
}
@media screen and (min-width: 768px) {
  .p-custom-main__left--heading {
    font-size: 0.22rem;
    line-height: 0.3rem;
    padding-left: 0.18rem;
    margin-bottom: 0.07rem;
  }
}
.p-custom-main__left--heading::before {
  content: "";
  width: 0.02rem;
  height: 0.18rem;
  background-color: #BA9E5C;
  position: absolute;
  left: 0;
  top: 0.04rem;
}
@media screen and (min-width: 768px) {
  .p-custom-main__left--heading::before {
    height: 0.22rem;
  }
}
.p-custom-main__left--desc {
  padding-left: 0.1rem;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.12rem;
  line-height: 0.16rem;
  font-weight: 500;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  .p-custom-main__left--desc {
    padding-left: 0.18rem;
    font-size: 0.14rem;
    line-height: 0.17rem;
  }
}
@media screen and (min-width: 768px) {
  .p-custom-main__right {
    flex-grow: 1;
    padding-right: 0.5rem;
  }
}
.p-custom-main__right--desc {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.12rem;
  line-height: 0.17rem;
  font-weight: 500;
  letter-spacing: 0;
  margin-bottom: 0.23rem;
  margin-top: -0.2rem;
  padding-left: 0.1rem;
}
@media screen and (min-width: 768px) {
  .p-custom-main__right--desc {
    margin-top: unset;
    padding-left: unset;
    font-size: 0.14rem;
    margin-bottom: 0.35rem;
  }
}
.p-custom-main__right--desc label {
  text-decoration: underline;
}
.p-custom-main__gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 0.22rem 0.2rem;
  --color: #6F6F6F;
  --border-color: #D8D8D8;
  --border-width: 0.015rem;
}
@media screen and (min-width: 768px) {
  .p-custom-main__gallery {
    gap: 0.26rem 0.33rem;
  }
}
.p-custom-main__gallery--item {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.p-custom-main__gallery--item img {
  display: block;
  width: 1.39rem;
  height: 1.45rem;
  border: var(--border-width) solid var(--border-color);
}
@media screen and (min-width: 768px) {
  .p-custom-main__gallery--item img {
    width: 1.56rem;
    height: 1.63rem;
  }
}
.p-custom-main__gallery--item span {
  text-align: center;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.15rem;
  line-height: 0.18rem;
  font-weight: 700;
  letter-spacing: 0;
  color: var(--color);
}
@media screen and (min-width: 768px) {
  .p-custom-main__gallery--item span {
    font-size: 0.17rem;
    line-height: 0.25rem;
  }
}
.p-custom-main__gallery--item[data-selected] {
  color: #BA9E5C;
}
.p-custom-main__gallery--item[data-selected] img {
  border-color: #BA9E5C;
  border-width: 0.02rem;
}
.p-custom-main__gallery--item--blank {
  flex-grow: 1;
}
@media screen and (min-width: 768px) {
  .p-custom-main__gallery--item--blank {
    width: 5.3rem;
  }
}
.p-custom-main__select {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
@media screen and (min-width: 768px) {
  .p-custom-main__select {
    flex-direction: row;
    gap: 0.11rem;
    flex-wrap: wrap;
  }
}
.p-custom-main__select--item {
  --color: #6F6F6F;
  --border-color: #D8D8D8;
  --border-width: 0.015rem;
  width: 2.93rem;
  height: 0.59rem;
  border-radius: 0.06rem;
  border: var(--border-width) solid var(--border-color);
  color: var(--color);
  padding-left: 0.18rem;
  padding-right: 0.08rem;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .p-custom-main__select--item {
    width: 3.58rem;
    height: 0.72rem;
  }
}
.p-custom-main__select--item strong {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.14rem;
  line-height: 0.16rem;
  font-weight: 700;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  .p-custom-main__select--item strong {
    font-size: 0.17rem;
    line-height: 0.22rem;
  }
}
.p-custom-main__select--item span {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.13rem;
  line-height: 0.17rem;
  font-weight: 500;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  .p-custom-main__select--item span {
    font-size: 0.14rem;
  }
}
.p-custom-main__select--item span i {
  font-style: normal;
  font-size: 0.12rem;
}
@media screen and (min-width: 768px) {
  .p-custom-main__select--item span i {
    font-size: 0.14rem;
  }
}
.p-custom-main__select--item--center {
  justify-content: center;
}
.p-custom-main__select--item--blank {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-custom-main__select--item--blank {
    display: block;
    width: 3.58rem;
  }
}
.p-custom-main__total {
  background-color: white;
  position: fixed;
  z-index: 1000;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-top: 0.09rem;
  padding-left: 0.38rem;
  padding-right: 0.37rem;
  padding-bottom: 0.23rem;
  box-shadow: 0 0.03rem 0.06rem rgba(0, 0, 0, 0.16);
}
@media screen and (min-width: 768px) {
  .p-custom-main__total {
    padding: 0.17rem 0;
  }
}
.p-custom-main__total--active {
  position: absolute !important;
  max-width: unset;
  width: 100vw;
  left: 50%;
  transform: translateX(-50%);
}
.p-custom-main__total--container {
  display: flex;
  flex-direction: column;
  gap: 0.07rem;
}
@media screen and (min-width: 768px) {
  .p-custom-main__total--container {
    width: 14.4rem;
    margin: auto;
    padding-right: 0.4rem;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 0.38rem;
  }
}
.p-custom-main__total--price {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .p-custom-main__total--price {
    align-items: baseline;
    gap: 0.28rem;
  }
}
.p-custom-main__total--price b {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.14rem;
  line-height: 0.22rem;
  font-weight: 700;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  .p-custom-main__total--price b {
    font-size: 0.16rem;
    line-height: 0.21rem;
  }
}
.p-custom-main__total--price strong {
  display: flex;
  align-items: baseline;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 0.25rem;
  line-height: 0.32rem;
  font-weight: 400;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .p-custom-main__total--price strong {
    font-size: 0.32rem;
    line-height: 0.41rem;
  }
}
.p-custom-main__total--price strong span::before {
  content: "¥";
}
@media screen and (min-width: 768px) {
  .p-custom-main__total--price strong span {
    position: relative;
    top: 0.02rem;
  }
}
.p-custom-main__total--price strong i {
  font-style: normal;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 0.1rem;
  line-height: 0.13rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  margin-left: -0.04rem;
}
@media screen and (min-width: 768px) {
  .p-custom-main__total--price strong i {
    font-size: 0.12rem;
    line-height: 0.16rem;
  }
}
.p-custom-main__total--button--active .c-btn--customize {
  filter: grayscale(0) !important;
  pointer-events: all !important;
}
.p-custom-main__total--button--active .p-custom-main__total--button--caution {
  display: none;
}
.p-custom-main__total--button .c-btn--customize {
  width: 3rem;
  height: 0.69rem;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.18rem;
  line-height: 0.23rem;
  font-weight: 700;
  letter-spacing: 0;
  gap: 0.32rem;
  filter: grayscale(1);
  pointer-events: none;
  transition: 0.3s;
}
@media screen and (min-width: 768px) {
  .p-custom-main__total--button .c-btn--customize {
    width: 3.19rem;
    height: 0.59rem;
  }
}
.p-custom-main__total--button--caution {
  color: red;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.13rem;
  line-height: 0.17rem;
  font-weight: 700;
  letter-spacing: 0;
}

.p-customize {
  display: flex;
  flex-direction: column;
  gap: 0.31rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-customize {
    flex-direction: row;
    gap: 0.87rem;
    padding-top: 0.63rem;
  }
}
.p-customize [data-select-item] {
  transition: 0.3s;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.p-customize [data-select-item] * {
  transition: 0.3s;
}
.p-customize [data-select-item]:hover {
  opacity: 0.7;
}
.p-customize [data-selected] {
  --color: #BA9E5C !important;
  --border-color: #BA9E5C !important;
  --border-width: 0.02rem !important;
  --arrow: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/custom/arrow_bottom_bold_brown.svg") !important;
}
.p-customize [data-initial-invisible] {
  display: none;
}
.p-customize [data-visible] {
  display: flex !important;
  flex-direction: column;
}
.p-customize__top {
  max-width: unset;
  width: 100vw;
  position: fixed;
  top: 0.7rem;
  z-index: 100;
  left: 50%;
  transform: translateX(-50%);
  border-bottom: 0.01rem solid #A3A3A3;
  padding-top: 0.33rem;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  padding-bottom: 0.48rem;
  display: none;
  gap: 0.35rem;
  background-color: white;
}
@media screen and (min-width: 768px) {
  .p-customize__top {
    max-width: unset;
    height: -moz-fit-content;
    height: fit-content;
    width: 4.11rem;
    flex: none;
    flex-direction: column;
    gap: 0.65rem;
    top: 2rem;
    left: 0;
    transform: unset;
    position: sticky;
    padding-top: unset;
    padding-left: unset;
    padding-right: unset;
    padding-bottom: unset;
    border-bottom: unset;
    pointer-events: all;
  }
}
.p-customize__top--active {
  position: absolute !important;
  --offset: 0;
  max-width: unset;
  top: unset;
  bottom: var(--offset);
}
@media screen and (min-width: 768px) {
  .p-customize__top--active {
    position: sticky !important;
    bottom: unset !important;
    top: 2rem !important;
  }
}
.p-customize__top--image {
  flex: none;
  position: relative;
  width: 1.96rem;
  height: 1.96rem;
}
@media screen and (min-width: 768px) {
  .p-customize__top--image {
    width: 4.11rem;
    height: 4.11rem;
  }
}
.p-customize__top--image img {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 1;
}
.p-customize__top--image img[src=""] {
  opacity: 0 !important;
}
.p-customize__top--image figcaption {
  position: absolute;
  bottom: -0.07rem;
  transform: translateY(100%);
  left: 0;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.1rem;
  line-height: 0.13rem;
  font-weight: 700;
  letter-spacing: 0;
  color: #BA9E5C;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .p-customize__top--image figcaption {
    font-size: 0.13rem;
    line-height: 0.18rem;
  }
}
.p-customize__top--info {
  display: flex;
  flex-direction: column;
}
.p-customize__top--name {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.16rem;
  line-height: 0.22rem;
  font-weight: 700;
  letter-spacing: 0;
  margin-bottom: 0.08rem;
  word-break: auto-phrase;
}
@media screen and (min-width: 768px) {
  .p-customize__top--name {
    font-size: 0.24rem;
    line-height: 0.31rem;
    margin-bottom: 0.1rem;
  }
}
.p-customize__top--option {
  display: flex;
  flex-direction: column;
  gap: 0.06rem;
}
.p-customize__top--option dl {
  display: flex;
  flex-direction: column;
  gap: 0.06rem;
}
@media screen and (min-width: 768px) {
  .p-customize__top--option dl {
    flex-direction: row;
    gap: unset;
  }
}
.p-customize__top--option dl dt {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.11rem;
  line-height: 0.14rem;
  font-weight: 500;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  .p-customize__top--option dl dt {
    width: 1.47rem;
    font-size: 0.15rem;
    line-height: 0.19rem;
  }
  .p-customize__top--option dl dt::after {
    content: "：";
  }
}
.p-customize__top--option dl dd {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.12rem;
  line-height: 0.16rem;
  font-weight: 700;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  .p-customize__top--option dl dd {
    font-size: 0.16rem;
    line-height: 0.19rem;
  }
}
.p-customize__top--price {
  display: flex;
  flex-direction: column;
  justify-self: flex-end;
  align-items: flex-end;
  margin-top: auto;
}
@media screen and (min-width: 768px) {
  .p-customize__top--price {
    flex-direction: row;
    align-items: baseline;
    margin-left: auto;
    margin-top: 0.18rem;
  }
}
.p-customize__top--price strong {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 0.25rem;
  line-height: 0.32rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  padding-right: 0.06rem;
}
@media screen and (min-width: 768px) {
  .p-customize__top--price strong {
    font-size: 0.34rem;
    line-height: 0.44rem;
    padding-right: unset;
  }
}
.p-customize__top--price strong::before {
  content: "¥";
}
.p-customize__top--price span {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 0.11rem;
  line-height: 0.14rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  margin-top: -0.04rem;
}
@media screen and (min-width: 768px) {
  .p-customize__top--price span {
    font-size: 0.14rem;
    line-height: 0.18rem;
  }
}
.p-customize__main {
  display: flex;
  flex-direction: column;
  gap: 0.62rem;
  padding-top: 2.6rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-customize__main {
    padding-top: unset;
  }
}
.p-customize__heading {
  display: flex;
  flex-direction: column;
  gap: 0.02rem;
  padding-left: 0.1rem;
  position: relative;
  margin-bottom: 0.21rem;
}
@media screen and (min-width: 768px) {
  .p-customize__heading {
    flex-direction: row;
    padding-left: 0.18rem;
    margin-bottom: 0.22rem;
    gap: unset;
    align-items: center;
  }
}
.p-customize__heading::before {
  content: "";
  width: 0.02rem;
  height: 0.18rem;
  background-color: #BA9E5C;
  top: 0.04rem;
  left: 0;
  position: absolute;
}
.p-customize__heading strong {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.2rem;
  line-height: 0.26rem;
  font-weight: 700;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  .p-customize__heading strong {
    font-size: 0.24rem;
    line-height: 0.31rem;
    margin-right: 0.2rem;
  }
}
.p-customize__heading span {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.12rem;
  line-height: 0.17rem;
  font-weight: 500;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  .p-customize__heading span {
    display: block;
    margin-left: 0.08rem;
    margin-right: 0.16rem;
    font-size: 0.14rem;
    line-height: 0.18rem;
  }
}
.p-customize__heading label {
  position: absolute;
  top: 0.04rem;
  right: 0;
  width: 0.21rem;
  height: 0.21rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/custom/icon_question.svg");
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .p-customize__heading label {
    position: initial;
    top: unset;
    right: unset;
  }
}
.p-customize__gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 0.04rem 0.08rem;
}
@media screen and (min-width: 768px) {
  .p-customize__gallery {
    gap: 0.03rem 0rem;
  }
}
.p-customize__gallery [data-selected] {
  --border-color: #BA9E5C;
}
.p-customize__gallery--item {
  --border-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 0.03rem;
  padding: 0.02rem;
  border-radius: 0.08rem;
  border: 0.02rem solid var(--border-color);
  transition: 0.3s;
  cursor: pointer;
  flex: none;
}
@media screen and (min-width: 768px) {
  .p-customize__gallery--item {
    padding: 0.03rem;
    gap: 0.05rem;
  }
}
.p-customize__gallery--item img {
  display: block;
  width: 0.98rem;
  height: 0.54rem;
  border-radius: 0.04rem;
}
@media screen and (min-width: 768px) {
  .p-customize__gallery--item img {
    width: 1.34rem;
    height: 0.74rem;
  }
}
.p-customize__gallery--item span {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.09rem;
  line-height: 0.12rem;
  font-weight: 500;
  letter-spacing: 0;
  white-space: nowrap;
  width: 100%;
  display: block;
  font-feature-settings: "palt" 1;
}
@media screen and (min-width: 768px) {
  .p-customize__gallery--item span {
    font-size: 0.12rem;
    line-height: 0.16rem;
  }
}
.p-customize__gallery--blank {
  width: 2.2rem;
}
@media screen and (min-width: 768px) {
  .p-customize__gallery--blank {
    width: 4.34rem;
  }
}
.p-customize__footnote {
  background-color: #F2F2F2;
  border-radius: 0.06rem;
  padding: 0.13rem 0.15rem;
  margin-top: 0.3rem;
  color: #393632;
  padding: 0.2rem 0.2rem 0.17rem;
}
.p-customize__footnote h3 {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.13rem;
  line-height: 0.17rem;
  font-weight: 700;
  letter-spacing: 0;
  display: flex;
  gap: 0.08rem;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .p-customize__footnote h3 {
    font-size: 0.14rem;
    line-height: 0.17rem;
    gap: 0.16rem;
  }
}
.p-customize__footnote h3 label {
  content: "";
  width: 0.15rem;
  height: 0.15rem;
  display: block;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/custom/icon_question.svg");
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}
.p-customize__footnote p {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.13rem;
  line-height: 0.17rem;
  font-weight: 500;
  letter-spacing: 0;
  margin-top: 0.06rem;
}
.p-customize__footnote p label {
  cursor: pointer;
  text-decoration: underline;
}
.p-customize__select {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
@media screen and (min-width: 768px) {
  .p-customize__select {
    flex-direction: row;
    gap: 0.11rem;
    flex-wrap: wrap;
  }
}
.p-customize__select--item {
  --color: #6F6F6F;
  --border-color: #D8D8D8;
  --border-width: 0.015rem;
  width: 100%;
  height: 0.59rem;
  border-radius: 0.06rem;
  border: var(--border-width) solid var(--border-color);
  color: var(--color);
  padding-left: 0.2rem;
  padding-right: 0.17rem;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .p-customize__select--item {
    width: 100%;
    height: 0.8rem;
    padding-left: 0.31rem;
    padding-right: 0.32rem;
  }
}
.p-customize__select--item strong {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.14rem;
  line-height: 0.16rem;
  font-weight: 700;
  letter-spacing: 0;
  display: flex;
  flex-direction: column;
  gap: 0.02rem;
}
@media screen and (min-width: 768px) {
  .p-customize__select--item strong {
    font-size: 0.18rem;
    line-height: 0.22rem;
    gap: 0.03rem;
  }
}
.p-customize__select--item strong small {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.12rem;
  line-height: 0.16rem;
  font-weight: 500;
  letter-spacing: 0;
}
.p-customize__select--item span {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.13rem;
  line-height: 0.17rem;
  font-weight: 500;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  .p-customize__select--item span {
    font-size: 0.15rem;
  }
}
.p-customize__select--item span i {
  font-style: normal;
  font-size: 0.12rem;
}
@media screen and (min-width: 768px) {
  .p-customize__select--item span i {
    font-size: 0.14rem;
  }
}
.p-customize__select--item--center {
  justify-content: center;
}
.p-customize__select--item--blank {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-customize__select--item--blank {
    display: block;
    width: 3.58rem;
  }
}
.p-customize__select--item--hori {
  flex-direction: row !important;
  gap: 0.22rem !important;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .p-customize__select--item--hori {
    gap: 0.26rem;
  }
}
@media screen and (min-width: 768px) {
  .p-customize__select--half {
    flex-direction: row !important;
    flex-wrap: wrap;
    gap: 0.1rem 0;
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px) {
  .p-customize__select--half .p-customize__select--item {
    width: 2.87rem;
    height: 0.66rem;
    padding-left: 0.25rem;
    padding-right: 0.19rem;
  }
}
.p-customize__sub {
  display: flex;
  flex-direction: column;
  gap: 0.28rem;
  margin-top: 0.28rem;
  margin-bottom: 0.2rem;
}
@media screen and (min-width: 768px) {
  .p-customize__sub {
    margin-top: 0.58rem;
    margin-bottom: 0.23rem;
  }
}
.p-customize__sub:nth-of-type(1) {
  margin-top: unset;
}
.p-customize__sub--wrapper h3 {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.17rem;
  line-height: 0.22rem;
  font-weight: 700;
  letter-spacing: 0;
  margin-bottom: 0.09rem;
}
@media screen and (min-width: 768px) {
  .p-customize__sub--wrapper h3 {
    font-size: 0.2rem;
    line-height: 0.26rem;
    margin-bottom: 0.16rem;
  }
}
.p-customize__sub--border {
  border-bottom: 0.01rem solid #D8D8D8;
}
.p-customize__color {
  display: flex;
  gap: 0.1rem 0.08rem;
  flex-wrap: wrap;
  --color: #6F6F6F;
  --border-color: #EAEAEA;
  --border-width: 0.015rem;
}
@media screen and (min-width: 768px) {
  .p-customize__color {
    gap: 0.08rem 0.07rem;
  }
}
.p-customize__color--item {
  flex: none;
  width: 1.06rem;
  height: 0.59rem;
  padding: 0.08rem 0.09rem;
  display: flex;
  flex-direction: column;
  gap: 0.09rem;
  border-radius: 0.06rem;
  border: var(--border-width) solid var(--border-color);
}
@media screen and (min-width: 768px) {
  .p-customize__color--item {
    width: 0.66rem;
    height: 0.66rem;
    padding: 0.08rem 0.08rem 0.06rem;
    gap: 0.07rem;
    align-items: center;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .p-customize__color--hori .p-customize__color--item {
    display: flex;
    flex-direction: row-reverse;
    width: 1.63rem;
    height: 0.59rem;
    align-items: center;
    padding-left: 0.18rem;
    padding-right: 0.2rem;
  }
  .p-customize__color--hori .p-customize__color--display {
    width: 0.59rem;
    height: 0.18rem;
  }
  .p-customize__color--hori .p-customize__color--name {
    white-space: nowrap;
  }
}
.p-customize__color--display {
  width: 100%;
  height: 0.18rem;
  border-radius: 0.02rem;
  background-color: var(--color1);
  border: var(--border-width) solid var(--color2);
}
@media screen and (min-width: 768px) {
  .p-customize__color--display {
    height: 0.29rem;
  }
}
.p-customize__color--name {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.12rem;
  line-height: 0.16rem;
  font-weight: 500;
  letter-spacing: 0;
  color: var(--color);
}
@media screen and (min-width: 768px) {
  .p-customize__color--name {
    white-space: nowrap;
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
    font-size: 0.13rem;
    line-height: 0.16rem;
    font-weight: 700;
    letter-spacing: 0;
  }
}
.p-customize__color--blank {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-customize__color--blank {
    display: block;
    width: 2rem;
  }
}
.p-customize__color--white {
  --color1: #F8F8EA;
  --color2: #F0EBD5;
}
.p-customize__color--yellow {
  --color1: #F5DD2D;
  --color2: #F5DD2D;
}
.p-customize__color--orange {
  --color1: #FF9A43;
  --color2: #FF9A43;
}
.p-customize__color--red {
  --color1: #FA4A4A;
  --color2: #FA4A4A;
}
.p-customize__color--green {
  --color1: #5CBE54;
  --color2: #5CBE54;
}
.p-customize__color--skyblue {
  --color1: #4ECFE6;
  --color2: #4ECFE6;
}
.p-customize__color--pink {
  --color1: #FCBBC4;
  --color2: #FCBBC4;
}
.p-customize__color--purple {
  --color1: #BE3CEF;
  --color2: #BE3CEF;
}
.p-customize__color--blue {
  --color1: #397EFF;
  --color2: #397EFF;
}
.p-customize__color--silver {
  --color1: #D8D5D5;
  --color2: #D8D5D5;
}
.p-customize__color--gold {
  --color1: #EDCE63;
  --color2: #EDCE63;
}
.p-customize__dropdown--item {
  --color: #6F6F6F;
  --border-color: #D8D8D8;
  --border-width: 0.015rem;
  --arrow: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/custom/arrow_bottom_bold.svg");
  width: 3.35rem;
  height: 0.37rem;
  border-radius: 0.06rem;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.14rem;
  line-height: 0.16rem;
  font-weight: 700;
  letter-spacing: 0;
  padding-top: 0.03rem;
  padding-left: 0.2rem;
  border: var(--border-width) solid var(--border-color);
  color: var(--color);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: var(--arrow);
  background-size: 0.12rem 0.07rem;
  background-repeat: no-repeat;
  background-position: calc(100% - 0.29rem) 0.14rem;
}
.p-customize__dropdown--item option {
  color: black;
}
.p-customize__dropdown--item:focus-visible {
  outline: unset;
  border: var(--border-width) solid var(--border-color);
}
.p-customize__pulldown {
  --border-color: #D8D8D8;
  --color: #6F6F6F;
  --border-width: 0.015rem;
  --arrow: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/custom/arrow_bottom_bold.svg");
  position: relative;
}
.p-customize__pulldown:has([data-selected]) {
  --border-color: #BA9E5C;
  --color: #BA9E5C;
  --border-width: 0.02rem;
  --arrow: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/custom/arrow_bottom_bold_brown.svg");
}
.p-customize__pulldown--active .p-customize__pulldown--menu {
  opacity: 1 !important;
  pointer-events: all !important;
}
.p-customize__pulldown--display {
  width: 100%;
  height: 0.61rem;
  border-radius: 0.06rem;
  border: var(--border-width) solid var(--border-color);
  padding-left: 0.2rem;
  padding-right: 1.1rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  position: relative;
  cursor: pointer;
  color: var(--color);
}
@media screen and (min-width: 768px) {
  .p-customize__pulldown--display {
    height: 0.66rem;
    padding-left: 0.2rem;
    padding-right: 0.8rem;
  }
}
.p-customize__pulldown--display::after {
  content: "";
  width: 0.12rem;
  height: 0.07rem;
  background-image: var(--arrow);
  background-size: contain;
  background-repeat: no-repeat;
  top: 0.28rem;
  right: 0.17rem;
  position: absolute;
}
@media screen and (min-width: 768px) {
  .p-customize__pulldown--display::after {
    right: 0.32rem;
  }
}
.p-customize__pulldown--display--name {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.14rem;
  line-height: 0.16rem;
  font-weight: 700;
  letter-spacing: 0;
  display: block;
  height: -moz-fit-content;
  height: fit-content;
}
@media screen and (min-width: 768px) {
  .p-customize__pulldown--display--name {
    font-size: 0.18rem;
    line-height: 0.24rem;
  }
}
.p-customize__pulldown--display--name i {
  display: inline;
  height: -moz-fit-content;
  height: fit-content;
  font-style: normal;
  font-size: 0.13rem;
  font-weight: 500;
  font-feature-settings: "palt" 1;
}
.p-customize__pulldown--display--price {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.13rem;
  line-height: 0.17rem;
  font-weight: 500;
  letter-spacing: 0;
  margin-left: auto;
  display: block;
  height: -moz-fit-content;
  height: fit-content;
}
@media screen and (min-width: 768px) {
  .p-customize__pulldown--display--price {
    font-size: 0.15rem;
    line-height: 0.2rem;
  }
}
.p-customize__pulldown--display--price i {
  font-style: normal;
  font-size: 0.12rem;
}
.p-customize__pulldown--menu {
  --item-bg: white;
  --item-color: #6F6F6F;
  position: absolute;
  top: 0.08rem;
  left: 50%;
  transform: translateX(-50%);
  background-color: white;
  border-radius: 0.06rem;
  padding: 0.09rem;
  display: flex;
  flex-direction: column;
  box-shadow: 0rem 0.03rem 0.06rem rgba(0, 0, 0, 0.16);
  pointer-events: none;
  opacity: 0;
  width: 3.47rem;
  max-width: unset;
}
@media screen and (min-width: 768px) {
  .p-customize__pulldown--menu {
    width: 5.87rem;
    padding: 0.12rem;
  }
}
.p-customize__pulldown--menu--item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 3.3rem;
  height: 0.28rem;
  border-radius: 0.04rem;
  cursor: pointer;
  padding-left: 0.08rem;
  background-color: var(--item-bg);
  color: var(--item-color);
}
@media screen and (min-width: 768px) {
  .p-customize__pulldown--menu--item {
    width: 5.64rem;
    height: 0.4rem;
    padding-left: 0.13rem;
  }
}
.p-customize__pulldown--menu--item:hover {
  background-color: #3683FF;
  color: white;
}
.p-customize__pulldown--menu--name {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.14rem;
  line-height: 0.19rem;
  font-weight: 700;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  .p-customize__pulldown--menu--name {
    font-size: 0.18rem;
    line-height: 0.24rem;
  }
}
.p-customize__pulldown--menu--name i {
  font-style: normal;
  font-size: 0.12rem;
}
@media screen and (min-width: 768px) {
  .p-customize__pulldown--menu--name i {
    font-size: 0.18rem;
    line-height: 0.24rem;
  }
}
.p-customize__pulldown--menu--price {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.13rem;
  line-height: 0.17rem;
  font-weight: 500;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  .p-customize__pulldown--menu--price {
    font-size: 0.15rem;
  }
}
.p-customize__pulldown--menu--price i {
  font-style: normal;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.12rem;
  line-height: 0.17rem;
  font-weight: 500;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  .p-customize__pulldown--menu--price i {
    font-size: 0.15rem;
  }
}
.p-customize__pulldown--menu [data-selected] {
  --item-bg: #3683FF;
  --item-color: white;
}
.p-customize__summary {
  max-width: 100vw;
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  background-color: #F7F7F3;
  padding: 0.35rem 0.375rem 0.27rem;
  color: #393632;
}
@media screen and (min-width: 768px) {
  .p-customize__summary {
    max-width: 100%;
    width: 100%;
    position: initial;
    left: unset;
    transform: unset;
    padding: 0.44rem 0.5rem;
  }
}
.p-customize__summary--heading {
  text-align: center;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.2rem;
  line-height: 0.26rem;
  font-weight: 700;
  letter-spacing: 0;
  margin-bottom: 0.31rem;
}
@media screen and (min-width: 768px) {
  .p-customize__summary--heading {
    font-size: 0.24rem;
    line-height: 0.31rem;
    margin-bottom: 0.42rem;
  }
}
.p-customize__summary--list {
  border-top: 0.01rem solid #EAEAEA;
  padding-top: 0.19rem;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  margin-bottom: 0.24rem;
}
@media screen and (min-width: 768px) {
  .p-customize__summary--list {
    padding-top: 0.52rem;
    gap: 0.14rem;
    margin-bottom: 0.32rem;
  }
}
.p-customize__summary--list dl {
  display: flex;
  display: none;
  flex-direction: column;
  gap: 0.04rem;
}
.p-customize__summary--list dl[data-summary-active] {
  display: flex !important;
}
@media screen and (min-width: 768px) {
  .p-customize__summary--list dl {
    padding-bottom: 0.14rem;
    border-bottom: 0.01rem solid #EAEAEA;
    flex-direction: row;
  }
}
.p-customize__summary--list dl dt {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.14rem;
  line-height: 0.16rem;
  font-weight: 700;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  .p-customize__summary--list dl dt {
    width: 1.88rem;
    flex: none;
    font-size: 0.15rem;
    line-height: 0.19rem;
  }
}
.p-customize__summary--list dl dd {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.14rem;
  line-height: 0.18rem;
  font-weight: 500;
  letter-spacing: 0;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .p-customize__summary--list dl dd {
    font-size: 0.15rem;
    line-height: 0.19rem;
  }
}
.p-customize__summary--price {
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
  color: #6C5D48;
  margin-bottom: 0.29rem;
}
@media screen and (min-width: 768px) {
  .p-customize__summary--price {
    margin-bottom: 0.34rem;
  }
}
.p-customize__summary--price span {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.16rem;
  line-height: 0.21rem;
  font-weight: 700;
  letter-spacing: 0;
}
.p-customize__summary--price strong {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 0.25rem;
  line-height: 0.32rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  margin-left: 0.08rem;
  display: block;
}
@media screen and (min-width: 768px) {
  .p-customize__summary--price strong {
    font-size: 0.34rem;
    line-height: 0.44rem;
    margin-left: 0.12rem;
  }
}
.p-customize__summary--price strong::before {
  content: "¥";
}
.p-customize__summary--price small {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 0.12rem;
  line-height: 0.16rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  margin-left: -0.03rem;
}
@media screen and (min-width: 768px) {
  .p-customize__summary--price small {
    font-size: 0.14rem;
    line-height: 0.18rem;
    margin-left: unset;
  }
}
.p-customize__summary--button {
  display: flex;
  flex-direction: column;
  gap: 0.08rem;
}
@media screen and (min-width: 768px) {
  .p-customize__summary--button {
    margin: auto;
    width: -moz-fit-content;
    width: fit-content;
    gap: 0.12rem;
  }
}
.p-customize__summary--button--cart {
  width: 3rem;
  height: 0.69rem;
  background-color: #BA9E5C;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.04rem;
  cursor: pointer;
  transition: 0.3s;
  gap: 0.24rem;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.18rem;
  line-height: 0.26rem;
  font-weight: 700;
  letter-spacing: 0;
  pointer-events: none;
  filter: grayscale(1);
}
@media screen and (min-width: 768px) {
  .p-customize__summary--button--cart {
    width: 3.19rem;
    font-size: 0.2rem;
  }
}
.p-customize__summary--button--cart::before {
  content: "";
  width: 0.32rem;
  height: 0.29rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/custom/icon_cart.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.p-customize__summary--button--cart::after {
  content: "";
  width: 0.32rem;
  height: 0.29rem;
}
.p-customize__summary--button--valid .p-customize__summary--button--cart {
  pointer-events: all;
  filter: unset;
}
.p-customize__summary--button--valid .p-customize__summary--caution {
  opacity: 0;
}
.p-customize__summary--caution {
  color: red;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.13rem;
  line-height: 0.17rem;
  font-weight: 700;
  letter-spacing: 0;
  position: relative;
  left: -0.02rem;
}

.c-bg--flowers {
  overflow-x: hidden;
  position: relative;
}
.c-bg--flowers::before {
  display: none;
  position: absolute;
  z-index: -1;
  content: "";
  right: 0;
  top: 0;
  background-position: top;
  background-size: auto;
  background-repeat: repeat-y;
  width: 2.91rem;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .c-bg--flowers::before {
    display: block;
  }
}
.c-bg--colorful {
  overflow-x: hidden;
  position: relative;
}
.c-bg--colorful::before {
  display: block;
  position: absolute;
  z-index: -1;
  content: "";
  right: -0.2rem;
  top: 0;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//creation/bg_sp.svg");
  background-repeat: repeat-y;
  background-size: contain;
  background-position: top center;
  width: 4.58rem;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .c-bg--colorful::before {
    right: unset;
    left: 50%;
    transform: translateX(-50%);
    background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//creation/bg_pc.svg");
    width: 13.91rem;
    height: 100%;
  }
}
.c-bg--beige {
  padding-top: 0.09rem;
  width: 100%;
  background-color: #F7F7F3;
  overflow-x: hidden;
}
@media screen and (min-width: 768px) {
  .c-bg--beige {
    padding-top: 0.15rem;
  }
}

.c-full {
  max-width: unset;
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  .c-full {
    position: initial;
    left: unset;
    transform: unset;
    width: 100%;
    max-width: 100%;
  }
}

.c-ui {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 0.08rem;
}
@media screen and (min-width: 768px) {
  .c-ui {
    margin-top: 0.41rem;
    align-items: center;
  }
}
.c-ui--num {
  width: 50%;
  font-size: 0.1rem;
  line-height: 0.14rem;
  height: 0.14rem;
}
@media screen and (min-width: 768px) {
  .c-ui--num {
    font-size: 0.14rem;
    order: 1;
    width: 2.5rem;
  }
}
.c-ui--order {
  width: 50%;
  font-size: 0.09rem;
  line-height: 0.12rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 0.14rem;
}
@media screen and (min-width: 768px) {
  .c-ui--order {
    font-size: 0.14rem;
    order: 3;
    width: 2.5rem;
    justify-content: flex-end;
  }
}
.c-ui--order select {
  font-size: 0.12rem;
  border-top: none;
  border-left: none;
  border-right: none;
}
@media screen and (min-width: 768px) {
  .c-ui--order select {
    margin-left: 0.3rem;
  }
}
.c-ui--pagination {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 0.3rem;
  margin-bottom: 0.26rem;
  gap: 0.06rem;
  list-style: none;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .c-ui--pagination {
    order: 2;
    margin-top: unset;
    margin-bottom: unset;
    gap: 0.12rem;
    width: 2.5rem;
  }
}
.c-ui--pagination--link {
  color: #6C5D48;
  width: 0.15rem;
  height: 0.16rem;
  border: 0.01rem solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .c-ui--pagination--link {
    width: 0.18rem;
    height: 0.24rem;
    font-size: 0.14rem;
  }
}
.c-ui--pagination--link--active {
  border-color: #6C5D48;
}

.c-notify {
  display: block;
  margin-top: 0.5rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.5rem;
  padding: 0.2rem;
  border: 0.02rem solid #BE6B6B;
  font-weight: 700;
  text-align: center;
  font-size: 0.14rem;
}
@media screen and (min-width: 768px) {
  .c-notify {
    font-size: 0.16rem;
  }
}

.c-direction {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 0.3rem;
  font-size: 0.22rem;
  line-height: 0.32rem;
  font-weight: 700;
  color: var(--body-color);
}
@media screen and (min-width: 768px) {
  .c-direction {
    font-size: 0.22rem;
    line-height: 0.29rem;
    gap: 0.25rem;
  }
}
.c-direction::after {
  content: "";
  width: 0.28rem;
  height: 0.24rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/arrow_bottom_double_beige.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .c-direction::after {
    width: 0.31rem;
    height: 0.27rem;
  }
}
.c-direction--tri {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  color: var(--body-color);
  font-size: 0.16rem;
  line-height: 0.21rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .c-direction--tri {
    font-size: 0.26rem;
    line-height: 0.34rem;
  }
}
.c-direction--tri::before {
  content: "▼";
  color: #61A468;
}
.c-direction--tri::after {
  content: "▼";
  color: #61A468;
}

.c-heading--double-line, .c-heading--double-line--brown {
  width: 100%;
  margin: auto;
  min-height: 0.5rem;
  border-top: 0.01rem solid #BE6B6B;
  border-bottom: 0.01rem solid #BE6B6B;
  color: #BE6B6B;
  padding-top: 0.06rem;
  padding-bottom: 0.06rem;
  font-size: 0.26rem;
  line-height: 0.34rem;
  font-weight: 700;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .c-heading--double-line, .c-heading--double-line--brown {
    width: -moz-fit-content;
    width: fit-content;
    min-width: 4.9rem;
    min-height: 0.6rem;
    padding-bottom: 0.08rem;
    padding-top: 0.08rem;
    font-size: 0.31rem;
    line-height: 0.4rem;
  }
}
.c-heading--double-line--brown {
  font-size: 0.18rem;
  line-height: 0.23rem;
  letter-spacing: 0.1em;
  min-height: 0.38rem;
  width: 100%;
  color: #BA9E5C;
  border-color: #BA9E5C;
}
@media screen and (min-width: 768px) {
  .c-heading--double-line--brown {
    font-size: 0.2rem;
    line-height: 0.26rem;
    min-height: 0.5rem;
  }
}
.c-heading--flower {
  display: flex;
  align-items: center;
  gap: 0.05rem;
  font-size: 0.18rem;
  line-height: 0.26rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .c-heading--flower {
    font-size: 0.26rem;
    line-height: 0.34rem;
    gap: 0.07rem;
  }
}
.c-heading--flower::before {
  content: "";
  width: 0.16rem;
  height: 0.15rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/icon_flower.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .c-heading--flower::before {
    width: 0.21rem;
    height: 0.19rem;
  }
}
.c-heading--square {
  min-height: 0.46rem;
  min-width: 2.82rem;
  width: -moz-fit-content;
  width: fit-content;
  padding-top: 0.06rem;
  padding-bottom: 0.06rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.25rem;
  line-height: 0.32rem;
  font-weight: 700;
  border: 0.01rem solid #6C5D48;
  margin: auto;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .c-heading--square {
    min-width: 3.7rem;
    min-height: 0.6rem;
    font-size: 0.32rem;
    line-height: 0.42rem;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }
}
.c-heading--square strong {
  color: #BE6B6B;
}
.c-heading--blur {
  display: flex;
  align-items: center;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 0.2rem;
  line-height: 0.26rem;
  font-weight: 600;
  flex: none;
  width: 100%;
  gap: 0.04rem;
}
@media screen and (min-width: 768px) {
  .c-heading--blur {
    font-size: 0.28rem;
    line-height: 0.36rem;
    gap: 0.8rem;
  }
}
.c-heading--blur::before {
  content: "";
  flex-grow: 1;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/line_blur.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 0.26rem;
}
.c-heading--blur::after {
  content: "";
  flex-grow: 1;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/line_blur.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 0.26rem;
}
.c-heading--pen {
  position: relative;
  text-align: center;
  font-size: 0.18rem;
  line-height: 0.23rem;
  font-weight: 700;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  padding-right: 0.2rem;
  padding-bottom: 0.16rem;
}
@media screen and (min-width: 768px) {
  .c-heading--pen {
    padding-right: 0.21rem;
    padding-bottom: 0.18rem;
    font-size: 0.22rem;
    line-height: 0.28rem;
  }
}
.c-heading--pen::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0.08rem;
  width: 0.225rem;
  height: 0.473rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/pen.png");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .c-heading--pen::before {
    top: 0.1rem;
    width: 0.27rem;
    height: 0.57rem;
  }
}
.c-heading--pen span {
  position: relative;
}
.c-heading--pen span::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -0.057rem;
  transform: translate(-50%, 100%);
  width: 1.74rem;
  height: 0.1rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/wave.png");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .c-heading--pen span::before {
    width: 2.1rem;
    height: 0.12rem;
  }
}
.c-heading--horizontal {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.05rem 0.16rem;
}
@media screen and (min-width: 768px) {
  .c-heading--horizontal {
    gap: 0.2rem;
  }
}
.c-heading--horizontal strong {
  font-family: "Marcellus", serif;
  font-size: 0.32rem;
  line-height: 0.4rem;
  font-weight: 400;
  letter-spacing: 0;
  color: var(--body-color);
}
@media screen and (min-width: 768px) {
  .c-heading--horizontal strong {
    font-size: 0.4rem;
    line-height: 0.5rem;
  }
}
.c-heading--horizontal span {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.14rem;
  line-height: 0.17rem;
  font-weight: 700;
  letter-spacing: 0;
  color: #393632;
}
@media screen and (min-width: 768px) {
  .c-heading--horizontal span {
    font-size: 0.17rem;
    line-height: 0.22rem;
  }
}
.c-heading--vertical {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .c-heading--vertical {
    gap: 0.2rem;
    width: -moz-fit-content;
    width: fit-content;
    gap: 0.04rem;
    align-items: center;
  }
}
.c-heading--vertical strong {
  font-family: "Marcellus", serif;
  font-size: 0.34rem;
  line-height: 0.43rem;
  font-weight: 400;
  letter-spacing: 0;
  color: var(--body-color);
}
@media screen and (min-width: 768px) {
  .c-heading--vertical strong {
    font-size: 0.37rem;
    line-height: 0.46rem;
  }
}
.c-heading--vertical span {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.14rem;
  line-height: 0.18rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: #393632;
}
@media screen and (min-width: 768px) {
  .c-heading--vertical span {
    font-size: 0.17rem;
    line-height: 0.22rem;
  }
}
.c-heading--side-bar {
  display: flex;
  flex-direction: column;
  gap: 0.05rem;
  padding-left: 0.12rem;
  position: relative;
  color: #393632;
}
@media screen and (min-width: 768px) {
  .c-heading--side-bar {
    flex-direction: row;
    align-items: baseline;
    gap: 0.25rem;
  }
}
.c-heading--side-bar::before {
  content: "";
  position: absolute;
  width: 0.02rem;
  height: calc(100% - 0.05rem);
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: var(--body-color);
}
.c-heading--side-bar strong {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.2rem;
  line-height: 0.26rem;
  font-weight: 700;
  letter-spacing: 0.03em;
}
.c-heading--side-bar span {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.15rem;
  line-height: 0.19rem;
  font-weight: 500;
  letter-spacing: 0;
}
.c-heading--long {
  width: 100%;
  height: 0.43rem;
  display: flex;
  align-items: center;
  padding-left: 0.15rem;
  padding-right: 0.15rem;
  color: white;
  background-color: var(--body-color);
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.17rem;
  line-height: 0.26rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  margin-bottom: 0.2rem;
}
@media screen and (min-width: 768px) {
  .c-heading--long {
    margin-bottom: 0.46rem;
  }
}
.c-heading--bg {
  width: 100%;
  min-height: 0.6rem;
  display: flex;
  align-items: center;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.22rem;
  line-height: 0.29rem;
  font-weight: 700;
  letter-spacing: 0;
  padding-top: 0.05rem;
  padding-bottom: 0.05rem;
  padding-left: 0.18rem;
  padding-right: 0.1rem;
  color: #BA9E5C;
  margin-bottom: 0.26rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/option/bg_heading.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  word-break: break-all;
}
@media screen and (min-width: 768px) {
  .c-heading--bg {
    margin-bottom: 0.37rem;
    min-heihgtheight: 0.8rem;
    font-size: 0.24rem;
    line-height: 0.31rem;
    padding-left: 0.24rem;
  }
}
.c-heading--underline, .c-heading--underline--large {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.2rem;
  line-height: 0.26rem;
  font-weight: 700;
  letter-spacing: 0;
  padding-left: 0.1rem;
  position: relative;
  margin-bottom: 0.36rem;
  border-bottom: 0.01rem solid #E2DFDF;
  padding-bottom: 0.06rem;
  color: #393632;
}
@media screen and (min-width: 768px) {
  .c-heading--underline, .c-heading--underline--large {
    margin-bottom: 0.4rem;
    padding-left: 0.12rem;
    padding-bottom: 0.09rem;
    font-size: 0.22rem;
    line-height: 0.29rem;
  }
}
.c-heading--underline::before, .c-heading--underline--large::before {
  content: "";
  position: absolute;
  top: 0.03rem;
  left: 0;
  width: 0.016rem;
  height: 0.23rem;
  background-color: var(--body-color);
}
@media screen and (min-width: 768px) {
  .c-heading--underline::before, .c-heading--underline--large::before {
    width: 0.02rem;
    height: 0.23rem;
  }
}
.c-heading--underline--large {
  display: flex;
  gap: 0.23rem;
  align-items: baseline;
  padding-left: unset;
  padding-bottom: 0.05rem;
  border-color: #BA9E5C;
}
@media screen and (min-width: 768px) {
  .c-heading--underline--large {
    padding-bottom: 0.1rem;
  }
}
.c-heading--underline--large::before {
  content: unset;
}
.c-heading--underline--large strong {
  font-family: "Marcellus", serif;
  font-size: 0.35rem;
  line-height: 0.44rem;
  font-weight: 400;
  letter-spacing: 0;
  color: #BA9E5C;
}
@media screen and (min-width: 768px) {
  .c-heading--underline--large strong {
    font-size: 0.5rem;
    line-height: 0.63rem;
  }
}
.c-heading--underline--large span {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.14rem;
  line-height: 0.19rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: #393632;
}
@media screen and (min-width: 768px) {
  .c-heading--underline--large span {
    font-size: 0.17rem;
    line-height: 0.22rem;
  }
}

.c-btn, .c-btn--rewind, .c-btn--more, .c-btn--icon, .c-btn--icon--faq, .c-btn--icon--guide, .c-btn--arrow, .c-btn--arrow--dark-brown, .c-btn--arrow--white, .c-btn--double-arrow, .c-btn--square, .c-btn--dark-brown, .c-btn--box-arrow, .c-btn--direction, .c-btn--customize, .c-btn--white {
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-btn--center {
  margin-left: auto;
  margin-right: auto;
}
.c-btn--white {
  border-radius: 0.06rem;
  border: 0.015rem solid #BA9E5C;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.15rem;
  line-height: 0.16rem;
  font-weight: 700;
  letter-spacing: 0;
  background-color: white;
  color: #BA9E5C;
  width: 100%;
  height: 0.59rem;
  cursor: pointer;
  transition: 0.3s;
}
.c-btn--white:hover {
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  .c-btn--white {
    line-height: 0.22rem;
    width: 3.58rem;
    height: 0.72rem;
    font-size: 0.17rem;
  }
}
.c-btn--direction, .c-btn--customize {
  width: 2.96rem;
  height: 0.99rem;
  background-color: #C61E7F;
  border: 0.02rem solid #FCBBC5;
  border-radius: 0.1rem;
  color: white;
  box-shadow: 0rem 0.03rem 0.06rem rgba(0, 0, 0, 0.16);
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.2rem;
  line-height: 0.26rem;
  font-weight: 700;
  letter-spacing: 0;
  gap: 0.2rem;
  transition: 0.3s;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .c-btn--direction, .c-btn--customize {
    width: 7.94rem;
    height: 1.31rem;
    font-size: 0.22rem;
    line-height: 0.26rem;
    gap: 0.33rem;
  }
}
.c-btn--direction:hover, .c-btn--customize:hover {
  opacity: 0.7;
}
.c-btn--direction::before, .c-btn--customize::before {
  content: "";
  width: 0.08rem;
  height: 0.13rem;
}
.c-btn--direction::after, .c-btn--customize::after {
  content: "";
  width: 0.08rem;
  height: 0.13rem;
  background-image: url("../img/custom/arrow_right.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.c-btn--customize {
  background-color: #BA9E5C;
  border-radius: 0.04rem;
  border: unset;
  width: 3rem;
  height: 0.69rem;
}
@media screen and (min-width: 768px) {
  .c-btn--customize {
    width: 3.19rem;
    height: 0.5rem;
  }
}
.c-btn--box-arrow {
  width: 1.99rem;
  height: 0.5rem;
  background-color: white;
  color: #BA9E5C;
  border: 0.015rem solid #BA9E5C;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.14rem;
  line-height: 0.22rem;
  font-weight: 700;
  letter-spacing: 0;
  gap: 0.14rem;
}
@media screen and (min-width: 768px) {
  .c-btn--box-arrow {
    width: 2.69rem;
    height: 0.67rem;
    font-size: 0.16rem;
    line-height: 0.26rem;
    gap: 0.29rem;
  }
}
.c-btn--box-arrow::before {
  content: "";
  width: 0.05rem;
  height: 0.08rem;
}
@media screen and (min-width: 768px) {
  .c-btn--box-arrow::before {
    width: 0.06rem;
    height: 0.11rem;
  }
}
.c-btn--box-arrow::after {
  content: "";
  width: 0.05rem;
  height: 0.08rem;
  background-image: url("../img/custom/arrow_right.svg");
  background-size: contain;
  background-repeat: no-repeat;
  filter: brightness(0) saturate(100%) invert(71%) sepia(7%) saturate(2410%) hue-rotate(4deg) brightness(88%) contrast(93%);
}
@media screen and (min-width: 768px) {
  .c-btn--box-arrow::after {
    width: 0.06rem;
    height: 0.11rem;
  }
}
.c-btn--dark-brown {
  background-color: #6C5D48;
  border: 0.01rem solid #BA9E5C;
  gap: 0.12rem;
  width: 3rem;
  height: 0.45rem;
}
@media screen and (min-width: 768px) {
  .c-btn--dark-brown {
    width: 4rem;
    height: 0.48rem;
  }
}
.c-btn--dark-brown--jp {
  font-size: 0.16rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  color: white;
}
.c-btn--dark-brown--en {
  font-family: mr-eaves-sans, sans-serif;
  font-size: 0.18rem;
  color: #BA9E5C;
}
.c-btn--dir {
  width: 0.83rem;
  height: 0.2rem;
  border-radius: 0.2rem;
  border: 0.01rem solid var(--body-color);
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.15rem;
  line-height: 0.17rem;
  color: var(--body-color);
  padding-left: 0.14rem;
  padding-right: 0.12rem;
  font-family: mr-eaves-sans, sans-serif;
}
@media screen and (min-width: 768px) {
  .c-btn--dir {
    font-size: 0.19rem;
    line-height: 0.21rem;
    width: 1.22rem;
    height: 0.24rem;
    padding-left: 0.18rem;
    padding-right: 0.19rem;
  }
}
.c-btn--dir::after {
  content: "";
  width: 0.06rem;
  height: 0.07rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/right_arrow.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.c-btn--square {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 1.61rem;
  height: 0.7rem;
  background-color: var(--body-dark-color);
  gap: 0.02rem;
}
@media screen and (min-width: 768px) {
  .c-btn--square {
    width: 3.41rem;
    height: 1.21rem;
    gap: 0.06rem;
  }
}
.c-btn--square--jp {
  font-size: 0.15rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 0.19rem;
  color: white;
}
@media screen and (min-width: 768px) {
  .c-btn--square--jp {
    font-size: 0.19rem;
    line-height: 0.25rem;
    letter-spacing: 0.2em;
  }
}
.c-btn--square--en {
  font-family: mr-eaves-sans, sans-serif;
  font-size: 0.15rem;
  line-height: 0.17rem;
  color: var(--body-light-color);
}
@media screen and (min-width: 768px) {
  .c-btn--square--en {
    font-size: 0.24rem;
    line-height: 0.26rem;
  }
}
.c-btn--square::after {
  --padding: 0.05rem;
  --border-width: 0.01rem;
  position: absolute;
  top: var(--padding);
  left: var(--padding);
  content: "";
  width: calc(100% - (var(--padding) + var(--border-width)) * 2);
  height: calc(100% - (var(--padding) + var(--border-width)) * 2);
  border: 0.01rem solid var(--body-light-color);
}
@media screen and (min-width: 768px) {
  .c-btn--square::after {
    --padding: 0.1rem;
  }
}
.c-btn--round {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 0.24rem;
  border-radius: 1rem;
  background-color: white;
  border: 0.01rem solid #6C5D48;
  color: #6C5D48;
  font-size: 0.07rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .c-btn--round {
    width: 2.33rem;
    height: 0.6rem;
    font-size: 0.19rem;
  }
}
.c-btn--dark-brown2 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  width: 1.53rem;
  height: 0.28rem;
  color: white;
  background-color: #6C5D48;
  font-size: 0.1rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  line-height: 0.16rem;
}
@media screen and (min-width: 768px) {
  .c-btn--dark-brown2 {
    width: 4.03rem;
    height: 0.75rem;
    font-size: 0.24rem;
    line-height: 0.31rem;
  }
}
.c-btn--brown, .c-btn--light {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.53rem;
  height: 0.59rem;
  background-color: #E6D9B7;
  font-size: 0.14rem;
  font-weight: 700;
  line-height: 0.32rem;
  border: none;
  cursor: pointer;
  transition: 0.3s;
}
@media screen and (min-width: 768px) {
  .c-btn--brown, .c-btn--light {
    width: 1.81rem;
    height: 0.7rem;
    font-size: 0.18rem;
  }
}
.c-btn--brown:hover, .c-btn--light:hover {
  opacity: 0.8;
}
.c-btn--light {
  color: var(--body-color);
  background-color: rgba(var(--body-color--rgb), 0.16);
}
.c-btn--cart, .c-btn--order, .c-btn--favorite {
  position: relative;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}
.c-btn--cart input[type=submit], .c-btn--order input[type=submit], .c-btn--favorite input[type=submit],
.c-btn--cart a,
.c-btn--order a,
.c-btn--favorite a {
  display: block;
  width: 100%;
  height: 0.56rem;
  background-color: var(--body-color);
  color: white;
  display: flex;
  border: none;
  align-items: center;
  justify-content: center;
  position: relative;
  box-shadow: 0 0.03rem 0.06rem rgba(0, 0, 0, 0.16);
  font-size: 0.16rem;
  line-height: 0.19rem;
  font-weight: 700;
  cursor: pointer;
  transition: 0.3s;
}
@media screen and (min-width: 768px) {
  .c-btn--cart input[type=submit], .c-btn--order input[type=submit], .c-btn--favorite input[type=submit],
  .c-btn--cart a,
  .c-btn--order a,
  .c-btn--favorite a {
    height: 0.69rem;
    font-size: 0.18rem;
  }
}
.c-btn--cart input[type=submit]:hover, .c-btn--order input[type=submit]:hover, .c-btn--favorite input[type=submit]:hover,
.c-btn--cart a:hover,
.c-btn--order a:hover,
.c-btn--favorite a:hover {
  opacity: 0.9;
}
.c-btn--cart::before, .c-btn--order::before, .c-btn--favorite::before {
  display: block;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 0.26rem;
  transform: translateY(-50%);
  content: "";
  width: 0.3rem;
  height: 0.27rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/cart.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.c-btn--favorite::before {
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/favorite.svg");
}
.c-btn--favorite a {
  background-color: #6C5D48;
}
.c-btn--order input[type=submit] {
  background-color: var(--body-dark-color);
}
.c-btn--order::before {
  content: none;
}
.c-btn--left-border, .c-box--left-border {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 0.11rem;
  padding-right: 10%;
  padding-top: 0.02rem;
  padding-bottom: 0.02rem;
  font-size: 0.14rem;
  font-weight: 700;
  line-height: 0.18rem;
  width: 1.6rem;
  min-height: 0.45rem;
  background-color: rgba(var(--body-color--rgb), 0.13);
  border: 0.01rem solid var(--body-color);
  border-left-width: 0.05rem;
  transition: 0.3s;
}
@media screen and (min-width: 768px) {
  .c-btn--left-border, .c-box--left-border {
    width: 3.5rem;
    height: 0.6rem;
    font-size: 0.2rem;
    line-height: 0.28rem;
    padding-top: 0.05rem;
    padding-left: 0.2rem;
    padding-bottom: 0.05rem;
  }
}
.c-btn--left-border:hover, .c-box--left-border:hover {
  background-color: white;
  opacity: unset;
}
.c-btn--left-border::after, .c-box--left-border::after {
  position: absolute;
  top: 50%;
  right: 0.1rem;
  transform: translateY(-50%);
  content: "";
  width: 0.12rem;
  height: 0.12rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/right_arrow_double.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .c-btn--left-border::after, .c-box--left-border::after {
    width: 0.16rem;
    height: 0.16rem;
  }
}
.c-btn--plain, .c-btn--plain--brown, .c-btn--plain--white {
  width: 2.2rem;
  height: 0.4rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 0.24rem;
  padding-right: 0.2rem;
  font-size: 0.16rem;
  font-weight: 700;
  line-height: 0.21rem;
  border-radius: 0.4rem;
}
.c-btn--plain::after, .c-btn--plain--brown::after, .c-btn--plain--white::after {
  content: "";
  width: 0.0859rem;
  height: 0.0993rem;
}
.c-btn--plain--white {
  background-color: white;
  border: 0.015rem solid #BA9E5C;
  letter-spacing: 0;
  font-feature-settings: "palt" 1;
}
.c-btn--plain--white::after {
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/arrow_plain_brown.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.c-btn--plain--brown {
  color: white;
  background-color: #5A472C;
  letter-spacing: 0;
  font-feature-settings: "palt" 1;
}
.c-btn--plain--brown::after {
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/arrow_plain_white.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.c-btn--double-arrow {
  width: 2.75rem;
  height: 0.46rem;
  gap: 0.15rem;
  border-radius: 0.08rem;
  border: 0.015rem solid #937551;
  background-color: white;
  color: #BA9E5C;
  font-size: 0.16rem;
  line-height: 0.21rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .c-btn--double-arrow {
    width: 4.56rem;
    height: 0.76rem;
    border-radius: 0.1rem;
    font-size: 0.24rem;
    line-height: 0.31rem;
    gap: 0.38rem;
  }
}
.c-btn--double-arrow::before {
  content: "";
  width: 0.15rem;
  height: 0.09rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/arrow_bottom_single_lightbrown.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .c-btn--double-arrow::before {
    width: 0.23rem;
    height: 0.13rem;
  }
}
.c-btn--double-arrow::after {
  content: "";
  width: 0.15rem;
  height: 0.09rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/arrow_bottom_single_lightbrown.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .c-btn--double-arrow::after {
    width: 0.23rem;
    height: 0.13rem;
  }
}
.c-btn--arrow, .c-btn--arrow--dark-brown, .c-btn--arrow--white {
  width: 2.4rem;
  height: 0.54rem;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
  border-radius: 0.05rem;
  justify-content: flex-end;
  color: #6C5D48;
}
.c-btn--arrow span, .c-btn--arrow--dark-brown span, .c-btn--arrow--white span {
  flex-grow: 1;
  text-align: center;
  font-size: 0.18rem;
  line-height: 0.24rem;
  font-weight: 700;
}
.c-btn--arrow::after, .c-btn--arrow--dark-brown::after, .c-btn--arrow--white::after {
  content: "";
  width: 0.2rem;
  height: 0.2rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/arrow_right_circle_darkbrown.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.c-btn--arrow--white {
  background-color: white;
}
.c-btn--arrow--dark-brown {
  background-color: #6C5D48;
  color: white;
}
.c-btn--arrow--dark-brown::after {
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/arrow_right_circle_white.svg");
}
.c-btn--icon, .c-btn--icon--faq, .c-btn--icon--guide {
  width: 100%;
  height: 0.45rem;
  background-color: var(--body-dark-color);
  color: white;
  height: 0.65rem;
}
.c-btn--icon strong, .c-btn--icon--faq strong, .c-btn--icon--guide strong {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.16rem;
  line-height: 0.21rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  padding-left: 0.13rem;
  padding-right: 0.09rem;
}
@media screen and (min-width: 768px) {
  .c-btn--icon strong, .c-btn--icon--faq strong, .c-btn--icon--guide strong {
    padding-left: 0.25rem;
    padding-right: 0.11rem;
  }
}
.c-btn--icon span, .c-btn--icon--faq span, .c-btn--icon--guide span {
  font-family: "Marcellus", serif;
  font-size: 0.14rem;
  line-height: 0.18rem;
  font-weight: 400;
  letter-spacing: 0;
}
.c-btn--icon::before, .c-btn--icon--faq::before, .c-btn--icon--guide::before {
  content: "";
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
}
.c-btn--icon--guide::before {
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/icon/guide_white.svg");
  width: 0.16rem;
  height: 0.22rem;
}
.c-btn--icon--faq::before {
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/icon/question_white.svg");
  width: 0.2rem;
  height: 0.2rem;
}
.c-btn--more {
  position: relative;
  width: 0.86rem;
  height: 0.28rem;
  font-family: "Marcellus", serif;
  font-size: 0.15rem;
  line-height: 0.19rem;
  font-weight: 400;
  letter-spacing: 0;
  border: 0.01rem solid var(--body-color);
  color: var(--body-color);
  padding-right: 0.04rem;
  padding-right: 0.1rem;
}
@media screen and (min-width: 768px) {
  .c-btn--more {
    width: 1.01rem;
    height: 0.33rem;
    padding-right: 0.06rem;
    font-size: 0.18rem;
    line-height: 0.24rem;
  }
}
.c-btn--more::after {
  content: "";
  position: absolute;
  width: 0.05rem;
  height: 0.09rem;
  top: 50%;
  transform: translateY(-50%);
  right: 0.14rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/arrow_right_emerald.svg");
  background-size: contain;
  background-repeat: no-repeat;
  filter: var(--body-filter-color);
}
@media screen and (min-width: 768px) {
  .c-btn--more::after {
    width: 0.06rem;
    height: 0.1rem;
    right: 0.16rem;
  }
}
.c-btn--rewind {
  width: 1.32rem;
  height: 0.36rem;
  border: 0.015rem solid #BA9E5C;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 0.13rem;
  line-height: 0.17rem;
  font-weight: 500;
  letter-spacing: 0;
  position: relative;
  margin: 0.6rem auto 0;
  cursor: pointer;
  transition: 0.3s;
  color: #BA9E5C;
}
.c-btn--rewind:hover {
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  .c-btn--rewind {
    width: 2rem;
    height: 0.49rem;
    font-size: 0.16rem;
    line-height: 0.21rem;
  }
}
.c-btn--rewind::before {
  content: "";
  width: 0.05rem;
  height: 0.08rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/arrow_right_emerald.svg");
  background-size: contain;
  background-repeat: no-repeat;
  transform: translateY(-50%) scaleX(-1);
  filter: var(--body-filter-color);
  position: absolute;
  top: 50%;
  left: 0.14rem;
}
@media screen and (min-width: 768px) {
  .c-btn--rewind::before {
    width: 0.06rem;
    height: 0.1rem;
    left: 0.18rem;
  }
}

.c-box--left-border {
  padding-left: 0.15rem;
  width: 100%;
  height: unset;
  min-height: 0.4rem;
}
@media screen and (min-width: 768px) {
  .c-box--left-border {
    padding-left: 0.2rem;
    width: 3.5rem;
  }
}
.c-box--left-border::after {
  content: unset;
}
.c-box--left-border:hover {
  background-color: rgba(var(--body-color--rgb), 0.13);
}

.c-head--vert {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.c-head--vert--jp {
  font-size: 0.2rem;
  font-weight: 700;
  line-height: 0.29rem;
  letter-spacing: 0.2em;
  color: #6C5D48;
}
@media screen and (min-width: 768px) {
  .c-head--vert--jp {
    font-size: 0.22rem;
  }
}
.c-head--vert--en {
  font-size: 0.18rem;
  color: var(--body-color);
  font-family: mr-eaves-sans, sans-serif;
}
@media screen and (min-width: 768px) {
  .c-head--vert--en {
    font-size: 0.2rem;
  }
}
.c-head--left-border {
  font-size: 0.16rem;
  line-height: 100%;
  font-weight: 700;
  color: var(--body-color);
  margin-bottom: 0.05rem;
  border-left: 0.01rem solid var(--body-color);
  padding-left: 0.5em;
}
@media screen and (min-width: 768px) {
  .c-head--left-border {
    font-size: 0.18rem;
  }
}
.c-head--left {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.c-head--left--title {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .c-head--left--title {
    gap: 0.27rem;
    flex-direction: row;
    align-items: flex-end;
  }
}
.c-head--left--title--en {
  font-family: mr-eaves-sans, sans-serif;
  font-size: 0.28rem;
  line-height: 100%;
  color: var(--body-color);
  font-weight: 300;
  line-height: 100%;
}
@media screen and (min-width: 768px) {
  .c-head--left--title--en {
    font-size: 0.36rem;
  }
}
.c-head--left--title--jp {
  font-size: 0.18rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .c-head--left--title--jp {
    font-size: 0.22rem;
    padding-bottom: 0.03rem;
  }
}
.c-head--left--vert {
  display: flex;
}
.c-head--left--vert--title {
  display: flex;
  flex-direction: column;
  gap: 0.08rem;
}
@media screen and (min-width: 768px) {
  .c-head--left--vert--title {
    gap: 0.18rem;
  }
}
.c-head--left--vert--title--en {
  font-family: mr-eaves-sans, sans-serif;
  font-size: 0.28rem;
  line-height: 0.32rem;
  color: var(--body-color);
}
@media screen and (min-width: 768px) {
  .c-head--left--vert--title--en {
    font-size: 0.36rem;
    line-height: 0.4rem;
  }
}
.c-head--left--vert--title--en--big {
  font-family: garamond-premier-pro, serif;
  font-size: 0.28rem;
  font-weight: 400;
  color: var(--body-color);
  line-height: 0.28rem;
}
@media screen and (min-width: 768px) {
  .c-head--left--vert--title--en--big {
    font-size: 0.44rem;
    line-height: 0.49rem;
  }
}
.c-head--left--vert--title--jp {
  font-size: 0.2rem;
  font-weight: 700;
  line-height: 0.26rem;
}
@media screen and (min-width: 768px) {
  .c-head--left--vert--title--jp {
    font-size: 0.24rem;
    line-height: 0.38rem;
  }
}
.c-head--bg-image {
  position: relative;
  width: 100%;
  height: 2.2rem;
  border: 0.01rem solid #707070;
}
@media screen and (min-width: 768px) {
  .c-head--bg-image {
    width: 8.2rem;
    height: 2.85rem;
  }
}
.c-head--bg-image img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.c-head--bg-image--name {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
  min-height: 0.46rem;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  background-color: rgba(255, 255, 255, 0.9);
  padding-top: 0.07rem;
  padding-left: 0.12rem;
  padding-right: 0.1rem;
  padding-bottom: 0.07rem;
}
@media screen and (min-width: 768px) {
  .c-head--bg-image--name {
    min-height: 0.56rem;
    background-color: rgba(255, 255, 255, 0.8);
  }
}
.c-head--bg-image--name--jp {
  font-size: 0.25rem;
  letter-spacing: 0.05em;
  line-height: 0.32rem;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .c-head--bg-image--name--jp {
    font-size: 0.33rem;
    line-height: 0.43rem;
  }
}
.c-head--bg-image--name--en {
  font-size: 0.16rem;
  line-height: 0.17rem;
  font-family: mr-eaves-sans, sans-serif;
}
@media screen and (min-width: 768px) {
  .c-head--bg-image--name--en {
    font-size: 0.27rem;
    line-height: 0.3rem;
  }
}
.c-head--bg-image--catch {
  width: 100%;
  min-height: 0.35rem;
  position: absolute;
  bottom: 0.46rem;
  left: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  padding-top: 0.07rem;
  padding-left: 0.12rem;
  padding-right: 0.12rem;
  padding-bottom: 0.07rem;
  font-size: 0.14rem;
  color: white;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .c-head--bg-image--catch {
    font-size: 0.19rem;
    bottom: 0.56rem;
    width: unset;
    min-width: 3.75rem;
    min-height: 0.49rem;
  }
}
.c-head--bg-image--catch--bg {
  content: "";
  width: 100%;
  min-height: 0.35rem;
  position: absolute;
  bottom: 0.46rem;
  left: 0;
  z-index: -1;
  background-color: var(--body-color);
  mix-blend-mode: multiply;
}
@media screen and (min-width: 768px) {
  .c-head--bg-image--catch--bg {
    bottom: 0.56rem;
    width: unset;
    min-width: 3.75rem;
    min-height: 0.49rem;
  }
}
.c-head--bg {
  width: 100%;
  height: 0.86rem;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.2em;
  font-size: 0.16rem;
  text-align: center;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/head_bg.jpg");
  background-size: cover;
  font-weight: 700;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .c-head--bg {
    width: 100%;
    height: 2rem;
    font-size: 0.26rem;
  }
}
.c-head--great {
  font-size: 0.2rem;
  font-weight: 700;
  line-height: 0.27rem;
  color: var(--body-color);
}
@media screen and (min-width: 768px) {
  .c-head--great {
    font-size: 0.4rem;
    line-height: 0.52rem;
  }
}
.c-head--simple {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: flex-end;
  gap: 0 0.13rem;
  letter-spacing: 0.05em;
  margin-bottom: 0.09rem;
}
.c-head--simple--en {
  font-size: 0.26rem;
  font-family: mr-eaves-sans, sans-serif;
  line-height: 100%;
}
.c-head--simple--jp {
  font-size: 0.12rem;
  font-weight: 500;
  line-height: 170%;
}
.c-head--deco {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 0.2rem;
  line-height: 0.26rem;
  font-weight: 700;
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .c-head--deco {
    font-size: 0.22rem;
    line-height: 0.28rem;
  }
}
.c-head--deco::before {
  display: block;
  content: "";
  position: absolute;
  right: -0.27rem;
  top: 60%;
  transform: translateY(-50%);
  width: 0.27rem;
  height: 0.57rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/feather.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.c-head--deco::after {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  bottom: -0.12rem;
  transform: translateX(-50%);
  width: 2.1rem;
  height: 0.12rem;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img/common/wave.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.c-head--plain {
  text-align: center;
  font-size: 0.16rem;
  line-height: 150%;
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .c-head--plain {
    font-size: 0.26rem;
  }
}
.c-head--with-bg {
  position: relative;
  border: 0.01rem solid #707070;
  width: 100%;
  height: 2.2rem;
}
@media screen and (min-width: 768px) {
  .c-head--with-bg {
    width: 8.2rem;
    height: 2.85rem;
  }
}
.c-head--with-bg img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-head--with-bg--title {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 0.46rem;
  background-color: rgba(255, 255, 255, 0.9);
  display: flex;
  flex-direction: column;
  gap: 0.04rem;
  padding-top: 0.07rem;
  padding-bottom: 0.07rem;
  padding-left: 0.12rem;
  padding-right: 0.1rem;
  color: #707070;
}
@media screen and (min-width: 768px) {
  .c-head--with-bg--title {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    min-height: 0.56rem;
    padding-left: 0.15rem;
    padding-right: 0.13rem;
  }
}
.c-head--with-bg--title--jp {
  display: block;
  font-size: 0.22rem;
  font-weight: 500;
  line-height: 0.4rem;
}
@media screen and (min-width: 768px) {
  .c-head--with-bg--title--jp {
    font-size: 0.33rem;
    padding-bottom: unset;
  }
}
.c-head--with-bg--title--en {
  display: block;
  margin-left: auto;
  font-family: mr-eaves-sans, sans-serif;
  font-size: 0.16rem;
  line-height: 100%;
  text-align: right;
}
@media screen and (min-width: 768px) {
  .c-head--with-bg--title--en {
    font-size: 0.27rem;
  }
}

.c-video {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 1.85rem;
}
.c-video:hover::after {
  opacity: 0.1;
}
@media screen and (min-width: 768px) {
  .c-video {
    width: 7.11rem;
    height: 3.92rem;
  }
}
.c-video img {
  display: block;
  width: 100%;
  height: 100%;
}
.c-video::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 0.3s;
  content: "";
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/video_overlay.svg");
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 1;
}

.c-wish-flower {
  position: fixed;
  z-index: 100;
  bottom: 0.8rem;
  right: 0;
  background-color: #6C5D48;
  display: flex;
  flex-direction: column;
  gap: 0.013rem;
  padding-top: 0.08rem;
  padding-left: 0.08rem;
  width: 0.45rem;
  height: 1.55rem;
  border-radius: 0.1rem 0 0 0.1rem;
}
@media screen and (min-width: 768px) {
  .c-wish-flower {
    align-items: center;
    padding-top: 15px;
    height: 122px;
    padding-left: unset;
    gap: 6px;
    width: 111px;
    bottom: 70px;
    right: 20px;
    border-radius: 10px;
    z-index: 10001;
  }
}
.c-wish-flower img {
  display: block;
  width: 0.28rem;
  height: 0.23rem;
  image-rendering: crisp-edges;
}
@media screen and (min-width: 768px) {
  .c-wish-flower img {
    width: 40px;
    height: 35px;
  }
}
.c-wish-flower p {
  color: white;
  font-size: 0.12rem;
  line-height: 0.14rem;
  font-weight: 700;
  writing-mode: vertical-rl;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 768px) {
  .c-wish-flower p {
    writing-mode: initial;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
  }
}

.c-sp-overflow {
  position: relative;
  max-width: unset;
  width: 100vw;
  overflow-x: scroll;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  padding-bottom: 0.2rem;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  .c-sp-overflow {
    position: initial;
    max-width: 100%;
    width: 100%;
    overflow: initial;
    padding: 0;
    left: unset;
    transform: unset;
  }
}
.c-sp-overflow > * {
  flex-wrap: nowrap;
}
.c-sp-overflow--space {
  width: 0.1rem;
  flex: none;
}
@media screen and (min-width: 768px) {
  .c-sp-overflow--space {
    display: none;
  }
}

.u-width, .u-width--335-840, .u-width--315-975, .u-width--335-820, .u-width--335-780, .u-width--335-770, .u-width--315-1020, .u-width--335-1020, .u-width--335-1030, .u-width--335-870, .u-width--335-1000, .u-width--335-1080 {
  box-sizing: border-box;
  width: 100%;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
}
@media screen and (min-width: 768px) {
  .u-width, .u-width--335-840, .u-width--315-975, .u-width--335-820, .u-width--335-780, .u-width--335-770, .u-width--315-1020, .u-width--335-1020, .u-width--335-1030, .u-width--335-870, .u-width--335-1000, .u-width--335-1080 {
    padding: 0;
    width: 10.8rem;
    padding-left: unset;
    padding-right: unset;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 768px) {
  .u-width--335-1000 {
    width: 10rem;
  }
}
.u-width--335-1000::before {
  content: "";
  display: none;
}
@media screen and (min-width: 768px) {
  .u-width--335-870 {
    width: 8.7rem;
  }
}
@media screen and (min-width: 768px) {
  .u-width--335-1030 {
    width: 10.3rem;
  }
}
@media screen and (min-width: 768px) {
  .u-width--335-1020 {
    width: 10.2rem;
  }
}
.u-width--315-1020 {
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}
@media screen and (min-width: 768px) {
  .u-width--315-1020 {
    padding-left: unset;
    padding-right: unset;
    width: 10.2rem;
  }
}
@media screen and (min-width: 768px) {
  .u-width--335-770 {
    width: 7.7rem;
    box-sizing: content-box;
    padding-left: 0.5rem;
  }
}
@media screen and (min-width: 768px) {
  .u-width--335-780 {
    width: 7.8rem;
  }
}
@media screen and (min-width: 768px) {
  .u-width--335-820 {
    width: 8.2rem;
  }
}
.u-width--315-975 {
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}
@media screen and (min-width: 768px) {
  .u-width--315-975 {
    width: 9.75rem;
    padding-left: unset;
    padding-right: unset;
  }
}
@media screen and (min-width: 768px) {
  .u-width--335-840 {
    width: 8.4rem;
    margin-left: 0.4rem !important;
  }
}

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

@media screen and (max-width: 767px) {
  .pc-only {
    display: none !important;
  }
}
.swiper-container {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.swiper-wrapper {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.swiper-slide {
  position: relative;
  border-radius: 0.1rem;
  transition: 0.3s !important;
  overflow: hidden;
  opacity: 0.5;
  height: 2rem;
}
@media screen and (min-width: 768px) {
  .swiper-slide {
    width: 44.17vw;
    height: 25.9vw;
  }
}
.swiper-slide-active {
  opacity: 1;
}
.swiper-slide img {
  transition: inherit;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.swiper-slide::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
  z-index: 10;
  width: 100%;
  height: 100%;
  background-color: rgba(185, 185, 185, 0.6);
  mix-blend-mode: multiply;
}
.swiper-slide:hover {
  opacity: 0.8;
}
.swiper-slide:hover::after {
  opacity: 0;
}

.swiper-button-prev {
  width: 0.31rem;
  height: 0.31rem;
  left: 0.05rem;
}
@media screen and (min-width: 768px) {
  .swiper-button-prev {
    width: 0.52rem;
    height: 0.52rem;
    left: 26.2vw;
  }
}
.swiper-button-prev::after {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/arrow_dark.svg");
  background-size: contain;
}
@media screen and (min-width: 768px) {
  .swiper-button-prev::after {
    opacity: 0.7;
    background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/arrow_light.svg");
  }
}

.swiper-button-next {
  width: 0.31rem;
  height: 0.31rem;
  right: 0.05rem;
}
@media screen and (min-width: 768px) {
  .swiper-button-next {
    width: 0.52rem;
    height: 0.52rem;
    right: 26.2vw;
  }
}
.swiper-button-next::after {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/arrow_dark.svg");
  transform: scaleX(-1);
  background-size: contain;
}
@media screen and (min-width: 768px) {
  .swiper-button-next::after {
    opacity: 0.7;
    background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/arrow_light.svg");
  }
}

.swiper-pagination {
  display: flex;
  justify-content: center;
  bottom: -0.3rem !important;
  gap: 0.15rem;
}
@media screen and (min-width: 768px) {
  .swiper-pagination {
    display: none;
  }
}
.swiper-pagination-bullet {
  opacity: 1 !important;
  border: 0.012rem solid #cbcbcb;
  background-color: white;
  margin: unset !important;
  width: 0.1rem;
  height: 0.1rem;
}
.swiper-pagination-bullet-active {
  background-color: var(--body-color);
}

.slider-thumbnail {
  margin-left: auto;
  margin-right: auto;
  width: -moz-fit-content;
  width: fit-content;
  display: none;
  max-width: 8.7rem;
}
@media screen and (min-width: 768px) {
  .slider-thumbnail {
    display: flex;
  }
}
.slider-thumbnail .swiper-slide {
  width: 1.28rem !important;
  height: 0.75rem !important;
  opacity: 0.5;
  border-radius: 0.05rem;
  transition: 0.3s !important;
}
.slider-thumbnail .swiper-slide img {
  transition: inherit;
}
.slider-thumbnail .swiper-wrapper {
  margin-top: 0.22rem;
  display: flex;
  gap: 0.15rem;
}
.slider-thumbnail .swiper-slide-thumb-active {
  opacity: 1;
}

[data-test-id=ChatWidgetButton] {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.ui-datepicker-prev .ui-icon {
  position: relative;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/arrow_plain_brown.svg") !important;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: unset;
  transform: scaleX(-1);
}

.ui-datepicker-next .ui-icon {
  position: relative;
  background-image: url("https://hanasukehana.sakura.ne.jp/media/wp-content/img//common/arrow_plain_brown.svg") !important;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: unset;
}

.simplebar-track.simplebar-horizontal {
  height: 0.07rem;
  background: #F4F4F4;
  border-radius: 0.1rem;
  max-width: 3.45rem;
  margin: 0 auto;
}

.simplebar-scrollbar {
  height: 0.07rem;
  background: #C6C6C6;
  border-radius: 0.1rem;
}
.simplebar-scrollbar::before {
  content: unset !important;
}

.js-map__container {
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
.js-map__wrapper {
  width: 5rem;
}
.js-map__wrapper path {
  cursor: pointer;
}
.js-map__wrapper text tspan {
  font-size: 0.1rem;
  pointer-events: none;
  transform: scale(0.3);
}/*# sourceMappingURL=common.css.map */