@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
///////////////////////////////// */
/* ///////////////////////////////////////////
  rental.scss
　ランドセル貸出しサービス
/////////////////////////////////////////// */
/*=================================
  rental
=================================*/
.page--rental {
  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--rental {
    margin-bottom: 50px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--rental {
    margin-bottom: 100px;
  }
}
.page--rental .em {
  color: #ef4396;
}
.page--rental h2 {
  text-align: center;
  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--rental h2 {
    margin-bottom: 15px;
    font-size: 1.8rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--rental h2 {
    margin-bottom: 20px;
    font-size: 3rem;
  }
}
.page--rental .page__title {
  position: relative;
  background-image: url("../images/common/pagetitle-bg_c.png");
}
@media only screen and (max-width: 768px) {
  .page--rental .page__title {
    margin-bottom: 200px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--rental .page__title {
    margin-bottom: 550px;
  }
}
.page--rental .page__title::after {
  width: 100%;
  content: "";
  display: block;
  background: url(../images/page/rental/pagetitle-after.jpg) center bottom no-repeat #e7eaee;
  background-size: cover;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--rental .page__title::after {
    height: 200px;
    bottom: -200px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--rental .page__title::after {
    height: 550px;
    bottom: -550px;
  }
}
.page--rental .rental {
  /*=================================
    申し込みフォームエラー表示
  =================================*/
  /*=================================
    申し込みフォームエラー表示
  =================================*/
  /*=================================
    イントロ
  =================================*/
  /*=================================
    ライン
  =================================*/
  /*=================================
    イメージ画像
  =================================*/
  /*=================================
    配送について、レンタルできるランドセルについて
  =================================*/
  /*=================================
    お客様の声
  =================================*/
  /*=================================
    申し込みフォーム
  =================================*/
}
.page--rental .rental__container {
  display: block;
  max-width: 1280px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--rental .rental__container {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--rental .rental__container {
    padding: 0 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--rental .rental__container {
    padding: 0 80px;
  }
}
@media only screen and (max-width: 768px) {
  .page--rental .rental__container {
    padding-top: 50px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--rental .rental__container {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 768px) {
  .page--rental .rental__attention {
    margin-bottom: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--rental .rental__attention {
    margin-bottom: 50px;
  }
}
.page--rental .rental__attention .em {
  background-color: #ef4396;
  color: #fff;
  text-align: center;
  font-weight: bold;
  padding: 0.5em;
}
@media only screen and (max-width: 768px) {
  .page--rental .rental__attention .em {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--rental .rental__attention .em {
    font-size: 2.4rem;
  }
}
.page--rental .rental__attention .note {
  display: block;
  margin-top: 2em;
  border: 1px solid #ef4396;
  color: #ef4396;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .page--rental .rental__attention .note {
    padding: 10px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--rental .rental__attention .note {
    padding: 20px;
  }
}
.page--rental .rental__attention .note a,
.page--rental .rental__attention .note a:visited {
  color: #ef4396;
  font-weight: bold;
  text-decoration: underline;
}
.page--rental .rental__error {
  display: none;
  max-width: 900px;
  margin: 0 auto;
  color: #ffd8d6;
  font-size: 1.2em;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .page--rental .rental__error {
    padding: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--rental .rental__error {
    padding: 30px;
  }
}
.page--rental .rental__error a {
  color: #ffd8d6;
}
.page--rental .rental__intro .text .logo {
  display: block;
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
}
.page--rental .rental__intro .text .logo img {
  display: block;
  width: 100%;
  max-width: 640px;
  height: auto;
  margin: 0 auto;
}
@media print, screen and (min-width: 769px) {
  .page--rental .rental__intro .text p {
    margin-top: 50px;
    text-align: center;
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 768px) {
  .page--rental .rental__intro .text p {
    margin-top: 24px;
    font-size: 1.6rem;
  }
}
.page--rental .rental__intro .text p strong {
  color: #96003d;
}
.page--rental .rental__intro .requirement {
  margin-top: 50px;
}
.page--rental .rental__intro .requirement > dl {
  align-items: flex-start;
  border: 1px solid #3f3f3f;
  max-width: 700px;
  padding: 20px 20px 5px;
  margin: auto;
}
.page--rental .rental__intro .requirement > dl > dt {
  float: left;
  clear: left;
  width: 40%;
  border: none;
  padding: 0;
  margin-bottom: 15px;
  line-height: 1.5;
}
@media print, screen and (min-width: 769px) {
  .page--rental .rental__intro .requirement > dl > dt {
    width: 25%;
    padding: 0 0 0 20px;
  }
}
.page--rental .rental__intro .requirement > dl > dt::before {
  content: "■";
  width: 16px;
  height: 16px;
}
.page--rental .rental__intro .requirement > dl > dt::after {
  content: ":";
  width: 16px;
  height: 16px;
  margin-left: 1rem;
}
.page--rental .rental__intro .requirement > dl > dd {
  flex-grow: 1;
  float: left;
  width: 60%;
  padding: 0 0 0 20px;
  margin-bottom: 15px;
  border: none;
  line-height: 1.5;
}
@media print, screen and (min-width: 769px) {
  .page--rental .rental__intro .requirement > dl > dd {
    width: 75%;
    padding: 0 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--rental .rental__intro .rental__attention {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 768px) {
  .page--rental .rental__intro .rental__attention {
    margin-top: 20px;
  }
}
.page--rental .rental__intro dl {
  width: 100%;
  border-bottom: 1px solid #ccc;
  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;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
  .page--rental .rental__intro dl {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--rental .rental__intro dl {
    margin-top: 50px;
  }
}
.page--rental .rental__intro dl dt,
.page--rental .rental__intro dl dd {
  line-height: 1.4;
  border-top: 1px solid #ccc;
}
@media only screen and (max-width: 768px) {
  .page--rental .rental__intro dl dt,
  .page--rental .rental__intro dl dd {
    padding: 15px 0;
    font-size: 1.5rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--rental .rental__intro dl dt,
  .page--rental .rental__intro dl dd {
    font-size: 1.8rem;
    padding: 20px;
  }
}
.page--rental .rental__intro dl dt p,
.page--rental .rental__intro dl dd 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;
  margin-top: 0;
  text-align: left !important;
  margin-top: 0.4em !important;
}
@media only screen and (max-width: 768px) {
  .page--rental .rental__intro dl dt p,
  .page--rental .rental__intro dl dd p {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--rental .rental__intro dl dt p,
  .page--rental .rental__intro dl dd p {
    font-size: 1.6rem;
  }
}
.page--rental .rental__intro dl dt {
  width: 30%;
}
.page--rental .rental__intro dl dd {
  width: 70%;
}
@media only screen and (max-width: 768px) {
  .page--rental .rental__intro dl dd {
    padding-left: 10px;
  }
}
.page--rental .rental__intro dl dd del {
  text-decoration-color: #f00;
}
.page--rental .rental__intro dl dd strong {
  color: #f00;
  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;
}
.page--rental .rental__intro dl dl {
  border-bottom: none;
}
@media only screen and (max-width: 768px) {
  .page--rental .rental__intro dl dl {
    margin-top: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--rental .rental__intro dl dl {
    margin-top: 20px;
  }
}
.page--rental .rental__intro dl dl dt {
  padding-left: 0;
}
@media only screen and (max-width: 768px) {
  .page--rental .rental__intro > p {
    margin-top: 10px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--rental .rental__intro > p {
    margin-top: 0px;
    text-align: center;
    font-size: 1.8rem;
  }
}
.page--rental .rental__line {
  border-radius: 12px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--rental .rental__line {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--rental .rental__line {
    max-width: 900px;
    margin-top: 100px;
  }
}
.page--rental .rental__line h2 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.page--rental .rental__line h2 > * {
  order: 0;
  flex: 0 1 auto;
  align-self: auto;
}
.page--rental .rental__line h2::before {
  display: block;
  content: "";
  background: url(../images/common/line-icon.png) no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 768px) {
  .page--rental .rental__line h2::before {
    width: 50px;
    height: 50px;
    margin-right: 10px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--rental .rental__line h2::before {
    width: 120px;
    height: 120px;
    margin-right: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .page--rental .rental__line h2 > span {
    width: 100%;
    margin-top: 5px;
  }
}
.page--rental .rental__line h2 .catch {
  display: block;
  color: #06c755;
}
@media only screen and (max-width: 768px) {
  .page--rental .rental__line h2 .catch {
    font-size: 0.8em;
  }
}
@media print, screen and (min-width: 769px) {
  .page--rental .rental__line h2 .catch {
    font-size: 0.6em;
  }
}
.page--rental .rental__line h2 .title {
  display: block;
  line-height: 1.5;
}
.page--rental .rental__line h2 .title span {
  color: #ef4396;
}
.page--rental .rental__line 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;
  margin-top: 1.5em;
}
@media only screen and (max-width: 768px) {
  .page--rental .rental__line h3 {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--rental .rental__line h3 {
    font-size: 2.4rem;
  }
}
.page--rental .rental__line p {
  margin: 0 auto;
  max-width: 800px;
}
@media only screen and (max-width: 768px) {
  .page--rental .rental__line p {
    margin-top: 5px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--rental .rental__line p {
    margin-top: 10px;
    text-align: center;
  }
}
@media only screen and (max-width: 768px) {
  .page--rental .rental__line p:first-of-type {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--rental .rental__line p:first-of-type {
    margin-top: 40px;
  }
}
.page--rental .rental__line p .bg {
  display: block;
  max-width: 600px;
  margin: 1em auto;
  padding: 0.5em 1em;
  background-color: #e5ffef;
}
@media print, screen and (min-width: 769px) {
  .page--rental .rental__line p .bg {
    text-align: center;
  }
}
.page--rental .rental__line p img {
  display: block;
  max-width: 200px;
  height: auto;
  margin: 0px auto;
}
.page--rental .rental__line p a {
  width: 100%;
  max-width: 300px;
  height: 50px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
  border: 1px solid #06c755;
  background-color: #fff;
  cursor: pointer;
  transition: all 0.2s linear;
  position: relative;
  margin: 0 auto;
  background-color: #06c755;
}
.page--rental .rental__line p a::after {
  width: 0;
  height: 0;
  content: "";
  display: inline-block;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #fff;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 17px;
  margin: auto 0;
}
@media print, screen and (min-width: 769px) {
  .page--rental .rental__line p a:hover {
    color: #fff;
    background-color: #fff;
    text-decoration: none;
  }
  .page--rental .rental__line p a:hover::after {
    border-color: transparent transparent transparent #fff;
  }
}
.page--rental .rental__line p a::after {
  display: none;
}
.page--rental .rental__line p a:hover {
  color: #06c755;
}
@media only screen and (max-width: 768px) {
  .page--rental .rental__line p a {
    margin: 10px auto;
  }
}
@media print, screen and (min-width: 769px) {
  .page--rental .rental__line p a {
    margin: 20px auto;
  }
}
.page--rental .rental__line p a.tel {
  background: url(../images/common/tel-icon-white.png) 10px center/30px 30px no-repeat #06c755;
}
.page--rental .rental__line p a.tel:hover {
  background-color: #fff;
  background-image: url(../images/common/tel-icon-green.png);
}
.page--rental .rental__line p a.account {
  background: url(../images/common/line-icon-white.png) 10px center/30px 30px no-repeat #06c755;
}
.page--rental .rental__line p a.account:hover {
  background-color: #fff;
  background-image: url(../images/common/line-icon-green.png);
}
.page--rental .rental__img {
  display: block;
  max-width: 1280px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--rental .rental__img {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--rental .rental__img {
    padding: 0 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--rental .rental__img {
    padding: 0 80px;
  }
}
@media only screen and (max-width: 768px) {
  .page--rental .rental__img {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--rental .rental__img {
    margin-top: 50px;
  }
}
.page--rental .rental__img img {
  display: block;
  width: 100%;
  max-width: 600px;
  height: auto;
  margin: 0 auto;
}
.page--rental .rental__note {
  border: 1px solid #c9ebf8;
  border-radius: 12px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--rental .rental__note {
    padding: 15px;
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--rental .rental__note {
    padding: 50px;
    max-width: 900px;
    margin-top: 50px;
  }
}
.page--rental .rental__note--01 {
  border-color: #d3eeed;
}
.page--rental .rental__note--02 {
  border-color: #c9ebf8;
}
@media only screen and (max-width: 768px) {
  .page--rental .rental__note h2 {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 768px) {
  .page--rental .rental__note ul {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--rental .rental__note ul {
    margin-top: 30px;
  }
}
.page--rental .rental__note ul li {
  padding-left: 1em;
  text-indent: -1em;
}
.page--rental .rental__voice h2 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.page--rental .rental__voice h2 > * {
  order: 0;
  flex: 0 1 auto;
  align-self: auto;
}
@media only screen and (max-width: 768px) {
  .page--rental .rental__voice h2 {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--rental .rental__voice h2 {
    margin-top: 50px;
  }
}
.page--rental .rental__voice h2:before, .page--rental .rental__voice h2:after {
  display: block;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
@media only screen and (max-width: 768px) {
  .page--rental .rental__voice h2:before, .page--rental .rental__voice h2:after {
    width: 40px;
    height: 40px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--rental .rental__voice h2:before, .page--rental .rental__voice h2:after {
    width: 60px;
    height: 60px;
  }
}
.page--rental .rental__voice h2:before {
  transform: scale(-1, 1);
  background-image: url(../images/common/randoselu-icon-pink.svg);
}
@media only screen and (max-width: 768px) {
  .page--rental .rental__voice h2:before {
    margin-right: 10px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--rental .rental__voice h2:before {
    margin-right: 20px;
  }
}
.page--rental .rental__voice h2:after {
  background-image: url(../images/common/randoselu-icon-blue.svg);
}
@media only screen and (max-width: 768px) {
  .page--rental .rental__voice h2:after {
    margin-left: 10px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--rental .rental__voice h2:after {
    margin-left: 20px;
  }
}
.page--rental .rental__voice__list {
  display: block;
  max-width: 900px;
  margin: 0 auto;
  counter-reset: number 0;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .page--rental .rental__voice__list {
    padding: 0;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--rental .rental__voice__list {
    padding: 0;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--rental .rental__voice__list {
    padding: 0;
  }
}
@media only screen and (max-width: 768px) {
  .page--rental .rental__voice__list {
    margin: 10px auto 50px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--rental .rental__voice__list {
    margin: 30px auto 100px;
  }
}
.page--rental .rental__voice__list li {
  transition: none;
}
@media only screen and (max-width: 768px) {
  .page--rental .rental__voice__list li:nth-of-type(n + 2) {
    margin-top: 10px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--rental .rental__voice__list li:nth-of-type(n + 2) {
    margin-top: 20px;
  }
}
.page--rental .rental__voice__list li:nth-of-type(n + 2)::before {
  display: block;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  position: absolute;
}
@media only screen and (max-width: 768px) {
  .page--rental .rental__voice__list li:nth-of-type(n + 2)::before {
    width: 65px;
    height: 65px;
    top: -33px;
    right: -18px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--rental .rental__voice__list li:nth-of-type(n + 2)::before {
    width: 90px;
    height: 90px;
    top: -50px;
    right: -40px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--rental .rental__voice__list li:nth-of-type(n + 2)::before {
    width: 120px;
    height: 120px;
    top: -60px;
    right: -80px;
  }
}
.page--rental .rental__voice__list li:not(:last-child) {
  background: #f5f2ef;
  border-radius: 6px;
  position: relative;
  /*イラスト連番*/
}
@media only screen and (max-width: 768px) {
  .page--rental .rental__voice__list li:not(:last-child) {
    padding: 25px 20px 25px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--rental .rental__voice__list li:not(:last-child) {
    padding: 30px 40px;
  }
}
.page--rental .rental__voice__list li:not(:last-child):nth-of-type(n + 4) {
  display: none;
}
@media only screen and (max-width: 768px) {
  .page--rental .rental__voice__list li:not(:last-child):nth-child(even)::before {
    left: -18px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--rental .rental__voice__list li:not(:last-child):nth-child(even)::before {
    left: -40px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--rental .rental__voice__list li:not(:last-child):nth-child(even)::before {
    left: -80px;
  }
}
@media only screen and (max-width: 768px) {
  .page--rental .rental__voice__list li:not(:last-child):nth-child(odd)::before {
    right: -18px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--rental .rental__voice__list li:not(:last-child):nth-child(odd)::before {
    right: -40px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--rental .rental__voice__list li:not(:last-child):nth-child(odd)::before {
    right: -80px;
  }
}
.page--rental .rental__voice__list li:not(:last-child):nth-child(1)::before {
  background-image: url(../images/page/rental/voice_icon01.png);
}
.page--rental .rental__voice__list li:not(:last-child):nth-child(2)::before {
  background-image: url(../images/page/rental/voice_icon02.png);
}
.page--rental .rental__voice__list li:not(:last-child):nth-child(3)::before {
  background-image: url(../images/page/rental/voice_icon03.png);
}
.page--rental .rental__voice__list li:not(:last-child):nth-child(4)::before {
  background-image: url(../images/page/rental/voice_icon04.png);
}
.page--rental .rental__voice__list li:not(:last-child):nth-child(5)::before {
  background-image: url(../images/page/rental/voice_icon05.png);
}
.page--rental .rental__voice__list li:not(:last-child):nth-child(6)::before {
  background-image: url(../images/page/rental/voice_icon06.png);
}
.page--rental .rental__voice__list li:not(:last-child):nth-child(7)::before {
  background-image: url(../images/page/rental/voice_icon07.png);
}
.page--rental .rental__voice__list li:not(:last-child):nth-child(8)::before {
  background-image: url(../images/page/rental/voice_icon08.png);
}
.page--rental .rental__voice__list li:not(:last-child):nth-child(9)::before {
  background-image: url(../images/page/rental/voice_icon09.png);
}
.page--rental .rental__voice__list li:not(:last-child):nth-child(10)::before {
  background-image: url(../images/page/rental/voice_icon10.png);
}
.page--rental .rental__voice__list li:not(:last-child):nth-child(11)::before {
  background-image: url(../images/page/rental/voice_icon01.png);
}
.page--rental .rental__voice__list li:not(:last-child):nth-child(12)::before {
  background-image: url(../images/page/rental/voice_icon02.png);
}
.page--rental .rental__voice__list li:not(:last-child):nth-child(13)::before {
  background-image: url(../images/page/rental/voice_icon03.png);
}
.page--rental .rental__voice__list li:not(:last-child):nth-child(14)::before {
  background-image: url(../images/page/rental/voice_icon04.png);
}
.page--rental .rental__voice__list li:not(:last-child):nth-child(15)::before {
  background-image: url(../images/page/rental/voice_icon05.png);
}
.page--rental .rental__voice__list li:not(:last-child):nth-child(16)::before {
  background-image: url(../images/page/rental/voice_icon06.png);
}
.page--rental .rental__voice__list li:not(:last-child):nth-child(17)::before {
  background-image: url(../images/page/rental/voice_icon07.png);
}
.page--rental .rental__voice__list li:not(:last-child):nth-child(18)::before {
  background-image: url(../images/page/rental/voice_icon08.png);
}
.page--rental .rental__voice__list li:not(:last-child):nth-child(19)::before {
  background-image: url(../images/page/rental/voice_icon09.png);
}
.page--rental .rental__voice__list li:last-child {
  display: block !important;
}
.page--rental .rental__voice__list li .item,
.page--rental .rental__voice__list li .name {
  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;
}
@media only screen and (max-width: 768px) {
  .page--rental .rental__voice__list li .item,
  .page--rental .rental__voice__list li .name {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--rental .rental__voice__list li .item,
  .page--rental .rental__voice__list li .name {
    font-size: 1.8rem;
  }
}
.page--rental .rental__voice__list li .name {
  display: block;
}
@media only screen and (max-width: 768px) {
  .page--rental .rental__voice__list li .name {
    margin-bottom: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--rental .rental__voice__list li .name {
    margin-bottom: 20px;
  }
}
.page--rental .rental__voice__list li p {
  color: #000;
  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--rental .rental__voice__list li p {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 768px) {
  .page--rental .rental__voice__list li p:nth-of-type(n + 2) {
    margin-top: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--rental .rental__voice__list li p:nth-of-type(n + 2) {
    margin-top: 30px;
  }
}
.page--rental .rental__voice__more {
  width: 100%;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), #ffffff, #ffffff);
  text-align: center;
  position: absolute;
  left: 0;
}
@media only screen and (max-width: 768px) {
  .page--rental .rental__voice__more {
    padding: 20px 0;
    bottom: -10px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--rental .rental__voice__more {
    padding: 30px 0;
    bottom: -60px;
  }
}
.page--rental .rental__voice__more.open {
  position: static;
  padding-bottom: 0;
}
.page--rental .rental__voice__more.open span::before {
  transform: rotate(180deg);
}
.page--rental .rental__voice__more span {
  display: inline-block;
  color: #f7a1cb;
  background-color: #fff;
  border: solid 2px #f7a1cb;
  border-radius: 30px;
  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;
  position: relative;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .page--rental .rental__voice__more span {
    font-size: 1.4rem;
    padding: 8px 50px 8px 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--rental .rental__voice__more span {
    font-size: 2rem;
    padding: 10px 50px 10px 20px;
  }
}
.page--rental .rental__voice__more span::before, .page--rental .rental__voice__more span::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 15px;
  height: 2px;
  background: #f7a1cb;
  transition: all 0.3s ease-in-out;
}
.page--rental .rental__voice__more span::before {
  transform: rotate(90deg);
}
@media only screen and (max-width: 768px) {
  .page--rental .rental__reserve {
    padding: 0 0 30px 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--rental .rental__reserve {
    padding: 0 0 100px 0;
  }
}
.page--rental .rental__reserve h2 {
  text-align: center;
  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--rental .rental__reserve h2 {
    font-size: 1.8rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--rental .rental__reserve h2 {
    font-size: 3.6rem;
  }
}
.page--rental .rental__reserve .message {
  display: block;
  max-width: 1060px;
  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;
}
@media only screen and (max-width: 768px) {
  .page--rental .rental__reserve .message {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--rental .rental__reserve .message {
    padding: 0 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--rental .rental__reserve .message {
    padding: 0 80px;
  }
}
@media only screen and (max-width: 768px) {
  .page--rental .rental__reserve .message {
    margin-top: 30px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--rental .rental__reserve .message {
    margin-top: 50px;
  }
  .page--rental .rental__reserve .message p {
    text-align: center;
  }
}
.page--rental .rental__reserve .message .note {
  margin-top: 1em;
  padding: 1em;
  border-radius: 12px;
  font-size: 1.1em;
  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;
  background-color: #fbfdfc;
  text-align: center;
}
.page--rental .rental__reserve .rental__attention {
  display: block;
  max-width: 1060px;
  margin: 0 auto;
  margin-top: 20px;
}
@media only screen and (max-width: 768px) {
  .page--rental .rental__reserve .rental__attention {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--rental .rental__reserve .rental__attention {
    padding: 0 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--rental .rental__reserve .rental__attention {
    padding: 0 80px;
  }
}
.page--rental .rental__reserve .reserve__form {
  display: block;
  max-width: 1060px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--rental .rental__reserve .reserve__form {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--rental .rental__reserve .reserve__form {
    padding: 0 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--rental .rental__reserve .reserve__form {
    padding: 0 80px;
  }
}
@media only screen and (max-width: 768px) {
  .page--rental .rental__reserve .reserve__form {
    margin-top: 25px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--rental .rental__reserve .reserve__form {
    margin-top: 90px;
  }
}
.page--rental .rental__reserve .reserve__form dd .mwform-radio-field,
.page--rental .rental__reserve .reserve__form dd .mwform-checkbox-field {
  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;
  display: inline-block;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .page--rental .rental__reserve .reserve__form dd .mwform-radio-field,
  .page--rental .rental__reserve .reserve__form dd .mwform-checkbox-field {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--rental .rental__reserve .reserve__form dd .mwform-radio-field,
  .page--rental .rental__reserve .reserve__form dd .mwform-checkbox-field {
    margin-right: 35px;
  }
}
@media only screen and (max-width: 768px) {
  .page--rental .rental__reserve .reserve__form dd .mwform-radio-field:nth-of-type(n + 2),
  .page--rental .rental__reserve .reserve__form dd .mwform-checkbox-field:nth-of-type(n + 2) {
    margin-left: 0px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--rental .rental__reserve .reserve__form dd .mwform-radio-field:nth-of-type(n + 2),
  .page--rental .rental__reserve .reserve__form dd .mwform-checkbox-field:nth-of-type(n + 2) {
    margin-left: 0px;
  }
}
.page--rental .rental__reserve .reserve__form--stop {
  position: relative;
  padding: 15px;
}
.page--rental .rental__reserve .reserve__form--stop::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.page--rental .rental__reserve .reserve__form--stop::after {
  white-space: pre-wrap;
  content: "展示会期間につき休止しております。\a 6月以降、貸し出し再開のめどが立ちましたらWEBサイトでご案内申し上げます。";
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  background: rgba(255, 255, 255, 0.9);
  padding: 20px;
  color: #ef4396;
  font-weight: bold;
}
.page--rental .rental__reserve .reserve__form--stop input,
.page--rental .rental__reserve .reserve__form--stop select,
.page--rental .rental__reserve .reserve__form--stop label,
.page--rental .rental__reserve .reserve__form--stop a {
  pointer-events: none;
}
.page--rental .rental__reserve.input .rental__container {
  border-top: solid 1px #ccc;
}
@media only screen and (max-width: 768px) {
  .page--rental .rental__reserve.input .rental__container {
    margin-top: 50px;
    padding: 40px 0 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--rental .rental__reserve.input .rental__container {
    margin-top: 100px;
    padding-top: 80px;
  }
}
@media only screen and (max-width: 768px) {
  .page--rental .rental__reserve.confirm .rental__container {
    padding-top: 50px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--rental .rental__reserve.confirm .rental__container {
    padding-top: 100px;
  }
}
.page--rental .rental__reserve.confirm .message {
  margin: 0 auto 50px;
}
@media only screen and (max-width: 768px) {
  .page--rental .rental__reserve.complete .rental__container {
    padding-top: 50px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--rental .rental__reserve.complete .rental__container {
    padding-top: 100px;
  }
}
.page--rental .rental__reserve.complete .message {
  margin-top: 0;
}
@media only screen and (max-width: 768px) {
  .page--rental .rental__reserve.complete .message__heading {
    margin-bottom: 25px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--rental .rental__reserve.complete .message__heading {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 768px) {
  .page--rental .rental__reserve.complete .message__heading::after {
    max-width: 150px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--rental .rental__reserve.complete .message__heading::after {
    max-width: 200px;
  }
}
.page--rental .rental__reserve.complete .message 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--rental .rental__reserve.complete .message p:nth-child(n+2) {
    margin-top: 1em;
  }
}
@media print, screen and (min-width: 769px) {
  .page--rental .rental__reserve.complete .message p:nth-child(n+2) {
    margin-top: 2em;
  }
}
.page--rental .rental__reserve.complete .message a {
  width: 100%;
  max-width: 100%;
  height: 50px;
  color: #f7a1cb;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
  border: 1px solid #f7a1cb;
  background-color: #fff;
  cursor: pointer;
  transition: all 0.2s linear;
  position: relative;
  margin: 0 auto;
}
.page--rental .rental__reserve.complete .message a::after {
  width: 0;
  height: 0;
  content: "";
  display: inline-block;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #f7a1cb;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 17px;
  margin: auto 0;
}
@media print, screen and (min-width: 769px) {
  .page--rental .rental__reserve.complete .message a:hover {
    color: #fff;
    background-color: #f7a1cb;
    text-decoration: none;
  }
  .page--rental .rental__reserve.complete .message a:hover::after {
    border-color: transparent transparent transparent #fff;
  }
}
@media only screen and (max-width: 768px) {
  .page--rental .rental__reserve.complete .message a {
    margin-top: 25px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--rental .rental__reserve.complete .message a {
    max-width: 300px;
    margin: 50px auto 0 auto;
  }
}/*# sourceMappingURL=rental.css.map */