@charset "UTF-8";
/*
*******************************************************************************************************
# Hythiol -製品情報　ハイチオールコラーゲンブライト
*******************************************************************************************************
*/


/*
	.sectionMainImg
-------------------------------------------------------*/
.sectionMainImg{
	position: relative;
	margin-top: 56px;
}

@media only screen and (min-width: 768px){
	.sectionMainImg{
		margin-top: 0;
	}
}

/*
	imgMainLead
-------------------------------------------------------*/
.wrpContents .imgMainLead {
	position: relative;
	max-width: 806px;
	margin: 0 auto 38px;
	filter: drop-shadow(0 10px 10px rgba(193, 0, 106, 0.2));
}
.wrpContents .imgMainLead .imgMainText .imgMainList {
	position: absolute;
	top: 35.2%;
	left: 19%;
}
.wrpContents .imgMainLead .imgMainText .imgMainList > li {
	color: #50012e;
	font-size: 26px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 2.3em;
}

@media only screen and (max-width: 767px) {
	.wrpContents .imgMainLead {
		width: calc(327 / 375 * 100%);
		margin-bottom: 48px;
		filter: drop-shadow(0 4px 8px rgba(193, 0, 106, 0.2));
	}
	.wrpContents .imgMainLead .imgMainText .imgMainList {
		top: 30%;
		left: 13%;
	}
	.wrpContents .imgMainLead .imgMainText .imgMainList > li {
		font-size: calc(13 / 375 * 100vw);
		letter-spacing: 0;
		line-height: 2.3em;
	}
}

/*
	sectionIngredient
-------------------------------------------------------*/
.wrpContents .hdgLv2 {
	position: absolute;
	display: block;
	color: #e4007f;
	font-weight: bold;
}
.wrpContents section > .sectionIngredient {
	margin-bottom: 80px;
}
.wrpContents section > .sectionIngredient .sectionInner > h2 {
	position: relative;
}
.wrpContents section > .sectionIngredient .sectionInner > h2 > img {
	margin-bottom: -1px;
}
.wrpContents section > .sectionIngredient .sectionInner > h2 .hdgLv2 {
	top: 19%;
	left: 25.8%;
	font-size: 52px;
	letter-spacing: -0.13em;
}
.wrpContents section > .sectionIngredient .sectionInner > h2 .hdgLv2 .hdgLv2Large {
	display: block;
	font-size: 75px;
	line-height: 0.8em;
	letter-spacing: -0.03em;
}
.wrpContents section > .sectionIngredient .sectionInner > h2 .hdgLv2 .hdgLv2Large > span {
	letter-spacing: -0.15em;
	margin-left: -0.17em;
}
.wrpContents section > .sectionIngredient .sectionInner > h2 .txtLead {
	position: absolute;
	left: 12.5%;
	bottom: 26.5%;
	display: block;
	color: #50012e;
	font-size: 18px;
	font-weight: 300;
	letter-spacing: -0.02em;
}

@media only screen and (max-width: 767px) {
	.wrpContents section > .sectionIngredient {
		margin-bottom: 0;
	}
	.wrpContents section > .sectionIngredient .sectionInner > h2 .hdgLv2 {
		top: 13%;
		left: 19%;
		font-size: 6.1277705346vw;
		letter-spacing: -0.1em;
	}
	.wrpContents section > .sectionIngredient .sectionInner > h2 .hdgLv2 .hdgLv2Large {
		font-size: 10.0391134289vw;
		line-height: 1.1em;
		letter-spacing: 0;
	}
	.wrpContents section > .sectionIngredient .sectionInner > h2 .hdgLv2 .hdgLv2Large > span {
		letter-spacing: -0.15em;
		margin-left: -0.15em;
	}
	.wrpContents section > .sectionIngredient .sectionInner > h2 .txtLead {
		left: 5%;
		bottom: 20%;
		font-size: 3.520208605vw;
		font-weight: bold;
		line-height: 1.7em;
	}
}

