@charset "UTF-8";
/* ///////////////////////////////////////////
  value.scss
  変数・mixinに関する設定
/////////////////////////////////////////// */
/*====================================
  カラー
=====================================*/
/*
$color1: #1f3134; //黒っぽい緑
$color2: #ff0033; //赤
$color3: #b40034; //エンジ色
$color4: #0f3784; //青

//2022～
$color5: #aac467; //黄緑
$color7: #595757; //濃グレー

$mainColor: $color1;
$accentColor: #fff; //白

//2022～
$fontColor: $color7;

$bgColor1: #f8eef7; //薄ピンク
$bgColor2: #e0eff2; //水色
$bgColor3: #f4efe4; //ベージュ
$bgColor4: #f5f2ef; //グレーっぽいベージュ
$bgColor5: #fffee6; //薄黄色

$bdColor1: #d5d7d6; //グレー

$pastelColor1: #e3a7c8;
$pastelColor2: #f3efa1;
$pastelColor3: #a8cae5;
$pastelColor4: #ed7986;

$pastelColor1-dark: #eca1ca;
$pastelColor2-dark: #e6d223;
$pastelColor3-dark: #7ebded;

$mkColor1: #f6d1e5; //薄ピンク
$mkColor2: #c6e0f6; //水色
$mkColor3: #faf3b1; //黄色

//2022～
$boysColor: #5aa7ab;
$girlsColor: #ab226d;
$boysBgColor: #d4e5e6;
$girlsBgColor: #eadfe4;

$btnColor: #9fa0a0;
*/
/*====================================
  画像
=====================================*/
/*====================================
  font
=====================================*/
/*--------------------
～2021用フォント設定
--------------------*/
@font-face {
  font-family: "HoshizoraMincho";
  src: url(./../images/font/StarSkyMincyou-Regular.woff2) format("woff2");
  src: url(./../images/font/StarSkyMincyou-Regular.woff) format("woff");
}
/*--------------------
2022～フォント設定
--------------------*/
/*====================================
  レイアウト・パーツ
=====================================*/
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/* /////////////////////////////////
  margin-top
///////////////////////////////// */
/* ///////////////////////////////////////////
  randoselu.scss
  子どもの笑顔をつくるランドセルに関する記述
/////////////////////////////////////////// */
/*=================================
  randoselu--index（トップ）
=================================*/
.page--randoselu--index .page__title {
  position: relative;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--index .page__title {
    margin-bottom: 200px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--index .page__title {
    margin-bottom: 500px;
  }
}
.page--randoselu--index .page__title::after {
  width: 100%;
  content: "";
  display: block;
  background: url(../images/page/randoselu/pagetitle-after.jpg) center top no-repeat #f5f2ef;
  background-size: cover;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--index .page__title::after {
    height: 200px;
    bottom: -200px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--index .page__title::after {
    height: 500px;
    bottom: -500px;
  }
}
.page--randoselu--index .randoselu--index__opening {
  display: block;
  max-width: 1060px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--index .randoselu--index__opening {
    padding: 50px 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--randoselu--index .randoselu--index__opening {
    padding: 100px 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--randoselu--index .randoselu--index__opening {
    padding: 100px 80px;
  }
}
.page--randoselu--index .randoselu--index__opening__heading {
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--index .randoselu--index__opening__heading {
    margin-bottom: 30px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--index .randoselu--index__opening__heading {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 768px) {
  .page--randoselu--index .randoselu--index__opening__heading h2,
.page--randoselu--index .randoselu--index__opening__heading p.em {
    font-size: 2rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--index .randoselu--index__opening__heading h2,
.page--randoselu--index .randoselu--index__opening__heading p.em {
    font-size: 3rem;
  }
}
.page--randoselu--index .randoselu--index__opening__heading h2 span,
.page--randoselu--index .randoselu--index__opening__heading p.em span {
  color: #b40034;
}
.page--randoselu--index .randoselu--index__opening__heading p {
  margin-top: 1em;
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--index .randoselu--index__opening__heading p {
    font-size: 1.8rem;
  }
}
.page--randoselu--index .randoselu--index__opening__heading p.em {
  line-height: 1.4;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--index .randoselu--index__opening__heading p.em {
    margin-top: 30px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--index .randoselu--index__opening__heading p.em {
    margin-top: 40px;
  }
}
.page--randoselu--index .randoselu--index__opening__heading p span {
  color: #b40034;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--index .randoselu--index__opening .mod__heading01 {
    font-size: 2rem;
    margin-bottom: 45px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--index .randoselu--index__opening .mod__heading01 {
    font-size: 3rem;
    margin-bottom: 90px;
  }
}
.page--randoselu--index .randoselu--index__opening .mod__heading01::after {
  display: none;
}
.page--randoselu--index .randoselu--index__opening > p {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "メイリオ", Meiryo, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, Arial, sans-serif;
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--index .randoselu--index__opening > p {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--index .randoselu--index__opening > p:nth-of-type(n + 2) {
    margin-top: 35px;
  }
}
@media only screen and (max-width: 768px) {
  .page--randoselu--index .randoselu--index__standard {
    padding-bottom: 50px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--index .randoselu--index__standard {
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 768px) {
  .page--randoselu--index .randoselu--index__standard .mod__heading02 {
    margin-bottom: 45px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--index .randoselu--index__standard .mod__heading02 {
    height: 130px;
    font-size: 3rem;
    margin-bottom: 95px;
  }
}
@media only screen and (max-width: 768px) {
  .page--randoselu--index .randoselu--index__standard .mod__heading01 {
    font-size: 2rem;
    margin-bottom: 45px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--index .randoselu--index__standard .mod__heading01 {
    font-size: 3rem;
    margin-bottom: 90px;
  }
}
.page--randoselu--index .randoselu--index__standard .mod__heading01::after {
  display: none;
}
.page--randoselu--index .randoselu--index__standard > p,
.page--randoselu--index .randoselu--index__standard > ul {
  display: block;
  max-width: 1060px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--index .randoselu--index__standard > p,
.page--randoselu--index .randoselu--index__standard > ul {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--randoselu--index .randoselu--index__standard > p,
.page--randoselu--index .randoselu--index__standard > ul {
    padding: 0 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--randoselu--index .randoselu--index__standard > p,
.page--randoselu--index .randoselu--index__standard > ul {
    padding: 0 80px;
  }
}
.page--randoselu--index .randoselu--index__standard > p {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "メイリオ", Meiryo, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, Arial, sans-serif;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--index .randoselu--index__standard > p {
    margin-bottom: 25px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--index .randoselu--index__standard > p {
    font-size: 1.6rem;
    margin-bottom: 45px;
  }
}
@media only screen and (max-width: 768px) {
  .page--randoselu--index .randoselu--index__standard > ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
  }
  .page--randoselu--index .randoselu--index__standard > ul > * {
    order: 0;
    flex: 0 1 auto;
    align-self: auto;
  }
  .page--randoselu--index .randoselu--index__standard > ul > * {
    width: calc(50% - 7.5px);
    margin: 0 15px 0 0;
  }
  .page--randoselu--index .randoselu--index__standard > ul > *:nth-child(2n) {
    margin-right: 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--index .randoselu--index__standard > ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
  }
  .page--randoselu--index .randoselu--index__standard > ul > * {
    order: 0;
    flex: 0 1 auto;
    align-self: auto;
  }
  .page--randoselu--index .randoselu--index__standard > ul > * {
    width: 31.1111%;
    margin: 0 3.3333% 0 0;
  }
  .page--randoselu--index .randoselu--index__standard > ul > *:nth-child(3n) {
    margin-right: 0;
  }
}
.page--randoselu--index .randoselu--index__standard > ul li {
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--index .randoselu--index__standard > ul li:nth-child(n+3) {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1220px) {
  .page--randoselu--index .randoselu--index__standard > ul li {
    max-width: 280px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--index .randoselu--index__standard > ul li:nth-child(n+4) {
    margin-top: 30px;
  }
}
.page--randoselu--index .randoselu--index__standard > ul li div h3,
.page--randoselu--index .randoselu--index__standard > ul li div p {
  color: #231815;
}
.page--randoselu--index .randoselu--index__standard > ul li div h3 {
  line-height: 1.4;
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: center;
  /*
  span {
    background-size: 11px !important;

    &.lightblue {
      background: url(../images/common/underline-lightblue.gif) center bottom repeat-x;
    }
    &.lightpurple {
      background: url(../images/common/underline-lightpurple.gif) center bottom repeat-x;
    }
    &.lightgreen {
      background: url(../images/common/underline-lightgreen.gif) center bottom repeat-x;
    }
    &.lightorange {
      background: url(../images/common/underline-lightorange.gif) center bottom repeat-x;
    }
    &.pink {
      background: url(../images/common/underline-pink.gif) center bottom repeat-x;
    }
    &.yellowishgreen {
      background: url(../images/common/underline-yellowishgreen.gif) center bottom repeat-x;
    }
    &.yellow {
      background: url(../images/common/underline-yellow.gif) center bottom repeat-x;
    }
  }
  */
}
.page--randoselu--index .randoselu--index__standard > ul li div h3::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 1.4) * 0.5em);
}
@media only screen and (max-width: 768px) {
  .page--randoselu--index .randoselu--index__standard > ul li div h3 {
    font-size: 1.6rem;
    margin-bottom: 5px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--index .randoselu--index__standard > ul li div h3 {
    font-size: 1.9rem;
    margin-bottom: 10px;
  }
}
.page--randoselu--index .randoselu--index__standard > ul li div p {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "メイリオ", Meiryo, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, Arial, sans-serif;
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--index .randoselu--index__standard > ul li div p {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 768px) {
  .page--randoselu--index .randoselu--index__standard > ul li figure {
    margin-bottom: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--index .randoselu--index__standard > ul li figure {
    margin-bottom: 20px;
  }
}
.page--randoselu--index .randoselu--index__standard > ul li figure img {
  display: block;
  width: 100%;
  max-width: 640px;
  height: auto;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--index .randoselu__pagelink ul li:last-child {
    margin: 20px 0 0 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--index .randoselu__pagelink ul li {
    width: 18%;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1220px) {
  .page--randoselu--index .randoselu__pagelink ul li {
    max-width: 360px;
  }
}

/*=================================
  randoselu--capacity（軽量コンパクトで大容量）
=================================*/
.page--randoselu--capacity .page__title {
  position: relative;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--capacity .page__title {
    margin-bottom: 200px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--capacity .page__title {
    margin-bottom: 470px;
  }
}
.page--randoselu--capacity .page__title::after {
  width: 100%;
  content: "";
  display: block;
  background: url(../images/page/randoselu/capacity/pagetitle-after.jpg) center center no-repeat #f9fbff;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--capacity .page__title::after {
    height: 200px;
    bottom: -200px;
    background-size: auto 100%;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--capacity .page__title::after {
    height: 470px;
    bottom: -470px;
  }
}
.page--randoselu--capacity > p {
  display: block;
  max-width: 1280px;
  margin: 0 auto;
  line-height: 1.4;
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--capacity > p {
    padding: 50px 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--randoselu--capacity > p {
    padding: 100px 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--randoselu--capacity > p {
    padding: 100px 80px;
  }
}
.page--randoselu--capacity > p::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 1.4) * 0.5em);
}
@media only screen and (max-width: 768px) {
  .page--randoselu--capacity > p {
    font-size: 2rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--capacity > p {
    font-size: 3rem;
  }
}
@media only screen and (max-width: 768px) {
  .page--randoselu--capacity .randoselu--capacity__cube {
    padding-bottom: 50px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--capacity .randoselu--capacity__cube {
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 768px) {
  .page--randoselu--capacity .randoselu--capacity__cube .mod__heading02 {
    margin-bottom: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--capacity .randoselu--capacity__cube .mod__heading02 {
    height: 130px;
    font-size: 3rem;
  }
}
.page--randoselu--capacity .randoselu--capacity__cube > figure,
.page--randoselu--capacity .randoselu--capacity__cube > p {
  display: block;
  max-width: 1060px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--capacity .randoselu--capacity__cube > figure,
.page--randoselu--capacity .randoselu--capacity__cube > p {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--randoselu--capacity .randoselu--capacity__cube > figure,
.page--randoselu--capacity .randoselu--capacity__cube > p {
    padding: 0 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--randoselu--capacity .randoselu--capacity__cube > figure,
.page--randoselu--capacity .randoselu--capacity__cube > p {
    padding: 0 80px;
  }
}
.page--randoselu--capacity .randoselu--capacity__cube figure img {
  display: block;
  width: 100%;
  max-width: 640px;
  height: auto;
  margin: 0 auto;
  max-width: none;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--capacity .randoselu--capacity__cube > figure {
    margin-bottom: 25px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--capacity .randoselu--capacity__cube > figure {
    margin-bottom: 50px;
  }
}
.page--randoselu--capacity .randoselu--capacity__cube p {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "メイリオ", Meiryo, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, Arial, sans-serif;
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--capacity .randoselu--capacity__cube p {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 768px) {
  .page--randoselu--capacity .randoselu--capacity__cube p:nth-of-type(n + 2) {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--capacity .randoselu--capacity__cube p:nth-of-type(n + 2) {
    margin-top: 35px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--capacity .randoselu--capacity__cube > p {
    font-size: 1.6rem;
  }
}
.page--randoselu--capacity .randoselu--capacity__cube .reason {
  background: #f5f2ef;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--capacity .randoselu--capacity__cube .reason {
    width: auto;
    padding: 25px 20px;
    border-radius: 6px;
    margin: 25px 20px 0 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--capacity .randoselu--capacity__cube .reason {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    border-radius: 12px;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1219px) {
  .page--randoselu--capacity .randoselu--capacity__cube .reason {
    width: auto;
    padding: 50px 30px;
    margin: 45px 30px 0 30px;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1220px) {
  .page--randoselu--capacity .randoselu--capacity__cube .reason {
    max-width: 900px;
    padding: 50px;
    margin: 45px auto 0 auto;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--capacity .randoselu--capacity__cube .reason > div,
.page--randoselu--capacity .randoselu--capacity__cube .reason figure {
    width: 46.875%;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1220px) {
  .page--randoselu--capacity .randoselu--capacity__cube .reason > div,
.page--randoselu--capacity .randoselu--capacity__cube .reason figure {
    max-width: 375px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--capacity .randoselu--capacity__cube .reason > figure img:nth-child(n+2) {
    margin-top: 30px;
  }
}
.page--randoselu--capacity .randoselu--capacity__cube .reason > div h3 {
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--capacity .randoselu--capacity__cube .reason > div h3 {
    line-height: 1.4;
    font-size: 1.8rem;
    text-align: center;
    margin-bottom: 15px;
  }
  .page--randoselu--capacity .randoselu--capacity__cube .reason > div h3::before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    margin-top: calc((1 - 1.4) * 0.5em);
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--capacity .randoselu--capacity__cube .reason > div h3 {
    line-height: 1.3;
    font-size: 2.4rem;
    margin-bottom: 20px;
  }
  .page--randoselu--capacity .randoselu--capacity__cube .reason > div h3::before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    margin-top: calc((1 - 1.3) * 0.5em);
  }
}
@media only screen and (max-width: 768px) {
  .page--randoselu--capacity .randoselu--capacity__cube .reason > div figure {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .page--randoselu--capacity .randoselu--capacity__cube .reason > div figure img {
    width: calc(50% - 7.5px);
    height: auto;
    display: block;
    margin: 0;
  }
}
@media only screen and (max-width: 768px) {
  .page--randoselu--capacity .randoselu--capacity__intro {
    padding-bottom: 50px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--capacity .randoselu--capacity__intro {
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 768px) {
  .page--randoselu--capacity .randoselu--capacity__intro .mod__heading02 {
    margin-bottom: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--capacity .randoselu--capacity__intro .mod__heading02 {
    height: 130px;
    font-size: 3rem;
  }
}
.page--randoselu--capacity .randoselu--capacity__intro > figure,
.page--randoselu--capacity .randoselu--capacity__intro > p {
  display: block;
  max-width: 1060px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--capacity .randoselu--capacity__intro > figure,
.page--randoselu--capacity .randoselu--capacity__intro > p {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--randoselu--capacity .randoselu--capacity__intro > figure,
.page--randoselu--capacity .randoselu--capacity__intro > p {
    padding: 0 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--randoselu--capacity .randoselu--capacity__intro > figure,
.page--randoselu--capacity .randoselu--capacity__intro > p {
    padding: 0 80px;
  }
}
@media only screen and (max-width: 768px) {
  .page--randoselu--capacity .randoselu--capacity__intro figure {
    margin: 20px auto 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--capacity .randoselu--capacity__intro figure {
    margin: 40px auto 0;
  }
}
.page--randoselu--capacity .randoselu--capacity__intro figure img {
  display: block;
  width: 100%;
  max-width: 640px;
  height: auto;
  margin: 0 auto;
  max-width: none;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--capacity .randoselu--capacity__intro > figure {
    margin-bottom: 25px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--capacity .randoselu--capacity__intro > figure {
    margin-bottom: 50px;
  }
}
.page--randoselu--capacity .randoselu--capacity__intro p {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "メイリオ", Meiryo, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, Arial, sans-serif;
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--capacity .randoselu--capacity__intro p {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 768px) {
  .page--randoselu--capacity .randoselu--capacity__intro p:nth-of-type(n + 2) {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--capacity .randoselu--capacity__intro p:nth-of-type(n + 2) {
    margin-top: 35px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--capacity .randoselu--capacity__intro > p {
    font-size: 1.6rem;
  }
}
.page--randoselu--capacity .randoselu--capacity__intro .reason {
  background: #f5f2ef;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--capacity .randoselu--capacity__intro .reason {
    width: auto;
    padding: 25px 20px;
    border-radius: 6px;
    margin: 25px 20px 0 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--capacity .randoselu--capacity__intro .reason {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    border-radius: 12px;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1219px) {
  .page--randoselu--capacity .randoselu--capacity__intro .reason {
    width: auto;
    padding: 50px 30px;
    margin: 45px 30px 0 30px;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1220px) {
  .page--randoselu--capacity .randoselu--capacity__intro .reason {
    max-width: 900px;
    padding: 50px;
    margin: 45px auto 0 auto;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--capacity .randoselu--capacity__intro .reason > div,
.page--randoselu--capacity .randoselu--capacity__intro .reason figure {
    width: 46.875%;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1220px) {
  .page--randoselu--capacity .randoselu--capacity__intro .reason > div,
.page--randoselu--capacity .randoselu--capacity__intro .reason figure {
    max-width: 375px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--capacity .randoselu--capacity__intro .reason > figure img:nth-child(n+2) {
    margin-top: 30px;
  }
}
.page--randoselu--capacity .randoselu--capacity__intro .reason > div h3 {
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--capacity .randoselu--capacity__intro .reason > div h3 {
    line-height: 1.4;
    font-size: 1.8rem;
    text-align: center;
    margin-bottom: 15px;
  }
  .page--randoselu--capacity .randoselu--capacity__intro .reason > div h3::before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    margin-top: calc((1 - 1.4) * 0.5em);
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--capacity .randoselu--capacity__intro .reason > div h3 {
    line-height: 1.3;
    font-size: 2.4rem;
    margin-bottom: 20px;
  }
  .page--randoselu--capacity .randoselu--capacity__intro .reason > div h3::before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    margin-top: calc((1 - 1.3) * 0.5em);
  }
}
@media only screen and (max-width: 768px) {
  .page--randoselu--capacity .randoselu--capacity__intro .reason > div figure {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .page--randoselu--capacity .randoselu--capacity__intro .reason > div figure img {
    width: calc(50% - 7.5px);
    height: auto;
    display: block;
    margin: 0;
  }
}
@media only screen and (max-width: 768px) {
  .page--randoselu--capacity .randoselu--capacity__lightness {
    padding-bottom: 50px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--capacity .randoselu--capacity__lightness {
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 768px) {
  .page--randoselu--capacity .randoselu--capacity__lightness .mod__heading02 {
    margin-bottom: 45px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--capacity .randoselu--capacity__lightness .mod__heading02 {
    margin-bottom: 95px;
  }
}
.page--randoselu--capacity .randoselu--capacity__lightness .intro,
.page--randoselu--capacity .randoselu--capacity__lightness .comparison {
  display: block;
  max-width: 1060px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--capacity .randoselu--capacity__lightness .intro,
.page--randoselu--capacity .randoselu--capacity__lightness .comparison {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--randoselu--capacity .randoselu--capacity__lightness .intro,
.page--randoselu--capacity .randoselu--capacity__lightness .comparison {
    padding: 0 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--randoselu--capacity .randoselu--capacity__lightness .intro,
.page--randoselu--capacity .randoselu--capacity__lightness .comparison {
    padding: 0 80px;
  }
}
.page--randoselu--capacity .randoselu--capacity__lightness .intro {
  display: flex;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--capacity .randoselu--capacity__lightness .intro {
    flex-direction: column-reverse;
    justify-content: flex-end;
    margin-bottom: 50px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--capacity .randoselu--capacity__lightness .intro {
    flex-direction: row-reverse;
    justify-content: space-between;
    margin-bottom: 100px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--capacity .randoselu--capacity__lightness .intro > div {
    width: 43.3333%;
    padding-top: 45px;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1220px) {
  .page--randoselu--capacity .randoselu--capacity__lightness .intro > div {
    max-width: 390px;
  }
}
.page--randoselu--capacity .randoselu--capacity__lightness .intro > div p {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "メイリオ", Meiryo, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, Arial, sans-serif;
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--capacity .randoselu--capacity__lightness .intro > div p {
    font-size: 1.6rem;
  }
  .page--randoselu--capacity .randoselu--capacity__lightness .intro > div p::before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    margin-top: calc((1 - 1.8) * 0.5em);
  }
}
@media only screen and (max-width: 768px) {
  .page--randoselu--capacity .randoselu--capacity__lightness .intro > div p:nth-of-type(n + 2) {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--capacity .randoselu--capacity__lightness .intro > div p:nth-of-type(n + 2) {
    margin-top: 35px;
  }
}
@media only screen and (max-width: 768px) {
  .page--randoselu--capacity .randoselu--capacity__lightness .intro figure {
    width: 70%;
    margin: 0 auto 20px auto;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--capacity .randoselu--capacity__lightness .intro figure {
    width: 53.6667%;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1220px) {
  .page--randoselu--capacity .randoselu--capacity__lightness .intro figure {
    max-width: 483px;
  }
}
.page--randoselu--capacity .randoselu--capacity__lightness .intro figure img {
  display: block;
  width: 100%;
  max-width: 640px;
  height: auto;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--capacity .randoselu--capacity__lightness .comparison .mod__heading01 {
    font-size: 2rem;
    margin-bottom: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--capacity .randoselu--capacity__lightness .comparison .mod__heading01 {
    margin-bottom: 40px;
  }
}
.page--randoselu--capacity .randoselu--capacity__lightness .comparison .mod__heading01::after {
  display: none;
}
.page--randoselu--capacity .randoselu--capacity__lightness .comparison ul {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--capacity .randoselu--capacity__lightness .comparison ul li {
    width: calc(50% - 7.5px);
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--capacity .randoselu--capacity__lightness .comparison ul li {
    width: 47.5556%;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1220px) {
  .page--randoselu--capacity .randoselu--capacity__lightness .comparison ul li {
    max-width: 428px;
  }
}
.page--randoselu--capacity .randoselu--capacity__lightness .comparison ul li h4 {
  line-height: 1.4;
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: center;
}
.page--randoselu--capacity .randoselu--capacity__lightness .comparison ul li h4::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 1.4) * 0.5em);
}
@media only screen and (max-width: 768px) {
  .page--randoselu--capacity .randoselu--capacity__lightness .comparison ul li h4 {
    font-size: 1.6rem;
    margin-bottom: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--capacity .randoselu--capacity__lightness .comparison ul li h4 {
    font-size: 2.4rem;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .page--randoselu--capacity .randoselu--capacity__lightness .comparison ul li figure {
    margin-bottom: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--capacity .randoselu--capacity__lightness .comparison ul li figure {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .page--randoselu--capacity .randoselu--capacity__lightness .comparison ul li figure:nth-of-type(n + 2) {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--capacity .randoselu--capacity__lightness .comparison ul li figure:nth-of-type(n + 2) {
    margin-top: 35px;
  }
}
.page--randoselu--capacity .randoselu--capacity__lightness .comparison ul li figure img {
  display: block;
  width: 100%;
  max-width: 640px;
  height: auto;
  margin: 0 auto;
}
.page--randoselu--capacity .randoselu--capacity__lightness .comparison ul li p {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "メイリオ", Meiryo, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, Arial, sans-serif;
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--capacity .randoselu--capacity__lightness .comparison ul li p {
    font-size: 1.6rem;
  }
  .page--randoselu--capacity .randoselu--capacity__lightness .comparison ul li p::before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    margin-top: calc((1 - 1.8) * 0.5em);
  }
}
.page--randoselu--capacity .randoselu--capacity__point {
  display: block;
  max-width: 980px;
  margin: 0 auto;
  background: #f8fac5;
  border-radius: 10px;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--capacity .randoselu--capacity__point {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--randoselu--capacity .randoselu--capacity__point {
    padding: 0 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--randoselu--capacity .randoselu--capacity__point {
    padding: 0 80px;
  }
}
@media only screen and (max-width: 768px) {
  .page--randoselu--capacity .randoselu--capacity__point {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--capacity .randoselu--capacity__point {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.page--randoselu--capacity .randoselu--capacity__point__ttl {
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--capacity .randoselu--capacity__point__ttl {
    font-size: 2.4rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--capacity .randoselu--capacity__point__ttl {
    font-size: 3rem;
  }
}
@media only screen and (max-width: 768px) {
  .page--randoselu--capacity .randoselu--capacity__point__container {
    margin: 20px auto 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--capacity .randoselu--capacity__point__container {
    margin: 40px auto 0;
  }
}
.page--randoselu--capacity .randoselu--capacity__point__item {
  position: relative;
  line-height: 1.8;
  padding-left: 48px;
}
.page--randoselu--capacity .randoselu--capacity__point__item:not(:first-child) {
  margin-top: 1em;
}
.page--randoselu--capacity .randoselu--capacity__point__item::before {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  background: url(../images/page/randoselu/capacity/icon-check.svg) center no-repeat;
  background-size: contain;
}
.page--randoselu--capacity .randoselu--capacity__acd__content {
  display: none;
}
.page--randoselu--capacity .randoselu--capacity__acd__btn {
  position: relative;
  width: 100%;
  max-width: 300px;
  height: 40px;
  color: #3f3f3f;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.2em;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
  background-color: #fff;
  border: 1px solid #3f3f3f;
  border-radius: 20px;
  cursor: pointer;
  transition: all 0.2s linear;
  font-size: 1.6rem;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--capacity .randoselu--capacity__acd__btn {
    margin: 20px auto 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--capacity .randoselu--capacity__acd__btn {
    margin: 40px auto 0;
  }
}
@media only screen and (max-width: 768px) {
  .page--randoselu--capacity .randoselu--capacity__acd__btn {
    margin-bottom: 50px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--capacity .randoselu--capacity__acd__btn {
    margin-bottom: 100px;
  }
}
.page--randoselu--capacity .randoselu--capacity__acd__btn::before, .page--randoselu--capacity .randoselu--capacity__acd__btn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 15px;
  height: 2px;
  background: #3f3f3f;
  transition: all 0.3s ease-in-out;
}
.page--randoselu--capacity .randoselu--capacity__acd__btn::before {
  transform: rotate(90deg);
}
.page--randoselu--capacity .randoselu--capacity__acd__btn.open::before {
  transform: rotate(180deg);
}

/*=================================
  randoselu--leather（天然素材の背負いやすさ）
=================================*/
.page--randoselu--leather .page__title {
  position: relative;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--leather .page__title {
    margin-bottom: 200px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--leather .page__title {
    margin-bottom: 470px;
  }
}
.page--randoselu--leather .page__title::after {
  width: 100%;
  content: "";
  display: block;
  background: url(../images/page/randoselu/leather/pagetitle-after.jpg) center center no-repeat #f5f2ef;
  background-size: cover;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--leather .page__title::after {
    height: 200px;
    bottom: -200px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--leather .page__title::after {
    height: 470px;
    bottom: -470px;
  }
}
.page--randoselu--leather .randoselu--leather__opening {
  display: block;
  max-width: 1060px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--leather .randoselu--leather__opening {
    padding: 50px 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--randoselu--leather .randoselu--leather__opening {
    padding: 100px 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--randoselu--leather .randoselu--leather__opening {
    padding: 100px 80px;
  }
}
@media only screen and (max-width: 768px) {
  .page--randoselu--leather .randoselu--leather__opening .mod__heading01 {
    font-size: 2rem;
    margin-bottom: 45px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--leather .randoselu--leather__opening .mod__heading01 {
    font-size: 3rem;
    margin-bottom: 90px;
  }
}
.page--randoselu--leather .randoselu--leather__opening .mod__heading01::after {
  display: none;
}
.page--randoselu--leather .randoselu--leather__opening p {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "メイリオ", Meiryo, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, Arial, sans-serif;
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--leather .randoselu--leather__opening p {
    font-size: 1.6rem;
  }
}
.page--randoselu--leather .randoselu--leather__feature {
  display: flex;
  justify-content: flex-end;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--leather .randoselu--leather__feature {
    padding: 0 20px;
    flex-direction: column-reverse;
    margin-bottom: 50px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--leather .randoselu--leather__feature {
    margin-bottom: 100px;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1220px) {
  .page--randoselu--leather .randoselu--leather__feature {
    align-items: center;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--leather .randoselu--leather__feature:nth-of-type(odd) {
    flex-direction: row;
  }
  .page--randoselu--leather .randoselu--leather__feature:nth-of-type(odd) .text {
    padding: 0 50px 0 80px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--leather .randoselu--leather__feature:nth-of-type(even) {
    flex-direction: row-reverse;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--leather .randoselu--leather__feature .text {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1219px) {
  .page--randoselu--leather .randoselu--leather__feature .text {
    width: 50%;
    padding: 0 30px !important;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1220px) {
  .page--randoselu--leather .randoselu--leather__feature .text {
    max-width: 640px;
    padding: 0 80px 0 50px;
  }
}
.page--randoselu--leather .randoselu--leather__feature .text .mod__heading01 {
  line-height: 1.4;
}
.page--randoselu--leather .randoselu--leather__feature .text .mod__heading01::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 1.4) * 0.5em);
}
@media only screen and (max-width: 768px) {
  .page--randoselu--leather .randoselu--leather__feature .text .mod__heading01 {
    margin-bottom: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--leather .randoselu--leather__feature .text .mod__heading01 {
    letter-spacing: -0.05em;
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1219px) {
  .page--randoselu--leather .randoselu--leather__feature .text .mod__heading01 {
    font-size: 3.6rem;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1220px) {
  .page--randoselu--leather .randoselu--leather__feature .text .mod__heading01 {
    font-size: 4rem;
  }
}
.page--randoselu--leather .randoselu--leather__feature .text .mod__heading01::after {
  display: none;
}
.page--randoselu--leather .randoselu--leather__feature .text .mod__heading01 span {
  display: block;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--leather .randoselu--leather__feature .text .mod__heading01 span {
    font-size: 1.8rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--leather .randoselu--leather__feature .text .mod__heading01 span {
    font-size: 2.4rem;
    letter-spacing: normal;
  }
}
.page--randoselu--leather .randoselu--leather__feature .text h3 {
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--leather .randoselu--leather__feature .text h3 {
    font-size: 1.6rem;
    margin-bottom: 10px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--leather .randoselu--leather__feature .text h3 {
    font-size: 2rem;
    margin-bottom: 25px;
  }
}
.page--randoselu--leather .randoselu--leather__feature .text p {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "メイリオ", Meiryo, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, Arial, sans-serif;
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--leather .randoselu--leather__feature .text p {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 768px) {
  .page--randoselu--leather .randoselu--leather__feature .text p:nth-of-type(n + 2) {
    margin-top: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--leather .randoselu--leather__feature .text p:nth-of-type(n + 2) {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .page--randoselu--leather .randoselu--leather__feature figure {
    margin-bottom: 25px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--leather .randoselu--leather__feature figure {
    width: 50%;
  }
}
.page--randoselu--leather .randoselu--leather__feature figure img {
  display: block;
  width: 100%;
  max-width: 640px;
  height: auto;
  margin: 0 auto;
  width: 100%;
  max-width: none;
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--randoselu--leather .randoselu--leather__feature figure img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.page--randoselu--leather .randoselu--leather__feature.yamagata .text {
  position: relative;
}
.page--randoselu--leather .randoselu--leather__feature.yamagata .text:after {
  display: block;
  content: "";
  position: absolute;
  background: url("../images/page/randoselu/leather/stamp.png") no-repeat center center/contain;
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--leather .randoselu--leather__feature.yamagata .text:after {
    right: 0;
    bottom: -20px;
    width: 60px;
    height: 60px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--leather .randoselu--leather__feature.yamagata .text:after {
    right: 20px;
    bottom: -30px;
    width: 120px;
    height: 120px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--randoselu--leather .randoselu--leather__feature.yamagata .text:after {
    right: 10px;
    bottom: -20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--randoselu--leather .randoselu--leather__feature.yamagata figure img {
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    font-family: "object-fit: contain;";
  }
}
.page--randoselu--leather .randoselu--leather__material {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--leather .randoselu--leather__material {
    padding: 0 20px;
    margin: 70px auto 50px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--leather .randoselu--leather__material {
    padding: 0 80px;
    margin: 130px auto 100px;
  }
}
.page--randoselu--leather .randoselu--leather__material .mod__heading01 {
  line-height: 1;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--leather .randoselu--leather__material .mod__heading01 {
    margin-bottom: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--leather .randoselu--leather__material .mod__heading01 {
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1219px) {
  .page--randoselu--leather .randoselu--leather__material .mod__heading01 {
    font-size: 3.6rem;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1220px) {
  .page--randoselu--leather .randoselu--leather__material .mod__heading01 {
    font-size: 4rem;
  }
}
.page--randoselu--leather .randoselu--leather__material .mod__heading01::after {
  display: none;
}
.page--randoselu--leather .randoselu--leather__material > p {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "メイリオ", Meiryo, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, Arial, sans-serif;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--leather .randoselu--leather__material > p {
    margin-bottom: 1em;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--leather .randoselu--leather__material > p {
    margin-bottom: 2em;
  }
}
.page--randoselu--leather .randoselu--leather__material h3 {
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: center;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--leather .randoselu--leather__material h3 {
    font-size: 2rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--leather .randoselu--leather__material h3 {
    font-size: 3rem;
  }
}
.page--randoselu--leather .randoselu--leather__material h3:after {
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #3f3f3f;
  position: absolute;
  top: 50%;
  z-index: -1;
}
.page--randoselu--leather .randoselu--leather__material h3 span {
  color: #3f3f3f;
  background-color: #fff;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--leather .randoselu--leather__material h3 span {
    padding: 0 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--leather .randoselu--leather__material h3 span {
    padding: 0 30px;
  }
}
.page--randoselu--leather .randoselu--leather__material > ul {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "メイリオ", Meiryo, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, Arial, sans-serif;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--leather .randoselu--leather__material > ul {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--leather .randoselu--leather__material > ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    margin-top: 30px;
  }
  .page--randoselu--leather .randoselu--leather__material > ul > * {
    order: 0;
    flex: 0 1 auto;
    align-self: auto;
  }
  .page--randoselu--leather .randoselu--leather__material > ul > * {
    width: 48%;
    margin: 0 4% 0 0;
  }
  .page--randoselu--leather .randoselu--leather__material > ul > *:nth-child(2n) {
    margin-right: 0;
  }
}
.page--randoselu--leather .randoselu--leather__material > ul > li {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  text-align: left;
}
.page--randoselu--leather .randoselu--leather__material > ul > li > * {
  order: 0;
  flex: 0 1 auto;
  align-self: auto;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--leather .randoselu--leather__material > ul > li:nth-child(n+2) {
    margin-top: 40px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--leather .randoselu--leather__material > ul > li:nth-child(n+3) {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 768px) {
  .page--randoselu--leather .randoselu--leather__material > ul > li figure {
    width: 30%;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--leather .randoselu--leather__material > ul > li figure {
    width: 30%;
  }
}
.page--randoselu--leather .randoselu--leather__material > ul > li figure img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 50%;
}
.page--randoselu--leather .randoselu--leather__material > ul > li div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: flex-start;
}
.page--randoselu--leather .randoselu--leather__material > ul > li div > * {
  order: 0;
  flex: 0 1 auto;
  align-self: auto;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--leather .randoselu--leather__material > ul > li div {
    width: 70%;
    padding-left: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--leather .randoselu--leather__material > ul > li div {
    width: 70%;
    padding-left: 30px;
  }
}
.page--randoselu--leather .randoselu--leather__material > ul > li div h4 {
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  line-height: 1;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--leather .randoselu--leather__material > ul > li div h4 {
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 1.8rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--leather .randoselu--leather__material > ul > li div h4 {
    padding-right: 15px;
    margin-bottom: 10px;
    font-size: 2.4rem;
  }
}
.page--randoselu--leather .randoselu--leather__material > ul > li div h4 img {
  margin-right: 10px;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--leather .randoselu--leather__material > ul > li div h4 img {
    width: 25px;
    height: 25px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--leather .randoselu--leather__material > ul > li div h4 img {
    width: 40px;
    height: 40px;
  }
}
.page--randoselu--leather .randoselu--leather__material > ul > li div span {
  background: #885d2c;
  color: #fff;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--leather .randoselu--leather__material > ul > li div span {
    text-align: center;
    padding: 0 10px;
    margin-bottom: 10px;
    line-height: 25px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--leather .randoselu--leather__material > ul > li div span {
    padding: 0 15px;
    margin-bottom: 10px;
    line-height: 40px;
  }
}
.page--randoselu--leather .randoselu--leather__material > ul > li div ul {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: flex-start;
}
.page--randoselu--leather .randoselu--leather__material > ul > li div ul > * {
  order: 0;
  flex: 0 1 auto;
  align-self: auto;
}
.page--randoselu--leather .randoselu--leather__material > ul > li div ul > * {
  width: 48%;
  margin: 0 4% 0 0;
}
.page--randoselu--leather .randoselu--leather__material > ul > li div ul > *:nth-child(2n) {
  margin-right: 0;
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--leather .randoselu--leather__material > ul > li div ul {
    margin-top: 1em;
  }
}
.page--randoselu--leather .randoselu--leather__material > ul > li div ul li {
  display: inline-block;
  border: solid 1px #3f3f3f;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--leather .randoselu--leather__material > ul > li div ul li {
    padding: 3px 5px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--leather .randoselu--leather__material > ul > li div ul li {
    padding: 5px;
  }
}
.page--randoselu--leather .randoselu--leather__material > ul > li div ul li:nth-child(n+3) {
  margin-top: 4%;
}
.page--randoselu--leather .randoselu--leather__material > ul > li p {
  width: 100%;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--leather .randoselu--leather__material > ul > li p {
    margin-top: 10px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--leather .randoselu--leather__material > ul > li p {
    margin-top: 20px;
  }
}

/*=================================
  randoselu--concept（しっかりとしたランドセルづくり）
=================================*/
.page--randoselu--concept .page__title {
  position: relative;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--concept .page__title {
    margin-bottom: 200px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--concept .page__title {
    margin-bottom: 470px;
  }
}
.page--randoselu--concept .page__title::after {
  width: 100%;
  content: "";
  display: block;
  background: url("../images/page/randoselu/concept/pagetitle-after.jpg") center center no-repeat #f5f2ef;
  background-size: cover;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--concept .page__title::after {
    height: 200px;
    bottom: -200px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--concept .page__title::after {
    height: 470px;
    bottom: -470px;
  }
}
.page--randoselu--concept .randoselu--concept__opening {
  display: block;
  max-width: 1060px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--concept .randoselu--concept__opening {
    padding: 50px 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--randoselu--concept .randoselu--concept__opening {
    padding: 100px 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--randoselu--concept .randoselu--concept__opening {
    padding: 100px 80px;
  }
}
@media only screen and (max-width: 768px) {
  .page--randoselu--concept .randoselu--concept__opening .mod__heading01 {
    font-size: 2rem;
    margin-bottom: 45px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--concept .randoselu--concept__opening .mod__heading01 {
    font-size: 3rem;
    margin-bottom: 90px;
  }
}
.page--randoselu--concept .randoselu--concept__opening .mod__heading01::after {
  display: none;
}
.page--randoselu--concept .randoselu--concept__opening p {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "メイリオ", Meiryo, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, Arial, sans-serif;
  text-align: center;
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--concept .randoselu--concept__opening p {
    font-size: 1.8rem;
  }
}
.page--randoselu--concept .randoselu--concept__cube {
  /*
  .mod__heading02 {
    @include smartphone {
      margin-bottom: 50px;
    }
    @include screen {
      margin-bottom: 100px;
    }
  }
  */
}
.page--randoselu--concept .randoselu--concept__cube > ul {
  display: block;
  max-width: 1060px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--concept .randoselu--concept__cube > ul {
    padding: 50px 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--randoselu--concept .randoselu--concept__cube > ul {
    padding: 100px 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--randoselu--concept .randoselu--concept__cube > ul {
    padding: 100px 80px;
  }
}
@media only screen and (max-width: 768px) {
  .page--randoselu--concept .randoselu--concept__cube > ul li:nth-child(1) h3 {
    width: 60%;
    margin: 0 auto 25px auto;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--concept .randoselu--concept__cube > ul li:nth-child(1) h3 {
    max-width: 360px;
    margin: 0 auto 45px auto;
  }
}
.page--randoselu--concept .randoselu--concept__cube > ul li:nth-child(1) h3 img {
  display: block;
  width: 100%;
  max-width: 640px;
  height: auto;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--concept .randoselu--concept__cube > ul li:nth-child(n+2) {
    margin-top: 40px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--concept .randoselu--concept__cube > ul li:nth-child(n+2) {
    margin-top: 85px;
  }
}
@media only screen and (max-width: 768px) {
  .page--randoselu--concept .randoselu--concept__cube > ul li:nth-child(3) figure {
    margin-top: -20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--concept .randoselu--concept__cube > ul li:nth-child(3) figure {
    margin-top: -40px;
  }
}
@media only screen and (max-width: 768px) {
  .page--randoselu--concept .randoselu--concept__cube > ul li .mod__heading01 {
    font-size: 2rem;
    margin-bottom: 25px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--concept .randoselu--concept__cube > ul li .mod__heading01 {
    margin-bottom: 45px;
  }
}
.page--randoselu--concept .randoselu--concept__cube > ul li .mod__heading01::after {
  display: none;
}
.page--randoselu--concept .randoselu--concept__cube > ul li .mod__heading01 span {
  display: inline-block;
  font-size: 0.6em;
  padding-left: 1em;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--concept .randoselu--concept__cube > ul li figure {
    margin-bottom: 25px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--concept .randoselu--concept__cube > ul li figure {
    margin-bottom: 45px;
  }
}
.page--randoselu--concept .randoselu--concept__cube > ul li figure img {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  margin: 0 auto;
}
.page--randoselu--concept .randoselu--concept__cube > ul li p {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "メイリオ", Meiryo, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, Arial, sans-serif;
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--concept .randoselu--concept__cube > ul li p {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 768px) {
  .page--randoselu--concept .randoselu--concept__cube > ul li p:nth-of-type(n + 2) {
    margin-top: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--concept .randoselu--concept__cube > ul li p:nth-of-type(n + 2) {
    margin-top: 30px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--concept .randoselu--concept__waterproof .mod__heading02 {
    height: 170px;
    padding: 0 30px;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1219px) {
  .page--randoselu--concept .randoselu--concept__waterproof .mod__heading02 {
    font-size: 3rem;
  }
}
.page--randoselu--concept .randoselu--concept__waterproof .intro {
  display: block;
  max-width: 1060px;
  margin: 0 auto;
  display: flex;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--concept .randoselu--concept__waterproof .intro {
    padding: 50px 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--randoselu--concept .randoselu--concept__waterproof .intro {
    padding: 100px 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--randoselu--concept .randoselu--concept__waterproof .intro {
    padding: 100px 80px;
  }
}
@media only screen and (max-width: 768px) {
  .page--randoselu--concept .randoselu--concept__waterproof .intro {
    flex-direction: column-reverse;
    justify-content: flex-end;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--concept .randoselu--concept__waterproof .intro {
    flex-direction: row-reverse;
    justify-content: space-between;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--concept .randoselu--concept__waterproof .intro p,
.page--randoselu--concept .randoselu--concept__waterproof .intro figure {
    width: 47.2222%;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1220px) {
  .page--randoselu--concept .randoselu--concept__waterproof .intro p,
.page--randoselu--concept .randoselu--concept__waterproof .intro figure {
    max-width: 425px;
  }
}
.page--randoselu--concept .randoselu--concept__waterproof .intro p {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "メイリオ", Meiryo, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, Arial, sans-serif;
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--concept .randoselu--concept__waterproof .intro p {
    font-size: 1.8rem;
  }
  .page--randoselu--concept .randoselu--concept__waterproof .intro p::before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    margin-top: calc((1 - 1.8) * 0.5em);
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1220px) {
  .page--randoselu--concept .randoselu--concept__waterproof .intro p {
    letter-spacing: -0.05em;
  }
}
@media only screen and (max-width: 768px) {
  .page--randoselu--concept .randoselu--concept__waterproof .intro figure {
    width: 70%;
    margin: 0 auto 25px auto;
  }
}
.page--randoselu--concept .randoselu--concept__waterproof .intro figure img {
  display: block;
  width: 100%;
  max-width: 640px;
  height: auto;
  margin: 0 auto;
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--concept .randoselu--concept__righthook .mod__heading02 {
    height: 170px;
    padding: 0 30px;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1219px) {
  .page--randoselu--concept .randoselu--concept__righthook .mod__heading02 {
    font-size: 3rem;
  }
}
.page--randoselu--concept .randoselu--concept__righthook .intro {
  display: block;
  max-width: 1060px;
  margin: 0 auto;
  display: flex;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--concept .randoselu--concept__righthook .intro {
    padding: 50px 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--randoselu--concept .randoselu--concept__righthook .intro {
    padding: 100px 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--randoselu--concept .randoselu--concept__righthook .intro {
    padding: 100px 80px;
  }
}
@media only screen and (max-width: 768px) {
  .page--randoselu--concept .randoselu--concept__righthook .intro {
    flex-direction: column-reverse;
    justify-content: flex-end;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--concept .randoselu--concept__righthook .intro {
    flex-direction: row-reverse;
    justify-content: space-between;
  }
}
.page--randoselu--concept .randoselu--concept__righthook .intro p {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "メイリオ", Meiryo, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, Arial, sans-serif;
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--concept .randoselu--concept__righthook .intro p {
    width: 46.6667%;
    font-size: 1.8rem;
  }
  .page--randoselu--concept .randoselu--concept__righthook .intro p::before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    margin-top: calc((1 - 1.8) * 0.5em);
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1220px) {
  .page--randoselu--concept .randoselu--concept__righthook .intro p {
    max-width: 420px;
    letter-spacing: -0.05em;
  }
}
@media only screen and (max-width: 768px) {
  .page--randoselu--concept .randoselu--concept__righthook .intro figure {
    margin-bottom: 25px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--concept .randoselu--concept__righthook .intro figure {
    width: 47.7778%;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1220px) {
  .page--randoselu--concept .randoselu--concept__righthook .intro figure {
    max-width: 430px;
  }
}
.page--randoselu--concept .randoselu--concept__righthook .intro figure img {
  display: block;
  width: 100%;
  max-width: 640px;
  height: auto;
  margin: 0 auto;
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--concept .randoselu--concept__reflector .mod__heading02 {
    height: 170px;
    padding: 0 30px;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1219px) {
  .page--randoselu--concept .randoselu--concept__reflector .mod__heading02 {
    font-size: 3rem;
  }
}
.page--randoselu--concept .randoselu--concept__reflector .intro {
  display: block;
  max-width: 1060px;
  margin: 0 auto;
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--concept .randoselu--concept__reflector .intro {
    padding: 50px 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--randoselu--concept .randoselu--concept__reflector .intro {
    padding: 100px 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--randoselu--concept .randoselu--concept__reflector .intro {
    padding: 100px 80px;
  }
}
.page--randoselu--concept .randoselu--concept__reflector .intro .text p {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "メイリオ", Meiryo, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, Arial, sans-serif;
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--concept .randoselu--concept__reflector .intro .text p {
    font-size: 1.8rem;
  }
  .page--randoselu--concept .randoselu--concept__reflector .intro .text p::before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    margin-top: calc((1 - 1.8) * 0.5em);
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--concept .randoselu--concept__reflector .intro .text p:nth-of-type(n + 2) {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .page--randoselu--concept .randoselu--concept__reflector .intro figure {
    margin-bottom: 25px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--concept .randoselu--concept__reflector .intro figure {
    margin-bottom: 45px;
  }
}
.page--randoselu--concept .randoselu--concept__reflector .intro figure img {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  margin: 0 auto;
}

/*=================================
  randoselu--fit（天然牛革のフィット感）
=================================*/
.page--randoselu--fit .mainVisual {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1400px;
  height: auto;
  margin: auto;
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--fit .mainVisual {
    height: 787px;
  }
}
.page--randoselu--fit .mainVisual img {
  max-width: 100%;
}
.page--randoselu--fit .randoselu--fit--heading {
  padding-top: 40px;
  margin: 0 auto 35px;
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 2rem;
  letter-spacing: 0.08em;
  text-align: center;
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--fit .randoselu--fit--heading {
    padding-top: 80px;
    font-size: 3rem;
  }
}
.page--randoselu--fit .randoselu--fit--heading__em {
  display: block;
  color: #8cd784;
  font-size: 3rem;
  letter-spacing: 0.14em;
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--fit .randoselu--fit--heading__em {
    font-size: 4rem;
  }
}
.page--randoselu--fit .randoselu--fit--heading2 {
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  letter-spacing: 0.1em;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--fit .randoselu--fit--heading2 {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--fit .randoselu--fit--heading2 {
    font-size: 2.2rem;
  }
}
.page--randoselu--fit .randoselu--fit--heading2__em {
  display: block;
  background: #8cd784;
  color: #fff;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--fit .randoselu--fit--heading2__em {
    font-size: 2rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--fit .randoselu--fit--heading2__em {
    font-size: 3rem;
  }
}
.page--randoselu--fit .randoselu--fit__container {
  display: block;
  max-width: 1060px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--fit .randoselu--fit__container {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--randoselu--fit .randoselu--fit__container {
    padding: 0 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--randoselu--fit .randoselu--fit__container {
    padding: 0 80px;
  }
}
@media only screen and (max-width: 768px) {
  .page--randoselu--fit .randoselu--fit__container {
    padding-bottom: 40px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--fit .randoselu--fit__container {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 768px) {
  .page--randoselu--fit .randoselu--fit__txt {
    margin: 20px auto 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--fit .randoselu--fit__txt {
    margin: 40px auto 0;
  }
}
.page--randoselu--fit .randoselu--fit__figure {
  display: block;
  max-width: 100%;
  height: auto;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--fit .randoselu--fit__figure {
    margin: 20px auto 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--fit .randoselu--fit__figure {
    margin: 40px auto 0;
  }
}
@media only screen and (max-width: 768px) {
  .page--randoselu--fit .randoselu--fit__feature {
    margin: 40px auto 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--fit .randoselu--fit__feature {
    margin: 80px auto 0;
  }
}
.page--randoselu--fit .randoselu--fit__media {
  display: flex;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--fit .randoselu--fit__media:nth-child(odd) {
    flex-direction: column;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--fit .randoselu--fit__media:nth-child(odd) {
    flex-direction: row;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--fit .randoselu--fit__media:nth-child(odd) .randoselu--fit__media__desc {
    padding-right: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .page--randoselu--fit .randoselu--fit__media:nth-child(even) {
    flex-direction: column;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--fit .randoselu--fit__media:nth-child(even) {
    flex-direction: row-reverse;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--fit .randoselu--fit__media:nth-child(even) .randoselu--fit__media__desc {
    padding-left: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .page--randoselu--fit .randoselu--fit__media:nth-child(n+1) {
    margin: 40px auto 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--fit .randoselu--fit__media:nth-child(n+1) {
    margin: 80px auto 0;
  }
}
@media only screen and (max-width: 768px) {
  .page--randoselu--fit .randoselu--fit__media__desc {
    width: 100%;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--fit .randoselu--fit__media__desc {
    width: 50%;
  }
}
.page--randoselu--fit .randoselu--fit__media__desc p .em {
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--fit .randoselu--fit__media__figure {
    width: 100%;
    text-align: center;
  }
}
@media only screen and (max-width: 768px) and (max-width: 768px) {
  .page--randoselu--fit .randoselu--fit__media__figure {
    margin: 20px auto 0;
  }
}
@media only screen and (max-width: 768px) and (min-width: 769px) {
  .page--randoselu--fit .randoselu--fit__media__figure {
    margin: 40px auto 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--fit .randoselu--fit__media__figure {
    width: 50%;
  }
}
.page--randoselu--fit .randoselu--fit__media__figure img {
  max-width: 100%;
  height: auto;
}
.page--randoselu--fit .randoselu--fit__comparison {
  width: 100%;
  background: #f8fac5;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--fit .randoselu--fit__comparison {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--fit .randoselu--fit__comparison {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.page--randoselu--fit .randoselu--fit__comparison__header {
  display: block;
  max-width: 1060px;
  margin: 0 auto;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--fit .randoselu--fit__comparison__header {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--randoselu--fit .randoselu--fit__comparison__header {
    padding: 0 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--randoselu--fit .randoselu--fit__comparison__header {
    padding: 0 80px;
  }
}
@media only screen and (max-width: 768px) {
  .page--randoselu--fit .randoselu--fit__comparison__header {
    font-size: 1.8rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--fit .randoselu--fit__comparison__header {
    font-size: 4rem;
  }
}
.page--randoselu--fit .randoselu--fit__comparison__header::before {
  content: "";
  display: block;
  padding-top: 47%;
  background: url(../images/page/randoselu/fit/fit__comparison__header.jpg) center center no-repeat;
  background-size: cover;
}
.page--randoselu--fit .randoselu--fit__comparison__header__ttl {
  position: absolute;
  left: 50%;
  width: 100%;
  transform: translate(-50%);
  color: #fff;
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--fit .randoselu--fit__comparison__header__ttl {
    bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--fit .randoselu--fit__comparison__header__ttl {
    bottom: 40px;
    padding-left: 80px;
    padding-right: 80px;
  }
}
.page--randoselu--fit .randoselu--fit__comparison__desc {
  display: block;
  max-width: 1060px;
  margin: 0 auto;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--fit .randoselu--fit__comparison__desc {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--randoselu--fit .randoselu--fit__comparison__desc {
    padding: 0 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--randoselu--fit .randoselu--fit__comparison__desc {
    padding: 0 80px;
  }
}
@media only screen and (max-width: 768px) {
  .page--randoselu--fit .randoselu--fit__comparison__desc {
    margin: 20px auto 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--fit .randoselu--fit__comparison__desc {
    margin: 40px auto 0;
  }
}
@media only screen and (max-width: 768px) {
  .page--randoselu--fit .randoselu--fit__comparison__desc {
    text-align: left;
  }
}
.page--randoselu--fit .randoselu--fit__comparison__container {
  display: block;
  max-width: 1060px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--fit .randoselu--fit__comparison__container {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--randoselu--fit .randoselu--fit__comparison__container {
    padding: 0 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--randoselu--fit .randoselu--fit__comparison__container {
    padding: 0 80px;
  }
}
@media only screen and (max-width: 768px) {
  .page--randoselu--fit .randoselu--fit__comparison__container {
    margin: 40px auto 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--fit .randoselu--fit__comparison__container {
    margin: 80px auto 0;
  }
}
.page--randoselu--fit .randoselu--fit__comparison__figure {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 40px;
  z-index: 10;
}
.page--randoselu--fit .randoselu--fit__comparison__figure::before {
  content: "";
  position: absolute;
  left: 0;
  width: 50%;
  height: calc(100% - 40px);
  background: #ffd8d6;
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--fit .randoselu--fit__comparison__figure::before {
    top: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--fit .randoselu--fit__comparison__figure::before {
    top: 40px;
  }
}
.page--randoselu--fit .randoselu--fit__comparison__figure::after {
  content: "";
  position: absolute;
  right: 0;
  width: 50%;
  height: calc(100% - 40px);
  background: #d3eeed;
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--fit .randoselu--fit__comparison__figure::after {
    top: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--fit .randoselu--fit__comparison__figure::after {
    top: 40px;
  }
}
.page--randoselu--fit .randoselu--fit__comparison__figure > tbody,
.page--randoselu--fit .randoselu--fit__comparison__figure > thead {
  flex-grow: 1;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--fit .randoselu--fit__comparison__figure .chart--head {
    flex-wrap: nowrap !important;
  }
}
.page--randoselu--fit .randoselu--fit__comparison .chart {
  display: flex;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--fit .randoselu--fit__comparison .chart {
    margin: 20px auto 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--fit .randoselu--fit__comparison .chart {
    margin: 40px auto 0;
  }
}
@media only screen and (max-width: 768px) {
  .page--randoselu--fit .randoselu--fit__comparison .chart {
    flex-wrap: wrap;
  }
}
.page--randoselu--fit .randoselu--fit__comparison .chart__ttl {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  border-radius: 0 20px 20px 0;
  background: #ef4396;
  padding: 15px;
  color: #fff;
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 600;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--fit .randoselu--fit__comparison .chart__ttl {
    margin-top: 20px;
    margin-right: 5px;
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--fit .randoselu--fit__comparison .chart__ttl {
    margin-top: 40px;
    margin-right: 20px;
    font-size: 2.6rem;
  }
}
.page--randoselu--fit .randoselu--fit__comparison .chart .ttl--rev {
  margin-right: 0 !important;
  border-radius: 20px 0 0 20px;
  background: #34b3e5;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--fit .randoselu--fit__comparison .chart .ttl--rev {
    margin-left: 5px !important;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--fit .randoselu--fit__comparison .chart .ttl--rev {
    margin-left: 20px !important;
  }
}
.page--randoselu--fit .randoselu--fit__comparison .chart__item {
  width: 50%;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--fit .randoselu--fit__comparison .chart__item {
    margin-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--fit .randoselu--fit__comparison .chart__item {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--fit .randoselu--fit__comparison .chart__item:nth-of-type(1) {
    order: 1;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--fit .randoselu--fit__comparison .chart__item:nth-of-type(2) {
    order: 3;
  }
}
.page--randoselu--fit .randoselu--fit__comparison .chart__rowttl {
  min-width: 120px;
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--fit .randoselu--fit__comparison .chart__rowttl {
    display: block;
    width: 100%;
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--fit .randoselu--fit__comparison .chart__rowttl {
    order: 2;
    font-size: 2.2rem;
  }
}
.page--randoselu--fit .randoselu--fit__comparison .chart .good {
  background: url(../images/page/randoselu/fit/icon_good.svg) center top no-repeat;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--fit .randoselu--fit__comparison .chart .good {
    padding-top: 60px;
    background-size: 60px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--fit .randoselu--fit__comparison .chart .good {
    padding-top: 120px;
    background-size: contain;
  }
}
.page--randoselu--fit .randoselu--fit__comparison .chart .bad {
  background: url(../images/page/randoselu/fit/icon_bad.svg) center top no-repeat;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--fit .randoselu--fit__comparison .chart .bad {
    padding-top: 60px;
    background-size: 60px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--fit .randoselu--fit__comparison .chart .bad {
    padding-top: 120px;
    background-size: contain;
  }
}
.page--randoselu--fit .randoselu--fit__comparison .item__ttl {
  display: block;
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--fit .randoselu--fit__comparison .item__ttl {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--fit .randoselu--fit__comparison .item__ttl {
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 768px) {
  .page--randoselu--fit .randoselu--fit__comparison .item__ttl:not(:first-of-type) {
    margin: 20px auto 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--fit .randoselu--fit__comparison .item__ttl:not(:first-of-type) {
    margin: 40px auto 0;
  }
}
.page--randoselu--fit .randoselu--fit__comparison .item__desc {
  margin-top: 20px;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--fit .randoselu--fit__comparison .item__desc {
    font-size: 1.2rem;
  }
}
.page--randoselu--fit .randoselu--fit__comparison .attention {
  color: #ef4396;
}
.page--randoselu--fit .randoselu--fit__comparison__column {
  display: block;
  width: 100%;
  background: #d4f0d1;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--fit .randoselu--fit__comparison__column {
    margin: 40px auto 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--fit .randoselu--fit__comparison__column {
    margin: 80px auto 0;
  }
}
@media only screen and (max-width: 768px) {
  .page--randoselu--fit .randoselu--fit__comparison__column {
    padding: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--fit .randoselu--fit__comparison__column {
    padding: 40px;
  }
}
.page--randoselu--fit .randoselu--fit__comparison .column__ttl {
  font-weight: 600;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--fit .randoselu--fit__comparison .column__ttl {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--fit .randoselu--fit__comparison .column__ttl {
    font-size: 2.2rem;
  }
}
.page--randoselu--fit .randoselu--fit__comparison .column__media {
  display: flex;
  width: 100%;
  margin-top: 20px;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--fit .randoselu--fit__comparison .column__media {
    flex-direction: column-reverse;
  }
}
@media only screen and (max-width: 768px) {
  .page--randoselu--fit .randoselu--fit__comparison .column__media__desc {
    width: 100%;
    padding-top: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--fit .randoselu--fit__comparison .column__media__desc {
    width: 50%;
    padding-right: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .page--randoselu--fit .randoselu--fit__comparison .column__media__figure {
    width: 100%;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--fit .randoselu--fit__comparison .column__media__figure {
    width: 50%;
  }
}
.page--randoselu--fit .randoselu--fit__comparison .column__media__img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--fit .randoselu--fit__comparison .rev {
    flex-direction: column-reverse;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--fit .randoselu--fit__comparison .rev {
    flex-direction: row-reverse;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--fit .randoselu--fit__comparison .rev .column__media__desc {
    padding-right: 0;
    padding-left: 40px;
  }
}
.page--randoselu--fit .randoselu--fit__comparison__result .randoselu--fit--heading__em {
  color: #ef4396;
}
.page--randoselu--fit .randoselu--fit__comparison__item {
  display: block;
  max-width: 1280px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--fit .randoselu--fit__comparison__item {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--randoselu--fit .randoselu--fit__comparison__item {
    padding: 0 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--randoselu--fit .randoselu--fit__comparison__item {
    padding: 0 80px;
  }
}
.page--randoselu--fit .randoselu--fit__comparison .item__link__list {
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--fit .randoselu--fit__comparison .item__link__list {
    margin: 40px auto 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--fit .randoselu--fit__comparison .item__link__list {
    margin: 80px auto 0;
  }
}
@media only screen and (max-width: 768px) {
  .page--randoselu--fit .randoselu--fit__comparison .item__link__list .series {
    margin-bottom: 40px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--fit .randoselu--fit__comparison .item__link__list .series {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: flex-start;
    margin-bottom: 50px;
  }
  .page--randoselu--fit .randoselu--fit__comparison .item__link__list .series > * {
    order: 0;
    flex: 0 1 auto;
    align-self: auto;
  }
}
.page--randoselu--fit .randoselu--fit__comparison .item__link__list .series:after {
  display: block;
  content: "";
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--fit .randoselu--fit__comparison .item__link__list .series:after {
    width: 32%;
  }
}
.page--randoselu--fit .randoselu--fit__comparison .item__link__list .series li {
  background-color: #fff;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--fit .randoselu--fit__comparison .item__link__list .series li:nth-child(n+2) {
    margin-top: 10px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--fit .randoselu--fit__comparison .item__link__list .series li {
    width: 32%;
  }
  .page--randoselu--fit .randoselu--fit__comparison .item__link__list .series li:nth-child(n+4) {
    margin-top: 20px;
  }
}
.page--randoselu--fit .randoselu--fit__comparison .item__link__list .series li a {
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: flex-start;
  position: relative;
}
.page--randoselu--fit .randoselu--fit__comparison .item__link__list .series li a > * {
  order: 0;
  flex: 0 1 auto;
  align-self: auto;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--fit .randoselu--fit__comparison .item__link__list .series li a {
    padding: 8px 20px 5px 8px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--fit .randoselu--fit__comparison .item__link__list .series li a {
    padding: 10px 40px 10px 10px;
  }
}
.page--randoselu--fit .randoselu--fit__comparison .item__link__list .series li a:after {
  width: 0;
  height: 0;
  content: "";
  display: inline-block;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #000;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 17px;
  margin: auto 0;
}
.page--randoselu--fit .randoselu--fit__comparison .item__link__list .series li a:hover {
  text-decoration: none;
  background-color: #f5f5f5;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--fit .randoselu--fit__comparison .item__link__list .series li a i {
    width: 20%;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--fit .randoselu--fit__comparison .item__link__list .series li a i {
    width: 25%;
  }
}
.page--randoselu--fit .randoselu--fit__comparison .item__link__list .series li a i img {
  display: block;
  width: 100%;
  margin: 0 auto;
}
.page--randoselu--fit .randoselu--fit__comparison .item__link__list .series li a p {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "メイリオ", Meiryo, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, Arial, sans-serif;
  line-height: 1.2;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  align-content: flex-start;
  flex-direction: column;
}
.page--randoselu--fit .randoselu--fit__comparison .item__link__list .series li a p > * {
  order: 0;
  flex: 0 1 auto;
  align-self: auto;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--fit .randoselu--fit__comparison .item__link__list .series li a p {
    width: 75%;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--fit .randoselu--fit__comparison .item__link__list .series li a p {
    width: 70%;
    font-size: 1.4rem;
  }
}
.page--randoselu--fit .randoselu--fit__comparison .item__link__list .series li a p img {
  display: block;
  width: auto;
  height: auto;
  margin: 0 auto 0 0;
}
@media only screen and (max-width: 768px) {
  .page--randoselu--fit .randoselu--fit__comparison .item__link__list .series li a p img {
    max-width: 100px;
    max-height: 35px;
    margin-bottom: 5px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--fit .randoselu--fit__comparison .item__link__list .series li a p img {
    max-width: 120px;
    max-height: 40px;
    margin-bottom: 10px;
  }
}
.page--randoselu--fit .randoselu--fit__btn {
  width: 100%;
  max-width: 100%;
  height: 50px;
  color: #3f3f3f;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
  border: 1px solid #3f3f3f;
  background-color: #fff;
  cursor: pointer;
  transition: all 0.2s linear;
  position: relative;
  margin: 0 auto;
  max-width: 300px;
}
.page--randoselu--fit .randoselu--fit__btn::after {
  width: 0;
  height: 0;
  content: "";
  display: inline-block;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #3f3f3f;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 17px;
  margin: auto 0;
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--fit .randoselu--fit__btn:hover {
    color: #fff;
    background-color: #3f3f3f;
    text-decoration: none;
  }
  .page--randoselu--fit .randoselu--fit__btn:hover::after {
    border-color: transparent transparent transparent #fff;
  }
}
@media only screen and (max-width: 768px) {
  .page--randoselu--fit .randoselu--fit__btn {
    margin: 40px auto 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--randoselu--fit .randoselu--fit__btn {
    margin: 80px auto 0;
  }
}

/*=================================
  randoselu__pagelink（ページリンク）
=================================*/
.randoselu__pagelink {
  display: block;
  max-width: 1280px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .randoselu__pagelink {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .randoselu__pagelink {
    padding: 0 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .randoselu__pagelink {
    padding: 0 80px;
  }
}
@media only screen and (max-width: 768px) {
  .randoselu__pagelink {
    margin-bottom: 50px;
  }
}
@media print, screen and (min-width: 769px) {
  .randoselu__pagelink {
    margin-bottom: 100px;
  }
}
.randoselu__pagelink ul {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #cacaca;
}
@media only screen and (max-width: 768px) {
  .randoselu__pagelink ul {
    flex-wrap: wrap;
    padding-top: 50px;
  }
}
@media print, screen and (min-width: 769px) {
  .randoselu__pagelink ul {
    padding-top: 100px;
  }
}
.randoselu__pagelink ul li {
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
}
@media only screen and (max-width: 768px) {
  .randoselu__pagelink ul li {
    width: calc(50% - 7.5px);
  }
  .randoselu__pagelink ul li:nth-child(n+3) {
    margin-top: 20px;
  }
  .randoselu__pagelink ul li:last-child {
    margin: 20px auto 0 auto;
  }
}
@media print, screen and (min-width: 769px) {
  .randoselu__pagelink ul li {
    width: 24%;
    max-width: 360px;
  }
}
.randoselu__pagelink ul li div h2 {
  line-height: 1.4;
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: center;
  margin-bottom: 5px;
}
.randoselu__pagelink ul li div h2::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 1.4) * 0.5em);
}
@media only screen and (max-width: 768px) {
  .randoselu__pagelink ul li div h2 {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 769px) {
  .randoselu__pagelink ul li div h2 {
    font-size: 1.8rem;
  }
}
.randoselu__pagelink ul li div h2 a {
  color: #ffd8d6;
  text-decoration: none;
}
.randoselu__pagelink ul li div h2 a span {
  color: #3f3f3f;
  display: block;
  text-decoration: underline;
}
.randoselu__pagelink ul li div h2 a:hover span {
  text-decoration: none;
}
.randoselu__pagelink ul li div p {
  color: #3f3f3f;
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "メイリオ", Meiryo, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, Arial, sans-serif;
}
@media print, screen and (min-width: 769px) {
  .randoselu__pagelink ul li div p {
    font-size: 1.6rem;
  }
}
.randoselu__pagelink ul li > a {
  display: block;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .randoselu__pagelink ul li > a {
    margin-bottom: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .randoselu__pagelink ul li > a {
    margin-bottom: 20px;
  }
}
.randoselu__pagelink ul li > a:hover img {
  transform: scale(1.1);
  transition-duration: 0.3s;
}
.randoselu__pagelink ul li > a img {
  display: block;
  width: 100%;
  max-width: 640px;
  height: auto;
  margin: 0 auto;
  transition: all 0.3s ease;
}
.randoselu__pagelink > a {
  width: 100%;
  max-width: 150px;
  height: 50px;
  color: #3f3f3f;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
  border: 1px solid #3f3f3f;
  background-color: #fff;
  cursor: pointer;
  transition: all 0.2s linear;
  position: relative;
  margin: 0 auto;
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "メイリオ", Meiryo, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, Arial, sans-serif;
}
.randoselu__pagelink > a::after {
  width: 0;
  height: 0;
  content: "";
  display: inline-block;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #3f3f3f;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 17px;
  margin: auto 0;
}
@media print, screen and (min-width: 769px) {
  .randoselu__pagelink > a:hover {
    color: #fff;
    background-color: #3f3f3f;
    text-decoration: none;
  }
  .randoselu__pagelink > a:hover::after {
    border-color: transparent transparent transparent #fff;
  }
}
@media only screen and (max-width: 768px) {
  .randoselu__pagelink > a {
    margin-top: 25px;
  }
}
@media print, screen and (min-width: 769px) {
  .randoselu__pagelink > a {
    margin-top: 50px;
  }
}
.randoselu__pagelink > a::after {
  border-color: transparent transparent transparent #3f3f3f;
}/*# sourceMappingURL=randoselu.css.map */