/* Y'S GEAR : diagnose.css */

.menuYamalube { margin-bottom: 0; }

/*======================================================================*
 *  [ diagnoseWrap ] 
 *======================================================================*/

.diagnoseWrap {
	margin: 0 0 100px;
	padding: 30px 40px 0;
	background: url(../img/bg.png) left top / 3px auto repeat-x;
	font-size: 1.4rem;
	text-align: center;
}
.diagnoseWrap h2 {
	margin-bottom: 10px;
}
.diagnoseWrap h2 + p {
	margin-bottom: 30px;
	font-weight: 500;
}
.diagnoseWrap h2 + p br { display: none; }
.diagnoseWrap figure {
	margin-bottom: 30px;
}

@media screen and (max-width: 980px) {
	.diagnoseWrap {
		margin: 0 -20px 100px;
	}
} /* */

@media screen and (max-width: 568px) {
	.diagnoseWrap {
		margin: 0 -10px 75px;
		padding: 20px 10px 0;
	}
	.diagnoseWrap h2 {
		margin-bottom: 20px;
	}
	.diagnoseWrap h2 + p {
		margin-bottom: 20px;
		font-size: 1.6rem;
		line-height: 1.6;
	}
	.diagnoseWrap h2 + p br { display: block; }
	.diagnoseWrap figure img { max-width: 300px; }
} /* */


/*======================================================================*
 *  [ diagnoseTerms ] 
 *======================================================================*/

.diagnoseTerms {
	margin-bottom: 30px;
}
.diagnoseTerms h3 {
	margin-bottom: 15px;
	color: #D60033;
	font-size: 2rem;
}
.diagnoseTerms h3::before { content: "＜";}
.diagnoseTerms h3::after { content: "＞";}
.diagnoseTerms h3 + p {
	margin-bottom: 15px;
	font-size: 1.6rem;
	font-weight: bold;
}
.diagnoseTerms ul {
	text-align: left;
}
.diagnoseTerms li {
	margin-top: 5px;
	padding-left: 1em;
}
.diagnoseTerms li::before {
	display: inline-block;
	width: 1em;
	margin-left: -1em;
	text-align: center;
	content: "●";
}

@media screen and (max-width: 980px) {
} /* */

@media screen and (max-width: 568px) {
	.diagnoseTerms h3::before, 
	.diagnoseTerms h3::after { display: none;}
	.diagnoseTerms h3 b { display: block; }
	.diagnoseTerms h3 b::before { content: "＜";}
	.diagnoseTerms h3 b::after { content: "＞";}
} /* */


/*======================================================================*
 *  [ diagnoseBox ] 
 *======================================================================*/

.diagnoseBox p {
	margin-bottom: 30px;
}
.diagnoseBox .btn {
	display: inline-block;
	width: 210px;
	padding: 1.2em;
	border-radius: 1.7em;
	background: url(../img/icon_arrow.svg) right 1.2em center no-repeat #D60033;
	color: #fff;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1;
	cursor: pointer;
	transition: all ease .3s;
}
.diagnoseBox .btn:hover,
.diagnoseBox .btn:active {
	color: #fff !important;
	opacity: 0.6;
}

@media screen and (max-width: 980px) {
} /* */

@media screen and (max-width: 568px) {
	.diagnoseBox p img {
		max-width: 350px;
	}
} /* */