/*
	sectionRealization
-------------------------------------------------------*/
.wrpContents .sectionRealization .sectionInner {
	margin-bottom: 100px;
}
.wrpContents .sectionRealization .sectionInner > h2 {
	position: relative;
}
.wrpContents .sectionRealization .sectionInner > h2 .hdgLv2 {
	top: 5%;
	left: 23.8%;
	font-size: 38px;
	letter-spacing: -0.15em;
}
.wrpContents .sectionRealization .sectionInner > h2 .hdgLv2 .hdgLv2Brackets::before {
	content: "「";
	display: inline-block;
	position: relative;
	margin: 0 0 0 -0.25em;
}
.wrpContents .sectionRealization .sectionInner > h2 .hdgLv2 .hdgLv2Brackets::after {
	content: "」";
	display: inline-block;
	position: relative;
	margin: 0 -0.25em 0 0;
}
.wrpContents .sectionRealization .sectionInner > h2 .hdgLv2 .hdgLv2Large {
	display: block;
	font-size: 54px;
	line-height: 1.1em;
	letter-spacing: -0.02em;
	text-align: center;
}
.wrpContents .sectionRealization .sectionInner > h2 .hdgLv2 .hdgLv2Large span:nth-child(1) {
	margin-left: -0.1em;
	letter-spacing: -0.2em;
}
.wrpContents .sectionRealization .sectionInner > h2 .hdgLv2 .hdgLv2Large .hdgLv2Small {
	margin-left: 0.1em;
	margin-right: 0.1em;
	font-size: 42px;
}
.wrpContents .sectionRealization .sectionInner .txtLead {
	color: #50012e;
	font-size: 18px;
	line-height: 1.6667;
	margin-top: 40px;
	padding: 0 70px;
}
.wrpContents .sectionRealization .sectionInner .list {
	overflow: hidden;
	width: 750px;
	margin: 55px auto 75px;
}
.wrpContents .sectionRealization .sectionInner .list .listBox {
	float: left;
	width: 225px;
	text-align: center;
	margin-right: 35px;
}
.wrpContents .sectionRealization .sectionInner .list .listBox:last-child {
	margin-right: 0;
}
.wrpContents .sectionRealization .sectionInner .list .listBox .img {
	width: 180px;
	margin: 0 auto 25px;
}
.wrpContents .sectionRealization .sectionInner .list .listBox .name {
	color: #50012e;
	font-size: 18px;
	font-weight: bolder;
	line-height: 1.4444444444;
}
.wrpContents .sectionRealization .sectionInner .list .listBox .txt {
	font-size: 15px;
	line-height: 1.4444444444;
	margin-top: 0;
	padding: 0;
}

@media only screen and (max-width: 767px) {
	.wrpContents .sectionRealization .sectionInner {
		margin-bottom: 0;
	}
	.wrpContents .sectionRealization .sectionInner > h2 .hdgLv2 {
		top: 30%;
		left: 8%;
		font-size: 5.9973924381vw;
		letter-spacing: -0.17em;
	}
	.wrpContents .sectionRealization .sectionInner > h2 .hdgLv2 .hdgLv2Brackets::after {
		margin: 0 -0.5em 0 0;
	}
	.wrpContents .sectionRealization .sectionInner > h2 .hdgLv2 .hdgLv2Large {
		padding-right: 0;
		padding-left: 2%;
		font-size: 9.2568448501vw;
		line-height: 1em;
		letter-spacing: -0.03em;
	}
	.wrpContents .sectionRealization .sectionInner > h2 .hdgLv2 .hdgLv2Large span:nth-child(1) {
		margin-left: -0.1em;
		letter-spacing: -0.15em;
	}
	.wrpContents .sectionRealization .sectionInner > h2 .hdgLv2 .hdgLv2Large .hdgLv2Small {
		margin-left: 0.05em;
		font-size: 7.5619295958vw;
	}
	.wrpContents .sectionRealization .sectionInner .txtLead {
		font-size: 13px;
		margin-top: 25px;
		padding: 0 20px;
	}
	.wrpContents .sectionRealization .sectionInner .list {
		width: auto;
		margin: 35px auto 39px;
		padding: 0 20px;
	}
	.wrpContents .sectionRealization .sectionInner .list .listBox {
		width: 29.8507462687%;
		margin-right: 10px;
	}
	.wrpContents .sectionRealization .sectionInner .list .listBox:last-child {
		margin-right: 0;
	}
	.wrpContents .sectionRealization .sectionInner .list .listBox .img {
		width: auto;
		margin: 0 auto 20px;
	}
	.wrpContents .sectionRealization .sectionInner .list .listBox .name {
		color: #50012e;
		font-size: 12px;
	}
	.wrpContents .sectionRealization .sectionInner .list .listBox .txt {
		font-size: 10px;
	}
}

