@charset "UTF-8";
/* sp(320px) */

#pageDiagnose {}

#pageDiagnose #headline {
	background-image: url(../img/diagnose/bg_headline.jpg);
}

	@media (-webkit-min-device-pixel-ratio: 2){
		#pageDiagnose #headline {
			background-image: url(../img/diagnose/bg_headline@2x.jpg);
		}
	/* end of media query(retina) */	
	}

/* 3つのメリット */
#pageDiagnose #merit3 {
	background-image: url(../img/diagnose/bg_merit3.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
#pageDiagnose #merit3 .hl span {
	display: block;
	font-weight: bold;
	color: #ca373d;
}

#pageDiagnose #merit3 li:not(:last-child) {
	margin-bottom: 30px;
}

#pageDiagnose #merit3 li .enc {
	max-width: 327px;
	margin: 0 auto;

}
#pageDiagnose #merit3 li .eng {
	font-size: 34px;
	color: #ca373d;
	line-height: 1;
	margin-top: -0.4em;
	position: relative;
	z-index: 2;
}
#pageDiagnose #merit3 li .txt {
	font-size: 16px;
}
#pageDiagnose #merit3 li .summary {
	font-size: 18px;
	font-weight: bold;
}
#pageDiagnose #merit3 li p {
	font-size: 14px;
	margin-bottom: 0;
}

/*dflow */
#pageDiagnose #dflow ul {
	max-width: 954px;
	margin-left: auto;
	margin-right: auto;

}
#pageDiagnose #dflow li {
	margin-bottom: 20px;
}
#pageDiagnose #dflow li .enc {
	max-width: 220px;
	margin: 0 auto;
	position: relative;
}
#pageDiagnose #dflow li .enc img {
	position: relative;
	z-index: 0;
}
#pageDiagnose #dflow li .enc .arrow {
	width: 26px;
	position: absolute;
	right: auto;
	top: auto;
	left: 43%;
	bottom: -8%;
	z-index: 99;
	
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	transform:rotate(90deg);
}

#pageDiagnose #dflow span {
	color: #ca373d;
	font-weight: bold;
}

/*無料プレゼント！ */
.ban_present {
	background-color: #fef1f2;
}
.ban_present .inner {
	padding-left: 0px;
	padding-right: 0px;
}
.ban_present .img {
	max-width: 828px;
}

/* フォーム */
#pageDiagnose .inp_area .step {
	max-width:800px;
}








@media handheld, print, screen and (min-width: 374px) {
/* iphone6 */


/* end of media query(iphone6) */	
}



@media handheld, print, screen and (min-width: 413px) {
/*  iPhone6 Plus */

/* end of media query(iPhone6 Plus) */	
}



@media handheld, print, screen and (min-width: 481px) {
/* tablet */



/* end of media query(tablet) */	
}



@media handheld, print, screen and (min-width: 621px) {
/* iPad */

/* 3つのメリット */
#pageDiagnose #merit3 li:not(:last-child) {
	margin-bottom: 0px;
}

/*dflow */

#pageDiagnose #dflow li .enc .arrow {
	width: 28px;
	position: absolute;
	right: -10%;
	top: 45%;
	left: auto;
	bottom: auto;
	z-index: 99;

	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
}

/*無料プレゼント！ */
.ban_present .inner {
	padding-left: 10px;
	padding-right: 10px;
}

/* end of media query(iPad) */	
}



@media handheld, print, screen and (min-width: 801px) {
/* pc */

/*dflow */
#pageDiagnose #dflow li .enc .arrow {
	width: 37px;
}


/* end of media query(pc) */
}