@charset "UTF-8";

/*----------------------------------------------------------
 *      メインビジュアル
 *---------------------------------------------------------- */
.main-visual {
	background: url("../../qa/images/mv.jpg") center center/cover;
}
@media only screen and (max-width: 768px) {
	.main-visual {
		background: url("../../qa/images/mv_sp.jpg") center center/cover;
	}
}

/*----------------------------------------------------------
 *      よくあるご質問
 *---------------------------------------------------------- */
.area h1 {
    margin: 13px 0 0 0;
    font-weight: bold;
    letter-spacing: 0.05rem;
}
.area .index__list__wrap {
    margin: 0 0 75px 0;
    padding: 40px 0 20px 0;
    background: #eff4f2;
}
.area .index__list__wrap ul {
      display: flex;
      flex-wrap: wrap;
      width: 1140px;
      margin: 0 auto;
}
.area .index__list__wrap li {
      flex-basis: calc(100%/3 - 20px);
      margin: 0 10px 20px 10px;
}
.area .index__list__wrap a {
      display: block;
      position: relative;
      width: 100%;
      height: 80px;
      padding: 30px 0 0 75px;
      background: #fff;
      border-radius: 8px;
      font-size: 1.125rem;
      font-weight: bold;
      color: #111111;
}
.area .index__list__wrap a:before {
        content: " ";
        display: block;
        position: absolute;
        top: 22px;
        left: 28px;
        width: 24px;
        height: 36px;
        background: url("../../qa/images/reserve__icon.svg") no-repeat;
}
.area .index__list__wrap a:after {
        content: " ";
        display: block;
        position: absolute;
        background: url("../images/btn__arrow1.svg") no-repeat;
        top: 34px;
        right: 20px;
        width: 16px;
        height: 36px;
}
.area .index__list__wrap a:hover {
      background-color: #7bc99b;
      color: #fff; }
    .area .index__list__wrap a:hover:before {
      background: url("../../qa/images/reserve__icon--over.svg") no-repeat;
}
.area .index__list__wrap a:hover:after {
      background: url("../images/btn__arrow1-over.svg") no-repeat; }
    .area .index__list__wrap a.qa__menu__satsuei:before {
      top: 26px;
      left: 20px;
      width: 35px;
      height: 29px;
      background: url("../../qa/images/satsuei__icon.svg") no-repeat;
}
.area .index__list__wrap a.qa__menu__satsuei:hover:before {
      background: url("../../qa/images/satsuei__icon--over.svg") no-repeat;
}
.area .index__list__wrap a.qa__menu__costume:before {
      top: 20px;
      left: 23px;
      width: 30px;
      height: 39px;
      background: url("../../qa/images/costume__icon.svg") no-repeat;
}
.area .index__list__wrap a.qa__menu__costume:hover:before {
      background: url("../../qa/images/costume__icon--over.svg") no-repeat;
}
.area .index__list__wrap a.qa__menu__item:before {
      top: 24px;
      left: 21px;
      width: 35px;
      height: 30px;
      background: url("../../qa/images/item__icon.svg") no-repeat;
}
.area .index__list__wrap a.qa__menu__item:hover:before {
      background: url("../../qa/images/item__icon--over.svg") no-repeat;
}
.area .qa__wrap {
    width: 1120px;
    margin: 0 auto 75px auto;
}
.area h2 {
    position: relative;
    padding: 4px 0 40px 50px;
    border-bottom: 1px solid #111111;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1;
}
.area h2:before {
    content: " ";
    display: block;
    position: absolute;
}
  .area .qa__reserve:before {
    top: 0;
    left: 10px;
    width: 35px;
    height: 36px;
    background: url("../../qa/images/reserve__icon.svg") no-repeat;
}
.area .qa__satsuei:before {
    top: 3px;
    left: 0;
    width: 35px;
    height: 29px;
    background: url("../../qa/images/satsuei__icon.svg") no-repeat;
}
.area .qa__costume:before {
    top: 0;
    left: 0;
    width: 30px;
    height: 39px;
    background: url("../../qa/images/costume__icon.svg") no-repeat;
}
.area .qa__item:before {
    top: 5px;
    left: 0;
    width: 35px;
    height: 30px;
    background: url("../../qa/images/item__icon.svg") no-repeat;
}
.area .q a {
    display: block;
    position: relative;
    width: 100%;
    height: 91px;
    padding: 33px 0 0 87px;
    border-bottom: 1px solid #dddddd;
    font-size: 1.125rem;
    font-weight: bold;
    color: #111111; }
.area .q a:before {
    content: " ";
    display: block;
    position: absolute;
    top: 21px;
    left: 39px;
    width: 23px;
    height: 48px;
    background: url("../../qa/images/title--q.svg") no-repeat;
}
.area .q--open:after {
    content: " ";
    display: block;
    position: absolute;
    top: 29px;
    right: 41px;
    width: 31px;
    height: 32px;
    background: url("../../qa/images/title--open.svg") no-repeat #fff;
}
.area .q--close:after {
    content: " ";
    display: block;
    position: absolute;
    top: 43px;
    right: 41px;
    width: 31px;
    height: 3px;
    background: url("../../qa/images/title--close.svg") no-repeat #fff;
}
.area .a {
    position: relative;
    padding: 36px 0 36px 147px;
    border-bottom: 1px solid #dddddd;
    line-height: 1.8; }
.area .a:before {
    content: " ";
    display: block;
    position: absolute;
    top: 25px;
    left: 93px;
    width: 23px;
    height: 47px;
    background: url("../../qa/images/title--a.svg") no-repeat;
}


@media only screen and (max-width: 768px) {

.area h1 {
        margin: 6px 0 0 0;
        font-size: 0.769rem;
	}
.area .index__list__wrap {
        margin: 0 0 30px 0;
        padding: 23px 0 12px 0;
	}
.area .index__list__wrap ul {
          display: block;
          width: 100%;
	}
.area .index__list__wrap li {
          margin: 0 10px 10px 10px;
	}
.area .index__list__wrap a {
          height: 40px;
          padding: 13px 0 0 42px;
	}
.area .index__list__wrap a:before {
            top: 11px;
            left: 18px;
            width: 12px;
            height: 18px;
            background: url("../../qa/images/reserve__icon--sp.svg") no-repeat;
	}
.area .index__list__wrap a:after {
            top: 17px;
            right: 10px;
            width: 8px;
            height: 6px;
            background: url("../images/btn__arrow1--sp.svg") no-repeat;
	}
.area .index__list__wrap a:hover:before {
          background-size: 11.984px 18px;
	}
.area .index__list__wrap a.qa__menu__satsuei:before {
          top: 12px;
          left: 15px;
          width: 18px;
          height: 15px;
          background: url("../../qa/images/satsuei__icon--sp.svg") no-repeat;
	}
.area .index__list__wrap a.qa__menu__satsuei:hover:before {
          background-size: 17.469px 14.469px; }
.area .index__list__wrap a.qa__menu__costume:before {
          top: 10px;
          left: 16px;
          width: 15px;
          height: 20px;
          background: url("../../qa/images/costume__icon--sp.svg") no-repeat;
	}
.area .index__list__wrap a.qa__menu__costume:hover:before {
          background-size: 14.781px 19.375px; }
.area .index__list__wrap a.qa__menu__item:before {
          top: 12px;
          left: 15px;
          width: 18px;
          height: 15px;
          background: url("../../qa/images/item__icon--sp.svg") no-repeat;
	}
.area .index__list__wrap a.qa__menu__item:hover:before {
          background-size: 17.469px 14.94px;
	}
.area .qa__wrap {
        width: 100%;
        margin: 0 auto 30px auto;
        padding: 0 20px 0;
	}
.area h2 {
        margin: 0 0 15px 0;
        padding: 3px 0 17px 26px;
        font-size: 1.153rem;
	}
.area .qa__reserve:before {
        top: 0;
        left: 4px;
        width: 12px;
        height: 18px;
        background: url("../../qa/images/reserve__icon--sp.svg") no-repeat;
	}
.area .qa__satsuei:before {
        top: 3px;
        left: 0;
        width: 18px;
        height: 15px;
        background: url("../../qa/images/satsuei__icon--sp.svg") no-repeat;
	}
.area .qa__costume:before {
        top: 0;
        left: 4px;
        width: 15px;
        height: 20px;
        background: url("../../qa/images/costume__icon--sp.svg") no-repeat;
	}
.area .qa__item:before {
        top: 2px;
        left: 0;
        width: 18px;
        height: 15px;
        background: url("../../qa/images/item__icon--sp.svg") no-repeat;
	}
.area .q a {
        height: auto;
        padding: 20px 0 20px 36px;
        font-size: 1rem; }
.area .q a:before {
        top: 14px;
        left: 10px;
        width: 12px;
        height: 24px;
        background: url("../../qa/images/title--q--sp.svg") no-repeat;
	}
.area .q--open:after {
        display: none;
	}
.area .q--close:after {
        display: none;
	}
.area .a {
        padding: 20px 10px 20px 36px;
        line-height: 1.7;
	}
.area .a:before {
        top: 15px;
        left: 10px;
        width: 12px;
        height: 24px;
        background: url("../../qa/images/title--a--sp.svg") no-repeat;
	}

}