/*
	sectionHeard
-------------------------------------------------------*/
.wrpContents .sectionHeard .sectionInner > h2 {
	position: relative;
}
.wrpContents .sectionHeard .sectionInner > h2 .hdgLv2 {
	top: 0;
	left: 23.5%;
	font-size: 40px;
	letter-spacing: -0.18em;
}
.wrpContents .sectionHeard .sectionInner > h2 .hdgLv2 .hdgLv2Large {
	display: block;
	font-size: 53px;
	line-height: 0.9em;
	letter-spacing: -0.09em;
	text-align: center;
}
.wrpContents .sectionHeard .sectionInner > h2 .hdgLv2 .hdgLv2Large > span {
	font-size: 40px;
	margin-right: 0.1em;
}
.wrpContents .sectionHeard .sectionInner .question1 {
	position: relative;
}
.wrpContents .sectionHeard .sectionInner .question1 > .icon {
	position: absolute;
	top: 10.6%;
	left: 14.5%;
	width: 51px;
	height: 51px;
}
.wrpContents .sectionHeard .sectionInner .question1 .voiceList > dt {
	position: absolute;
	top: 11%;
	left: 21%;
	display: block;
	color: #ea0085;
	font-size: 30px;
	font-weight: bold;
	letter-spacing: -0.1em;
}
.wrpContents .sectionHeard .sectionInner .question1 .voiceList > dt > sup {
	position: relative;
	top: -0.5em;
	left: 0;
	display: inline-block;
	color: #6c3e54;
	font-size: 13px;
	letter-spacing: -0.1em;
}
.wrpContents .sectionHeard .sectionInner .question1 .voiceList .word1 {
	position: absolute;
	top: 28.5%;
	left: 21.7%;
	color: #4e012a;
	font-size: 22px;
	font-weight: bold;
}
.wrpContents .sectionHeard .sectionInner .question1 .voiceList .word2 {
	position: absolute;
	top: 53.8%;
	left: 30.2%;
	color: #4e012a;
	font-size: 22px;
	font-weight: bold;
}
.wrpContents .sectionHeard .sectionInner .question1 .voiceList .word2 > span {
	display: block;
	line-height: 1em;
	text-align: center;
}
.wrpContents .sectionHeard .sectionInner .question1 .voiceList .word3 {
	position: absolute;
	top: 37.3%;
	right: 24.2%;
	color: #4e012a;
	font-size: 24px;
	font-weight: bold;
}
.wrpContents .sectionHeard .sectionInner .question1 .txtNote {
	position: absolute;
	left: 14.4%;
	bottom: 8%;
	display: flex;
	color: #8c6c7b;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.8em;
	letter-spacing: -0.1em;
}
.wrpContents .sectionHeard .sectionInner .question1 .txtNote::before {
	content: "※";
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-right: 5px;
}
.wrpContents .sectionHeard .sectionInner .question2 {
	position: relative;
}
.wrpContents .sectionHeard .sectionInner .question2 > .icon {
	position: absolute;
	top: 7%;
	left: 14.5%;
	width: 51px;
	height: 51px;
}
.wrpContents .sectionHeard .sectionInner .question2 .voiceList > dt {
	position: absolute;
	top: 7.5%;
	left: 20.5%;
	display: block;
	color: #ea0085;
	font-size: 30px;
	font-weight: bold;
	letter-spacing: -0.1em;
}
.wrpContents .sectionHeard .sectionInner .question2 .voiceList > dt > sup {
	position: relative;
	top: -0.2em;
	left: 0;
	display: inline-block;
	color: #6c3e54;
	font-size: 13px;
	letter-spacing: -0.1em;
}
.wrpContents .sectionHeard .sectionInner .question2 .voiceList .word1 {
	position: absolute;
	top: 21.5%;
	left: 14%;
	color: #4e012a;
	font-size: 22px;
	font-weight: bold;
}
.wrpContents .sectionHeard .sectionInner .question2 .voiceList .word2 {
	position: absolute;
	top: 49.8%;
	left: 14.2%;
	color: #4e012a;
	font-size: 22px;
	font-weight: bold;
}
.wrpContents .sectionHeard .sectionInner .question2 .voiceList .word2 > span {
	display: block;
	text-align: center;
	line-height: 1em;
}
.wrpContents .sectionHeard .sectionInner .question2 > .txtNote {
	position: absolute;
	left: 14.8%;
	bottom: 15.3%;
	display: flex;
	color: #8c6c7b;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.8em;
	letter-spacing: -0.1em;
}
.wrpContents .sectionHeard .sectionInner .question2 > .txtNote::before {
	content: "※";
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-right: 5px;
}
.wrpContents .sectionHeard .sectionInner .question2 .txtNote2 {
	position: absolute;
	right: 6.7%;
	bottom: 3.5%;
	font-size: 13px;
	color: #8c6c7b;
	font-weight: bold;
	line-height: 1.8em;
	letter-spacing: 0.01em;
	text-align: end;
}

