@charset "UTF-8";

@import url("../content.css");
@import url("sub.css");

/*---------------------------------------------------- */
/* p */
/*---------------------------------------------------- */
.answer .moji-faq p a {
	color: #303c42;
	text-decoration: underline;
}

.answer .moji-faq p a:hover {/*--------------------------------------------------------------------------------------------------------[色　link]-- */
	color: #5cc56f;
	text-decoration: underline;
}

/* PC */
@media screen and (min-width: 961px) {
/*---------------------------------------------------- */
/* Faq */
/*---------------------------------------------------- */
.faq {
	padding: 0;
	margin: 0 auto;
	width: 100%;
	height: auto;
}

.faq .waku-faq {
	padding: 0 0 30px 0;
	margin: 0;
	width: 100%;
	height: auto;
}

.faq .waku-faq .faq-box {
	padding: 20px 0;
	margin: 0 auto;
	width: 98%;
	height: auto;
	border: solid 2px #dce0e3;
	background-color: #FFFFFF;
}

.question {
	padding: 0 0 12px 0;
	margin: 0 auto;
	width: 96%;
	height: auto;
	overflow: hidden;	
}

.question .icon-faq {
	margin: 0;
	width: 4%;
	height: auto;
	float: left;
}

.question .faq-title {
	margin: 6px 0 0 0;
	width: 95%;
	height: auto;
	float: right;
}

.question .faq-title h4 {
	padding: 0;
	margin: 0;
	width: 100%;
	font-size: 120%;
	color: #303c42;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	line-height: 1.4;
}

.answer {
	padding: 12px 0 0 0;
	margin: 0 auto;
	width: 96%;
	height: auto;
	overflow: hidden;
	border-top: solid 1px #dce0e3;
}

.answer .icon-faq {
	margin: 0;
	width: 4%;
	height: auto;
	float: left;
}

.answer .moji-faq {
	margin: 5px 0 0 0;
	width: 95%;
	height: auto;
	float: right;
}

.answer .moji-faq p {
	padding: 0;
	margin: 0;
	width: 100%;
	font-size: 110%;
	color: #303c42;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	line-height: 1.6;
}

.question .icon-faq .icon-question {/*----------------------------------------------------------------------------------------------------------------------------------[色　icon Q]-- */
	padding: 6px 0;
	margin: 0;
	width: 100%;
	background-color: #1d9ad1;
	border-radius: 3px;
	color: #ffffff;
	display: block;
	font-size: 110%;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

.answer .icon-faq .icon-answer {/*----------------------------------------------------------------------------------------------------------------------------------[色　icon A]-- */
	padding: 6px 0;
	margin: 0;
	width: 100%;
	background-color: #a3a3a3;
	border-radius: 3px;
	color: #ffffff;
	display: block;
	font-size: 110%;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

/*---------------------------------------------------- */
/* h4 */
/*---------------------------------------------------- */
.item-title {
	padding: 0 0 0 0;
	width: 100%;
	font-size: 120%;
}

.item-title h4 {
	padding: 0 0 0 1%;
	margin: 0 0 0 0.5%;
	width: 98%;
	position: relative;
	padding-bottom: .4em;
	border-bottom: 4px solid #dce0e3;
	font-weight: 200;
}

.item-title h4::after {/*------------------------------------------------------------------------------------------------------------------------------------------------------------[色　h4 title]-- */
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	background-color: #3498db;
}


}


/* Tablet */
@media screen and (max-width: 960px) and (min-width: 569px) {
/*---------------------------------------------------- */
/* Faq */
/*---------------------------------------------------- */
.faq {
	padding: 0;
	margin: 0 auto;
	width: 96%;
	height: auto;
}

.faq .waku-faq {
	padding: 0 0 30px 0;
	margin: 0;
	width: 100%;
	height: auto;
}

.faq .waku-faq .faq-box {
	padding: 18px 0;
	margin: 0 auto;
	width: 98%;
	height: auto;
	border: solid 2px #dce0e3;
	background-color: #FFFFFF;
}

.question {
	padding: 0 0 10px 0;
	margin: 0 auto;
	width: 96%;
	height: auto;
	overflow: hidden;	
}

.question .icon-faq {
	margin: 0;
	width: 4%;
	height: auto;
	float: left;
}

.question .faq-title {
	margin: 4px 0 0 0;
	width: 95%;
	height: auto;
	float: right;
}

.question .faq-title h4 {
	padding: 0;
	margin: 0;
	width: 100%;
	font-size: 110%;
	color: #303c42;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	line-height: 1.4;
}

.answer {
	padding: 10px 0 0 0;
	margin: 0 auto;
	width: 96%;
	height: auto;
	overflow: hidden;
	border-top: solid 1px #dce0e3;
}

.answer .icon-faq {
	margin: 0;
	width: 4%;
	height: auto;
	float: left;
}

.answer .moji-faq {
	margin: 4px 0 0 0;
	width: 95%;
	height: auto;
	float: right;
}

.answer .moji-faq p {
	padding: 0;
	margin: 0;
	width: 100%;
	font-size: 100%;
	color: #303c42;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	line-height: 1.6;
}

.question .icon-faq .icon-question {/*----------------------------------------------------------------------------------------------------------------------------------[色　icon Q]-- */
	padding: 6px 0;
	margin: 0;
	width: 100%;
	background-color: #1d9ad1;
	border-radius: 3px;
	color: #ffffff;
	display: block;
	font-size: 110%;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

.answer .icon-faq .icon-answer {/*----------------------------------------------------------------------------------------------------------------------------------[色　icon A]-- */
	padding: 6px 0;
	margin: 0;
	width: 100%;
	background-color: #a3a3a3;
	border-radius: 3px;
	color: #ffffff;
	display: block;
	font-size: 110%;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}



}


/* SP */
@media screen and (max-width: 568px)  {
/*---------------------------------------------------- */
/* Faq */
/*---------------------------------------------------- */
.faq {
	padding: 0;
	margin: 0 auto;
	width: 94%;
	height: auto;
}

.faq .waku-faq {
	padding: 0 0 20px 0;
	margin: 0;
	width: 100%;
	height: auto;
}

.faq .waku-faq .faq-box {
	padding: 14px 0;
	margin: 0 auto;
	width: 98%;
	height: auto;
	border: solid 2px #dce0e3;
	background-color: #FFFFFF;
}

.question {
	padding: 0 0 8px 0;
	margin: 0 auto;
	width: 94%;
	height: auto;
	overflow: hidden;	
}

.question .icon-faq {
	margin: 0;
	width: 8%;
	height: auto;
	float: left;
}

.question .faq-title {
	margin: 4px 0 0 0;
	width: 90%;
	height: auto;
	float: right;
}

.question .faq-title h4 {
	padding: 0;
	margin: 0;
	width: 100%;
	font-size: 100%;
	color: #303c42;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	line-height: 1.4;
}

.answer {
	padding: 8px 0 0 0;
	margin: 0 auto;
	width: 94%;
	height: auto;
	overflow: hidden;
	border-top: solid 1px #dce0e3;
}

.answer .icon-faq {
	margin: 0;
	width: 8%;
	height: auto;
	float: left;
}

.answer .moji-faq {
	margin: 4px 0 0 0;
	width: 90%;
	height: auto;
	float: right;
}

.answer .moji-faq p {
	padding: 0;
	margin: 0;
	width: 100%;
	font-size: 90%;
	color: #303c42;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	line-height: 1.6;
}

.question .icon-faq .icon-question {/*----------------------------------------------------------------------------------------------------------------------------------[色　icon Q]-- */
	padding: 4px 0;
	margin: 0;
	width: 100%;
	background-color: #1d9ad1;
	border-radius: 3px;
	color: #ffffff;
	display: block;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

.answer .icon-faq .icon-answer {/*----------------------------------------------------------------------------------------------------------------------------------[色　icon A]-- */
	padding: 4px 0;
	margin: 0;
	width: 100%;
	background-color: #a3a3a3;
	border-radius: 3px;
	color: #ffffff;
	display: block;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

/*---------------------------------------------------- */
/* h4 */
/*---------------------------------------------------- */
.item-title {
	padding: 0 0 0 0;
	width: 100%;
	font-size: 110%;
}

.item-title h4 {
	padding: 0 0 0 1%;
	margin: 0 0 0 0.5%;
	width: 98%;
	position: relative;
	padding-bottom: .2em;
	border-bottom: 2px solid #dce0e3;
	font-weight: 200;
}

.item-title h4::after {/*------------------------------------------------------------------------------------------------------------------------------------------------------------[色　h4 title]-- */
	position: absolute;
	bottom: -2px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 2px;
	background-color: #3498db;
}

}