@charset "UTF-8";
/* ///////////////////////////////////////////
  value.scss
  変数・mixinに関する設定
/////////////////////////////////////////// */
/*====================================
  カラー
=====================================*/
/*====================================
  ランドセルカラーバリエーション
====================================*/
/*====================================
  画像
=====================================*/
/*====================================
  font
=====================================*/
/*====================================
  レイアウト・パーツ
=====================================*/
/* ======================
波形（区切り）
====================== */
/* ======================
背景
====================== */
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/*====================================
  要素のサイズセット
=====================================*/
/* ///////////////////////////////////////////
  page.scss
  下層ページに関する記述
/////////////////////////////////////////// */
main[class^=page--randoselu] {
  /* ======================
  ページ内共通
  ====================== */
}
main[class^=page--randoselu] .page__ttl {
  letter-spacing: 0.1em;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .page__ttl {
    font-size: 2.5rem;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .page__ttl {
    font-size: 4.2rem;
  }
}
main[class^=page--randoselu] .page__ttl .fukidashi {
  position: relative;
  display: inline-block;
  padding: 0.25em 1em;
  background: #ffffff;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .page__ttl .fukidashi {
    border-radius: 10px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .page__ttl .fukidashi {
    border-radius: 20px;
  }
}
main[class^=page--randoselu] .page__ttl .fukidashi::after {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 50%;
  transform: translate(-50%, 100%);
  background: #ffffff;
  height: 22.5166604984px;
  width: 26px;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}
main[class^=page--randoselu] .page__link {
  display: grid;
  justify-content: center;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .page__link {
    padding-top: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .page__link {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .page__link {
    padding-bottom: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .page__link {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .page__link {
    gap: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .page__link {
    grid-template-columns: repeat(2, minmax(auto, 420px));
    gap: 40px;
  }
}
main[class^=page--randoselu] .page__link__ttl {
  display: block;
  grid-column: span 2;
}
main[class^=page--randoselu] .randoselu {
  position: relative;
}
main[class^=page--randoselu] .randoselu__ttl {
  position: relative;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__ttl {
    padding-top: 60px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__ttl {
    padding-top: 100px;
  }
}
main[class^=page--randoselu] .randoselu__ttl::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
  width: 100vw;
  height: 100%;
  background: #eff8fb;
  z-index: -100;
}
main[class^=page--randoselu] .randoselu__concept {
  position: relative;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__concept {
    padding-top: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__concept {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__concept {
    padding-bottom: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__concept {
    padding-bottom: 80px;
  }
}
main[class^=page--randoselu] .randoselu__concept::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
  width: 100vw;
  height: 100%;
  background: #eff8fb;
  z-index: -100;
}
main[class^=page--randoselu] .randoselu__concept__wrap {
  display: flex;
  max-width: 1070px;
  margin-inline: auto;
  position: relative;
  flex-wrap: wrap;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__concept__wrap {
    padding-inline: 35px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__concept__wrap {
    padding-inline: 80px;
  }
}
main[class^=page--randoselu] .randoselu__concept__wrap::before {
  content: "";
  position: absolute;
  z-index: -10;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__concept__wrap::before {
    top: -60px;
    left: 0;
    transform: translate(50%, 0);
    width: 40px;
    height: 27px;
    background: url(../../2024/images/home/concept__illust03.webp) center no-repeat;
    background-size: contain;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__concept__wrap::before {
    top: -80px;
    left: 120px;
    transform: translate(-100%, 0);
    width: 250px;
    height: 414px;
    background: url(../../2024/images/home/concept__illust01.webp) center no-repeat;
    background-size: contain;
  }
}
main[class^=page--randoselu] .randoselu__concept__wrap::after {
  content: "";
  position: absolute;
  z-index: -10;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__concept__wrap::after {
    bottom: 0;
    left: -25px;
    transform: translate(0, 100%);
    width: 140px;
    height: 78px;
    background: url(../../2024/images/home/concept__illust04.webp) center no-repeat;
    background-size: contain;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__concept__wrap::after {
    top: -50px;
    right: 120px;
    transform: translate(100%, 0);
    width: 180px;
    height: 95px;
    background: url(../../2024/images/home/concept__illust02.webp) center no-repeat;
    background-size: contain;
  }
}
main[class^=page--randoselu] .randoselu__concept__ttl {
  display: block;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__concept__ttl {
    width: 100%;
    font-size: 2.6rem;
    letter-spacing: 0.1em;
    text-align: center;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__concept__ttl {
    width: 30.7692307692%;
    font-size: 4rem;
    letter-spacing: 0.28em;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__concept__ttl .dots-pc {
    position: relative;
    display: inline-block;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__concept__ttl .dots-pc::after {
    content: "";
    position: relative;
    bottom: 5px;
    left: 0;
    display: block;
    width: 100%;
    height: 6px;
    background: url(../../2024/images/common/parts_line-dots--colorful.svg) left center repeat-x;
    background-size: contain;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__concept__ttl .dots-sp {
    position: relative;
    display: inline-block;
    padding-bottom: 5px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__concept__ttl .dots-sp::after {
    content: "";
    position: relative;
    bottom: -5px;
    left: 0;
    display: block;
    width: 100%;
    height: 6px;
    background: url(../../2024/images/common/parts_line-dots--colorful.svg) left center repeat-x;
    background-size: contain;
  }
}
main[class^=page--randoselu] .randoselu__concept__container {
  position: relative;
  display: block;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__concept__container {
    width: 100%;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__concept__container {
    width: 69.2307692308%;
    padding-left: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__concept__container::before {
    content: "";
    position: absolute;
    top: -10px;
    right: -50px;
    transform: translate(0, 0);
    width: 90px;
    height: 48px;
    background: url(../../2024/images/home/concept__illust05.webp) center no-repeat;
    background-size: contain;
    z-index: -10;
  }
}
main[class^=page--randoselu] .randoselu__concept__desc {
  display: block;
  word-break: auto-phrase;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__concept__desc {
    margin-top: 50px;
    font-size: 1.5rem;
    text-align: center;
    line-height: 2.26;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__concept__desc {
    font-size: 1.8rem;
    letter-spacing: 0.1em;
    line-height: 2.44;
  }
}
main[class^=page--randoselu] .randoselu__slider {
  position: relative;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__slider {
    padding-top: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__slider {
    padding-top: 40px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__slider {
    padding-bottom: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__slider {
    padding-bottom: 40px;
  }
}
main[class^=page--randoselu] .randoselu__slider::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
  width: 100vw;
  height: 100%;
  background: #eff8fb;
  z-index: -100;
}
main[class^=page--randoselu] .randoselu__slider__container {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
}
main[class^=page--randoselu] .randoselu__slider .slide {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__slider .slide {
    margin-inline: 10px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__slider .slide {
    margin-inline: 20px;
  }
}
main[class^=page--randoselu] .randoselu__slider .slide:nth-child(even) {
  margin-top: 50px;
}
main[class^=page--randoselu] .randoselu__column {
  display: grid;
  max-width: 1140px;
  margin-inline: auto;
  position: relative;
  font-weight: bold;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__column {
    padding-inline: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__column {
    padding-inline: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__column {
    padding-top: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__column {
    padding-top: 40px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__column {
    grid-template: "img" max-content "ttl" max-content "txt" auto/1fr;
    gap: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__column {
    grid-template: "img ttl" max-content "img txt" auto/1fr 1fr;
    gap: 20px 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__column:nth-child(even of .randoselu__column) {
    grid-template: "ttl img" max-content "txt img" auto/1fr 1fr;
  }
}
main[class^=page--randoselu] .randoselu__column::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
  width: 100vw;
  height: 100%;
  background: #eff8fb;
  z-index: -100;
}
main[class^=page--randoselu] .randoselu__column .column__ttl {
  grid-area: ttl;
  display: grid;
  place-content: end start;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__column .column__ttl {
    font-size: 1.8rem;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__column .column__ttl {
    font-size: 2.5rem;
  }
}
main[class^=page--randoselu] .randoselu__column .column__txt {
  grid-area: txt;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__column .column__txt {
    font-size: 1.3rem;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__column .column__txt {
    font-size: 1.6rem;
  }
}
main[class^=page--randoselu] .randoselu__column .column__img {
  grid-area: img;
}
main[class^=page--randoselu] .randoselu__message {
  display: block;
  max-width: 1140px;
  margin-inline: auto;
  position: relative;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__message {
    padding-inline: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__message {
    padding-inline: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__message {
    padding-top: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__message {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__message {
    padding-bottom: 250px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__message {
    padding-bottom: 120px;
  }
}
main[class^=page--randoselu] .randoselu__message::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
  width: 100vw;
  height: 100%;
  background: #eff8fb;
  z-index: -100;
}
main[class^=page--randoselu] .randoselu__message__wrapper {
  position: relative;
  background: #ffffff;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__message__wrapper {
    border-radius: 30px;
    padding: 30px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__message__wrapper {
    border-radius: 40px;
    padding: 100px;
  }
}
main[class^=page--randoselu] .randoselu__message__wrapper::after {
  content: "";
  position: absolute;
  display: block;
  background: url(./../images/home/feature_illust--school.webp) left no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__message__wrapper::after {
    bottom: -40px;
    right: 0;
    transform: translate(0, 100%);
    width: 150px;
    height: 130px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__message__wrapper::after {
    bottom: 0;
    right: 0;
    translate: 30% 30%;
    width: 240px;
    height: 210px;
  }
}
main[class^=page--randoselu] .randoselu__message__ttl {
  position: relative;
  display: block;
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: 0.2em;
  line-height: 2;
  padding-bottom: 1.5em;
}
main[class^=page--randoselu] .randoselu__message__ttl::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 4px;
  background: url(../../2024/images/common/parts_line-dots--purple.svg) left center repeat-x;
  background-size: contain;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__message__ttl::after {
    bottom: -5px;
    left: 0;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__message__ttl::after {
    bottom: 0;
    left: 0;
  }
}
main[class^=page--randoselu] .randoselu__message__desc {
  margin-top: 40px;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 2;
}
main[class^=page--randoselu] .randoselu__message .sign {
  display: block;
  text-align: right;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__message .sign {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__message .sign {
    margin-top: 40px;
  }
}
main[class^=page--randoselu] .randoselu__video {
  position: relative;
  background: #f9f8fc;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__video {
    width: 100vw;
    height: 80vw;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__video {
    width: 100vw;
    height: 50vw;
  }
}
main[class^=page--randoselu] .randoselu__video video {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  display: block;
  object-fit: cover;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__video video {
    width: 100vw;
    height: 80vw;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__video video {
    width: 100vw;
    height: 50vw;
  }
}
main[class^=page--randoselu] .randoselu__nav {
  display: block;
  max-width: 1320px;
  margin-inline: auto;
  position: relative;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__nav {
    padding-inline: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__nav {
    padding-inline: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__nav {
    padding-top: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__nav {
    padding-top: 40px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__nav {
    padding-bottom: 100px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__nav {
    padding-bottom: 250px;
  }
}
main[class^=page--randoselu] .randoselu__nav::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
  width: 100vw;
  height: 100%;
  background: #f9f8fc;
  z-index: -100;
}
main[class^=page--randoselu] .randoselu__nav__wrap {
  background: #ffffff;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__nav__wrap {
    border-radius: 30px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__nav__wrap {
    border-radius: 40px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__nav__wrap {
    margin-top: -60px;
    padding: 40px 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__nav__wrap {
    margin-top: -80px;
    padding: 60px 80px;
  }
}
main[class^=page--randoselu] .randoselu__nav__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, auto));
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__nav__list {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__nav__list {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__nav__list {
    gap: 10px 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__nav__list {
    gap: 30px 40px;
  }
}
main[class^=page--randoselu] .randoselu__nav__item a {
  position: relative;
  display: inline-block;
  padding-left: 45px;
  padding-block: 0.25em;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__nav__item a {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__nav__item a {
    font-size: 1.8rem;
  }
}
main[class^=page--randoselu] .randoselu__nav__item a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  width: 30px;
  height: 30px;
  background: url(./../images/common/btn_purple.svg) center no-repeat;
  background-size: contain;
  rotate: 90deg;
}
main[class^=page--randoselu] .randoselu__feature {
  display: block;
  max-width: 1140px;
  margin-inline: auto;
  position: relative;
  counter-reset: number 0;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__feature {
    padding-inline: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__feature {
    padding-inline: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__feature {
    padding-top: 60px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__feature {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__feature {
    padding-bottom: 60px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__feature {
    padding-bottom: 100px;
  }
}
main[class^=page--randoselu] .randoselu__feature::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 50%;
  translate: -50% -100%;
  display: block;
  width: 100vw;
  height: 3.6603221083vw;
  background: url(./../images/common/divider_wave--white.svg) center repeat-x;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__feature {
    max-width: 400px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__feature__container {
    scroll-margin-top: 82px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__feature__container {
    scroll-margin-top: 120px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__feature__container:nth-child(n+2) {
    margin-top: 60px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__feature__container:nth-child(n+2) {
    margin-top: 100px;
  }
}
main[class^=page--randoselu] .randoselu__feature .feature__ttl {
  text-align: center;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__feature .feature__ttl {
    font-size: 1.8rem;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__feature .feature__ttl {
    font-size: 2.4rem;
  }
}
main[class^=page--randoselu] .randoselu__feature .feature__content {
  display: grid;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__feature .feature__content {
    scroll-margin-top: 82px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__feature .feature__content {
    scroll-margin-top: 120px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__feature .feature__content {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__feature .feature__content {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__feature .feature__content {
    gap: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__feature .feature__content {
    grid-template-columns: 1fr 1fr;
    gap: 30px 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__feature .feature__content:nth-of-type(n + 2) {
    margin-top: 80px;
  }
}
main[class^=page--randoselu] .randoselu__feature .feature__content.content--bg {
  background: #f9f8fc;
  overflow: hidden;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__feature .feature__content.content--bg {
    padding-top: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__feature .feature__content.content--bg {
    padding-top: 40px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__feature .feature__content.content--bg {
    padding-bottom: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__feature .feature__content.content--bg {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__feature .feature__content.content--bg {
    padding-right: 20px;
  }
}
@media only screen and (min-width: 835px) and (max-width: 1219px) {
  main[class^=page--randoselu] .randoselu__feature .feature__content.content--bg {
    padding-right: 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  main[class^=page--randoselu] .randoselu__feature .feature__content.content--bg {
    padding-right: 40px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__feature .feature__content.content--bg {
    padding-left: 20px;
  }
}
@media only screen and (min-width: 835px) and (max-width: 1219px) {
  main[class^=page--randoselu] .randoselu__feature .feature__content.content--bg {
    padding-left: 20px;
  }
}
@media print, screen and (min-width: 1220px) {
  main[class^=page--randoselu] .randoselu__feature .feature__content.content--bg {
    padding-left: 40px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__feature .feature__content.content--bg {
    border-radius: 30px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__feature .feature__content.content--bg {
    border-radius: 40px;
  }
}
main[class^=page--randoselu] .randoselu__feature .feature__content__ttl {
  position: relative;
  align-self: flex-end;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__feature .feature__content__ttl {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__feature .feature__content__ttl {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__feature .feature__content__ttl {
    font-size: 1.8rem;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__feature .feature__content__ttl {
    grid-column: 2/3;
    grid-row: 1/2;
    font-size: 2.5rem;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__feature .feature__content__desc {
    grid-column: 2/3;
    grid-row: 2/3;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__feature .feature__content__link {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__feature .feature__content__link {
    margin-top: 40px;
  }
}
main[class^=page--randoselu] .randoselu__feature .feature__content__img {
  overflow: hidden;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__feature .feature__content__img {
    border-radius: 30px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__feature .feature__content__img {
    border-radius: 40px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__feature .feature__content__img {
    order: -1;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__feature .feature__content__img {
    grid-column: 1/2;
    grid-row: 1/3;
  }
}
main[class^=page--randoselu] .randoselu__feature .feature__content__img img {
  max-width: 100%;
  height: auto;
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__feature .feature__content.even .feature__content__ttl {
    grid-column: 1/2;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__feature .feature__content.even .feature__content__desc {
    grid-column: 1/2;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__feature .feature__content.even .feature__content__img {
    grid-column: 2/3;
  }
}
main[class^=page--randoselu] .randoselu__support {
  display: block;
  max-width: 1320px;
  margin-inline: auto;
  position: relative;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__support {
    padding-inline: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__support {
    padding-inline: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__support {
    padding-top: 60px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__support {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__support {
    padding-bottom: 60px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__support {
    padding-bottom: 100px;
  }
}
main[class^=page--randoselu] .randoselu__support::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 50%;
  translate: -50% -100%;
  display: block;
  width: 100vw;
  height: 3.6603221083vw;
  background: url(./../images/common/divider_wave--blue.svg) center repeat-x;
}
main[class^=page--randoselu] .randoselu__support::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
  width: 100vw;
  height: 100%;
  background: #eff8fb;
  z-index: -100;
}
main[class^=page--randoselu] .randoselu__support .support {
  position: relative;
  border: 10px solid #c2e4ff;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__support .support {
    border-radius: 30px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__support .support {
    border-radius: 40px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__support .support {
    padding-top: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__support .support {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__support .support {
    padding-bottom: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__support .support {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__support .support {
    padding-right: 40px;
  }
}
@media only screen and (min-width: 835px) and (max-width: 1219px) {
  main[class^=page--randoselu] .randoselu__support .support {
    padding-right: 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  main[class^=page--randoselu] .randoselu__support .support {
    padding-right: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__support .support {
    padding-left: 40px;
  }
}
@media only screen and (min-width: 835px) and (max-width: 1219px) {
  main[class^=page--randoselu] .randoselu__support .support {
    padding-left: 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  main[class^=page--randoselu] .randoselu__support .support {
    padding-left: 80px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__support .support {
    padding: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__support .support {
    padding: 60px 40px 40px 40px;
  }
}
main[class^=page--randoselu] .randoselu__support .support__ttl {
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% -50%;
  width: fit-content;
  padding-inline: 2em;
  background: #eff8fb;
  color: #91baff;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  word-break: keep-all;
}
main[class^=page--randoselu] .randoselu__support .support__container {
  display: grid;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__support .support__container {
    grid-template: "img" auto "support" "remake" auto/auto;
    gap: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__support .support__container {
    grid-template: "support img remake" auto "support img remake" auto/1fr 150px 1fr;
    gap: 80px;
  }
}
main[class^=page--randoselu] .randoselu__support .support__img {
  grid-area: img;
  position: relative;
  width: 150px;
  aspect-ratio: 1/1;
  margin-bottom: 60px;
  justify-self: center;
}
main[class^=page--randoselu] .randoselu__support .support__img::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url(./../images/common/support_img02.svg) center no-repeat;
  background-size: contain;
  animation: rotate 4s infinite;
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  45% {
    transform: rotate(180deg);
  }
  50% {
    transform: rotate(180deg);
  } /* 0.5秒停止 */
  95% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(360deg);
  } /* 0.5秒停止 */
}
main[class^=page--randoselu] .randoselu__support .support__img::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  translate: -50% 100%;
  width: 145px;
  height: 38px;
  background: url(./../images/common/support_img03.svg) center no-repeat;
  background-size: contain;
}
main[class^=page--randoselu] .randoselu__support .support__list {
  display: contents;
}
main[class^=page--randoselu] .randoselu__support .support__menu {
  display: grid;
  row-gap: 20px;
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__support .support__menu {
    grid-template-rows: subgrid;
    grid-row: span 2;
  }
}
main[class^=page--randoselu] .randoselu__support .support__menu:has(a[href*=support]) {
  grid-area: support;
}
main[class^=page--randoselu] .randoselu__support .support__menu:has(a[href*=remake]) {
  grid-area: remake;
}
main[class^=page--randoselu] .randoselu__support .support__menu__ttl {
  position: relative;
  display: block;
  padding-bottom: 1em;
  padding-right: 40px;
  word-break: keep-all;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__support .support__menu__ttl {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__support .support__menu__ttl {
    font-size: 2.2rem;
  }
}
main[class^=page--randoselu] .randoselu__support .support__menu__ttl::before {
  content: "";
  position: absolute;
  top: calc(50% - 0.5em);
  right: 0;
  translate: 0 -50%;
  width: 30px;
  height: 30px;
  background: url(./../images/common/btn_blue.svg) center no-repeat;
  background-size: contain;
  transition: background 0.3s ease;
}
main[class^=page--randoselu] .randoselu__support .support__menu__ttl::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background: url(./../images/common/parts_line-dots--blue.svg) left center repeat-x;
}
main[class^=page--randoselu] .randoselu__support .support__menu__ttl:hover::before {
  background: url(./../images/common/btn_blue--hover.svg) center no-repeat;
  background-size: contain;
}
main[class^=page--randoselu] .randoselu__support .support__menu__desc {
  font-size: 1.3rem;
}
main[class^=page--randoselu] .randoselu__history {
  display: block;
  max-width: 1160px;
  margin-inline: auto;
  position: relative;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__history {
    padding-inline: 0 30px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__history {
    padding-inline: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__history {
    padding-top: 60px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__history {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__history {
    padding-bottom: 60px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__history {
    padding-bottom: 100px;
  }
}
main[class^=page--randoselu] .randoselu__history::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: 100vw;
  height: 100%;
  pointer-events: none;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__history::before {
    border-top: 15px solid #a2d2ff;
    border-left: 15px solid #ffafcc;
    border-right: 15px solid #f7f5c5;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__history::before {
    border-top: 40px solid #a2d2ff;
    border-left: 40px solid #ffafcc;
    border-right: 40px solid #f7f5c5;
  }
}
main[class^=page--randoselu] .randoselu__history::after {
  content: "";
  position: absolute;
  display: block;
  background: url(./../images/home/history_illust--linestar3.webp) center no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__history::after {
    top: 20px;
    left: 20px;
    width: 60px;
    height: 60px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__history::after {
    top: 0;
    left: 0;
    transform: translate(-50%, 50%);
    width: 140px;
    height: 140px;
  }
}
main[class^=page--randoselu] .randoselu__history__container {
  display: flex;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__history__container {
    margin-top: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__history__container {
    margin-top: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__history__container {
    margin-right: auto;
    margin-left: auto;
    flex-direction: column;
    max-width: 480px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__history__container:nth-of-type(even) .home__history__desc {
    margin-right: auto;
    margin-left: 80px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__history__container:nth-of-type(even) .home__history__img {
    order: -1;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__history__desc {
    width: calc(66% - 40px);
    margin-right: 80px;
  }
}
main[class^=page--randoselu] .randoselu__history__desc .sign {
  display: block;
  margin-left: auto;
  text-align: right;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__history__img {
    margin-right: auto;
    margin-left: auto;
    margin-top: 40px;
    max-width: 320px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__history__img {
    width: 34%;
  }
}
main[class^=page--randoselu] .randoselu__history__img img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
main[class^=page--randoselu] .randoselu__history__img .caption {
  margin-top: 1em;
  font-size: 1.2rem;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__history__cm {
    margin-top: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__history__cm {
    margin-top: 80px;
  }
}
main[class^=page--randoselu] .randoselu__history__cm__ttl {
  position: relative;
}
main[class^=page--randoselu] .randoselu__history__cm__ttl::after {
  content: "";
  position: absolute;
  display: block;
  background: url(./../images/home/history_illust--linestar2.webp) center no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__history__cm__ttl::after {
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    width: 30px;
    height: 30px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__history__cm__ttl::after {
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    width: 50px;
    height: 50px;
  }
}
main[class^=page--randoselu] .randoselu__history__cm__container {
  display: flex;
  border: 10px solid #fff5f8;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__history__cm__container {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__history__cm__container {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__history__cm__container {
    margin-right: auto;
    margin-left: auto;
    flex-direction: column;
    max-width: 380px;
    border-radius: 30px;
    padding: 30px;
    text-align: center;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__history__cm__container {
    border-radius: 40px;
    padding: 50px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__history__cm__item {
    width: 100%;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__history__cm__item {
    width: calc(33.3333333333% - 26.6666666667px);
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .randoselu__history__cm__item:nth-of-type(n + 2) {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .randoselu__history__cm__item:nth-of-type(n + 2) {
    margin-left: 40px;
  }
}
main[class^=page--randoselu] .randoselu__history__cm__item iframe {
  max-width: 100%;
  height: auto;
}
main[class^=page--randoselu] .comfort__ttl {
  display: block;
  max-width: 1320px;
  margin-inline: auto;
  position: relative;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__ttl {
    padding-inline: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__ttl {
    padding-inline: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__ttl {
    padding-block: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__ttl {
    padding-block: 100px;
  }
}
main[class^=page--randoselu] .comfort__ttl::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(../images/pages/randoselu/comfort/parts_illust01.webp) center no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__ttl::before {
    width: 90px;
    height: 50px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__ttl::before {
    width: 180px;
    height: 95px;
  }
}
main[class^=page--randoselu] .comfort__ttl::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
  width: 100vw;
  height: 100%;
  background: #eff8fb;
  z-index: -100;
}
main[class^=page--randoselu] .comfort__mv {
  display: grid;
  max-width: 1320px;
  margin-inline: auto;
  position: relative;
  z-index: 0;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__mv {
    padding-inline: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__mv {
    padding-inline: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__mv {
    grid-template-areas: "desc" "ttl" "img";
    gap: 20px;
    padding-bottom: 60px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__mv {
    grid-template-areas: "desc img" "ttl img";
    padding-bottom: 100px;
  }
}
main[class^=page--randoselu] .comfort__mv::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
  width: 100vw;
  height: 100%;
  background: #eff8fb;
  z-index: -100;
}
main[class^=page--randoselu] .comfort__mv__ttl {
  position: relative;
  grid-area: ttl;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__mv__ttl {
    max-width: 305px;
    margin-inline: auto;
    padding-top: 90px;
    font-size: 1.4rem;
    letter-spacing: 0.18em;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__mv__ttl {
    margin-top: 40px;
    padding-top: 190px;
    padding-bottom: 40px;
    font-size: 3rem;
    letter-spacing: 0.18em;
    transition-delay: 0.5s;
  }
}
main[class^=page--randoselu] .comfort__mv__ttl::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: url(../../2024/images/pages/randoselu/comfort/nandc_ttl.svg) top left no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__mv__ttl::before {
    width: 241px;
    height: 77px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__mv__ttl::before {
    width: 465px;
    height: 155px;
  }
}
main[class^=page--randoselu] .comfort__mv__ttl .bracket {
  position: relative;
}
main[class^=page--randoselu] .comfort__mv__ttl .bracket::before {
  content: "「";
}
main[class^=page--randoselu] .comfort__mv__ttl .bracket::after {
  content: "」";
}
main[class^=page--randoselu] .comfort__mv__desc {
  grid-area: desc;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__mv__desc {
    max-width: 305px;
    margin-inline: auto;
    font-size: 1.4rem;
    letter-spacing: 0.1em;
    line-height: 1.8;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__mv__desc {
    font-size: 2rem;
    letter-spacing: 0.1em;
    line-height: 1.93;
    transition-delay: 0.5s;
  }
}
main[class^=page--randoselu] .comfort__mv__img {
  position: relative;
  grid-area: img;
  z-index: -10;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__mv__img::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translate(0, 0);
    width: 16px;
    height: 70px;
    background: url(../images/common/parts_scroll.svg) center no-repeat;
    background-size: contain;
    z-index: 10;
    animation: linear 2s swing infinite;
  }
}
@keyframes swing {
  0% {
    transform: translateY(-5px);
  }
  50% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(-5px);
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__mv__img {
    width: 100%;
    max-width: 305px;
    height: 225px;
    margin-inline: auto;
    transition-delay: 0.5s;
  }
}
main[class^=page--randoselu] .comfort__mv__img > img {
  position: absolute;
  max-width: none;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__mv__img > img {
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: 305px;
    height: 270px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__mv__img > img {
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    width: 740px;
    height: 540px;
  }
}
main[class^=page--randoselu] .comfort__concept {
  position: relative;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__concept {
    padding-top: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__concept {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__concept {
    padding-bottom: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__concept {
    padding-bottom: 40px;
  }
}
main[class^=page--randoselu] .comfort__concept::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
  width: 100vw;
  height: 100%;
  background: #eff8fb;
  z-index: -100;
}
main[class^=page--randoselu] .comfort__concept__wrap {
  display: flex;
  max-width: 1070px;
  margin-inline: auto;
  position: relative;
  flex-wrap: wrap;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__concept__wrap {
    padding-inline: 0 35px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__concept__wrap {
    padding-inline: 80px;
  }
}
main[class^=page--randoselu] .comfort__concept__wrap::before {
  content: "";
  position: absolute;
  z-index: 0;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__concept__wrap::before {
    top: -60px;
    left: 0;
    transform: translate(50%, 0);
    width: 40px;
    height: 27px;
    background: url(../../2024/images/pages/randoselu/comfort/concept__illust03.webp) center no-repeat;
    background-size: contain;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__concept__wrap::before {
    top: -80px;
    left: 120px;
    transform: translate(-100%, 0);
    width: 250px;
    height: 414px;
    background: url(../../2024/images/pages/randoselu/comfort/concept__illust01.webp) center no-repeat;
    background-size: contain;
  }
}
main[class^=page--randoselu] .comfort__concept__wrap::after {
  content: "";
  position: absolute;
  z-index: -10;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__concept__wrap::after {
    bottom: 0;
    left: -25px;
    transform: translate(0, 100%);
    width: 140px;
    height: 78px;
    background: url(../../2024/images/pages/randoselu/comfort/concept__illust04.webp) center no-repeat;
    background-size: contain;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__concept__wrap::after {
    top: -50px;
    right: 120px;
    transform: translate(100%, 0);
    width: 180px;
    height: 95px;
    background: url(../../2024/images/pages/randoselu/comfort/concept__illust02.webp) center no-repeat;
    background-size: contain;
  }
}
main[class^=page--randoselu] .comfort__concept__ttl {
  display: block;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__concept__ttl {
    width: 100%;
    font-size: 2.6rem;
    letter-spacing: 0.1em;
    text-align: center;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__concept__ttl {
    width: 30.7692307692%;
    font-size: 4rem;
    letter-spacing: 0.28em;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__concept__ttl .dots-pc {
    position: relative;
    display: inline-block;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__concept__ttl .dots-pc::after {
    content: "";
    position: relative;
    bottom: 5px;
    left: 0;
    display: block;
    width: 100%;
    height: 6px;
    background: url(../../2024/images/common/parts_line-dots--colorful.svg) left center repeat-x;
    background-size: contain;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__concept__ttl .dots-sp {
    position: relative;
    display: inline-block;
    padding-bottom: 5px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__concept__ttl .dots-sp::after {
    content: "";
    position: relative;
    bottom: -5px;
    left: 0;
    display: block;
    width: 100%;
    height: 6px;
    background: url(../../2024/images/common/parts_line-dots--colorful.svg) left center repeat-x;
    background-size: contain;
  }
}
main[class^=page--randoselu] .comfort__concept__desc {
  position: relative;
  display: block;
  word-break: auto-phrase;
  transition-delay: 0.5s;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__concept__desc {
    width: 100%;
    margin-top: 40px;
    font-size: 1.5rem;
    text-align: center;
    line-height: 2.26;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__concept__desc {
    width: 69.2307692308%;
    padding-left: 80px;
    font-size: 1.8rem;
    letter-spacing: 0.1em;
    line-height: 2.44;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__concept__desc::before {
    content: "";
    position: absolute;
    top: -10px;
    right: -50px;
    transform: translate(0, 0);
    width: 90px;
    height: 48px;
    background: url(../../2024/images/pages/randoselu/comfort/concept__illust05.webp) center no-repeat;
    background-size: contain;
    z-index: -10;
  }
}
main[class^=page--randoselu] .comfort__feature {
  display: block;
  max-width: 1260px;
  margin-inline: auto;
  position: relative;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__feature {
    padding-inline: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__feature {
    padding-inline: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__feature {
    padding-top: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__feature {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__feature {
    padding-bottom: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__feature {
    padding-bottom: 40px;
  }
}
main[class^=page--randoselu] .comfort__feature::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
  width: 100vw;
  height: 100%;
  background: #eff8fb;
  z-index: -100;
}
main[class^=page--randoselu] .comfort__feature__wrap {
  display: grid;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__feature__wrap {
    grid-template: "img" max-content "ttl" max-content "desc" 1fr/auto;
    text-align: center;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__feature__wrap {
    grid-template: "img ttl" 1fr "img desc" 1fr/auto 320px;
  }
}
main[class^=page--randoselu] .comfort__feature__ttl {
  grid-area: ttl;
  align-self: flex-end;
  letter-spacing: 0.1em;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__feature__ttl {
    margin-top: 40px;
    font-size: 1.8rem;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__feature__ttl {
    font-size: 2.8rem;
  }
}
main[class^=page--randoselu] .comfort__feature__ttl .dots {
  position: relative;
  display: inline-block;
  padding-bottom: 0.5em;
}
main[class^=page--randoselu] .comfort__feature__ttl .dots::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 6px;
  background: url(../../2024/images/common/parts_line-dots--colorful.svg) left center repeat-x;
  background-size: contain;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__feature__ttl .dots::after {
    bottom: -5px;
    left: 0;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__feature__ttl .dots::after {
    bottom: 0;
    left: 0;
  }
}
main[class^=page--randoselu] .comfort__feature__desc {
  grid-area: desc;
  display: block;
  width: 100%;
  margin-top: 1em;
  letter-spacing: 0.05em;
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__feature__desc {
    font-size: 1.8rem;
  }
}
main[class^=page--randoselu] .comfort__feature__img {
  position: relative;
  grid-area: img;
  order: -10;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__feature__img {
    justify-self: center;
    max-width: 305px;
    aspect-ratio: 305/183;
    text-align: center;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__feature__img {
    aspect-ratio: 780/540;
  }
}
main[class^=page--randoselu] .comfort__feature__img::after {
  content: "";
  position: absolute;
  background: url(../images/pages/randoselu/comfort/feature_letter.svg) top center no-repeat;
  background-size: contain;
  transition-delay: 2s;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__feature__img::after {
    top: 50%;
    left: 30px;
    transform: translate(0, -50%);
    width: 8px;
    height: 230px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__feature__img::after {
    top: -40px;
    left: 80px;
    transform: translate(0, 0);
    width: 15px;
    height: 430px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__feature__img > img {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    width: 115.3846153846%;
    max-width: none;
    aspect-ratio: 900/540;
    z-index: -10;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__feature__container {
    margin-top: 60px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__feature__container {
    margin-top: 100px;
  }
}
main[class^=page--randoselu] .comfort__feature__item {
  position: relative;
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__feature__item:nth-of-type(even) .feature {
    grid-template: "img ttl" auto "img desc" 1fr/320px auto;
  }
}
main[class^=page--randoselu] .comfort__feature__item:nth-of-type(even) .feature::before {
  top: 0;
  left: auto;
  right: 0;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__feature__item:nth-of-type(even) .feature::before {
    transform: translate(10px, -20px);
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__feature__item:nth-of-type(even) .feature::before {
    transform: translate(20px, -30px);
  }
}
main[class^=page--randoselu] .comfort__feature__item:nth-of-type(1)::after {
  content: "";
  position: absolute;
  transform: translate(50vw, -50%);
  background: url(../../2024/images/common/illust_rainbow02.webp) center left no-repeat;
  background-size: contain;
  animation: swing01 3s ease 1s infinite;
  z-index: 10;
  pointer-events: none;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__feature__item:nth-of-type(1)::after {
    top: -20px;
    right: 50%;
    width: 75px;
    height: 90px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__feature__item:nth-of-type(1)::after {
    top: -40px;
    right: 50%;
    width: 235px;
    height: 270px;
  }
}
@keyframes swing01 {
  0% {
    transform: translate(50vw, -50%);
  }
  50% {
    transform: translate(50vw, calc(-50% + 20px));
  }
  100% {
    transform: translate(50vw, -50%);
  }
}
main[class^=page--randoselu] .comfort__feature__item:nth-of-type(1) .feature::before {
  background: url(../images/pages/randoselu/comfort/feature__ttl01.svg) top left no-repeat;
  background-size: contain;
}
main[class^=page--randoselu] .comfort__feature__item:nth-of-type(2)::after {
  content: "";
  position: absolute;
  transform: translate(-50vw, -50%);
  background: url(../../2024/images/common/illust_rainbow01.webp) center left no-repeat;
  background-size: contain;
  animation: swing02 3s ease 0s infinite;
  z-index: 10;
  pointer-events: none;
  z-index: -10;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__feature__item:nth-of-type(2)::after {
    top: -60px;
    left: 50%;
    width: 90px;
    height: 105px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__feature__item:nth-of-type(2)::after {
    top: 0;
    left: 50%;
    width: 250px;
    height: 250px;
  }
}
@keyframes swing02 {
  0% {
    transform: translate(-50vw, -50%);
  }
  50% {
    transform: translate(-50vw, calc(-50% + 20px));
  }
  100% {
    transform: translate(-50vw, -50%);
  }
}
main[class^=page--randoselu] .comfort__feature__item:nth-of-type(2) .feature::before {
  background: url(../images/pages/randoselu/comfort/feature__ttl02.svg) top left no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__feature__item:nth-of-type(n + 2) {
    margin-top: 100px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__feature__item:nth-of-type(n + 2) {
    margin-top: 120px;
  }
}
main[class^=page--randoselu] .comfort__feature .feature {
  position: relative;
  display: grid;
  background: #ffffff;
  box-shadow: 0 0 10px rgba(194, 228, 255, 0.1);
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__feature .feature {
    padding-top: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__feature .feature {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__feature .feature {
    padding-bottom: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__feature .feature {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__feature .feature {
    padding-right: 40px;
  }
}
@media only screen and (min-width: 835px) and (max-width: 1219px) {
  main[class^=page--randoselu] .comfort__feature .feature {
    padding-right: 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  main[class^=page--randoselu] .comfort__feature .feature {
    padding-right: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__feature .feature {
    padding-left: 40px;
  }
}
@media only screen and (min-width: 835px) and (max-width: 1219px) {
  main[class^=page--randoselu] .comfort__feature .feature {
    padding-left: 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  main[class^=page--randoselu] .comfort__feature .feature {
    padding-left: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__feature .feature {
    border-radius: 30px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__feature .feature {
    border-radius: 40px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__feature .feature {
    grid-template: "ttl" auto "desc" auto "img" 1fr/auto;
    gap: 20px;
    max-width: 480px;
    margin-inline: auto;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__feature .feature {
    grid-template: "ttl img" auto "desc img" 1fr/auto 320px;
    gap: 20px 80px;
  }
}
main[class^=page--randoselu] .comfort__feature .feature::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__feature .feature::before {
    transform: translate(-10px, -20px);
    width: 180px;
    height: 70px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__feature .feature::before {
    transform: translate(-20px, -30px);
    width: 320px;
    height: 125px;
  }
}
main[class^=page--randoselu] .comfort__feature .feature__ttl {
  grid-area: ttl;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__feature .feature__ttl {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__feature .feature__ttl {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__feature .feature__ttl {
    font-size: 1.8rem;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__feature .feature__ttl {
    font-size: 2.8rem;
  }
}
main[class^=page--randoselu] .comfort__feature .feature__ttl .line {
  position: relative;
  z-index: 0;
}
main[class^=page--randoselu] .comfort__feature .feature__ttl .line::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translate(0, 25%);
  display: block;
  width: 100%;
  height: 10px;
  background: #fffe87;
  z-index: -1;
}
main[class^=page--randoselu] .comfort__feature .feature__desc {
  grid-area: desc;
  line-height: 2;
}
main[class^=page--randoselu] .comfort__feature .feature__img {
  grid-area: img;
  position: relative;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__feature .feature__img {
    min-height: 180px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__feature .feature__img {
    width: 100%;
    aspect-ratio: 1/1;
  }
}
main[class^=page--randoselu] .comfort__feature .feature__img > img {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: auto;
  transform: translate(-50%, 0);
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__feature .feature__img > img {
    width: 180px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__feature .feature .img-pos {
    height: calc(100% + 80px);
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__feature .feature .img-pos > img {
    top: auto;
    bottom: 0;
    transform: translate(-50%, 40px);
  }
}
main[class^=page--randoselu] .comfort__report {
  display: block;
  max-width: 1080px;
  margin-inline: auto;
  position: relative;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__report {
    padding-inline: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__report {
    padding-inline: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__report {
    padding-top: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__report {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__report {
    padding-bottom: 100px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__report {
    padding-bottom: 250px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__report {
    max-width: 480px;
  }
}
main[class^=page--randoselu] .comfort__report::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/pages/randoselu/comfort/parts_illust01.webp) center no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__report::before {
    transform: translate(-10px, 0);
    width: 90px;
    height: 50px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__report::before {
    transform: translate(-50%, 0);
    width: 180px;
    height: 95px;
  }
}
main[class^=page--randoselu] .comfort__report::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
  width: 100vw;
  height: 100%;
  background: #eff8fb;
  z-index: -100;
}
main[class^=page--randoselu] .comfort__report__ttl {
  text-align: center;
  letter-spacing: 0.1em;
  word-break: auto-phrase;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__report__ttl {
    font-size: 2rem;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__report__ttl {
    font-size: 3rem;
  }
}
main[class^=page--randoselu] .comfort__report__ttl .dots {
  position: relative;
  display: inline-block;
  padding-bottom: 0.5em;
}
main[class^=page--randoselu] .comfort__report__ttl .dots::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  display: inline-block;
  width: 100%;
  height: 6px;
  background: url(./../images/common/parts_line-dots--colorful.svg) left repeat-x;
  background-size: contain;
}
main[class^=page--randoselu] .comfort__report__desc {
  max-width: 720px;
  margin-inline: auto;
  text-align: center;
  word-break: auto-phrase;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__report__desc {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__report__desc {
    margin-top: 40px;
  }
}
main[class^=page--randoselu] .comfort__report__container {
  display: grid;
  align-items: center;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__report__container {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__report__container {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__report__container {
    grid-template: "img " "profile" auto/1fr;
    gap: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__report__container {
    grid-template: "img profile" auto/1fr 1fr;
    gap: 80px;
  }
}
main[class^=page--randoselu] .comfort__report__container .img {
  grid-area: img;
}
main[class^=page--randoselu] .comfort__report__container .profile {
  grid-area: profile;
}
main[class^=page--randoselu] .comfort__report__container .prof-card {
  display: grid;
  grid-template: "img caption" auto/120px auto;
  gap: 20px;
  align-items: center;
  padding: 20px 40px;
  background: #ffffff;
  border-radius: 20px;
}
main[class^=page--randoselu] .comfort__report__container .prof-card .pfof-img {
  grid-area: prof-img;
}
main[class^=page--randoselu] .comfort__report__container .prof-card .caption {
  grid-area: caption;
}
main[class^=page--randoselu] .comfort__report__container .prof-card .name {
  display: block;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__report__container .prof-card .name {
    font-size: 1.8rem;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__report__container .prof-card .name {
    font-size: 2.5rem;
  }
}
main[class^=page--randoselu] .comfort__report__btn {
  position: relative;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__report__btn {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__report__btn {
    margin-top: 40px;
  }
}
main[class^=page--randoselu] .comfort__report__btn::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(../images/pages/randoselu/comfort/parts_illust01.webp) center no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__report__btn::after {
    transform: translate(50%, 100%);
    width: 90px;
    height: 50px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__report__btn::after {
    transform: translate(100%, 25%);
    width: 180px;
    height: 95px;
  }
}
main[class^=page--randoselu] .comfort__report__btn > a {
  max-width: 380px;
  margin-inline: auto;
}
main[class^=page--randoselu] .comfort__reason {
  display: block;
  max-width: 1120px;
  margin-inline: auto;
  grid-area: feature;
  position: relative;
  width: 100%;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__reason {
    padding-inline: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__reason {
    padding-inline: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__reason {
    padding-top: 60px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__reason {
    padding-top: 100px;
  }
}
main[class^=page--randoselu] .comfort__reason::before {
  content: "";
  position: absolute;
  background: url(../images/pages/randoselu/comfort/reason_illust01.webp) center no-repeat;
  background-size: contain;
  z-index: 10;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__reason::before {
    top: 60px;
    left: 0;
    transform: translate(0, -100%);
    width: 112px;
    height: 154px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__reason::before {
    top: 80px;
    left: 0;
    transform: translate(-50%, -100%);
    width: 280px;
    height: 385px;
  }
}
main[class^=page--randoselu] .comfort__reason::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 50%;
  translate: -50% -100%;
  display: block;
  width: 100vw;
  height: 3.6603221083vw;
  background: url(./../images/common/divider_wave--white.svg) center repeat-x;
}
main[class^=page--randoselu] .comfort__reason__ttl {
  text-align: center;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__reason__ttl {
    font-size: 2rem;
    letter-spacing: 0.1em;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__reason__ttl {
    font-size: 2.8rem;
    letter-spacing: 0.2em;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__reason__ttl .line--pc {
    position: relative;
    display: inline-block;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__reason__ttl .line--pc::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 20px;
    background: #fffe87;
    z-index: -10;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__reason__ttl .line--sp {
    position: relative;
    display: inline-block;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__reason__ttl .line--sp::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 20px;
    background: #fffe87;
    z-index: -10;
  }
}
main[class^=page--randoselu] .comfort__reason__list {
  display: grid;
  margin-top: 50px;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__reason__list {
    grid-template-rows: repeat(3, 1fr);
    gap: 40px 0;
    max-width: 305px;
    margin-inline: auto;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__reason__list {
    grid-template-columns: repeat(3, 1fr);
    gap: 0 90px;
  }
}
main[class^=page--randoselu] .comfort__reason__item {
  position: relative;
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__reason__item {
    display: contents;
  }
}
main[class^=page--randoselu] .comfort__reason__item:nth-of-type(1) .reason::before {
  background: url(../../2024/images/home/nandc_01.svg) center no-repeat;
  background-size: contain;
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__reason__item:nth-of-type(2) .reason {
    transition-delay: 0.5s;
  }
}
main[class^=page--randoselu] .comfort__reason__item:nth-of-type(2) .reason::before {
  background: url(../../2024/images/home/nandc_02.svg) center no-repeat;
  background-size: contain;
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__reason__item:nth-of-type(3) .reason {
    transition-delay: 1s;
  }
}
main[class^=page--randoselu] .comfort__reason__item:nth-of-type(3) .reason::before {
  background: url(../../2024/images/home/nandc_03.svg) center no-repeat;
  background-size: contain;
}
main[class^=page--randoselu] .comfort__reason .reason {
  position: relative;
  display: grid;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__reason .reason {
    grid-template-areas: "img num" "img caption" "txt txt";
    grid-template-columns: 1fr 1fr;
    gap: 10px 25px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__reason .reason {
    grid-template-areas: "num" "ttl" "img" "caption" "txt";
    grid-template-rows: subgrid;
    grid-row: span 4;
    gap: 20px 0;
    text-align: center;
  }
}
main[class^=page--randoselu] .comfort__reason .reason::before {
  content: "";
  display: block;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__reason .reason::before {
    grid-area: num;
    width: 42px;
    height: 24px;
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__reason .reason::before {
    width: 70px;
    height: 42px;
    margin-inline: auto;
  }
}
main[class^=page--randoselu] .comfort__reason .reason .caption {
  word-break: auto-phrase;
  line-height: 1.4;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__reason .reason .caption {
    grid-area: caption;
    font-size: 1.8rem;
    letter-spacing: 0.1em;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__reason .reason .caption {
    font-size: 2.8rem;
    letter-spacing: 0.2em;
  }
}
main[class^=page--randoselu] .comfort__reason .reason .min {
  display: block;
  letter-spacing: 0.05em;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__reason .reason .min {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .comfort__reason .reason .min {
    font-size: 1.7rem;
    line-height: 1;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .comfort__reason .reason .img {
    grid-area: img;
  }
}
main[class^=page--randoselu] .comfort__reason .reason .txt {
  grid-area: txt;
  text-align: left;
}
main[class^=page--randoselu] .report__ttl {
  display: block;
  max-width: 1320px;
  margin-inline: auto;
  position: relative;
  word-break: auto-phrase;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .report__ttl {
    padding-inline: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .report__ttl {
    padding-inline: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .report__ttl {
    padding-top: 60px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .report__ttl {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .report__ttl {
    padding-bottom: 60px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .report__ttl {
    padding-bottom: 100px;
  }
}
main[class^=page--randoselu] .report__ttl::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
  width: 100vw;
  height: 100%;
  background: #f3efe8;
  z-index: -100;
}
main[class^=page--randoselu] .report__mv {
  display: grid;
  max-width: 1140px;
  margin-inline: auto;
  position: relative;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .report__mv {
    padding-inline: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .report__mv {
    padding-inline: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .report__mv {
    padding-bottom: 60px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .report__mv {
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .report__mv {
    grid-template: "img" auto "ttl" auto "desc" 1fr/auto;
    gap: 40px 80px;
    max-width: 480px;
    text-align: center;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .report__mv {
    grid-template: "img ttl" auto "img desc" 1fr/1fr 1fr;
    gap: 40px 80px;
  }
}
main[class^=page--randoselu] .report__mv::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
  width: 100vw;
  height: 100%;
  background: #f3efe8;
  z-index: -100;
}
main[class^=page--randoselu] .report__mv__ttl {
  grid-area: ttl;
  word-break: auto-phrase;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .report__mv__ttl {
    font-size: 2rem;
    letter-spacing: 0.1em;
    transition-delay: 0.8s;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .report__mv__ttl {
    font-size: 3rem;
    letter-spacing: 0.1em;
    transition-delay: 0.3s;
  }
}
main[class^=page--randoselu] .report__mv__ttl .dots {
  position: relative;
  display: inline-block;
  padding-bottom: 0.5em;
}
main[class^=page--randoselu] .report__mv__ttl .dots::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 6px;
  background: url(../../2024/images/pages/randoselu/report/parts_line-dots--brown.svg) left center repeat-x;
  background-size: contain;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .report__mv__ttl .dots::after {
    bottom: -5px;
    left: 0;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .report__mv__ttl .dots::after {
    bottom: 0;
    left: 0;
  }
}
main[class^=page--randoselu] .report__mv__desc {
  grid-area: desc;
  line-height: 2.4;
  letter-spacing: 0.1em;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .report__mv__desc {
    word-break: auto-phrase;
    transition-delay: 0.8s;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .report__mv__desc {
    font-size: 1.8rem;
    transition-delay: 0.3s;
  }
}
main[class^=page--randoselu] .report__mv__img {
  position: relative;
  grid-area: img;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .report__mv__img {
    transition-delay: 0.3s;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .report__mv__img {
    transition-delay: 0.8s;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .report__mv__img::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translate(0, 0);
    width: 16px;
    height: 70px;
    background: url(../images/common/parts_scroll.svg) center no-repeat;
    background-size: contain;
    animation: linear 2s swing infinite;
  }
}
@keyframes swing {
  0% {
    transform: translateY(-5px);
  }
  50% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(-5px);
  }
}
main[class^=page--randoselu] .report__profile {
  display: grid;
  max-width: 1160px;
  margin-inline: auto;
  position: relative;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .report__profile {
    padding-inline: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .report__profile {
    padding-inline: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .report__profile {
    padding-top: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .report__profile {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .report__profile {
    padding-bottom: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .report__profile {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .report__profile {
    grid-template: "img caption" auto "desc desc" 1fr/100px auto;
    gap: 20px;
    align-items: center;
    max-width: 305px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .report__profile {
    grid-template: "img caption" auto "img desc" 1fr/200px auto;
    gap: 20px 80px;
  }
}
main[class^=page--randoselu] .report__profile::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(0, -50%);
  background: url(../images/pages/randoselu/report/profile_comment.webp) center no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .report__profile::before {
    width: 140px;
    height: 110px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .report__profile::before {
    width: 220px;
    height: 170px;
  }
}
main[class^=page--randoselu] .report__profile::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
  width: 100vw;
  height: 100%;
  background: #eae4d9;
  z-index: -100;
}
main[class^=page--randoselu] .report__profile__img {
  grid-area: img;
}
main[class^=page--randoselu] .report__profile__desc {
  grid-area: desc;
  font-size: 1.3rem;
  letter-spacing: 2;
}
main[class^=page--randoselu] .report__profile .caption {
  grid-area: caption;
}
main[class^=page--randoselu] .report__profile .caption .name {
  display: block;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .report__profile .caption .name {
    font-size: 1.8rem;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .report__profile .caption .name {
    font-size: 2.5rem;
  }
}
main[class^=page--randoselu] .report__result {
  display: block;
  max-width: 1320px;
  margin-inline: auto;
  position: relative;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .report__result {
    padding-inline: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .report__result {
    padding-inline: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .report__result {
    padding-bottom: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .report__result {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .report__result {
    padding-top: 70px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .report__result {
    padding-top: 160px;
  }
}
main[class^=page--randoselu] .report__result::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
  width: 100vw;
  height: 100%;
  background: #f3efe8;
  z-index: -100;
}
main[class^=page--randoselu] .report__result__container {
  position: relative;
}
main[class^=page--randoselu] .report__result__container::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  aspect-ratio: 1440/100;
  background: url(../images/pages/randoselu/report/nandc_letter.svg) center repeat-x;
  background-size: contain;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .report__result__container::before {
    top: -40px;
    height: 60px;
    animation: text-loop--sp 15s linear infinite;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .report__result__container::before {
    top: -80px;
    width: 100vw;
    animation: text-loop--pc 15s linear infinite;
  }
}
@keyframes text-loop--sp {
  0% {
    background-position: 864px center;
  }
  100% {
    background-position: 0 center;
  }
}
@keyframes text-loop--pc {
  0% {
    background-position: 100vw center;
  }
  100% {
    background-position: 0 center;
  }
}
main[class^=page--randoselu] .report__result__item {
  position: relative;
}
main[class^=page--randoselu] .report__result__item:nth-of-type(1)::before {
  content: "";
  position: absolute;
  transform: translate(50vw, -50%);
  background: url(../../2024/images/common/illust_rainbow02.webp) center left no-repeat;
  background-size: contain;
  animation: swing01 3s ease 1s infinite;
  z-index: -10;
  pointer-events: none;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .report__result__item:nth-of-type(1)::before {
    top: -20px;
    right: 50%;
    width: 75px;
    height: 90px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .report__result__item:nth-of-type(1)::before {
    top: -80px;
    right: 50%;
    width: 235px;
    height: 270px;
  }
}
@keyframes swing01 {
  0% {
    transform: translate(50vw, -50%);
  }
  50% {
    transform: translate(50vw, calc(-50% + 20px));
  }
  100% {
    transform: translate(50vw, -50%);
  }
}
main[class^=page--randoselu] .report__result__item:nth-of-type(2)::after {
  content: "";
  position: absolute;
  transform: translate(-50vw, -50%);
  background: url(../../2024/images/common/illust_rainbow01.webp) center left no-repeat;
  background-size: contain;
  animation: swing02 3s ease 0s infinite;
  pointer-events: none;
  z-index: -10;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .report__result__item:nth-of-type(2)::after {
    top: -60px;
    left: 50%;
    width: 90px;
    height: 105px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .report__result__item:nth-of-type(2)::after {
    top: 0;
    left: 50%;
    width: 250px;
    height: 250px;
  }
}
@keyframes swing02 {
  0% {
    transform: translate(-50vw, -50%);
  }
  50% {
    transform: translate(-50vw, calc(-50% + 20px));
  }
  100% {
    transform: translate(-50vw, -50%);
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .report__result__item:nth-of-type(n + 2) {
    margin-top: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .report__result__item:nth-of-type(n + 2) {
    margin-top: 80px;
  }
}
main[class^=page--randoselu] .report__result .result {
  background: #ffffff;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .report__result .result {
    padding-top: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .report__result .result {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .report__result .result {
    padding-bottom: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .report__result .result {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .report__result .result {
    padding-right: 40px;
  }
}
@media only screen and (min-width: 835px) and (max-width: 1219px) {
  main[class^=page--randoselu] .report__result .result {
    padding-right: 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  main[class^=page--randoselu] .report__result .result {
    padding-right: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .report__result .result {
    padding-left: 40px;
  }
}
@media only screen and (min-width: 835px) and (max-width: 1219px) {
  main[class^=page--randoselu] .report__result .result {
    padding-left: 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  main[class^=page--randoselu] .report__result .result {
    padding-left: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .report__result .result {
    border-radius: 30px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .report__result .result {
    border-radius: 40px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .report__result .result {
    max-width: 480px;
    margin-inline: auto;
  }
}
main[class^=page--randoselu] .report__result .result__ttl {
  color: #b42a23;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .report__result .result__ttl {
    font-size: 2rem;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .report__result .result__ttl {
    font-size: 2.8rem;
  }
}
main[class^=page--randoselu] .report__result .result__ttl .illust {
  position: relative;
  display: inline-block;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .report__result .result__ttl .illust {
    padding-left: 60px;
    text-align: left;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .report__result .result__ttl .illust {
    padding-left: 80px;
  }
}
main[class^=page--randoselu] .report__result .result__ttl .illust::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -70%);
  background: url(../images/pages/randoselu/report/result_illust.webp) center no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .report__result .result__ttl .illust::before {
    width: 56px;
    height: 88px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .report__result .result__ttl .illust::before {
    width: 70px;
    height: 110px;
  }
}
main[class^=page--randoselu] .report__result .result__theme {
  display: grid;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .report__result .result__theme {
    margin-top: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .report__result .result__theme {
    margin-top: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .report__result .result__theme {
    grid-template: "ttl" auto "desc" 1fr "img" auto/auto;
    gap: 20px 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .report__result .result__theme {
    grid-template: "ttl img" auto "desc img" 1fr/auto 400px;
    gap: 20px;
  }
}
main[class^=page--randoselu] .report__result .result__theme__ttl {
  grid-area: ttl;
  letter-spacing: 0.1em;
  word-break: auto-phrase;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .report__result .result__theme__ttl {
    font-size: 2rem;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .report__result .result__theme__ttl {
    font-size: 2.8rem;
  }
}
main[class^=page--randoselu] .report__result .result__theme__ttl .dots {
  position: relative;
  display: block;
  padding-bottom: 0.5em;
}
main[class^=page--randoselu] .report__result .result__theme__ttl .dots::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 6px;
  background: url(../../2024/images/pages/randoselu/report/parts_line-dots--brown.svg) left center repeat-x;
  background-size: contain;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .report__result .result__theme__ttl .dots::after {
    bottom: -5px;
    left: 0;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .report__result .result__theme__ttl .dots::after {
    bottom: 0;
    left: 0;
  }
}
main[class^=page--randoselu] .report__result .result__theme__desc {
  grid-area: desc;
  line-height: 2.4;
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .report__result .result__theme__desc {
    font-size: 1.8rem;
  }
}
main[class^=page--randoselu] .report__result .result__theme__img {
  grid-area: img;
}
main[class^=page--randoselu] .report__result .result__figure {
  display: grid;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .report__result .result__figure {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .report__result .result__figure {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .report__result .result__figure {
    grid-template: "ttl" auto "img01" auto "img02" auto "comment" auto/auto;
    gap: 20px;
    align-items: center;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .report__result .result__figure {
    grid-template: "ttl ttl" auto "img01 img02" auto "comment comment" auto/1fr 1fr;
    gap: 60px 40px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .report__result .result__figure:has(.result__figure__note) {
    grid-template: "ttl" auto "img01" auto "img02" auto "comment" auto "note" auto/auto;
    gap: 20px;
    align-items: center;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .report__result .result__figure:has(.result__figure__note) {
    grid-template: "ttl ttl" auto "img01 img02" auto "comment comment" auto "note note" auto/1fr 1fr;
    gap: 60px 40px;
  }
}
main[class^=page--randoselu] .report__result .result__figure__ttl {
  grid-area: ttl;
  border-block: 4px solid #f3efe8;
  padding-block: 0.5em;
  text-align: center;
  letter-spacing: 0.1em;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .report__result .result__figure__ttl {
    font-size: 2rem;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .report__result .result__figure__ttl {
    font-size: 2.8rem;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .report__result .result__figure__img {
    text-align: center;
  }
}
main[class^=page--randoselu] .report__result .result__figure__img:nth-of-type(1) {
  grid-area: img01;
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .report__result .result__figure__img:nth-of-type(1) {
    justify-self: flex-end;
  }
}
main[class^=page--randoselu] .report__result .result__figure__img:nth-of-type(2) {
  grid-area: img02;
}
main[class^=page--randoselu] .report__result .result__figure__comment {
  grid-area: comment;
}
main[class^=page--randoselu] .report__result .result__figure__note {
  grid-area: note;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .report__result .result__pickup {
    margin-top: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .report__result .result__pickup {
    margin-top: 80px;
  }
}
main[class^=page--randoselu] .report__result .result .pickup {
  display: grid;
  border: 10px solid #fff5f8;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .report__result .result .pickup {
    padding-top: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .report__result .result .pickup {
    padding-top: 40px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .report__result .result .pickup {
    padding-bottom: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .report__result .result .pickup {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .report__result .result .pickup {
    padding-right: 20px;
  }
}
@media only screen and (min-width: 835px) and (max-width: 1219px) {
  main[class^=page--randoselu] .report__result .result .pickup {
    padding-right: 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  main[class^=page--randoselu] .report__result .result .pickup {
    padding-right: 40px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .report__result .result .pickup {
    padding-left: 20px;
  }
}
@media only screen and (min-width: 835px) and (max-width: 1219px) {
  main[class^=page--randoselu] .report__result .result .pickup {
    padding-left: 20px;
  }
}
@media print, screen and (min-width: 1220px) {
  main[class^=page--randoselu] .report__result .result .pickup {
    padding-left: 40px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .report__result .result .pickup {
    border-radius: 30px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .report__result .result .pickup {
    border-radius: 40px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .report__result .result .pickup {
    grid-template: "ttl" auto "txt" auto "img" auto/auto;
    gap: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .report__result .result .pickup {
    grid-template: "img ttl" auto "img txt" auto/260px auto;
    gap: 20px 40px;
  }
}
main[class^=page--randoselu] .report__result .result .pickup__ttl {
  position: relative;
  padding-top: 30px;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .report__result .result .pickup__ttl {
    font-size: 1.8rem;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .report__result .result .pickup__ttl {
    font-size: 2.2rem;
  }
}
main[class^=page--randoselu] .report__result .result .pickup__ttl::before {
  content: "PICK UP";
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 1em;
  background: #fff5f8;
  padding: 0 1em;
  font-size: 1.3rem;
  text-align: center;
}
main[class^=page--randoselu] .report__result .result .pickup__wrap {
  display: contents;
}
main[class^=page--randoselu] .report__result .result .pickup__txt {
  grid-area: txt;
}
main[class^=page--randoselu] .report__result .result .pickup__img {
  grid-area: img;
}
main[class^=page--randoselu] .report__result .result .comment {
  display: grid;
  align-items: center;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .report__result .result .comment {
    grid-template: "container" auto "img" auto "name" 1fr/auto;
    gap: 10px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .report__result .result .comment {
    grid-template: "img container" auto "name container" 1fr/150px auto;
    gap: 10px 80px;
  }
}
main[class^=page--randoselu] .report__result .result .comment__img {
  grid-area: img;
  justify-self: center;
}
main[class^=page--randoselu] .report__result .result .comment__name {
  grid-area: name;
  justify-self: center;
  align-self: flex-start;
  font-size: 1.8rem;
}
main[class^=page--randoselu] .report__result .result .comment__container {
  position: relative;
  grid-area: container;
  background: #f3efe8;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .report__result .result .comment__container {
    border-radius: 30px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .report__result .result .comment__container {
    border-radius: 40px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .report__result .result .comment__container {
    margin-bottom: 20px;
    padding: 35px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .report__result .result .comment__container {
    padding: 50px;
  }
}
main[class^=page--randoselu] .report__result .result .comment__container::before {
  content: "";
  position: absolute;
  background: #f3efe8;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .report__result .result .comment__container::before {
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 100%);
    height: 17.3205080757px;
    width: 25px;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .report__result .result .comment__container::before {
    top: 50%;
    left: 0;
    transform: translate(-100%, -50%);
    height: 51.9615242271px;
    width: 30px;
    clip-path: polygon(0 50%, 100% 0, 100% 100%);
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .report__result .result .comment__lead {
    font-size: 1.8rem;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .report__result .result .comment__lead {
    font-size: 2.2rem;
  }
}
main[class^=page--randoselu] .report__result .result .comment__lead:nth-of-type(n + 2) {
  margin-top: 1em;
}
main[class^=page--randoselu] .report__result .result .comment__txt {
  line-height: 2;
}
main[class^=page--randoselu] .report__result .result .comment__txt:nth-of-type(n + 2) {
  margin-top: 1em;
}
main[class^=page--randoselu] .report__link {
  position: relative;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .report__link {
    padding-bottom: 60px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .report__link {
    padding-bottom: 100px;
  }
}
main[class^=page--randoselu] .report__link::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
  width: 100vw;
  height: 100%;
  background: #f3efe8;
  z-index: -100;
}
main[class^=page--randoselu] .report__link::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 50%;
  translate: -50% -100%;
  display: block;
  width: 100vw;
  height: 3.6603221083vw;
  top: auto;
  bottom: -1px;
  transform: translate(-50%, 0);
  background: url(./../images/common/divider_wave--white.svg) center repeat-x;
}
main[class^=page--randoselu] .leather {
  display: block;
  max-width: 1320px;
  margin-inline: auto;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .leather {
    padding-inline: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .leather {
    padding-inline: 80px;
  }
}
main[class^=page--randoselu] .leather__yamagata-leather {
  display: block;
  max-width: 1320px;
  margin-inline: auto;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .leather__yamagata-leather {
    padding-inline: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .leather__yamagata-leather {
    padding-inline: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .leather__yamagata-leather {
    padding-top: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .leather__yamagata-leather {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .leather__yamagata-leather {
    padding-bottom: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .leather__yamagata-leather {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .leather__yamagata-leather {
    max-width: 400px;
  }
}
main[class^=page--randoselu] .leather__yamagata-leather__ttl {
  text-align: center;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .leather__yamagata-leather__ttl {
    font-size: 1.8rem;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .leather__yamagata-leather__ttl {
    font-size: 2.4rem;
  }
}
main[class^=page--randoselu] .leather__yamagata-leather__ttl .min {
  font-size: 80%;
}
main[class^=page--randoselu] .leather__yamagata-leather__ttl .bar {
  position: relative;
  padding-left: 3em;
}
main[class^=page--randoselu] .leather__yamagata-leather__ttl .bar::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0.25em;
  transform: translate(0, -50%);
  display: block;
  width: 2.5em;
  height: 1px;
  background: #444444;
}
main[class^=page--randoselu] .leather__yamagata-leather__ttl .dots {
  position: relative;
  display: inline-block;
}
main[class^=page--randoselu] .leather__yamagata-leather__ttl .dots::before {
  content: "";
  position: absolute;
  bottom: -0.25em;
  left: 50%;
  transform: translate(-50%, 0);
  display: inline-block;
  width: 100%;
  height: 6px;
  background: url(./../images/common/parts_line-dots--blue.svg) left repeat-x;
  background-size: contain;
}
main[class^=page--randoselu] .leather__yamagata-leather__desc {
  text-align: center;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .leather__yamagata-leather__desc {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .leather__yamagata-leather__desc {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .leather__yamagata-leather__container {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .leather__yamagata-leather__container {
    margin-top: 40px;
  }
}
main[class^=page--randoselu] .leather__yamagata-leather .yamagata-leather__feature {
  display: flex;
  flex-wrap: wrap;
  z-index: 0;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .leather__yamagata-leather .yamagata-leather__feature {
    padding-top: 60px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .leather__yamagata-leather .yamagata-leather__feature {
    padding-top: 40px;
  }
}
main[class^=page--randoselu] .leather__yamagata-leather .yamagata-leather__feature__txt {
  position: relative;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .leather__yamagata-leather .yamagata-leather__feature__txt {
    padding-top: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .leather__yamagata-leather .yamagata-leather__feature__txt {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .leather__yamagata-leather .yamagata-leather__feature__txt {
    padding-bottom: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .leather__yamagata-leather .yamagata-leather__feature__txt {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .leather__yamagata-leather .yamagata-leather__feature__txt {
    width: 100%;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .leather__yamagata-leather .yamagata-leather__feature__txt {
    transform: translate(0, 80px);
    width: 50%;
    padding-right: 80px;
  }
}
main[class^=page--randoselu] .leather__yamagata-leather .yamagata-leather__feature__txt::after {
  content: "";
  position: absolute;
  background: #eff8fb;
  z-index: -10;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .leather__yamagata-leather .yamagata-leather__feature__txt::after {
    top: -80px;
    right: 50%;
    transform: translate(50%, 0);
    width: 100vw;
    height: calc(100% + 80px);
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .leather__yamagata-leather .yamagata-leather__feature__txt::after {
    top: 0;
    right: -50%;
    width: calc(50vw + 50%);
    height: 100%;
    border-radius: 0 40px 40px 0;
  }
}
main[class^=page--randoselu] .leather__yamagata-leather .yamagata-leather__feature__item {
  position: relative;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .leather__yamagata-leather .yamagata-leather__feature__item {
    padding-left: 80px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .leather__yamagata-leather .yamagata-leather__feature__item {
    padding-left: 100px;
  }
}
main[class^=page--randoselu] .leather__yamagata-leather .yamagata-leather__feature__item:nth-of-type(n + 2) {
  margin-top: 2em;
}
main[class^=page--randoselu] .leather__yamagata-leather .yamagata-leather__feature__item::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .leather__yamagata-leather .yamagata-leather__feature__item::before {
    width: 60px;
    height: 60px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .leather__yamagata-leather .yamagata-leather__feature__item::before {
    width: 80px;
    height: 80px;
  }
}
main[class^=page--randoselu] .leather__yamagata-leather .yamagata-leather__feature__item.feature01 {
  position: relative;
}
main[class^=page--randoselu] .leather__yamagata-leather .yamagata-leather__feature__item.feature01::before {
  background: url(../../2024/images/pages/randoselu/leather/yamagara-leather_feature01.svg) center no-repeat;
  background-size: contain;
}
main[class^=page--randoselu] .leather__yamagata-leather .yamagata-leather__feature__item.feature02 {
  position: relative;
}
main[class^=page--randoselu] .leather__yamagata-leather .yamagata-leather__feature__item.feature02::before {
  background: url(../../2024/images/pages/randoselu/leather/yamagara-leather_feature02.svg) center no-repeat;
  background-size: contain;
}
main[class^=page--randoselu] .leather__yamagata-leather .yamagata-leather__feature__item.feature03 {
  position: relative;
}
main[class^=page--randoselu] .leather__yamagata-leather .yamagata-leather__feature__item.feature03::before {
  background: url(../../2024/images/pages/randoselu/leather/yamagara-leather_feature03.svg) center no-repeat;
  background-size: contain;
}
main[class^=page--randoselu] .leather__yamagata-leather .yamagata-leather__feature__img {
  position: relative;
  z-index: 10;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .leather__yamagata-leather .yamagata-leather__feature__img {
    order: -1;
    width: 100%;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .leather__yamagata-leather .yamagata-leather__feature__img {
    width: 50%;
  }
}
main[class^=page--randoselu] .leather__yamagata-leather .yamagata-leather__feature__img::before {
  content: "";
  position: absolute;
  background: url(../../2024/images/pages/randoselu/leather/yamagara-leather_caption.svg) top center no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .leather__yamagata-leather .yamagata-leather__feature__img::before {
    top: -60px;
    right: -20px;
    width: 150px;
    height: 120px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .leather__yamagata-leather .yamagata-leather__feature__img::before {
    top: -40px;
    right: 40px;
    width: 200px;
    height: 160px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .leather__yamagata-leather .yamagata-leather__feature__img img {
    border-radius: 30px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .leather__yamagata-leather .yamagata-leather__feature__img img {
    border-radius: 40px;
  }
}
main[class^=page--randoselu] .leather__list {
  display: block;
  max-width: 1320px;
  margin-inline: auto;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .leather__list {
    padding-inline: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .leather__list {
    padding-inline: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .leather__list {
    padding-top: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .leather__list {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .leather__list {
    padding-bottom: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .leather__list {
    padding-bottom: 80px;
  }
}
main[class^=page--randoselu] .leather__list__ttl {
  text-align: center;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .leather__list__ttl {
    font-size: 1.8rem;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .leather__list__ttl {
    font-size: 2.4rem;
  }
}
main[class^=page--randoselu] .leather__list__ttl .min {
  font-size: 80%;
}
main[class^=page--randoselu] .leather__list__ttl .dots {
  position: relative;
  display: inline-block;
}
main[class^=page--randoselu] .leather__list__ttl .dots::before {
  content: "";
  position: absolute;
  bottom: -0.25em;
  left: 50%;
  transform: translate(-50%, 0);
  display: inline-block;
  width: 100%;
  height: 6px;
  background: url(./../images/common/parts_line-dots--blue.svg) left repeat-x;
  background-size: contain;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .leather__list__container {
    margin-top: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .leather__list__container {
    margin-top: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .leather__list__container {
    margin-right: auto;
    margin-left: auto;
    max-width: 400px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .leather__list__container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr auto;
    gap: 40px;
  }
}
main[class^=page--randoselu] .leather__list .item__ttl {
  position: relative;
  grid-row: 1/2;
  padding-top: calc(61.5384615385% + 20px);
  text-align: center;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .leather__list .item__ttl {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .leather__list .item__ttl {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .leather__list .item__ttl:nth-of-type(n + 2) {
    margin-top: 60px;
  }
}
main[class^=page--randoselu] .leather__list .item__ttl::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: 100%;
  height: auto;
  aspect-ratio: 260/160;
}
main[class^=page--randoselu] .leather__list .item__ttl.cowhide::after {
  background: url(../../2024/images/pages/randoselu/leather/item_img--cowhide.webp) center no-repeat;
  background-size: contain;
}
main[class^=page--randoselu] .leather__list .item__ttl.clarino::after {
  background: url(../../2024/images/pages/randoselu/leather/item_img--clarino.webp) center no-repeat;
  background-size: contain;
}
main[class^=page--randoselu] .leather__list .item__ttl.clarino-r::after {
  background: url(../../2024/images/pages/randoselu/leather/item_img--clarino-r.webp) center no-repeat;
  background-size: contain;
}
main[class^=page--randoselu] .leather__list .item__ttl.cordovan::after {
  background: url(../../2024/images/pages/randoselu/leather/item_img--cordovan.webp) center no-repeat;
  background-size: contain;
}
main[class^=page--randoselu] .leather__list .item__desc {
  grid-row: 2/3;
}
main[class^=page--randoselu] .leather__list .item__desc .tag-list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1em;
}
main[class^=page--randoselu] .leather__list .item__desc .tag {
  position: relative;
  display: inline-block;
}
main[class^=page--randoselu] .leather__list .item__desc .tag::after {
  content: "";
  position: absolute;
  bottom: 0.15em;
  left: 50%;
  transform: translate(-50%, 0);
  display: block;
  width: calc(100% + 1em);
  height: 0.75em;
  background: #c2e4ff;
  z-index: -1;
}
main[class^=page--randoselu] .leather__list .item__desc .tag:not(:last-of-type) {
  padding-right: 2em;
}
main[class^=page--randoselu] .leather__list .item__desc .tag:not(:last-of-type)::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.5rem;
  transform: translate(0, -50%) rotate(15deg);
  width: 1px;
  height: 100%;
  background: #444444;
}
main[class^=page--randoselu] .leather__column {
  display: block;
  max-width: 1320px;
  margin-inline: auto;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .leather__column {
    padding-inline: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .leather__column {
    padding-inline: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .leather__column {
    padding-top: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .leather__column {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .leather__column {
    padding-bottom: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .leather__column {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .leather__column {
    max-width: 420px;
  }
}
main[class^=page--randoselu] .leather__column__wrap {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  border-radius: 40px;
  background: #eff8fb;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .leather__column__wrap {
    padding: 40px 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .leather__column__wrap {
    padding: 80px;
  }
}
main[class^=page--randoselu] .leather__column__ttl {
  width: 100%;
  text-align: center;
  color: #91baff;
  order: -1;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .leather__column__ttl {
    font-size: 1.8rem;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .leather__column__ttl {
    font-size: 2.4rem;
  }
}
main[class^=page--randoselu] .leather__column__ttl .caption {
  position: relative;
  display: inline-block;
}
main[class^=page--randoselu] .leather__column__ttl .caption::after {
  content: "";
  position: absolute;
  top: 20px;
  right: 20px;
  transform: translate(100%, -100%);
  background: url(../../2024/images/pages/randoselu/leather/column_ttl.svg) center no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .leather__column__ttl .caption::after {
    width: 100px;
    height: 100px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .leather__column__ttl .caption::after {
    width: 130px;
    height: 130px;
  }
}
main[class^=page--randoselu] .leather__column__ttl .min {
  font-size: 80%;
}
main[class^=page--randoselu] .leather__column__txt {
  order: 3;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .leather__column__txt {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .leather__column__txt {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .leather__column__txt {
    display: contents;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .leather__column__txt {
    width: 50%;
    padding-left: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .leather__column__desc:nth-of-type(n + 2) {
    margin-top: 1em;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .leather__column__desc:nth-of-type(1) {
    order: 1;
    margin-top: 1em;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .leather__column__desc:nth-of-type(n + 2) {
    order: 10;
  }
}
main[class^=page--randoselu] .leather__column__note {
  margin-top: 1em;
  color: #91baff;
  font-size: 80%;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .leather__column__note {
    order: 20;
  }
}
main[class^=page--randoselu] .leather__column__img {
  order: 2;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .leather__column__img {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .leather__column__img {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .leather__column__img {
    width: 100%;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .leather__column__img {
    width: 50%;
  }
}
main[class^=page--randoselu] .cube {
  display: block;
  max-width: 1320px;
  margin-inline: auto;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .cube {
    padding-inline: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .cube {
    padding-inline: 80px;
  }
}
main[class^=page--randoselu] .cube__about {
  display: block;
  max-width: 1320px;
  margin-inline: auto;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .cube__about {
    padding-inline: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .cube__about {
    padding-inline: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .cube__about {
    padding-top: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .cube__about {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .cube__about {
    padding-bottom: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .cube__about {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .cube__about {
    max-width: 400px;
  }
}
main[class^=page--randoselu] .cube__about__ttl {
  text-align: center;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .cube__about__ttl {
    font-size: 1.8rem;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .cube__about__ttl {
    font-size: 2.4rem;
  }
}
main[class^=page--randoselu] .cube__about__ttl .dots {
  position: relative;
  display: inline-block;
}
main[class^=page--randoselu] .cube__about__ttl .dots::before {
  content: "";
  position: absolute;
  bottom: -0.25em;
  left: 50%;
  transform: translate(-50%, 0);
  display: inline-block;
  width: 100%;
  height: 6px;
  background: url(./../images/common/parts_line-dots--green.svg) left repeat-x;
  background-size: contain;
}
main[class^=page--randoselu] .cube__about__desc {
  text-align: center;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .cube__about__desc {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .cube__about__desc {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .cube__about__container {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .cube__about__container {
    margin-top: 40px;
  }
}
main[class^=page--randoselu] .cube__about .about__figure__wrap {
  position: relative;
  padding: 20px;
}
main[class^=page--randoselu] .cube__about .about__figure__wrap::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: calc(100% + 60px);
  transform: translate(-50%, 0);
  background: #eff9eb;
  border-radius: 40px;
  z-index: -10;
}
main[class^=page--randoselu] .cube__about .about__figure__wrap:nth-of-type(3)::after {
  top: -60px;
}
main[class^=page--randoselu] .cube__about .about__figure__wrap--transparent {
  margin-top: -40px;
  padding: 0 20px;
}
main[class^=page--randoselu] .cube__about .about__figure__ttl {
  font-size: 150%;
  text-align: center;
  border-bottom: 4px solid #cee128;
  padding-bottom: 0.25em;
}
main[class^=page--randoselu] .cube__about .about__figure__desc {
  margin-top: 1em;
  text-align: center;
}
main[class^=page--randoselu] .cube__about .about__figure__img {
  margin-top: 20px;
  overflow: scroll;
}
main[class^=page--randoselu] .cube__about .about__figure__img img {
  max-width: 190%;
}
main[class^=page--randoselu] .cube__about .about__figure .logo--cube {
  margin-right: auto;
  margin-left: auto;
  display: block;
  height: 20px;
  margin-top: 1em;
}
main[class^=page--randoselu] .cube__wide {
  display: block;
  max-width: 1320px;
  margin-inline: auto;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .cube__wide {
    padding-inline: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .cube__wide {
    padding-inline: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .cube__wide {
    padding-top: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .cube__wide {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .cube__wide {
    padding-bottom: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .cube__wide {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .cube__wide {
    max-width: 400px;
  }
}
main[class^=page--randoselu] .cube__wide__ttl {
  text-align: center;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .cube__wide__ttl {
    font-size: 1.8rem;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .cube__wide__ttl {
    font-size: 2.4rem;
  }
}
main[class^=page--randoselu] .cube__wide__ttl .min {
  font-size: 80%;
}
main[class^=page--randoselu] .cube__wide__ttl .dots {
  position: relative;
  display: inline-block;
}
main[class^=page--randoselu] .cube__wide__ttl .dots::before {
  content: "";
  position: absolute;
  bottom: -0.25em;
  left: 50%;
  transform: translate(-50%, 0);
  display: inline-block;
  width: 100%;
  height: 6px;
  background: url(./../images/common/parts_line-dots--green.svg) left repeat-x;
  background-size: contain;
}
main[class^=page--randoselu] .cube__wide__desc {
  text-align: center;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .cube__wide__desc {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .cube__wide__desc {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .cube__wide__container {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .cube__wide__container {
    margin-top: 40px;
  }
}
main[class^=page--randoselu] .cube__wide .cube__feature {
  display: flex;
  flex-wrap: wrap;
  z-index: 0;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .cube__wide .cube__feature {
    padding-top: 60px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .cube__wide .cube__feature {
    padding-top: 40px;
  }
}
main[class^=page--randoselu] .cube__wide .cube__feature__txt {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .cube__wide .cube__feature__txt {
    padding-top: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .cube__wide .cube__feature__txt {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .cube__wide .cube__feature__txt {
    padding-bottom: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .cube__wide .cube__feature__txt {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .cube__wide .cube__feature__txt {
    width: 100%;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .cube__wide .cube__feature__txt {
    transform: translate(0, 80px);
    width: 40%;
    padding-right: 80px;
  }
}
main[class^=page--randoselu] .cube__wide .cube__feature__txt::after {
  content: "";
  position: absolute;
  background: #eff9eb;
  z-index: -10;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .cube__wide .cube__feature__txt::after {
    top: -80px;
    right: 50%;
    transform: translate(50%, 0);
    width: 100vw;
    height: calc(100% + 80px);
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .cube__wide .cube__feature__txt::after {
    top: 0;
    right: -50%;
    width: calc(50vw + 50%);
    height: 100%;
    border-radius: 0 40px 40px 0;
  }
}
main[class^=page--randoselu] .cube__wide .cube__feature__txt .em {
  display: block;
  color: #ff94b4;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .cube__wide .cube__feature__txt .em {
    font-size: 1.8rem;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .cube__wide .cube__feature__txt .em {
    font-size: 2.4rem;
  }
}
main[class^=page--randoselu] .cube__wide .cube__feature__img {
  position: relative;
  z-index: 10;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .cube__wide .cube__feature__img {
    order: -1;
    width: 100%;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .cube__wide .cube__feature__img {
    width: 60%;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .cube__wide .cube__feature__img img {
    border-radius: 30px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .cube__wide .cube__feature__img img {
    border-radius: 40px;
  }
}
main[class^=page--randoselu] .cube__stable {
  display: block;
  max-width: 1320px;
  margin-inline: auto;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .cube__stable {
    padding-inline: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .cube__stable {
    padding-inline: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .cube__stable {
    padding-top: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .cube__stable {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .cube__stable {
    padding-bottom: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .cube__stable {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .cube__stable {
    max-width: 400px;
  }
}
main[class^=page--randoselu] .cube__stable__ttl {
  text-align: center;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .cube__stable__ttl {
    font-size: 1.8rem;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .cube__stable__ttl {
    font-size: 2.4rem;
  }
}
main[class^=page--randoselu] .cube__stable__ttl .min {
  font-size: 80%;
}
main[class^=page--randoselu] .cube__stable__ttl .dots {
  position: relative;
  display: inline-block;
}
main[class^=page--randoselu] .cube__stable__ttl .dots::before {
  content: "";
  position: absolute;
  bottom: -0.25em;
  left: 50%;
  transform: translate(-50%, 0);
  display: inline-block;
  width: 100%;
  height: 6px;
  background: url(./../images/common/parts_line-dots--green.svg) left repeat-x;
  background-size: contain;
}
main[class^=page--randoselu] .cube__stable__desc {
  text-align: center;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .cube__stable__desc {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .cube__stable__desc {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .cube__stable__container {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .cube__stable__container {
    margin-top: 40px;
  }
}
main[class^=page--randoselu] .cube__stable .cube__feature {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  z-index: 0;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .cube__stable .cube__feature {
    padding-top: 60px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .cube__stable .cube__feature {
    padding-top: 40px;
  }
}
main[class^=page--randoselu] .cube__stable .cube__feature__txt {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .cube__stable .cube__feature__txt {
    padding-top: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .cube__stable .cube__feature__txt {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .cube__stable .cube__feature__txt {
    padding-bottom: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .cube__stable .cube__feature__txt {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .cube__stable .cube__feature__txt {
    width: 100%;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .cube__stable .cube__feature__txt {
    transform: translate(0, 80px);
    width: 40%;
    padding-left: 80px;
  }
}
main[class^=page--randoselu] .cube__stable .cube__feature__txt::after {
  content: "";
  position: absolute;
  background: #eff9eb;
  z-index: -10;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .cube__stable .cube__feature__txt::after {
    top: -80px;
    right: 50%;
    transform: translate(50%, 0);
    width: 100vw;
    height: calc(100% + 80px);
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .cube__stable .cube__feature__txt::after {
    top: 0;
    right: -50%;
    width: calc(50vw + 50%);
    height: 100%;
    border-radius: 40px 0 0 40px;
  }
}
main[class^=page--randoselu] .cube__stable .cube__feature__txt .em {
  display: block;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .cube__stable .cube__feature__txt .em {
    font-size: 1.8rem;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .cube__stable .cube__feature__txt .em {
    font-size: 2.4rem;
  }
}
main[class^=page--randoselu] .cube__stable .cube__feature__item {
  position: relative;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .cube__stable .cube__feature__item {
    padding-left: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .cube__stable .cube__feature__item {
    padding-left: 50px;
  }
}
main[class^=page--randoselu] .cube__stable .cube__feature__item:nth-of-type(n + 2) {
  margin-top: 2em;
}
main[class^=page--randoselu] .cube__stable .cube__feature__item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .cube__stable .cube__feature__item::before {
    width: 30px;
    height: 30px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .cube__stable .cube__feature__item::before {
    width: 40px;
    height: 40px;
  }
}
main[class^=page--randoselu] .cube__stable .cube__feature__item:nth-of-type(1) {
  position: relative;
}
main[class^=page--randoselu] .cube__stable .cube__feature__item:nth-of-type(1)::before {
  background: url(../../2024/images/pages/randoselu/cube/stable_no1.svg) center no-repeat;
  background-size: contain;
}
main[class^=page--randoselu] .cube__stable .cube__feature__item:nth-of-type(2) {
  position: relative;
}
main[class^=page--randoselu] .cube__stable .cube__feature__item:nth-of-type(2)::before {
  background: url(../../2024/images/pages/randoselu/cube/stable_no2.svg) center no-repeat;
  background-size: contain;
}
main[class^=page--randoselu] .cube__stable .cube__feature__img {
  position: relative;
  z-index: 10;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .cube__stable .cube__feature__img {
    order: -1;
    width: 100%;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .cube__stable .cube__feature__img {
    width: 60%;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .cube__stable .cube__feature__img img {
    border-radius: 30px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .cube__stable .cube__feature__img img {
    border-radius: 40px;
  }
}
main[class^=page--randoselu] .miracle-touch__ttl {
  display: block;
  max-width: 1320px;
  margin-inline: auto;
  position: relative;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .miracle-touch__ttl {
    padding-inline: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .miracle-touch__ttl {
    padding-inline: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .miracle-touch__ttl {
    padding-block: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .miracle-touch__ttl {
    padding-block: 100px;
  }
}
main[class^=page--randoselu] .miracle-touch__ttl::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(./../images/pages/randoselu/comfort/parts_illust01.webp) center no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .miracle-touch__ttl::before {
    width: 90px;
    height: 50px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .miracle-touch__ttl::before {
    width: 180px;
    height: 95px;
  }
}
main[class^=page--randoselu] .miracle-touch__ttl::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
  width: 100vw;
  height: 100%;
  background: #eff8fb;
  z-index: -100;
}
main[class^=page--randoselu] .miracle-touch__mv {
  display: grid;
  max-width: 1320px;
  margin-inline: auto;
  position: relative;
  z-index: 0;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .miracle-touch__mv {
    padding-inline: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .miracle-touch__mv {
    padding-inline: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .miracle-touch__mv {
    grid-template-areas: "desc" "ttl" "img";
    gap: 20px;
    padding-bottom: 60px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .miracle-touch__mv {
    grid-template: "img ttl" auto "img desc" auto/1fr 1fr;
    padding-bottom: 100px;
  }
}
main[class^=page--randoselu] .miracle-touch__mv::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
  width: 100vw;
  height: 100%;
  background: #eff8fb;
  z-index: -100;
}
main[class^=page--randoselu] .miracle-touch__mv__ttl {
  position: relative;
  grid-area: ttl;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .miracle-touch__mv__ttl {
    max-width: 305px;
    margin-inline: auto;
    padding-top: 90px;
    font-size: 1.4rem;
    letter-spacing: 0.18em;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .miracle-touch__mv__ttl {
    margin-top: 40px;
    padding-top: 190px;
    padding-bottom: 40px;
    font-size: 3rem;
    letter-spacing: 0.18em;
    transition-delay: 0.5s;
  }
}
main[class^=page--randoselu] .miracle-touch__mv__ttl::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/pages/randoselu/miracle-touch/miracle-touch_ttl.svg) top left no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .miracle-touch__mv__ttl::before {
    width: 241px;
    height: 77px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .miracle-touch__mv__ttl::before {
    width: 465px;
    height: 155px;
  }
}
main[class^=page--randoselu] .miracle-touch__mv__ttl .bracket {
  position: relative;
}
main[class^=page--randoselu] .miracle-touch__mv__ttl .bracket::before {
  content: "「";
}
main[class^=page--randoselu] .miracle-touch__mv__ttl .bracket::after {
  content: "」";
}
main[class^=page--randoselu] .miracle-touch__mv__desc {
  grid-area: desc;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .miracle-touch__mv__desc {
    max-width: 305px;
    margin-inline: auto;
    font-size: 1.4rem;
    letter-spacing: 0.1em;
    line-height: 1.8;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .miracle-touch__mv__desc {
    font-size: 2rem;
    letter-spacing: 0.1em;
    line-height: 1.93;
    transition-delay: 0.5s;
  }
}
main[class^=page--randoselu] .miracle-touch__mv__img {
  position: relative;
  grid-area: img;
  z-index: -10;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .miracle-touch__mv__img::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translate(0, 0);
    width: 16px;
    height: 70px;
    background: url(../images/common/parts_scroll.svg) center no-repeat;
    background-size: contain;
    z-index: 10;
    animation: linear 2s swing infinite;
  }
}
@keyframes swing {
  0% {
    transform: translateY(-5px);
  }
  50% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(-5px);
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .miracle-touch__mv__img {
    width: 100%;
    max-width: 305px;
    height: 225px;
    margin-inline: auto;
    transition-delay: 0.5s;
  }
}
main[class^=page--randoselu] .miracle-touch__mv__img > img {
  position: absolute;
  max-width: none;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .miracle-touch__mv__img > img {
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: 360px;
    height: 305px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .miracle-touch__mv__img > img {
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    width: 825px;
    height: 700px;
  }
}
main[class^=page--randoselu] .miracle-touch__feature {
  display: block;
  max-width: 1260px;
  margin-inline: auto;
  position: relative;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .miracle-touch__feature {
    padding-inline: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .miracle-touch__feature {
    padding-inline: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .miracle-touch__feature {
    padding-top: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .miracle-touch__feature {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .miracle-touch__feature {
    padding-bottom: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .miracle-touch__feature {
    padding-bottom: 40px;
  }
}
main[class^=page--randoselu] .miracle-touch__feature::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
  width: 100vw;
  height: 100%;
  background: #eff8fb;
  z-index: -100;
}
main[class^=page--randoselu] .miracle-touch__feature__wrap {
  display: grid;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .miracle-touch__feature__wrap {
    grid-template: "img" max-content "ttl" max-content "desc" 1fr/auto;
    text-align: center;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .miracle-touch__feature__wrap {
    grid-template: "img ttl" 1fr "img desc" 1fr/auto 320px;
  }
}
main[class^=page--randoselu] .miracle-touch__feature__ttl {
  grid-area: ttl;
  align-self: flex-end;
  letter-spacing: 0.1em;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .miracle-touch__feature__ttl {
    margin-top: 40px;
    font-size: 1.8rem;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .miracle-touch__feature__ttl {
    font-size: 2.8rem;
  }
}
main[class^=page--randoselu] .miracle-touch__feature__ttl .dots {
  position: relative;
  display: inline-block;
  padding-bottom: 0.5em;
}
main[class^=page--randoselu] .miracle-touch__feature__ttl .dots::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 6px;
  background: url(../../2024/images/common/parts_line-dots--colorful.svg) left center repeat-x;
  background-size: contain;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .miracle-touch__feature__ttl .dots::after {
    bottom: -5px;
    left: 0;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .miracle-touch__feature__ttl .dots::after {
    bottom: 0;
    left: 0;
  }
}
main[class^=page--randoselu] .miracle-touch__feature__desc {
  grid-area: desc;
  display: block;
  width: 100%;
  margin-top: 1em;
  letter-spacing: 0.05em;
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .miracle-touch__feature__desc {
    font-size: 1.8rem;
  }
}
main[class^=page--randoselu] .miracle-touch__feature__img {
  position: relative;
  grid-area: img;
  order: -10;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .miracle-touch__feature__img {
    justify-self: center;
    max-width: 305px;
    aspect-ratio: 305/183;
    text-align: center;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .miracle-touch__feature__img {
    aspect-ratio: 780/540;
  }
}
main[class^=page--randoselu] .miracle-touch__feature__img::after {
  content: "";
  position: absolute;
  background: url(../images/pages/randoselu/comfort/feature_letter.svg) top center no-repeat;
  background-size: contain;
  transition-delay: 2s;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .miracle-touch__feature__img::after {
    top: 50%;
    left: 30px;
    transform: translate(0, -50%);
    width: 8px;
    height: 230px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .miracle-touch__feature__img::after {
    top: -40px;
    left: 80px;
    transform: translate(0, 0);
    width: 15px;
    height: 430px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .miracle-touch__feature__img > img {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    width: 115.3846153846%;
    max-width: none;
    aspect-ratio: 900/540;
    z-index: -10;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .miracle-touch__feature__container {
    margin-top: 60px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .miracle-touch__feature__container {
    margin-top: 100px;
  }
}
main[class^=page--randoselu] .miracle-touch__feature__item {
  position: relative;
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .miracle-touch__feature__item:nth-of-type(even) .feature {
    grid-template: "img ttl" auto "img desc" 1fr/320px auto;
  }
}
main[class^=page--randoselu] .miracle-touch__feature__item:nth-of-type(even) .feature::before {
  top: 0;
  left: auto;
  right: 0;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .miracle-touch__feature__item:nth-of-type(even) .feature::before {
    transform: translate(10px, -20px);
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .miracle-touch__feature__item:nth-of-type(even) .feature::before {
    transform: translate(20px, -30px);
  }
}
main[class^=page--randoselu] .miracle-touch__feature__item:nth-of-type(1)::after {
  content: "";
  position: absolute;
  transform: translate(50vw, -50%);
  background: url(../../2024/images/common/illust_rainbow02.webp) center left no-repeat;
  background-size: contain;
  animation: swing01 3s ease 1s infinite;
  z-index: 10;
  pointer-events: none;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .miracle-touch__feature__item:nth-of-type(1)::after {
    top: -20px;
    right: 50%;
    width: 75px;
    height: 90px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .miracle-touch__feature__item:nth-of-type(1)::after {
    top: -40px;
    right: 50%;
    width: 235px;
    height: 270px;
  }
}
@keyframes swing01 {
  0% {
    transform: translate(50vw, -50%);
  }
  50% {
    transform: translate(50vw, calc(-50% + 20px));
  }
  100% {
    transform: translate(50vw, -50%);
  }
}
main[class^=page--randoselu] .miracle-touch__feature__item:nth-of-type(1) .feature::before {
  background: url(../images/pages/randoselu/comfort/feature__ttl01.svg) top left no-repeat;
  background-size: contain;
}
main[class^=page--randoselu] .miracle-touch__feature__item:nth-of-type(2)::after {
  content: "";
  position: absolute;
  transform: translate(-50vw, -50%);
  background: url(../../2024/images/common/illust_rainbow01.webp) center left no-repeat;
  background-size: contain;
  animation: swing02 3s ease 0s infinite;
  z-index: 10;
  pointer-events: none;
  z-index: -10;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .miracle-touch__feature__item:nth-of-type(2)::after {
    top: -60px;
    left: 50%;
    width: 90px;
    height: 105px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .miracle-touch__feature__item:nth-of-type(2)::after {
    top: 0;
    left: 50%;
    width: 250px;
    height: 250px;
  }
}
@keyframes swing02 {
  0% {
    transform: translate(-50vw, -50%);
  }
  50% {
    transform: translate(-50vw, calc(-50% + 20px));
  }
  100% {
    transform: translate(-50vw, -50%);
  }
}
main[class^=page--randoselu] .miracle-touch__feature__item:nth-of-type(2) .feature::before {
  background: url(../images/pages/randoselu/comfort/feature__ttl02.svg) top left no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .miracle-touch__feature__item:nth-of-type(n + 2) {
    margin-top: 100px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .miracle-touch__feature__item:nth-of-type(n + 2) {
    margin-top: 120px;
  }
}
main[class^=page--randoselu] .miracle-touch__feature .feature {
  position: relative;
  display: grid;
  background: #ffffff;
  box-shadow: 0 0 10px rgba(194, 228, 255, 0.1);
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .miracle-touch__feature .feature {
    padding-top: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .miracle-touch__feature .feature {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .miracle-touch__feature .feature {
    padding-bottom: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .miracle-touch__feature .feature {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .miracle-touch__feature .feature {
    padding-right: 40px;
  }
}
@media only screen and (min-width: 835px) and (max-width: 1219px) {
  main[class^=page--randoselu] .miracle-touch__feature .feature {
    padding-right: 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  main[class^=page--randoselu] .miracle-touch__feature .feature {
    padding-right: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .miracle-touch__feature .feature {
    padding-left: 40px;
  }
}
@media only screen and (min-width: 835px) and (max-width: 1219px) {
  main[class^=page--randoselu] .miracle-touch__feature .feature {
    padding-left: 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  main[class^=page--randoselu] .miracle-touch__feature .feature {
    padding-left: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .miracle-touch__feature .feature {
    border-radius: 30px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .miracle-touch__feature .feature {
    border-radius: 40px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .miracle-touch__feature .feature {
    grid-template: "ttl" auto "desc" auto "img" 1fr/auto;
    gap: 20px;
    max-width: 480px;
    margin-inline: auto;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .miracle-touch__feature .feature {
    grid-template: "ttl img" auto "desc img" 1fr/auto 320px;
    gap: 20px 80px;
  }
}
main[class^=page--randoselu] .miracle-touch__feature .feature::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .miracle-touch__feature .feature::before {
    transform: translate(-10px, -20px);
    width: 180px;
    height: 70px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .miracle-touch__feature .feature::before {
    transform: translate(-20px, -30px);
    width: 320px;
    height: 125px;
  }
}
main[class^=page--randoselu] .miracle-touch__feature .feature__ttl {
  grid-area: ttl;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .miracle-touch__feature .feature__ttl {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .miracle-touch__feature .feature__ttl {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .miracle-touch__feature .feature__ttl {
    font-size: 1.8rem;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .miracle-touch__feature .feature__ttl {
    font-size: 2.8rem;
  }
}
main[class^=page--randoselu] .miracle-touch__feature .feature__ttl .line {
  position: relative;
  z-index: 0;
}
main[class^=page--randoselu] .miracle-touch__feature .feature__ttl .line::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translate(0, 25%);
  display: block;
  width: 100%;
  height: 10px;
  background: #fffe87;
  z-index: -1;
}
main[class^=page--randoselu] .miracle-touch__feature .feature__desc {
  grid-area: desc;
  line-height: 2;
}
main[class^=page--randoselu] .miracle-touch__feature .feature__img {
  grid-area: img;
  position: relative;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .miracle-touch__feature .feature__img {
    min-height: 180px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .miracle-touch__feature .feature__img {
    width: 100%;
    aspect-ratio: 35/25;
  }
}
main[class^=page--randoselu] .miracle-touch__feature .feature__img > img {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: auto;
  transform: translate(-50%, 0);
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .miracle-touch__feature .feature__img > img {
    width: 180px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .miracle-touch__feature .feature .img-pos {
    height: calc(100% + 80px);
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .miracle-touch__feature .feature .img-pos > img {
    top: auto;
    bottom: 0;
    transform: translate(-50%, 40px);
  }
}
main[class^=page--randoselu] .remake__head {
  display: block;
  max-width: 1320px;
  margin-inline: auto;
  position: relative;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .remake__head {
    padding-inline: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .remake__head {
    padding-inline: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .remake__head {
    padding-top: 60px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .remake__head {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .remake__head {
    padding-bottom: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .remake__head {
    padding-bottom: 80px;
  }
}
main[class^=page--randoselu] .remake__head::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 150px;
  height: 500px;
  translate: 0 -50%;
  aspect-ratio: 1180/500;
  background: url(./../images/pages/randoselu/remake/remake_mv.webp) left center no-repeat;
  background-size: cover;
}
main[class^=page--randoselu] .remake__head::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
  width: 100vw;
  height: 100%;
  background: #fff5f8;
  z-index: -100;
}
main[class^=page--randoselu] .remake__head .remake__head__ttl {
  display: grid;
  grid-template: "sub" max-content "main" auto/1fr;
}
main[class^=page--randoselu] .remake__head .remake__head__ttl .main {
  grid-area: main;
  position: relative;
  padding-top: 220px;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .remake__head .remake__head__ttl .main {
    font-size: 2.6rem;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .remake__head .remake__head__ttl .main {
    font-size: 3.1rem;
    letter-spacing: 0.1em;
  }
}
main[class^=page--randoselu] .remake__head .remake__head__ttl .main::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 180px;
  aspect-ratio: 710/180;
  background: url(./../images/pages/randoselu/remake/remake_ttl.svg) left center no-repeat;
  background-size: contain;
}
main[class^=page--randoselu] .remake__head .remake__head__ttl .sub {
  grid-area: sub;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .remake__head .remake__head__ttl .sub {
    padding-bottom: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .remake__head .remake__head__ttl .sub {
    padding-bottom: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .remake__head .remake__head__ttl .sub {
    font-size: 2.2rem;
  }
}
main[class^=page--randoselu] .remake__head .remake__head__img {
  grid-area: img;
  position: relative;
  width: 150px;
  aspect-ratio: 1/1;
  margin-bottom: 60px;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .remake__head .remake__head__img {
    margin-top: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .remake__head .remake__head__img {
    margin-top: 80px;
  }
}
main[class^=page--randoselu] .remake__head .remake__head__img::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url(./../images/common/support_img02.svg) center no-repeat;
  background-size: contain;
  animation: rotate 4s infinite;
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  45% {
    transform: rotate(180deg);
  }
  50% {
    transform: rotate(180deg);
  } /* 0.5秒停止 */
  95% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(360deg);
  } /* 0.5秒停止 */
}
main[class^=page--randoselu] .remake__head .remake__head__img::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  translate: -50% 100%;
  width: 145px;
  height: 38px;
  background: url(./../images/common/support_img03.svg) center no-repeat;
  background-size: contain;
}
main[class^=page--randoselu] .remake__head .remake__head__desc {
  max-width: 600px;
  letter-spacing: 0.05em;
  line-height: 2;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .remake__head .remake__head__desc {
    margin-top: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .remake__head .remake__head__desc {
    margin-top: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .remake__head .remake__head__desc {
    font-size: 1.5rem;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .remake__head .remake__head__desc {
    font-size: 1.8rem;
  }
}
main[class^=page--randoselu] .remake__products {
  display: block;
  max-width: 1320px;
  margin-inline: auto;
  position: relative;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .remake__products {
    padding-top: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .remake__products {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .remake__products {
    padding-bottom: 60px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .remake__products {
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .remake__products {
    padding-inline: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .remake__products {
    padding-inline: 80px;
  }
}
main[class^=page--randoselu] .remake__products::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
  width: 100vw;
  height: 100%;
  background: #fff5f8;
  z-index: -100;
}
main[class^=page--randoselu] .remake__products::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(./../images/pages/randoselu/remake/illust_remake.webp) center no-repeat;
  background-size: contain;
  z-index: 10;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .remake__products::after {
    width: 130px;
    height: 150px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .remake__products::after {
    width: 240px;
    height: 270px;
  }
}
main[class^=page--randoselu] .remake__products .remake__products__list {
  display: grid;
  justify-content: center;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .remake__products .remake__products__list {
    margin-top: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .remake__products .remake__products__list {
    margin-top: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .remake__products .remake__products__list {
    grid-template-columns: repeat(auto-fill, 160px);
    gap: 40px 15px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .remake__products .remake__products__list {
    grid-template-columns: repeat(auto-fill, minmax(220px, 240px));
    gap: 60px 40px;
  }
}
main[class^=page--randoselu] .remake__products .product-card {
  max-width: 260px;
}
main[class^=page--randoselu] .remake__products .product-card .img {
  background: #ffffff;
  box-shadow: 0 0 10px rgba(255, 198, 219, 0.16);
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .remake__products .product-card .img {
    border-radius: 15px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .remake__products .product-card .img {
    border-radius: 40px;
  }
}
main[class^=page--randoselu] .remake__products .product-card .caption {
  margin-top: 30px;
}
main[class^=page--randoselu] .remake__products .product-card .caption .ttl {
  display: block;
  margin-bottom: 0.5em;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .remake__products .product-card .caption .ttl {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .remake__products .product-card .caption .ttl {
    font-size: 2.2rem;
  }
}
main[class^=page--randoselu] .remake__products .product-card .caption .ratio,
main[class^=page--randoselu] .remake__products .product-card .caption .price {
  position: relative;
  display: block;
  padding-left: 24px;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .remake__products .product-card .caption .ratio,
  main[class^=page--randoselu] .remake__products .product-card .caption .price {
    font-size: 1.3rem;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .remake__products .product-card .caption .ratio,
  main[class^=page--randoselu] .remake__products .product-card .caption .price {
    font-size: 1.5rem;
  }
}
main[class^=page--randoselu] .remake__products .product-card .caption .ratio::before,
main[class^=page--randoselu] .remake__products .product-card .caption .price::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  width: 15px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #ffafcc;
}
main[class^=page--randoselu] .remake__ex {
  display: block;
  max-width: 1320px;
  margin-inline: auto;
  position: relative;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .remake__ex {
    padding-top: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .remake__ex {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .remake__ex {
    padding-bottom: 100px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .remake__ex {
    padding-bottom: 250px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .remake__ex {
    padding-inline: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .remake__ex {
    padding-inline: 80px;
  }
}
main[class^=page--randoselu] .remake__ex::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 50%;
  translate: -50% -100%;
  display: block;
  width: 100vw;
  height: 3.6603221083vw;
  background: url(./../images/common/divider_wave--dark-pink.svg) center repeat-x;
}
main[class^=page--randoselu] .remake__ex::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
  width: 100vw;
  height: 100%;
  background: #ffe2e9;
  z-index: -100;
}
main[class^=page--randoselu] .remake__ex .remake__ex__list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(400px, 540px));
  gap: 80px;
  justify-content: center;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .remake__ex .remake__ex__list {
    margin-top: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .remake__ex .remake__ex__list {
    margin-top: 80px;
  }
}
main[class^=page--randoselu] .remake__ex .remake__ex__item {
  justify-content: center;
}
main[class^=page--randoselu] .remake__ex .example {
  position: relative;
  width: 100%;
  max-width: 540px;
  height: 100%;
  padding: 0 70px 40px;
}
main[class^=page--randoselu] .remake__ex .example::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  translate: -50% 0;
  width: 100%;
  height: calc(100% - 80px);
  background: #ffffff;
  z-index: -10;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .remake__ex .example::after {
    border-radius: 15px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .remake__ex .example::after {
    border-radius: 40px;
  }
}
main[class^=page--randoselu] .remake__ex .example .img {
  max-width: 400px;
  background: #fff5f8;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .remake__ex .example .img {
    border-radius: 15px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .remake__ex .example .img {
    border-radius: 40px;
  }
}
main[class^=page--randoselu] .remake__ex .example .caption {
  margin-top: 1em;
}
main[class^=page--randoselu] .remake__ex .example .item {
  position: relative;
  display: block;
  padding-left: 24px;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .remake__ex .example .item {
    font-size: 1.3rem;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .remake__ex .example .item {
    font-size: 1.5rem;
  }
}
main[class^=page--randoselu] .remake__ex .example .item::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  width: 15px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #ffafcc;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .remake__ex .remake__ex__caution {
    margin-top: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .remake__ex .remake__ex__caution {
    margin-top: 80px;
  }
}
main[class^=page--randoselu] .remake__ex .remake__ex__caution .caution__ttl {
  position: relative;
  padding-left: 20px;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .remake__ex .remake__ex__caution .caution__ttl {
    font-size: 1.8rem;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .remake__ex .remake__ex__caution .caution__ttl {
    font-size: 2.8rem;
  }
}
main[class^=page--randoselu] .remake__ex .remake__ex__caution .caution__ttl::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  width: 10px;
  height: 100%;
  background: #ffc6db;
}
main[class^=page--randoselu] .remake__ex .remake__ex__caution .caution__list {
  display: grid;
  row-gap: 20px;
  margin-top: 1em;
  padding-left: 20px;
  list-style: inside;
}
main[class^=page--randoselu] .remake__ex .remake__ex__caution .caution__item {
  font-size: 1.5rem;
  list-style: disc;
}
main[class^=page--randoselu] .remake__ex .remake__ex__caution .caution__note {
  display: block;
  margin-top: 1em;
  padding-left: 1em;
  text-indent: -1em;
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .remake__ex .remake__ex__caution .caution__note {
    margin-left: 20px;
  }
}
main[class^=page--randoselu] .remake__contact {
  display: block;
  max-width: 1320px;
  margin-inline: auto;
  position: relative;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .remake__contact {
    padding-inline: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .remake__contact {
    padding-inline: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .remake__contact {
    padding-top: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .remake__contact {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .remake__contact {
    padding-bottom: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .remake__contact {
    padding-bottom: 80px;
  }
}
main[class^=page--randoselu] .remake__contact::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 50%;
  translate: -50% -100%;
  display: block;
  width: 100vw;
  height: 3.6603221083vw;
  background: url(./../images/common/divider_wave--white.svg) center repeat-x;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .remake__contact .remake__contact__desc {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .remake__contact .remake__contact__desc {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .remake__contact .remake__contact__desc {
    font-size: 1.5rem;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .remake__contact .remake__contact__desc {
    font-size: 1.8rem;
  }
}
main[class^=page--randoselu] .remake__contact .remake__contact__btn {
  max-width: 380px;
  margin-inline: auto;
}
@media only screen and (max-width: 834px) {
  main[class^=page--randoselu] .remake__contact .remake__contact__btn {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--randoselu] .remake__contact .remake__contact__btn {
    margin-top: 40px;
  }
}/*# sourceMappingURL=randoselu.css.map */