@media only screen and (max-width: 767px){
	.wrpContents .sectionHeard .sectionInner > h2 .hdgLv2 {
		top: 9%;
		left: 9%;
		font-size: 5.3455019557vw;
		letter-spacing: -0.09em;
	}
	.wrpContents .sectionHeard .sectionInner > h2 .hdgLv2 .hdgLv2Large {
		font-size: 8.0834419817vw;
		line-height: 1.1em;
		letter-spacing: -0.13em;
	}
	.wrpContents .sectionHeard .sectionInner > h2 .hdgLv2 .hdgLv2Large > span {
		margin-right: 0.2em;
		font-size: 5.9973924381vw;
	}
	.wrpContents .sectionHeard .sectionInner .question1 > .icon {
		top: 8.2%;
		left: 5.2%;
		width: 7.8226857888vw;
		height: 7.8226857888vw;
	}
	.wrpContents .sectionHeard .sectionInner .question1 .voiceList > dt {
		top: 6%;
		left: 15.5%;
		font-size: 3.9113428944vw;
		letter-spacing: 0.03em;
	}
	.wrpContents .sectionHeard .sectionInner .question1 .voiceList > dt > sup {
		top: 0;
		left: -0.1em;
		font-size: 2.4771838331vw;
		letter-spacing: -0.1em;
	}
	.wrpContents .sectionHeard .sectionInner .question1 .voiceList .word1 {
		top: 28.8%;
		left: 9.9%;
		font-size: 2.8683181226vw;
	}
	.wrpContents .sectionHeard .sectionInner .question1 .voiceList .word2 {
		top: 52.7%;
		left: 22%;
		font-size: 2.8683181226vw;
	}
	.wrpContents .sectionHeard .sectionInner .question1 .voiceList .word2 > span {
		line-height: 1em;
	}
	.wrpContents .sectionHeard .sectionInner .question1 .voiceList .word3 {
		top: 37.2%;
		right: 12.5%;
		font-size: 3.1290743155vw;
	}
	.wrpContents .sectionHeard .sectionInner .question1 > .txtNote {
		left: 4.6%;
		bottom: 5.8%;
		font-size: 2.6075619296vw;
		font-weight: normal;
		line-height: 1.5em;
		letter-spacing: -0.12em;
	}
	.wrpContents .sectionHeard .sectionInner .question1 > .txtNote::before {
		content: "※";
		margin-right: 5px;
		display: block;
	}
	.wrpContents .sectionHeard .sectionInner .question2 > .icon {
		top: 7.1%;
		left: 5.2%;
		width: 7.8226857888vw;
		height: 7.8226857888vw;
	}
	.wrpContents .sectionHeard .sectionInner .question2 .voiceList > dt {
		top: 8.2%;
		left: 15.5%;
		font-size: 3.9113428944vw;
		letter-spacing: -0.04em;
	}
	.wrpContents .sectionHeard .sectionInner .question2 .voiceList > dt > sup {
		top: -1.3em;
		left: -0.5em;
		font-size: 2.4771838331vw;
		letter-spacing: -0.1em;
	}
	.wrpContents .sectionHeard .sectionInner .question2 .voiceList .word1 {
		top: 22%;
		left: 5.3%;
		font-size: 2.8683181226vw;
	}
	.wrpContents .sectionHeard .sectionInner .question2 .voiceList .word2 {
		top: 48.2%;
		left: 5.3%;
		font-size: 2.8683181226vw;
	}
	.wrpContents .sectionHeard .sectionInner .question2 .voiceList .word2 > span {
		line-height: 1em;
	}
	.wrpContents .sectionHeard .sectionInner .question2 > .txtNote {
		left: 5%;
		bottom: 13.4%;
		font-size: 2.6075619296vw;
		font-weight: normal;
		line-height: 1.5em;
		letter-spacing: -0.12em;
	}
	.wrpContents .sectionHeard .sectionInner .question2 > .txtNote::before {
		content: "※";
		position: relative;
		top: 0;
		left: 0;
		margin-right: 5px;
		display: block;
	}
	.wrpContents .sectionHeard .sectionInner .question2 > .txtNote2 {
		position: absolute;
		text-align: end;
		right: 5.4%;
		bottom: -0.6%;
		color: #8c6c7b;
		font-size: 2.6075619296vw;
		font-weight: normal;
		line-height: 1.5em;
		letter-spacing: 0.03em;
	}
}

