
@charset "UTF-8";
/* ▲▲▲▲▲▲▲▲▲（よくあるご質問）faq/index.html▲▲▲▲▲▲▲▲ */
#faq .box_white_r ,#faq h2 {
    font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: left;
}

#faq h2 {
    font-size: 1em;
    position: relative;
}
#faq h2.accordion::after {
    right: 0;
}
/*
#faq.top h2::after {
    content: "";
    background-image: url(/img/common-icon-after.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 10px;
    height: 15px;
    right: .5em;
    bottom: .2em;
    transform: rotate(90deg);
}
*/
#faq .box_white_r {
    margin-bottom: .5em;
}
#faq .box_white_r ol li:nth-of-type(odd) {
    font-weight: bold;
    margin: 1em 0 1em 2.5em;
    position: relative;
}
#faq .box_white_r ol li:nth-of-type(odd)::before {
    content: "";
    background-image: url(/img/common-icon-qa.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 2em;
    height: 2em;
    display: inline-block;
    left: -2.5em;
    top: -.1em;
}
/*プライバシーポリシー*/
#faq.policy .row900 {
    text-align: left;
    font-size: 14px;
    padding-bottom: 4em;
}
#faq.policy .box_white_r {
    margin: 2em auto;
    width: 100%;
}
#faq.policy h2 {
    font-size: 1em;
}
#faq.policy h3 {
    text-align: left;
    font-size: 1em;
    margin: 1em auto 0;
    font-weight: bold;
}
#faq.policy .row900 ol li::before {content: "・";}
@media screen and (max-width: 360px) {

}
@media screen and (min-width: 1024px) {

#faq.top h1.ttl_h2 {
    margin-bottom: 3em;
}
}
/*追記20180310*/
#faq h1.ttl_h2 span::before,#faq h1.ttl_h2 span::after {
    top: 0;
}
#faq h2 {
    text-align:  center;
    font-size:  1.2em;
    font-weight:  normal;
    margin-bottom: 2em;
}
#faq ol li a, #faq #search, #faq.answer h1, #faq.answer article >  p:first-of-type {
	width: 100%;
	background: white;
	padding: 1.5em;
	border-radius: 10px;
	margin-bottom: 1em;
	border: solid 1px gray;
	display:  inline-block;
}
#faq ol, #faq #search, #faq.answer h1, #faq.answer article > p:first-of-type {
    width:  90%;
    max-width:  900px;
    margin: 0 auto 4em;
}
#faq.faqtop ol:nth-of-type(2), #faq.subpage ol:first-of-type {
    text-align:  left;
}
#faq.faqtop ol:nth-of-type(2) li a::before, #faq.subpage ol:first-of-type li a::before {
    content:  ">";
    margin-right:  .5em;
}
#faq .flex-bet li {
    width:  100%;
}
#faq .flex-bet li a {
    background-repeat:  no-repeat;
    background-position:0 0;
    background-size: contain;
    padding-left:  130px;
    height:  70px;
    display:  inline-flex;
    justify-content:  center;
    align-items:  center;
    color:  #3c3c3c;
}
#faq .cancel {
	background-image: url("/img/faq-img-cat01.jpg");
}
#faq .hairmake {
	background-image: url("/img/faq-img-cat02.jpg");
}
#faq .satsuei {
	background-image: url("/img/faq-img-cat03.jpg");
}
#faq .select {
	background-image: url("/img/faq-img-cat04.jpg");
}
#faq .products {
	background-image: url("/img/faq-img-cat05.jpg");
}
#faq .price {
	background-image: url("/img/faq-img-cat06.jpg");
}
#faq .etc {
	background-image: url("/img/faq-img-cat07.jpg");
}
#faq .rental {
	background-image: url("/img/faq-img-cat08.jpg");
}
#faq .shop {
	background-image: url("/img/faq-img-cat09.jpg");
}
#faq ol.flex-aro li {
    width: 45%;
    max-width: 360px;
    position:  relative;
}
#faq ol.flex-aro li a {
    height: 3em;
    display: inline-flex;
    align-items:  center;
    justify-content:  center;
    padding:  2em;
}
.flex-aro.btnA li::after {
    font-family: 'FontAwesome';
    content: "\f054";
    position: absolute;
    top: 1.3em;
    right:  1em;
}

#faq.subpage h1 {
    margin-top:  3em;
    width:  90%;
    max-width:  900px;
    border-radius: 0 10px 10px 0;
    padding: 1.2em;
    background-color:  white;
    background-repeat:  no-repeat;
    background-size: contain;
    font-size:  1.2em;
    font-weight:  normal;
    color:  #3c3c3c;
}
#faq.answer h1 {
    margin: 8em auto 1.5em;
    font-weight:  normal;
}
#faq.answer h1, #faq.answer article > p:first-of-type {
    text-align:  left;
    display: block;/*よくある質問詳細ページ*/
}
#faq.answer h1::before, #faq.answer article >  p:first-of-type::before {
    content: "Q.";
    color:  #e8447e;
    margin-right:  1em;
}
#faq.answer article > p:first-of-type::before {
    content: "A.";
}
#faq .btn_round-before {
    background: gray;
}
@media screen and (min-width: 667px) {
#faq.faqtop ol.flex-aro li,#faq.faqtop ol.flex-bet li {
    margin: 0 0 1em;
    width: 48%;
}	
}
/* ▲▲▲▲▲▲▲▲▲（よくあるご質問）faq/index.html▲▲▲▲▲▲▲▲ */

