@charset "UTF-8";
/* =========================================================
    Difference / Index
========================================================= */
/* Layout
--------------------------------------------------------- */
#conts {
	padding-top: 20px;
}

@media screen and (max-width: 767px) {
	#conts {
		padding-top: 0;
	}
}

/* Common Style
--------------------------------------------------------- */
#conts .headLine01 {
	padding: 16px 0 13px;
	font-size: 3.0rem;
}

#conts .cmnBtn01 {
	text-align: center;
}

@media screen and (max-width: 767px) {
	#conts .headLine01 {
		padding: 13px 0;
		font-size: 1.5rem;
		line-height: 1.4;
	}

	#conts .cmnBtn01 a {
		max-width: 100%;
	}
}

/* Contents
--------------------------------------------------------- */
#conts .mainVisual + .lead {
	padding: 23px 20px;
	background: #EDEDED;
	font-size: 1.4rem;
	line-height: 1.8;
}

#conts .effectSec {
	margin-top: 30px;
}

#conts .effectSec .headLine01 .yellow {
	color: #FFE700;
}

#conts .effectSec .inner {
	display: flex;
	margin-top: 30px;
	padding: 0 20px;
}

#conts .effectSec .inner .effectBox {
	width: 470px;
	padding-bottom: 20px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border-width: 2px;
	border-style: solid;
}

#conts .effectSec .inner .effectBox.clinic {
	border-color: #A41A19;
	margin-right: 20px;
}

#conts .effectSec .inner .effectBox.este {
	border-color: #000;
}

#conts .effectSec .inner .effectBox .ttl {
	padding: 13px 0 11px;
	color: #FFF;
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
}

#conts .effectSec .inner .effectBox.clinic .ttl {
	background: #A41A19;
}

#conts .effectSec .inner .effectBox.este .ttl {
	background: #000;
}

#conts .effectSec .inner .effectBox .summary {
	margin-top: 14px;
	padding: 0 18px;
	font-size: 1.4rem;
	line-height: 1.8;
}

#conts .effectSec .inner .effectBox .link {
	margin-top: 20px;
	padding: 0 18px;
	font-size: 1.4rem;
	text-align: right;
}

#conts .effectSec .inner .effectBox .link a {
	color: #900;
}

#conts .enqueteSec {
	margin-top: 60px;
}

#conts .enqueteSec .inner {
	padding: 0 20px;
}

#conts .enqueteSec .inner .lead {
	margin-top: 20px;
	font-size: 1.4rem;
	line-height: 1.8;
}

#conts .enqueteSec .inner .resultSec {
	margin-top: 20px;
}

#conts .enqueteSec .inner .resultSec h3 {
	padding: 15px 0 13px;
	background: #A41A19;
	color: #FFF;
	font-size: 2.0rem;
	font-weight: bold;
	text-align: center;
}

#conts .enqueteSec .inner .resultSec .catch {
	font-size: 3.0rem;
	font-weight: bold;
}

#conts .enqueteSec .inner .resultSec .catch .red {
	color: #A41A19;
}

#conts .enqueteSec .inner .resultSec .catch .num {
	font-size: 4.6rem;
}

#conts .enqueteSec .inner .resultSec .catch .strong {
	font-size: 4.2rem;
}

#conts .enqueteSec .inner .resultSec .imgBox {
	float: right;
	margin-top: 30px;
}

#conts .enqueteSec .inner .resultSec .textBox {
	float: left;
	width: 600px;
	margin-top: 30px;
}

#conts .enqueteSec .inner .resultSec .textBox .researchList {
	margin-top: 10px;
	padding: 25px 50px;
	background: #EEE;
}

#conts .enqueteSec .inner .resultSec .textBox .researchList dt,
#conts .enqueteSec .inner .resultSec .textBox .researchList dd {
	font-size: 1.4rem;
	line-height: 2.2;
}

#conts .enqueteSec .inner .resultSec .textBox .researchList dt {
	float: left;
	clear: left;
	font-weight: bold;
}