/*
	sectionVoice
-------------------------------------------------------*/
.wrpContents section > .sectionVoice {
	margin-bottom: 60px;
}
.sectionVoice .sectionInner {
	background: #fff;
}
.wrpContents .sectionVoice .sectionInner > h2 {
	position: relative;
}
.wrpContents .sectionVoice .sectionInner > h2 .hdgLv2 {
	top: 0;
	left: 50%;
	font-size: 40px;
	letter-spacing: -0.18em;
	transform: translateX(-50%);
}
.wrpContents .sectionVoice .sectionInner > h2 .hdgLv2 .hdgLv2Large {
	display: block;
	text-align: center;
	font-size: 55px;
	line-height: 0.8em;
	letter-spacing: -0.07em;
}
.sectionVoice .sectionInner > h2 .hdgLv2 .hdgLv2Large > span {
	font-size: 45px;
}
.wrpContents .sectionVoice .sectionInner .voiceNote {
	position: absolute;
	bottom: 9%;
	right: 70px;
	color: #50012e;
	text-align: right;
}
.wrpContents .sectionVoice .sectionInner .voiceNote > .txtNote2 {
	color: #8c6c7b;
	font-size: 12px;
	font-weight: bold;
	line-height: 2em;
	letter-spacing: 0.03em;
}
.sectionVoice .sectionInner .voiceList {
	overflow: hidden;
	position: relative;
	background: rgb(255, 236, 243);
	background: linear-gradient(to bottom, rgb(255, 236, 243) 0%, rgba(255, 236, 243, 0.2) 80%, rgba(255, 236, 243, 0.2) 80%, rgba(255, 236, 243, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffecf3", endColorstr="#ffecf3", GradientType=0 );
	padding: 38px 70px 32px;
}
.sectionVoice .sectionInner .voiceList ul.listLeft {
	float: left;
}
.sectionVoice .sectionInner .voiceList ul.listRight {
	float: right;
}
.sectionVoice .sectionInner .voiceList ul .voiceBox {
	position: relative;
	background-color: #fff;
	box-sizing: border-box;
	border-radius: 17px;
	box-shadow: 0px 0px 20px 8px #fef0f5;
	color: #50012e;
	font-size: 18px;
	line-height: 1.6667;
	width: 430px;
	margin: 0 0 40px;
	padding: 25px;
}
.sectionVoice .sectionInner .voiceList ul .voiceBox em {
	font-weight: 600;
	color: #e4007f;
}
.sectionVoice .sectionInner .voiceList ul .voiceBox span {
	display: block;
	text-align: right;
}
.sectionVoice .sectionInner .voiceList ul.listRight .voiceBox {
	margin-right: 0;
}

@media only screen and (max-width: 767px) {
	.wrpContents section > .sectionVoice {
		margin-top: 0;
		margin-bottom: 10px;
	}
	.sectionVoice .sectionInner {
		width: auto;
	}
	.wrpContents .sectionVoice .sectionInner > h2 .hdgLv2 {
		top: 11%;
		left: 11.2%;
		font-size: 5.8670143416vw;
		letter-spacing: -0.14em;
		transform: translateX(0);
	}
	.wrpContents .sectionVoice .sectionInner > h2 .hdgLv2 .hdgLv2Large {
		font-size: 9.6479791395vw;
		line-height: 0.9em;
		letter-spacing: -0.07em;
	}
	.wrpContents .sectionVoice .sectionInner > h2 .hdgLv2 .hdgLv2Large > span {
		font-size: 7.1707953064vw;
	}
	.wrpContents .sectionVoice .sectionInner .voiceNote {
		bottom: 4%;
		right: 1%;
	}
	.wrpContents .sectionVoice .sectionInner .voiceNote > .txtNote2 {
		color: #8c6c7b;
		font-size: 2.7379400261vw;
		font-weight: normal;
		line-height: 1.5em;
		letter-spacing: -0.03em;
	}
	.sectionVoice .sectionInner .voiceList {
		background: linear-gradient(to bottom, rgb(255, 236, 243) 0%, rgba(255, 236, 243, 0.2) 80%, rgba(255, 236, 243, 0.2) 80%, rgba(255, 236, 243, 0) 60%);
		padding: 20px;
		padding-bottom: 60px;
	}
	.sectionVoice .sectionInner .voiceList ul.listLeft,
	.sectionVoice .sectionInner .voiceList ul.listRight {
		float: none;
	}
	.sectionVoice .sectionInner .voiceList ul .voiceBox {
		font-size: 13px;
		line-height: 1.5769230769;
		width: auto;
		margin: 0 0 30px;
		padding: 20px 30px;
	}
}

/*
	sectionQa
-------------------------------------------------------*/
.wrpContents .sectionQa .sectionInner > h2 {
	position: relative;
}
.wrpContents .sectionQa .sectionInner > h2 .hdgLv2 {
	top: 0;
	left: 50%;
	font-size: 40px;
	letter-spacing: -0.18em;
	transform: translateX(-50%);
}
.wrpContents .sectionQa .sectionInner > h2 .hdgLv2 .hdgLv2Large {
	display: block;
	text-align: center;
	font-size: 63px;
	font-weight: 500;
	line-height: 0.8em;
	letter-spacing: 0;
}
.sectionQa .sectionInner .listQA {
	padding: 45px 70px 0;
}
.sectionQa .sectionInner dt {
	position: relative;
	padding-left: 57px;
	margin-bottom: 27px;
	color: #e60081;
	font-size: 22px;
	font-weight: 600;
}
.sectionQa .sectionInner dd {
	position: relative;
	padding-bottom: 45px;
	margin-bottom: 37px;
	border-bottom: 3px dotted #d2d2d2;
	color: #50012e;
	font-size: 13px;
}
.sectionQa .sectionInner dd:last-child {
	border-bottom: none;
}
.sectionQa .sectionInner dd .inner {
	padding-top: 0;
	padding-left: 63px;
}
.sectionQa .sectionInner dt::before {
	content: "";
	display: block;
	position: absolute;
	top: -5px;
	left: 0;
	width: 40px;
	height: 40px;
	background: url(/hythiol/products/images/hycb/icn_q.png) no-repeat 0 0;
	background-size: 40px auto;
}
.sectionQa .sectionInner dd::before {
	content: "";
	display: block;
	position: absolute;
	top: -5px;
	left: 0;
	width: 40px;
	height: 40px;
	background: url(/hythiol/products/images/hycb/icn_a.png) no-repeat 0 0;
	background-size: 40px auto;
}
.sectionQa .sectionInner dd .modTxtNormal {
	font-size: 18px;
}

@media only screen and (max-width: 767px) {
	.wrpContents .sectionQa .sectionInner > h2 .hdgLv2 {
		top: 10%;
		left: 10%;
		font-size: 5.8670143416vw;
		letter-spacing: -0.12em;
		transform: translateX(0);
	}
	.wrpContents .sectionQa .sectionInner > h2 .hdgLv2 .hdgLv2Large {
		font-size: 12.1251629726vw;
		line-height: 0.8em;
		letter-spacing: 0;
	}
	.wrpContents .sectionQa .sectionInner > h2 .hdgLv2 .hdgLv2Large > span {
		font-size: 7.1707953064vw;
	}
	.sectionQa .sectionInner .listQA {
		padding: 25px 20px 0;
	}
	.sectionQa .sectionInner dt {
		font-size: 16px;
		margin-bottom: 20px;
		padding-left: 38px;
	}
	.sectionQa .sectionInner dd {
		padding-bottom: 13px;
		margin-bottom: 20px;
	}
	.sectionQa .sectionInner dd:last-child {
		margin-bottom: 0;
		padding-bottom: 0;
	}
	.sectionQa .sectionInner dt::before {
		top: 0;
		width: 30px;
		height: 30px;
		background-size: 30px auto;
	}
	.sectionQa .sectionInner dd::before {
		top: 0;
		left: 0;
		width: 30px;
		height: 30px;
		background-size: 30px auto;
	}
	.sectionQa .sectionInner dd .inner {
		padding-top: 6px;
		padding-left: 40px;
	}
	.sectionQa .sectionInner dd .modTxtNormal {
		font-size: 13px;
	}
}

/*
	sectionHycb
-------------------------------------------------------*/
.sectionHycb .sectionInner {
	background-image: url(/hythiol/products/images/hycb/bg_hycb.png);
	background-repeat: no-repeat;
	background-position-y: 125px;
	background-size: cover;
	padding: 0 70px 40px;
	margin-bottom: 60px;
}
.sectionHycb .sectionInner .img {
	text-align: center;
	margin-bottom: -65px;
}
.sectionHycb .sectionInner .img img {
	width: 541px;
}
.sectionHycb .sectionInner .ttl {
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 25px;
}
.sectionHycb .sectionInner .txt {
	color: #fff;
	font-size: 18px;
	margin-bottom: 45px;
}
.sectionHycb .sectionInner .txt sup {
	vertical-align: bottom;
	font-size: 14px;
}
.sectionHycb .modBtnLink.whiteBtn.txtAc {
	margin-top: 60px;
}

@media only screen and (max-width: 767px) {
	.sectionHycb .sectionInner {
		background-position-y: 60px;
		padding: 0 20px 30px;
		margin-bottom: 30px;
	}
	.sectionHycb .sectionInner .img {
		text-align: center;
		margin-bottom: -25px;
	}
	.sectionHycb .sectionInner .img img {
		width: 541px;
	}
	.sectionHycb .sectionInner .ttl {
		color: #fff;
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 15px;
	}
	.sectionHycb .sectionInner .txt {
		color: #fff;
		font-size: 13px;
		margin-bottom: 25px;
	}
	.sectionHycb .sectionInner .txt sup {
		font-size: 11px;
	}
	.sectionHycb .sectionInner .modBtnLink {
		padding: 0;
	}
}

/*
	modEcModal
-------------------------------------------------------*/
.modEcModal .title{
	border-bottom: 2px solid #DE0067;
}

.modEcModal .btnList a .iconBlank{
	color: #DE0067;
}

.modEcModal .close:hover i::before{
	color: #DE0067;
}