@charset "UTF-8";
/* basic layout */
/* 全体の設定
---------------------------------------------------------------------------*/
/* 基本設定
---------------------------------------------------------------------------*/
/* responsive */
/* サイズ */
/* flexbox */
/* フォント */
/* regular: 400, medium: 500, semibold: 600, bold: 700 */
/* regular: 400, medium: 500, bold: 700 */
/*@mixin font-go {
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: 400;
	font-style: normal;
}*/
/*@mixin font-hdl {
	font-family: fot-udkakugo-large-pr6n, sans-serif;
	font-style: normal;
	font-weight: 600;
}*/
/* regular: 500 */
/* regular: 400 */
/*@mixin font-deco {
	font-family: "dnp-shuei-nmincho-std", sans-serif;
	font-weight: 400;
	font-style: normal;
}*/
/* 色 */
/* グラデ背景色 */
/* 中央揃え */
/* objectfit */
/* ホバーアクション */
/* 角丸 */
/* ボタン */
/* ボタンの中のspan */
/* フォントサイズ */
/* padding margin */
/* 縦書き */
/* 内径 */
/* ancdhor */
@media screen and (max-width: 480px) {
  .pg-anchor-tx {
    width: 100%;
    height: 14.9333333333vw; } }
/* 問い合わせボタン */
.intr-con {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 54px 0; }
  @media screen and (max-width: 1300px) {
    .intr-con {
      margin: 4.1538461538vw 0; } }
  @media screen and (max-width: 480px) {
    .intr-con {
      margin: 7.2vw 0; } }

.faq-bd dt {
  position: relative;
  border-bottom: 1px solid #A5A5A5;
  padding: 12px 100px; }
  @media screen and (max-width: 1300px) {
    .faq-bd dt {
      padding: 0.9230769231vw 7.6923076923vw; } }
  @media screen and (max-width: 480px) {
    .faq-bd dt {
      padding: 1.6vw 13.3333333333vw; } }
  .faq-bd dt::before {
    position: absolute;
    content: "";
    content: "Q";
    font-family: "Sorts Mill Goudy", serif;
    font-weight: 400;
    font-style: normal;
    color: #75488A;
    font-size: 32px;
    left: 30px;
    top: 0; }
    @media screen and (max-width: 1300px) {
      .faq-bd dt::before {
        font-size: 2.4615384615vw; } }
    @media screen and (max-width: 480px) {
      .faq-bd dt::before {
        font-size: 8.5333333333vw; } }
    @media screen and (max-width: 1300px) {
      .faq-bd dt::before {
        left: 2.3076923077vw; } }
    @media screen and (max-width: 480px) {
      .faq-bd dt::before {
        left: 4vw; } }
  .faq-bd dt::after {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 22px;
    height: 14px;
    background-image: url(../img/faq/faq-arw.png);
    right: 40px;
    top: 30px;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease; }
    @media screen and (max-width: 1300px) {
      .faq-bd dt::after {
        width: 1.6923076923vw;
        height: 1.0769230769vw;
        right: 3.0769230769vw;
        top: 2.3076923077vw; } }
    @media screen and (max-width: 480px) {
      .faq-bd dt::after {
        width: 5.8666666667vw;
        height: 3.7333333333vw;
        right: 5.3333333333vw;
        top: 4vw; } }
.faq-bd dd {
  display: none;
  position: relative;
  background-color: #ffffff;
  padding: 22px 100px; }
  @media screen and (max-width: 1300px) {
    .faq-bd dd {
      padding: 1.6923076923vw 7.6923076923vw; } }
  @media screen and (max-width: 480px) {
    .faq-bd dd {
      padding: 2.9333333333vw 13.3333333333vw; } }
  .faq-bd dd::before {
    position: absolute;
    content: "";
    content: "A";
    font-family: "Sorts Mill Goudy", serif;
    font-weight: 400;
    font-style: normal;
    color: #75488A;
    font-size: 32px;
    left: 30px;
    top: 10px; }
    @media screen and (max-width: 1300px) {
      .faq-bd dd::before {
        font-size: 2.4615384615vw; } }
    @media screen and (max-width: 480px) {
      .faq-bd dd::before {
        font-size: 8.5333333333vw; } }
    @media screen and (max-width: 1300px) {
      .faq-bd dd::before {
        left: 2.3076923077vw;
        top: 0.7692307692vw; } }
    @media screen and (max-width: 480px) {
      .faq-bd dd::before {
        left: 4vw;
        top: 1.3333333333vw; } }