#conts .enqueteSec .inner .resultSec .textBox .researchList dd {
	padding-left: 125px;
}

#conts .enqueteSec .inner .resultSec .result {
	clear: both;
	padding-top: 20px;
	font-size: 1.4rem;
	line-height: 1.8;
}

#conts .enqueteSec .inner .answerSec {
	margin-top: 55px;
}

#conts .enqueteSec .inner .answerSec h3 {
	padding: 15px 0 13px;
	background: #ECECEC;
	color: #A41A19;
	font-size: 2.0rem;
	font-weight: bold;
	text-align: center;
}

#conts .enqueteSec .inner .answerSec .answerList {
	margin-top: 30px;
}

#conts .enqueteSec .inner .answerSec .answerList li {
	float: left;
	width: 48%;
	min-height: 125px;
	/* padding-left: 131px; */
	position: relative;
	border: 1px solid #bbac49;
	border-radius: 8px;
	background: #fbf8d7;
	padding: 20px;
	box-sizing: border-box;
	box-shadow: 4px 4px 0 #e5e5e5;
}

#conts .enqueteSec .inner .answerSec .answerList li:nth-child(even) {
	margin-left: 26px;
}

#conts .enqueteSec .inner .answerSec .answerList li:nth-child(n+3) {
	margin-top: 30px;
}

/* #conts .enqueteSec .inner .answerSec .answerList li::before {
	content: "";
	display: block;
	width: 131px;
	height: 125px;
	background: url(../img/difference/icon_answer01.jpg) no-repeat;
	position: absolute;
	top: 0;
	left: 0;
} */

#conts .enqueteSec .inner .answerSec .answerList li p {
	/* background: url(../img/difference/bg_answer02.png) no-repeat right bottom; */
	font-size: 1.3rem;
	line-height: 2.0;
}

#conts .enqueteSec .inner .answerSec .answerList li p span {
	display: block;
	/* padding: 7px 15px 18px; */
	/* background: url(../img/difference/bg_answer01.png) no-repeat right top; */
}

#conts .clinicSec {
	margin-top: 60px;
}

#conts .clinicSec .headLine01 {
	padding: 17px 0 12px;
	font-size: 2.4rem;
	line-height: 1.4;
}

#conts .clinicSec .headLine01 .yellow {
	color: #FFE700;
	font-size: 3.0rem;
}

#conts .clinicSec .inner {
	padding: 0 20px;
}

#conts .clinicSec .inner .effectSec {
	margin-top: 30px;
	position: relative;
}

#conts .clinicSec .inner .effectSec::after {
	content: "";
	display: block;
	width: 248px;
	height: 63px;
	margin-left: -124px;
	background: url(../img/difference/arrow01.jpg) no-repeat;
	position: absolute;
	bottom: -83px;
	left: 50%;
}

#conts .clinicSec .inner .effectSec h3 {
	padding: 15px 0 13px;
	background: #A41A19;
	color: #FFF;
	font-size: 2.0rem;
	font-weight: bold;
	text-align: center;
}

#conts .clinicSec .inner .effectSec p {
	margin-top: 20px;
	font-size: 1.4rem;
	line-height: 1.8;
}

#conts .clinicSec .inner .purposeBox {
	position: relative;
	margin-top: 110px;
}

#conts .clinicSec .inner .purposeBox .imgBox {
	position: absolute;
	top: -4px;
	left: 531px;
}

#conts .clinicSec .inner .purposeBox .recommend {
	font-size: 4.0rem;
	font-weight: bold;
	line-height: 1.3;
}

#conts .clinicSec .inner .purposeBox .recommend span {
	color: #920000;
	font-size: 4.8rem;
}

#conts .clinicSec .inner .purposeBox .clinicText {
	margin-top: 15px;
}

#conts .clinicSec .inner .purposeBox .esteText {
	margin-top: 20px;
}

#conts .clinicSec .inner .purposeBox .select {
	margin-top: 30px;
	font-size: 1.4rem;
	line-height: 1.8;
}

