@charset "utf-8";
@import url(cmn.css);
@import url(base.css);

.page {
  background: url("../images/faq-images/page-bg.jpg") 30% 100% no-repeat;
}

/* ==========================================================================
	CONTENTS
	========================================================================== */

.faq {
	margin-bottom: 50px;
}
.faq:last-child {
	margin-bottom: 0;
}
.faq__q {
	color: var(--color02);
	font-family: var(--font01);
	font-size: clamp(1.8rem,2.375vw,2rem);
	font-weight: 700;
	background: url("../images/faq-images/icon-q.png") 0 15px no-repeat;
	background-size: 20px;
	padding: 10px 0 10px 30px;
	margin-bottom: 10px;
}
.faq__a {
	background: url("../images/faq-images/icon-a.png") 30px 30px no-repeat;
	background-size: 20px;
	background-color: #fff0f5;
	padding: 30px 30px 30px 65px;
}

/* ==========================================================================
	PC 1025px -
	========================================================================== */

@media screen and (min-width: 1025px){


}
@media screen and (max-width: 1200px){/*1200以下*/

}


/* ==========================================================================
	TABLET - 1024px
	========================================================================== */

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

}

/* ==========================================================================
	SP - 640px
	========================================================================== */

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

.faq {
	margin-bottom: 30px;
}
.faq__q {
	background: url("../images/faq-images/icon-q.png") 0 17px no-repeat;
	background-size: 17px;
	padding: 10px 0 10px 25px;
}
.faq__a {
	background: url("../images/faq-images/icon-a.png") 15px 23px no-repeat;
	background-size: 17px;
	background-color: #fff0f5;
	padding: 20px 20px 20px 40px;
}
}