.faq-bd.open dt::after {
  transform: scale(1, -1); }

.faq-form {
  margin-top: 54px; }
  @media screen and (max-width: 1300px) {
    .faq-form {
      margin-top: 4.1538461538vw; } }
  @media screen and (max-width: 480px) {
    .faq-form {
      margin-top: 7.2vw; } }
  .faq-form input[type="text"] {
    width: 87%;
    padding: .6em 1em;
    letter-spacing: .1em;
    border: 1px solid #B4B4B4;
    border-radius: 0; }
    @media screen and (max-width: 480px) {
      .faq-form input[type="text"] {
        letter-spacing: 0;
        width: 75%;
        padding: .3em .4em; } }
  .faq-form button {
    width: 10%;
    height: 66px;
    border: none;
    background-color: #808080;
    color: #ffffff;
    letter-spacing: .1em;
    outline: none; }
    @media screen and (max-width: 1300px) {
      .faq-form button {
        height: 5.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .faq-form button {
        width: 20%;
        height: 11vw;
        letter-spacing: 0.05em;
        font-size: 3.8vw; } }
    .faq-form button:hover {
      opacity: .6;
      cursor: pointer; }

.faq-submenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 40px; }
  @media screen and (max-width: 1300px) {
    .faq-submenu {
      margin-top: 3.0769230769vw; } }
  @media screen and (max-width: 480px) {
    .faq-submenu {
      display: block;
      margin-top: 5.3333333333vw; } }
  .faq-submenu-about {
    width: 640px; }
    @media screen and (max-width: 1300px) {
      .faq-submenu-about {
        width: 49.2307692308vw; } }
    @media screen and (max-width: 480px) {
      .faq-submenu-about {
        width: 100%; } }
  .faq-submenu-con {
    width: 416px;
    color: #546D5C;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 88px;
    border: 2px solid #546D5C;
    font-size: 20px;
    background-color: #ffffff; }
    @media screen and (max-width: 1300px) {
      .faq-submenu-con {
        font-size: 1.5384615385vw; } }
    @media screen and (max-width: 480px) {
      .faq-submenu-con {
        font-size: 5.3333333333vw; } }
    @media screen and (max-width: 1300px) {
      .faq-submenu-con {
        width: 32vw;
        height: 6.7692307692vw; } }
    @media screen and (max-width: 480px) {
      .faq-submenu-con {
        width: 100%;
        height: 14vw;
        margin-top: 2.6666666667vw;
        font-size: 4vw; } }
    .faq-submenu-con:hover {
      color: #546D5C; }
    .faq-submenu-con > span {
      display: block;
      width: 100%;
      white-space: nowrap;
      text-align: center; }
      .faq-submenu-con > span span {
        display: inline-block;
        position: relative;
        padding-right: 45px; }
        @media screen and (max-width: 1300px) {
          .faq-submenu-con > span span {
            padding-right: 3.4615384615vw; } }
        @media screen and (max-width: 480px) {
          .faq-submenu-con > span span {
            padding-right: 6vw; } }
        .faq-submenu-con > span span::after {
          position: absolute;
          content: "";
          background-repeat: no-repeat;
          background-position: center;
          background-size: contain;
          background-image: url(../img/cmn/btn-icn-mail-bdr.png);
          width: 24px;
          height: 18px;
          right: 0;
          top: 50%;
          transform: translateY(-50%); }
          @media screen and (max-width: 1300px) {
            .faq-submenu-con > span span::after {
              width: 1.8461538462vw;
              height: 1.3846153846vw; } }
          @media screen and (max-width: 480px) {
            .faq-submenu-con > span span::after {
              width: 3.2vw;
              height: 2.4vw; } }