#conts .clinicSec .inner .purposeBox .forever {
	margin-top: 25px;
}

#conts .clinicSec .inner .purposeBox .temporary {
	margin-top: 20px;
}

#conts .clinicSec .inner .purposeBox .summary {
	margin-top: 25px;
	font-size: 1.4rem;
	line-height: 1.8;
}

#conts .clinicSec .inner .purposeBox .cmnBtn01 {
	margin-top: 25px;
}

@media screen and (max-width: 767px) {
	#conts .mainVisual + .lead {
		margin-top: 0px;
		padding: 0 7px;
		background: none;
		font-size: 1.2rem;
		line-height: 2.0;
	}

	#conts .effectSec {
		margin-top: 25px;
	}

	#conts .effectSec .inner {
		display: block;
		margin-top: 15px;
		padding: 0 7px;
	}

	#conts .effectSec .inner .effectBox {
		width: auto;
		padding-bottom: 15px;
		border-width: 1px;
	}

	#conts .effectSec .inner .effectBox.clinic {
		margin-right: 0;
	}

	#conts .effectSec .inner .effectBox.este {
		margin-top: 15px;
	}

	#conts .effectSec .inner .effectBox .ttl {
		padding: 6px 0;
		font-size: 1.5rem;
		line-height: 1.8;
	}

	#conts .effectSec .inner .effectBox .summary {
		margin-top: 10px;
		padding: 0 10px;
		font-size: 1.2rem;
		line-height: 2.0;
	}

	#conts .effectSec .inner .effectBox .link {
		margin-top: 10px;
		padding: 0 10px;
		font-size: 1.2rem;
	}

	#conts .enqueteSec {
		margin-top: 30px;
	}

	#conts .enqueteSec .inner {
		padding: 0 7px;
	}

	#conts .enqueteSec .inner .lead {
		margin-top: 10px;
		font-size: 1.2rem;
		line-height: 2.0;
	}

	#conts .enqueteSec .inner .resultSec {
		margin-top: 25px;
	}

	#conts .enqueteSec .inner .resultSec h3 {
		padding: 10px 0;
		font-size: 1.5rem;
	}

	#conts .enqueteSec .inner .resultSec .catch {
		margin-top: 10px;
		font-size: 1.8rem;
		text-align: center;
		line-height: 1.4;
	}

	#conts .enqueteSec .inner .resultSec .catch .num {
		font-size: 2.6rem;
	}

	#conts .enqueteSec .inner .resultSec .catch .strong {
		font-size: 2.4rem;
	}

	#conts .enqueteSec .inner .resultSec .imgBox {
		float: none;
		margin-top: 10px;
		text-align: center;
	}

	#conts .enqueteSec .inner .resultSec .imgBox img {
		width: 270px;
	}

	#conts .enqueteSec .inner .resultSec .textBox {
		float: none;
		width: auto;
	}

	#conts .enqueteSec .inner .resultSec .textBox .researchList {
		padding: 17px 15px;
	}

	#conts .enqueteSec .inner .resultSec .textBox .researchList dt,
	#conts .enqueteSec .inner .resultSec .textBox .researchList dd {
		font-size: 1.2rem;
		line-height: 1.8;
	}

	#conts .enqueteSec .inner .resultSec .textBox .researchList dd {
		margin-bottom: 5px;
		padding-left: 95px;
	}

	#conts .enqueteSec .inner .resultSec .textBox .researchList dd:last-child {
		margin-bottom: 0;
	}

	#conts .enqueteSec .inner .resultSec .result {
		padding-top: 10px;
		font-size: 1.2rem;
		line-height: 2.0;
	}

	#conts .enqueteSec .inner .answerSec {
		margin-top: 30px;
	}

	#conts .enqueteSec .inner .answerSec h3 {
		padding: 10px 0;
		font-size: 1.5rem;
	}

	#conts .enqueteSec .inner .answerSec .answerList {
		margin-top: 20px;
		padding: 0 10px 0 5px;
	}

	#conts .enqueteSec .inner .answerSec .answerList li {
		float: none;
		width: auto;
		/* min-height: 89px; */
		margin-top: 15px;
		/* padding-left: 101px; */
	}

	#conts .enqueteSec .inner .answerSec .answerList li:first-child {
		margin-top: 0;
	}

	#conts .enqueteSec .inner .answerSec .answerList li:nth-child(even) {
		margin-left: 0;
	}

	#conts .enqueteSec .inner .answerSec .answerList li:nth-child(n+3) {
		margin-top: 15px;
	}

	/* #conts .enqueteSec .inner .answerSec .answerList li::before {
		width: 89px;
		height: 89px;
		background: url(../img/difference/icon_answer01_sp.jpg) no-repeat;
		-webkit-background-size: 89px 89px;
		        background-size: 89px 89px;
	} */

	#conts .enqueteSec .inner .answerSec .answerList li p {
		padding: 10px 15px;
		/* background: #FBF8D7;
		border: 1px solid #BBAC49;
		border-radius: 6px;
		-webkit-box-shadow: 3px 3px 0 rgba(0,0,0,0.1);
		        box-shadow: 3px 3px 0 rgba(0,0,0,0.1); */
		font-size: 1.2rem;
		line-height: 1.8;
		position: relative;
	}

	/* #conts .enqueteSec .inner .answerSec .answerList li p::before {
		content: "";
		display: block;
		width: 23px;
		height: 17px;
		background: url(../img/difference/icon_answer02_sp.png) no-repeat;
		-webkit-background-size: 23px 17px;
		        background-size: 23px 17px;
		position: absolute;
		top: 20px;
		left: -23px;
	} */

	#conts .enqueteSec .inner .answerSec .answerList li p span {
		padding: 0;
		background: none;
	}

	#conts .clinicSec {
		margin-top: 30px;
	}

	#conts .clinicSec .headLine01 {
		padding: 14px 0;
		font-size: 1.8rem;
	}

	#conts .clinicSec .headLine01 .yellow {
		font-size: 2.1rem;
	}

	#conts .clinicSec .inner {
		padding: 0 7px;
	}

	#conts .clinicSec .inner .effectSec {
		margin-top: 15px;
	}

	#conts .clinicSec .inner .effectSec::after {
		width: 146px;
		height: 37px;
		margin-left: -73px;
		background: url(../img/difference/arrow01_sp.jpg) no-repeat;
		-webkit-background-size: 146px 37px;
		        background-size: 146px 37px;
		bottom: -47px;
	}

	#conts .clinicSec .inner .effectSec h3 {
		padding: 8px 0;
		font-size: 1.5rem;
	}

	#conts .clinicSec .inner .effectSec p {
		margin-top: 10px;
		font-size: 1.2rem;
		line-height: 2.0;
	}

	#conts .clinicSec .inner .effectSec h3 + p {
		margin-top: 10px;
	}

	#conts .clinicSec .inner .purposeBox {
		margin-top: 60px;
	}

	#conts .clinicSec .inner .purposeBox .imgBox {
		text-align: center;
		position: relative;
		top: -8px;
		left: 0;
	}

	#conts .clinicSec .inner .purposeBox .imgBox img {
		width: 342px;
	}

	#conts .clinicSec .inner .purposeBox .recommend {
		font-size: 2.4rem;
		text-align: center;
		line-height: 1.5;
	}

	#conts .clinicSec .inner .purposeBox .recommend span {
		font-size: 3.0rem;
	}


	#conts .clinicSec .inner .purposeBox .esteText {
		margin-top: 7px;
	}

	#conts .clinicSec .inner .purposeBox .select {
		margin-top: 25px;
		font-size: 1.2rem;
		line-height: 2.0;
	}

	#conts .clinicSec .inner .purposeBox .forever {
		margin-top: 8px;
	}

	#conts .clinicSec .inner .purposeBox .temporary {
		margin-top: 15px;
	}

	#conts .clinicSec .inner .purposeBox .summary {
		margin-top: 15px;
		font-size: 1.2rem;
		line-height: 2.0;
	}
}