/* CSS Document */

@media (min-width:751px){

	#faq { padding: 55px 0 120px; }
	#faq dt { padding: 25px 25px 25px 70px; position: relative; z-index: 10; font-size: 16px; 
		border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; cursor: pointer;
		background: url(../images/icon_q.svg) left 18px top 28px no-repeat #f2f4f7; line-height: 28px; }
	#faq dt:after { content: "+"; position: absolute; right: 30px; color: #3d4856; transition: 0.3s;
		font-size: 36px; }
	#faq dt.active:after { content: "-"; }
	#faq dd { padding: 25px 25px 25px 70px; position: relative; z-index: 10; font-size: 16px;
		background: url(../images/icon_a.svg) left 18px top 28px no-repeat; line-height: 28px;
		display: none; }

} /* End @media (min-width: 751px) */

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

@media (min-width: 751px) and  (max-width:1245px){
	
}

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

/* Start @media (max-width: 750px) */

@media (max-width:750px){
	#mv .img { background: url(../images/mv_sp.jpg) center center no-repeat; background-size: cover; }

	#faq { padding: 20vw 0; }
	#faq dt { padding: 4vw 12vw; position: relative; z-index: 10; font-size: 4.2vw; 
		border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; cursor: pointer;
		background: url(../images/icon_q.svg) left 3vw top 5vw no-repeat #f2f4f7; line-height: 6vw;
		background-size: 6vw auto; }
	#faq dt:after { content: "+"; position: absolute; right: 2vw; color: #3d4856; transition: 0.3s;
		font-size: 36px; }
	#faq dt.active:after { content: "-"; }
	#faq dd { padding: 4vw 4vw 4vw 12vw; position: relative; z-index: 10; font-size: 4.2vw;
		background: url(../images/icon_a.svg) left 3vw top 5vw no-repeat; line-height: 6vw;
		display: none; background-size: 4vw auto; }

} /* End @media (max-width: 750px) */