@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
///////////////////////////////// */
/* ///////////////////////////////////////////
  faq.scss
  よくある質問に関する記述
/////////////////////////////////////////// */
/*=================================
  faq
=================================*/
.page--faq > section {
  display: block;
  max-width: 1280px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--faq > section {
    padding: 30px 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--faq > section {
    padding: 100px 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--faq > section {
    padding: 100px 80px;
  }
}
.page--faq .faq__anchor {
  display: block;
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: flex-start;
}
@media only screen and (max-width: 768px) {
  .page--faq .faq__anchor {
    padding: 30px 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--faq .faq__anchor {
    padding: 100px 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--faq .faq__anchor {
    padding: 100px 80px;
  }
}
.page--faq .faq__anchor > * {
  order: 0;
  flex: 0 1 auto;
  align-self: auto;
}
.page--faq .faq__anchor > * {
  width: 48%;
  margin: 0 4% 0 0;
}
.page--faq .faq__anchor > *:nth-child(2n) {
  margin-right: 0;
}
.page--faq .faq__anchor li {
  border: 5px solid #f8fac5;
  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--faq .faq__anchor li {
    font-size: 1.8rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--faq .faq__anchor li {
    font-size: 2.4rem;
    border-width: 10px;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1219px) {
  .page--faq .faq__anchor li {
    font-size: 2rem;
  }
}
.page--faq .faq__anchor li:nth-child(2) {
  border-color: #c9ebf8;
}
.page--faq .faq__anchor li:nth-child(2) a::after {
  border-left-color: #c9ebf8;
}
.page--faq .faq__anchor li:nth-child(2) a:hover {
  background-color: rgba(201, 235, 248, 0.3);
}
.page--faq .faq__anchor li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 20px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .page--faq .faq__anchor li a {
    padding: 15px 5px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--faq .faq__anchor li a {
    padding: 20px;
  }
}
.page--faq .faq__anchor 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 #f8fac5;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 30px;
  margin: auto 0;
  transform: rotate(90deg);
}
@media only screen and (max-width: 768px) {
  .page--faq .faq__anchor li a::after {
    right: 10px;
    border-width: 6px 0 6px 9px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--faq .faq__anchor li a::after {
    border-width: 8px 0 8px 12px;
  }
}
.page--faq .faq__anchor li a:hover {
  text-decoration: none;
  background-color: rgba(248, 250, 197, 0.3);
}
.page--faq dl {
  position: relative;
}
@media print, screen and (min-width: 769px) {
  .page--faq dl {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: flex-start;
  }
  .page--faq dl > * {
    order: 0;
    flex: 0 1 auto;
    align-self: auto;
  }
}
.page--faq dl dt,
.page--faq dl dd {
  position: relative;
  transition: none;
}
@media only screen and (max-width: 768px) {
  .page--faq dl dt,
.page--faq dl dd {
    padding-left: 40px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--faq dl dt,
.page--faq dl dd {
    padding-left: 50px;
  }
}
.page--faq dl dt::before,
.page--faq dl dd::before {
  display: inline-block;
  position: absolute;
  content: "";
  vertical-align: middle;
  left: 0;
  margin-right: 10px;
}
@media only screen and (max-width: 768px) {
  .page--faq dl dt::before,
.page--faq dl dd::before {
    width: 30px;
    height: 30px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--faq dl dt::before,
.page--faq dl dd::before {
    width: 40px;
    height: 40px;
    /*
    line-height: 36px;
    font-size: 2.4rem;
    */
  }
}
.page--faq dl dt {
  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--faq dl dt {
    font-size: 1.8rem;
    margin-bottom: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--faq dl dt {
    font-size: 2.4rem;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .page--faq dl dt:nth-of-type(n + 2) {
    margin-top: 30px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--faq dl dt:nth-of-type(n + 2) {
    margin-top: 75px;
  }
}
.page--faq dl dt::before {
  background: url(../images/page/faq/question-icon.png) no-repeat;
  background-size: contain;
  top: 0;
}
.page--faq dl dt::before {
  background: url(../images/page/faq/question-icon.png) no-repeat;
  background-size: contain;
  top: 0;
}
.page--faq dl dd {
  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--faq dl dd {
    font-size: 1.6rem;
  }
}
.page--faq dl dd::before {
  background: url(../images/page/faq/answer-icon.png) no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 768px) {
  .page--faq dl dd::before {
    top: -3px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--faq dl dd::before {
    top: -5px;
  }
}
.page--faq dl dd div {
  width: 100%;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .page--faq dl dd div {
    padding-top: 100%;
  }
}
@media print, screen and (min-width: 769px) {
  .page--faq dl dd div {
    padding-top: 56.25%;
  }
}
.page--faq dl dd div iframe {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
@media only screen and (max-width: 768px) {
  .page--faq dl dd ol li:nth-child(n+2) {
    margin-top: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--faq dl dd ol li:nth-child(n+2) {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .page--faq dl dd ul {
    margin-top: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--faq dl dd ul {
    margin-top: 30px;
  }
}
.page--faq dl dd ul li {
  text-indent: -1em;
  margin-left: 1em;
}
.page--faq dl dd ul li::before {
  content: "※";
}
@media only screen and (max-width: 768px) {
  .page--faq dl dd > p:nth-of-type(n + 2) {
    margin-top: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--faq dl dd > p:nth-of-type(n + 2) {
    margin-top: 30px;
  }
}
.page--faq dl dd > p a {
  color: #3f3f3f;
}
@media only screen and (max-width: 768px) {
  .page--faq dl dd > p a {
    text-decoration: underline;
  }
  .page--faq dl dd > p a:hover {
    text-decoration: none;
  }
}
@media print, screen and (min-width: 769px) {
  .page--faq dl dd > p a {
    text-decoration: none;
    pointer-events: none;
  }
}
.page--faq .faq__movie {
  /*
      dl {
        @include smartphone {
          margin-top: 30px;
        }
        @include screen {
          margin-top: 50px;
        }

        > div:not(.faq__movie__more) {
          @include smartphone {
            margin-top: 40px;
          }
          @include screen {
            width: 30%;
            &:nth-of-type(n+4) {
              margin-top: 60px;
            }
            @include tablet {
              width: 47%;
              &:nth-of-type(n+3) {
                margin-top: 60px;
              }
            }
          }
          &:nth-of-type(n+4) {
            //最初は非表示
            //display: none;
          }
        }
        dt {
          @include screen {
            font-size: 2rem;
            margin-bottom: 20px;
          }
        }


        dt {
          //最初は非表示
          &:nth-of-type(n+4) {
            display: none;
          }
        }
        dd {
          //最初は非表示
          &:nth-of-type(n+3) {
            display: none;
          }
        }

      }
  */
}
.page--faq .faq__movie h2 {
  line-height: 1.4;
  color: #3f3f3f;
  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;
}
.page--faq .faq__movie h2::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 1.4) * 0.5em);
}
@media only screen and (max-width: 768px) {
  .page--faq .faq__movie h2 {
    margin-top: 20px;
    margin-bottom: 30px;
    font-size: 2.2rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--faq .faq__movie h2 {
    margin-bottom: 80px;
    font-size: 3.6rem;
  }
}
.page--faq .faq__movie h2 > span {
  display: block;
}
.page--faq .faq__movie h2 i {
  display: block;
  color: #34b3e5;
  font-size: 0.8em;
  position: absolute;
  left: 0;
  right: 0;
}
@media only screen and (max-width: 768px) {
  .page--faq .faq__movie h2 i {
    top: -25px;
    transform: translateX(-60px) rotate(-17deg);
  }
}
@media print, screen and (min-width: 769px) {
  .page--faq .faq__movie h2 i {
    top: -40px;
    transform: translateX(-110px) rotate(-17deg);
  }
}
.page--faq .faq__movie h2 i::before, .page--faq .faq__movie h2 i::after {
  display: inline-block;
  content: "";
  background-color: #c9ebf8;
  vertical-align: middle;
}
@media only screen and (max-width: 768px) {
  .page--faq .faq__movie h2 i::before, .page--faq .faq__movie h2 i::after {
    width: 2px;
    height: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--faq .faq__movie h2 i::before, .page--faq .faq__movie h2 i::after {
    width: 3px;
    height: 30px;
  }
}
.page--faq .faq__movie h2 i::before {
  margin-right: 10px;
  transform: rotate(-30deg);
}
@media only screen and (max-width: 768px) {
  .page--faq .faq__movie h2 i::before {
    margin-right: 5px;
  }
}
.page--faq .faq__movie h2 i::after {
  margin-left: 10px;
  transform: rotate(30deg);
}
@media only screen and (max-width: 768px) {
  .page--faq .faq__movie h2 i::after {
    margin-left: 5px;
  }
}
.page--faq .faq__movie h2 .pastel span:nth-of-type(1), .page--faq .faq__movie h2 .pastel span:nth-of-type(4) {
  color: #eca1ca;
}
.page--faq .faq__movie h2 .pastel span:nth-of-type(2), .page--faq .faq__movie h2 .pastel span:nth-of-type(5) {
  color: #7ebded;
}
.page--faq .faq__movie h2 .pastel span:nth-of-type(3), .page--faq .faq__movie h2 .pastel span:nth-of-type(6) {
  color: #e6d223;
}
.page--faq .faq__movie h2 .pastel::before, .page--faq .faq__movie h2 .pastel::after {
  display: inline-block;
  content: "";
  width: 3px;
  background-color: #e6d223;
  vertical-align: middle;
}
@media only screen and (max-width: 768px) {
  .page--faq .faq__movie h2 .pastel::before, .page--faq .faq__movie h2 .pastel::after {
    height: 25px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--faq .faq__movie h2 .pastel::before, .page--faq .faq__movie h2 .pastel::after {
    height: 40px;
  }
}
.page--faq .faq__movie h2 .pastel::before {
  margin-right: 25px;
  transform: rotate(-30deg);
}
@media only screen and (max-width: 768px) {
  .page--faq .faq__movie h2 .pastel::before {
    margin-right: 10px;
  }
}
.page--faq .faq__movie h2 .pastel::after {
  margin-left: 25px;
  transform: rotate(30deg);
}
@media only screen and (max-width: 768px) {
  .page--faq .faq__movie h2 .pastel::after {
    margin-left: 10px;
  }
}
@media only screen and (max-width: 768px) {
  .page--faq .faq__movie h2 .balloon {
    margin-top: 10px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--faq .faq__movie h2 .balloon {
    margin-top: 15px;
  }
}
.page--faq .faq__movie h2 .balloon > span {
  display: inline-block;
  position: relative;
}
.page--faq .faq__movie h2 .balloon > span::before {
  display: block;
  content: "";
  background: url(../images/page/faq/title-balloon.png) no-repeat;
  background-size: contain;
  position: absolute;
}
@media only screen and (max-width: 768px) {
  .page--faq .faq__movie h2 .balloon > span::before {
    width: 60px;
    height: 60px;
    top: -60px;
    right: calc(50% - 125px);
    transform: translateX(50%);
  }
}
@media print, screen and (min-width: 769px) {
  .page--faq .faq__movie h2 .balloon > span::before {
    width: 100px;
    height: 100px;
    top: -100px;
    right: calc(50% - 250px);
    transform: translateX(50%);
  }
}
.page--faq .faq__movie h2 .marker {
  display: inline-block;
  margin: 0 0.2em;
  background: linear-gradient(transparent 60%, #faf3b1 60%);
  color: #34b3e5;
}
@media only screen and (max-width: 768px) {
  .page--faq .faq__movie h2 .em {
    font-size: 1.4em;
  }
}
@media print, screen and (min-width: 769px) {
  .page--faq .faq__movie h2 .em {
    font-size: 1.6em;
  }
}
.page--faq .faq__movie h2 img {
  display: block;
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 768px) {
  .page--faq .faq__movie h2 img {
    max-width: 400px;
    margin: 10px auto 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--faq .faq__movie h2 img {
    max-width: 792px;
    margin: 10px auto 20px;
  }
}
.page--faq .faq__movie__tab {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  align-content: flex-start;
}
.page--faq .faq__movie__tab > * {
  order: 0;
  flex: 0 1 auto;
  align-self: auto;
}
@media print, screen and (min-width: 769px) {
  .page--faq .faq__movie__tab {
    margin: 0 auto;
  }
}
.page--faq .faq__movie__tab li {
  background-image: url(../images/common/pagetitle-bg.png);
  background-position: 50% 50%;
  background-repeat: repeat-x;
  position: relative;
  border: 5px solid transparent;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .page--faq .faq__movie__tab li {
    width: 48%;
    margin-right: 4%;
  }
  .page--faq .faq__movie__tab li:nth-child(2n) {
    margin-right: 0;
  }
  .page--faq .faq__movie__tab li:nth-child(n+3) {
    margin-top: 10px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--faq .faq__movie__tab li {
    width: 32%;
    margin-right: 2%;
    font-size: 1.8rem;
  }
  .page--faq .faq__movie__tab li:nth-child(3n) {
    margin-right: 0%;
  }
  .page--faq .faq__movie__tab li:nth-child(n+4) {
    margin-top: 25px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--faq .faq__movie__tab li {
    width: 23%;
    margin-right: 2.6%;
  }
  .page--faq .faq__movie__tab li:nth-child(4n) {
    margin-right: 0%;
  }
  .page--faq .faq__movie__tab li:nth-child(n+5) {
    margin-top: 25px;
  }
}
.page--faq .faq__movie__tab li:nth-of-type(1) span span, .page--faq .faq__movie__tab li:nth-of-type(3n + 1) span span {
  color: #eca1ca;
}
.page--faq .faq__movie__tab li:nth-of-type(2) span span, .page--faq .faq__movie__tab li:nth-of-type(3n + 2) span span {
  color: #7ebded;
}
.page--faq .faq__movie__tab li:nth-of-type(3) span span, .page--faq .faq__movie__tab li:nth-of-type(3n + 3) span span {
  color: #e6d223;
}
.page--faq .faq__movie__tab li::after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 15px 0 15px;
  border-color: #f2f1a1 transparent transparent transparent;
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 768px) {
  .page--faq .faq__movie__tab li::after {
    bottom: -12px;
    border-width: 12px 10px 0 10px;
  }
}
.page--faq .faq__movie__tab li.active, .page--faq .faq__movie__tab li:hover {
  padding: 0;
  border-color: #f8fac5;
  color: inherit;
  background-color: inherit;
}
.page--faq .faq__movie__tab li.active::after, .page--faq .faq__movie__tab li:hover::after {
  opacity: 1;
}
.page--faq .faq__movie__tab li > span {
  display: block;
  text-align: center;
  height: 60px;
  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: bold;
  border: none;
  background-color: rgba(255, 255, 255, 0.7);
  height: 100%;
  white-space: nowrap;
}
@media only screen and (max-width: 768px) {
  .page--faq .faq__movie__tab li > span {
    padding: 3px 0;
    font-size: 1.5rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--faq .faq__movie__tab li > span {
    padding: 0px 15px 5px;
    font-size: 2.4rem;
  }
}
.page--faq .faq__movie__tab--foot {
  margin-top: 40px;
}
.page--faq .faq__movie__tab--foot li::after {
  border-width: 0 15px 20px 15px;
  border-color: transparent transparent #f2f1a1 transparent;
  top: -20px;
}
@media only screen and (max-width: 768px) {
  .page--faq .faq__movie__tab--foot li::after {
    top: -12px;
    border-width: 0 10px 12px 10px;
  }
}
.page--faq .faq__movie__list .show {
  display: flex;
}
.page--faq .faq__movie__list__content {
  display: none;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 768px) {
  .page--faq .faq__movie__list__content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    margin-top: 30px;
    display: none;
  }
  .page--faq .faq__movie__list__content > * {
    order: 0;
    flex: 0 1 auto;
    align-self: auto;
  }
}
@media print, screen and (min-width: 769px) {
  .page--faq .faq__movie__list__content {
    margin-top: 50px;
  }
  .page--faq .faq__movie__list__content::after {
    display: block;
    content: "";
    width: 30%;
    height: 0;
  }
}
@media only screen and (max-width: 768px) {
  .page--faq .faq__movie__list__content div {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    width: 100%;
  }
  .page--faq .faq__movie__list__content div > * {
    order: 0;
    flex: 0 1 auto;
    align-self: auto;
  }
  .page--faq .faq__movie__list__content div:nth-child(n+2) {
    margin-top: 30px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--faq .faq__movie__list__content div {
    width: 30%;
  }
  .page--faq .faq__movie__list__content div:nth-of-type(n + 4) {
    margin-top: 60px;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1219px) {
  .page--faq .faq__movie__list__content div {
    width: 47%;
  }
  .page--faq .faq__movie__list__content div:nth-of-type(n + 3) {
    margin-top: 60px;
  }
}
@media only screen and (max-width: 768px) {
  .page--faq .faq__movie__list__content dt {
    width: 70%;
    font-size: 1.5rem;
    margin-bottom: 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--faq .faq__movie__list__content dt {
    font-size: 2rem;
  }
}
.page--faq .faq__movie__list__content dd {
  padding-left: 0;
}
@media only screen and (max-width: 768px) {
  .page--faq .faq__movie__list__content dd {
    width: 30%;
    padding-left: 5px;
  }
}
.page--faq .faq__movie__list__content dd::before {
  display: none;
}
.page--faq .faq__movie__list__content dd a {
  display: block;
  width: 100%;
  position: relative;
}
.page--faq .faq__movie__list__content dd a::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  background: url(../images/page/faq/icon-play.svg) no-repeat;
  background-size: contain;
  opacity: 0.8;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 768px) {
  .page--faq .faq__movie__list__content dd a::after {
    width: 40px;
    height: 40px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--faq .faq__movie__list__content dd a::after {
    width: 100px;
    height: 100px;
  }
}
.page--faq .faq__movie__list__content dd a:hover::after {
  opacity: 1;
}
.page--faq .faq__movie__list__content dd a img {
  display: block;
  width: 100%;
  height: auto;
}
.page--faq .faq__movie__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--faq .faq__movie__more {
    padding: 20px 0;
    bottom: -20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--faq .faq__movie__more {
    padding: 30px 0;
    bottom: -60px;
  }
}
.page--faq .faq__movie__more.open {
  position: static;
  padding-bottom: 0;
}
.page--faq .faq__movie__more.open span::before {
  transform: rotate(180deg);
}
.page--faq .faq__movie__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--faq .faq__movie__more span {
    font-size: 1.4rem;
    padding: 8px 50px 8px 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--faq .faq__movie__more span {
    font-size: 2rem;
    padding: 10px 50px 10px 20px;
  }
}
.page--faq .faq__movie__more span::before, .page--faq .faq__movie__more span::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 15px;
  height: 2px;
  background: #f7a1cb;
  transition: all 0.3s ease-in-out;
}
.page--faq .faq__movie__more span::before {
  transform: rotate(90deg);
}
.page--faq .faq__lineup {
  border-top: 1px solid #ccc;
}
.page--faq .faq__lineup h2 .marker {
  background: linear-gradient(transparent 60%, #c6e0f6 60%);
}
@media only screen and (max-width: 768px) {
  .page--faq .faq__lineup h2 .em {
    font-size: 3rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--faq .faq__lineup h2 .em {
    font-size: 5.6rem;
  }
}
@media only screen and (max-width: 768px) {
  .page--faq .faq__lineup .mod__heading01 {
    margin-bottom: 25px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--faq .faq__lineup .mod__heading01 {
    margin-bottom: 45px;
  }
}
.page--faq .faq__lineup .mod__heading01::after {
  display: none;
}
.page--faq .faq__lineup > ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  align-content: flex-start;
}
.page--faq .faq__lineup > ul > * {
  order: 0;
  flex: 0 1 auto;
  align-self: auto;
}
@media print, screen and (min-width: 769px) {
  .page--faq .faq__lineup > ul {
    max-width: 900px;
    margin: 0 auto;
  }
}
.page--faq .faq__lineup > ul li {
  background-image: url(../images/common/pagetitle-bg.png);
  background-position: 50% 50%;
  background-repeat: repeat-x;
  padding: 5px;
}
@media only screen and (max-width: 768px) {
  .page--faq .faq__lineup > ul li {
    width: 48%;
    margin-right: 4%;
  }
  .page--faq .faq__lineup > ul li:nth-child(2n) {
    margin-right: 0;
  }
  .page--faq .faq__lineup > ul li:nth-child(n+3) {
    margin-top: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--faq .faq__lineup > ul li {
    width: 32%;
    margin-right: 2%;
  }
  .page--faq .faq__lineup > ul li:nth-child(3n) {
    margin-right: 0%;
  }
  .page--faq .faq__lineup > ul li:nth-child(n+4) {
    margin-top: 15px;
  }
}
.page--faq .faq__lineup > ul li:nth-of-type(1) a span, .page--faq .faq__lineup > ul li:nth-of-type(3n + 1) a span {
  color: #eca1ca;
}
.page--faq .faq__lineup > ul li:nth-of-type(2) a span, .page--faq .faq__lineup > ul li:nth-of-type(3n + 2) a span {
  color: #7ebded;
}
.page--faq .faq__lineup > ul li:nth-of-type(3) a span, .page--faq .faq__lineup > ul li:nth-of-type(3n + 3) a span {
  color: #e6d223;
}
.page--faq .faq__lineup > ul li a {
  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;
  height: 60px;
  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;
  border: none;
  background-color: rgba(255, 255, 255, 0.7);
  flex-wrap: wrap;
  align-items: flex-start;
  height: 100%;
  white-space: nowrap;
}
.page--faq .faq__lineup > ul 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 #3f3f3f;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 17px;
  margin: auto 0;
}
@media print, screen and (min-width: 769px) {
  .page--faq .faq__lineup > ul li a:hover {
    color: #fff;
    background-color: #3f3f3f;
    text-decoration: none;
  }
  .page--faq .faq__lineup > ul li a:hover::after {
    border-color: transparent transparent transparent #fff;
  }
}
@media only screen and (max-width: 768px) {
  .page--faq .faq__lineup > ul li a {
    padding: 3px 0;
    font-size: 1.5rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--faq .faq__lineup > ul li a {
    padding: 0px 15px 5px;
    font-size: 2.4rem;
  }
}
.page--faq .faq__lineup > ul li a:hover {
  color: inherit;
  background-color: inherit;
}
.page--faq .faq__lineup > ul li a:hover::after {
  border-color: transparent transparent transparent #3f3f3f;
}
.page--faq .faq__lineup > ul li a::after {
  border-color: transparent transparent transparent #3f3f3f;
  right: 10px;
  transform: rotate(90deg);
}
@media print, screen and (min-width: 769px) {
  .page--faq .faq__lineup > ul li a::after {
    right: 20px;
  }
}
.page--faq .faq__list {
  max-width: 900px;
}
@media only screen and (max-width: 768px) {
  .page--faq .faq__list {
    padding: 25px 0px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--faq .faq__list {
    padding: 45px 0;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1219px) {
  .page--faq .faq__list {
    margin: 0 30px;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1220px) {
  .page--faq .faq__list {
    margin: 0 auto;
  }
}
.page--faq .faq__list:nth-of-type(n + 2) {
  border-top: 1px solid #ccc;
}
.page--faq .faq__list:first-of-type {
  padding-top: 0;
}
@media only screen and (max-width: 768px) {
  .page--faq .faq__list:first-of-type {
    margin-top: 50px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--faq .faq__list:first-of-type {
    margin-top: 100px;
  }
}
.page--faq .faq__list:last-of-type {
  padding-bottom: 0;
}
@media only screen and (max-width: 768px) {
  .page--faq .faq__list .mod__heading01 {
    margin-bottom: 25px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--faq .faq__list .mod__heading01 {
    margin-bottom: 45px;
  }
}
.page--faq .faq__list .mod__heading01::after {
  display: none;
}
.page--faq .faq__list dl dd > a {
  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;
  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;
  font-weight: normal;
  text-align: left;
  justify-content: flex-start;
}
.page--faq .faq__list dl dd > 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) {
  .page--faq .faq__list dl dd > a:hover {
    color: #fff;
    background-color: #3f3f3f;
    text-decoration: none;
  }
  .page--faq .faq__list dl dd > a:hover::after {
    border-color: transparent transparent transparent #fff;
  }
}
@media only screen and (max-width: 768px) {
  .page--faq .faq__list dl dd > a {
    margin-top: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--faq .faq__list dl dd > a {
    max-width: 300px;
    margin-top: 25px;
  }
}
.page--faq .faq__list dl dd > a::after {
  border-color: transparent transparent transparent #3f3f3f;
}
.page--faq .faq__bnr {
  max-width: 900px;
  margin: 0 auto;
  display: block;
  max-width: 1060px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--faq .faq__bnr {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--faq .faq__bnr {
    padding: 0 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--faq .faq__bnr {
    padding: 0 80px;
  }
}
@media only screen and (max-width: 768px) {
  .page--faq .faq__bnr {
    margin-bottom: 50px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--faq .faq__bnr {
    margin-bottom: 100px;
  }
}
.page--faq .faq__bnr a {
  display: block;
  width: 100%;
}
.page--faq .faq__bnr a:hover {
  opacity: 0.6;
}
.page--faq .faq__bnr a img {
  display: block;
  width: 100%;
}/*# sourceMappingURL=faq.css.map */