@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
///////////////////////////////// */
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/* ///////////////////////////////////////////
  question.scss
  Q&A受付フォームに関する記述
  （contact.scssをコピー）
/////////////////////////////////////////// */
/*=================================
  question
=================================*/
@media only screen and (max-width: 768px) {
  .mod__contactForm dl dd .mwform-radio-field,
.mod__contactForm dl dd .mwform-checkbox-field {
    display: block;
  }
}
@media only screen and (max-width: 768px) {
  .mod__contactForm dl dd .mwform-radio-field + .mwform-radio-field,
.mod__contactForm dl dd .mwform-radio-field + .mwform-checkbox-field,
.mod__contactForm dl dd .mwform-checkbox-field + .mwform-radio-field,
.mod__contactForm dl dd .mwform-checkbox-field + .mwform-checkbox-field {
    margin-top: 0.8em;
  }
}
.mod__contactForm dl dd .mwform-radio-field label,
.mod__contactForm dl dd .mwform-checkbox-field label {
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .page--question {
    padding: 0 0 30px 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--question {
    padding: 0 0 100px 0;
  }
}
.page--question .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--question .message {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--question .message {
    padding: 0 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--question .message {
    padding: 0 80px;
  }
}
@media only screen and (max-width: 768px) {
  .page--question .message {
    margin-top: 30px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--question .message {
    margin-top: 100px;
  }
}
.page--question .message p + p {
  margin-top: 1em;
}
@media print, screen and (min-width: 769px) {
  .page--question .message p {
    text-align: center;
  }
}
@media only screen and (max-width: 768px) {
  .page--question .message a.tel {
    text-decoration: underline;
  }
}
@media print, screen and (min-width: 769px) {
  .page--question .message a.tel {
    pointer-events: none;
  }
}
.page--question .question__form {
  display: block;
  max-width: 1060px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--question .question__form {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--question .question__form {
    padding: 0 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--question .question__form {
    padding: 0 80px;
  }
}
@media only screen and (max-width: 768px) {
  .page--question .question__form {
    margin-top: 25px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--question .question__form {
    margin-top: 90px;
  }
}
@media only screen and (max-width: 768px) {
  .page--question.complete .message__heading {
    margin-bottom: 25px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--question.complete .message__heading {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 768px) {
  .page--question.complete .message__heading::after {
    max-width: 150px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--question.complete .message__heading::after {
    max-width: 200px;
  }
}
.page--question.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--question.complete .message p:nth-child(n+2) {
    margin-top: 1em;
  }
}
@media print, screen and (min-width: 769px) {
  .page--question.complete .message p:nth-child(n+2) {
    margin-top: 2em;
  }
}
.page--question.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--question.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--question.complete .message a:hover {
    color: #fff;
    background-color: #f7a1cb;
    text-decoration: none;
  }
  .page--question.complete .message a:hover::after {
    border-color: transparent transparent transparent #fff;
  }
}
@media only screen and (max-width: 768px) {
  .page--question.complete .message a {
    margin-top: 25px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--question.complete .message a {
    max-width: 300px;
    margin: 50px auto 0 auto;
  }
}
.page--question .question__faq {
  display: block;
  max-width: 1280px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--question .question__faq {
    padding: 50px 20px 0;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--question .question__faq {
    padding: 80px 30px 0;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--question .question__faq {
    padding: 100px 80px 0;
  }
}
.page--question .question__faq > .mod__heading01 {
  border-top: 1px solid #CCC;
  max-width: 900px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--question .question__faq > .mod__heading01 {
    margin-bottom: 20px;
    padding-top: 30px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--question .question__faq > .mod__heading01 {
    margin-bottom: 50px;
    padding-top: 80px;
  }
}
.page--question .question__faq > .mod__heading01::after {
  display: none;
}
.page--question .question__faq > ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  align-content: flex-start;
}
.page--question .question__faq > ul > * {
  order: 0;
  flex: 0 1 auto;
  align-self: auto;
}
@media print, screen and (min-width: 769px) {
  .page--question .question__faq > ul {
    max-width: 900px;
    margin: 0 auto;
  }
}
.page--question .question__faq > 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--question .question__faq > ul li {
    width: 48%;
    margin-right: 4%;
  }
  .page--question .question__faq > ul li:nth-child(2n) {
    margin-right: 0;
  }
  .page--question .question__faq > ul li:nth-child(n+3) {
    margin-top: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--question .question__faq > ul li {
    width: 32%;
    margin-right: 2%;
  }
  .page--question .question__faq > ul li:nth-child(3n) {
    margin-right: 0%;
  }
  .page--question .question__faq > ul li:nth-child(n+4) {
    margin-top: 15px;
  }
}
.page--question .question__faq > ul li:nth-of-type(1) a span, .page--question .question__faq > ul li:nth-of-type(3n+1) a span {
  color: #eca1ca;
}
.page--question .question__faq > ul li:nth-of-type(2) a span, .page--question .question__faq > ul li:nth-of-type(3n+2) a span {
  color: #7ebded;
}
.page--question .question__faq > ul li:nth-of-type(3) a span, .page--question .question__faq > ul li:nth-of-type(3n+3) a span {
  color: #e6d223;
}
.page--question .question__faq > 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--question .question__faq > 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--question .question__faq > ul li a:hover {
    color: #fff;
    background-color: #3f3f3f;
    text-decoration: none;
  }
  .page--question .question__faq > ul li a:hover::after {
    border-color: transparent transparent transparent #fff;
  }
}
@media only screen and (max-width: 768px) {
  .page--question .question__faq > ul li a {
    padding: 3px 0;
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--question .question__faq > ul li a {
    padding: 0px 15px 5px;
    font-size: 2.4rem;
  }
}
.page--question .question__faq > ul li a:hover {
  color: inherit;
  background-color: inherit;
}
.page--question .question__faq > ul li a:hover::after {
  border-color: transparent transparent transparent #3f3f3f;
}
.page--question .question__faq > ul li a::after {
  border-color: transparent transparent transparent #3f3f3f;
  right: 10px;
  transform: rotate(90deg);
}
@media print, screen and (min-width: 769px) {
  .page--question .question__faq > ul li a::after {
    right: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .page--question .question__faq__list {
    padding: 25px 0px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--question .question__faq__list {
    padding: 45px 0;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1219px) {
  .page--question .question__faq__list {
    width: auto;
    margin: 0 30px;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1220px) {
  .page--question .question__faq__list {
    max-width: 900px;
    margin: 0 auto;
  }
}
.page--question .question__faq__list:nth-of-type(n+2) {
  border-top: 1px solid #CCC;
}
.page--question .question__faq__list:first-of-type {
  padding-top: 0;
}
@media only screen and (max-width: 768px) {
  .page--question .question__faq__list:first-of-type {
    margin-top: 50px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--question .question__faq__list:first-of-type {
    margin-top: 100px;
  }
}
.page--question .question__faq__list:last-of-type {
  padding-bottom: 0;
}
@media only screen and (max-width: 768px) {
  .page--question .question__faq__list:last-of-type {
    margin-bottom: 50px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--question .question__faq__list:last-of-type {
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 768px) {
  .page--question .question__faq__list .mod__heading01 {
    margin-bottom: 25px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--question .question__faq__list .mod__heading01 {
    margin-bottom: 45px;
  }
}
.page--question .question__faq__list .mod__heading01::after {
  display: none;
}
.page--question .question__faq__list dl dt,
.page--question .question__faq__list dl dd {
  position: relative;
}
@media only screen and (max-width: 768px) {
  .page--question .question__faq__list dl dt,
.page--question .question__faq__list dl dd {
    padding-left: 40px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--question .question__faq__list dl dt,
.page--question .question__faq__list dl dd {
    padding-left: 50px;
  }
}
.page--question .question__faq__list dl dt::before,
.page--question .question__faq__list dl dd::before {
  display: block;
  position: absolute;
  content: "";
  display: inline-block;
  vertical-align: middle;
  left: 0;
  margin-right: 10px;
}
@media only screen and (max-width: 768px) {
  .page--question .question__faq__list dl dt::before,
.page--question .question__faq__list dl dd::before {
    width: 30px;
    height: 30px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--question .question__faq__list dl dt::before,
.page--question .question__faq__list dl dd::before {
    width: 40px;
    height: 40px;
    /*
    line-height: 36px;
    font-size: 2.4rem;
    */
  }
}
.page--question .question__faq__list 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--question .question__faq__list dl dt {
    font-size: 1.8rem;
    margin-bottom: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--question .question__faq__list dl dt {
    font-size: 2.4rem;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .page--question .question__faq__list dl dt:nth-of-type(n+2) {
    margin-top: 30px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--question .question__faq__list dl dt:nth-of-type(n+2) {
    margin-top: 75px;
  }
}
.page--question .question__faq__list dl dt::before {
  background: url(../images/page/faq/question-icon.png) no-repeat;
  background-size: contain;
  top: 0;
}
.page--question .question__faq__list 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--question .question__faq__list dl dd {
    font-size: 1.6rem;
  }
}
.page--question .question__faq__list dl dd::before {
  background: url(../images/page/faq/answer-icon.png) no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 768px) {
  .page--question .question__faq__list dl dd::before {
    top: -3px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--question .question__faq__list dl dd::before {
    top: -5px;
  }
}
@media only screen and (max-width: 768px) {
  .page--question .question__faq__list dl dd ol li:nth-child(n+2) {
    margin-top: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--question .question__faq__list dl dd ol li:nth-child(n+2) {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .page--question .question__faq__list dl dd ul {
    margin-top: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--question .question__faq__list dl dd ul {
    margin-top: 30px;
  }
}
.page--question .question__faq__list dl dd ul li {
  text-indent: -1em;
  margin-left: 1em;
}
.page--question .question__faq__list dl dd ul li::before {
  content: "※";
}
@media only screen and (max-width: 768px) {
  .page--question .question__faq__list dl dd > p:nth-of-type(n+2) {
    margin-top: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--question .question__faq__list dl dd > p:nth-of-type(n+2) {
    margin-top: 30px;
  }
}
.page--question .question__faq__list dl dd > p a {
  color: #3f3f3f;
}
@media only screen and (max-width: 768px) {
  .page--question .question__faq__list dl dd > p a {
    text-decoration: underline;
  }
  .page--question .question__faq__list dl dd > p a:hover {
    text-decoration: none;
  }
}
@media print, screen and (min-width: 769px) {
  .page--question .question__faq__list dl dd > p a {
    text-decoration: none;
    pointer-events: none;
  }
}
.page--question .question__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--question .question__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--question .question__faq__list dl dd > a:hover {
    color: #fff;
    background-color: #3f3f3f;
    text-decoration: none;
  }
  .page--question .question__faq__list dl dd > a:hover::after {
    border-color: transparent transparent transparent #fff;
  }
}
@media only screen and (max-width: 768px) {
  .page--question .question__faq__list dl dd > a {
    margin-top: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--question .question__faq__list dl dd > a {
    max-width: 300px;
    margin-top: 25px;
  }
}
.page--question .question__faq__list dl dd > a::after {
  border-color: transparent transparent transparent #3f3f3f;
}
.page--question .question__bnr {
  display: block;
  max-width: 1280px;
  margin: 0 auto;
  max-width: 900px;
  margin: 0 auto;
  border-top: solid 1px #ccc;
}
@media only screen and (max-width: 768px) {
  .page--question .question__bnr {
    padding: 50px 20px 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--question .question__bnr {
    padding: 80px 30px 0;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--question .question__bnr {
    padding: 100px 80px 0;
  }
}
.page--question .question__bnr a {
  display: block;
  width: 100%;
}
.page--question .question__bnr a:hover {
  opacity: 0.6;
}
.page--question .question__bnr a img {
  display: block;
  width: 100%;
}/*# sourceMappingURL=question.css.map */