@charset "UTF-8";
/* CSS Document */

/*-------------------------------------------

name: uniq.css

-------------------------------------------*/

body{}
/*========================
	mv
=========================*/
#mvIn{
	background:url(../img/mv.jpg) top center no-repeat;
	background-size:cover;
}


/*========================
      よくあるご質問
========================*/
.faq{ padding:0 2%; overflow:hidden;}
.faq dl{ margin-bottom:7px;}
.faq dl dt{ padding:20px; color:#000; font-size:17px; font-weight:bold; cursor:pointer; display:block; background:#fff; border:3px solid #ffa0a0; position:relative;}
.faq dl dt:hover,
.faq dl dt.open{ background:#ffa0a0;}
.faq dl dt::after{
	content: "";
	position: absolute;
	right:3%;
	top:0;
	bottom: 0;
	margin: auto; 
	box-sizing: border-box;
	width: 10px;
	height: 10px;
	border: 5px solid transparent;
	border-top: 5px solid #000;
}
.faq dl dt.open::after{
	content: "";
	position: absolute;
	right:3%;
	top:0;
	bottom: 0;
	margin: auto; 
	box-sizing: border-box;
	width: 10px;
	height: 10px;
	border: 5px solid transparent;
	border-bottom: 5px solid #000;
}

.faq dl dd{ padding:30px; display:none; background:#fffaeb; color:#333;}
.faq dl dd p{ margin:0 0 10px;}
.faq dl dd strong{ background:#fff77d; padding:3px; color:#000;}




/*==============================================

	スマホ

==============================================*/
@media only screen and (max-width: 739px) {
/*========================
      よくあるご質問
========================*/
.faq{ padding:0; overflow:hidden;}
.faq dl{ margin-bottom:1px;}
.faq dl dt{ padding:10px 6% 10px 3%; color:#000; font-size:13px; font-weight:bold; cursor:pointer; display:block; background:#ffc3c3; border:none; transition:0.2s; position:relative;}
.faq dl dd{ padding:4%; display:none;}
.faq dl dt:hover,
.faq dl dt.open{ background:#ffc3c3;}

}