@charset "UTF-8";
/*---------------------------------------------------------------*\
	$INDEX
\*---------------------------------------------------------------*/
/*
・共通
・◯◯◯◯◯
・◯◯◯◯◯
*/

/*---------------------------------------------------------------*\
	$共通
\*---------------------------------------------------------------*/

/* Common */
.t_color {
	color: #dd4b85;
}
.border_color {
	color: #f2b6b6;
}
.b_color {
	background-color: #dd4b85;
}
.b2_color {
	background-color: #f0e1de;
}
.b3_color {
	background-color: #d88188;
}
.t3_color {
	color: #d88188;
}

#catch .factor_catch:nth-of-type(1) {
    display: block;
    margin: 70px auto 0;
    width: 700px;
}
#care .wrapper_step_care > .wrapper_step_box {
	width: 30%;
}
/*#care .wrapper_step_care {
	display: block;
}*/
#catch .figure_catch {
	width: 100%;
	text-align: center;
}
#catch .figure_catch img {
    display: inline-block;
    max-width: 100%;
}
#care .step_care {
    font-size: 1.8rem;
    text-align: center;
    margin-top: 30px;
}
#care .step_salon_care {
	width: 100%;
}
#care .step_salon_care:nth-of-type(2) {
    margin: 0;
    width: 52%;
    display: block;
    text-align: left;
    width: 100%;
}
.step_salon_care {
	width:100%;
}
#care .wrapper_step_box {
    display: inline-block;
    padding-top: 10px;
    text-align: center;
    vertical-align: top;
    width: 25%;
}
#care > div.wrapper_salon_care > div.box_salon_care > article > div > p {
	text-align: center;
}
#care .step_salon_care:nth-of-type(2):after {
	display:none;
}
#care .wrapper_step_box:nth-child(2) {
	margin-right: 50px;
}
#outcome .wrapper_catch_outcome {
    background-image: url("../img/quench/back_left.png"), url("../img/quench/back_right.png");
		background-repeat: no-repeat,no-repeat;
		background-position: center left, center right;
		background-size: 30%
}
#care .wrapper_step_care .step_head {
	text-align: center;
}
#care .hair_care {
	padding: 524px 0 0;
}
.wrapper_catch_outcome {
	color: #f9dfde;
}
.chemical {
	color: #f9dfde;
}
#outcome .catch_outcome {
	font-size: 1.5rem;
	color: #fff;
}
#outcome .catch_outcome span {
	font-size: 2rem;
	color: #fff;
}
.wrapper_graph {
	letter-spacing: -.4em;
	padding-top: 60px;
}
.graph {
	width: 510px;
	display: inline-block;
	letter-spacing: normal;
}
#figure .graph {
	vertical-align: top;
	margin: 0 60px 0 0;
}
#figure .graph:nth-of-type(2) {
	margin: 0;
}
.graph h3 {
	font-weight: bold;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.wrapper_graph > img {
    margin: 0 auto;
    text-align: center;
}
.balance_exp {
	font-size: 1.3rem;
	line-height: 35px;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.ba_img {
	margin: 0 auto;
	width: 100px;
	padding: 3%;
	border: 2px solid #eee;
}
#fragrance .flower_outcome {
    position: absolute;
		top: -64px;
    left: -88px;
}
#fragrance .story_back_outcome {
		background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 100%;
}
#care .box_home_bottom_care {
    margin: 0 2% 0 0;
}
#care .wrapper_box_bottom_care {
    width: 96%;
}
#care .box_home_bottom_care {
    width: 32%;
}
#care .box_home_bottom_care:nth-of-type(2) {
    margin: 0 2% 0 0;
}
#care .box_home_bottom_care:nth-of-type(3) {
		margin: 0;
}
.ex_sub {
		color: #fff;
		display: block;
		width: 150px;
		padding: 1%;
}
.point_text {
	text-align: left;
}
#care .notify_step_care {
	display: inline;
}
#how > article:nth-child(11) > div.wrapper_step_how > p　{
	color: #dd4b85;
}
#catch .wrapper_content_catch > p {
    width: 100%;
}
#catch > div > article > div.wrapper_content_catch > p > span.qu_water {
	display: block;
    font-size: 1.8rem;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
#how > article:nth-child(11) > div.wrapper_step_how > p {
	font-weight: bold;
	margin: 20px 0 0 0;
}


.catch_quench {
	background-image: url(../img/quench/shadow_color.jpg);
	background-position: bottom center;
	background-size: contain;
	background-repeat: no-repeat;
}

#care .wrapper_step_care > div {
    margin: 0 auto;
    text-align: center!important;
	width: inherit!important;
}