@charset "utf-8";
#hairmake-manual #sec01 {
	background-image: url(../../images/hairmake-manual/bg_hairmake-manual_01.jpg);
	background-position: center top;
}
#hairmake-manual #sec01 .hairmake h2 {
	color: #12566c;
	text-align: center;
	font-weight: normal;
}
#hairmake-manual #sec01 .hairmake .hairmakebox {
	background-color: #FFFFFF;
}
#hairmake-manual #sec01 .hairmake .hairmakebox ul {
	font: 1.4rem/3rem '游ゴシック体', 'Yu Gothic', 'メイリオ', Meiryo, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', YuGothic, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
#hairmake-manual #sec01 .hairmake .hairmakebox ul > li:before {
	content: "・";
	position: relative;
	padding-right: 3px;
}
#hairmake-manual #sec01 .hairmake .hairmakebox .few {
}
#hairmake-manual #sec02 #introduction .steplist > ul {
}
#hairmake-manual #sec02 #introduction .steplist .additional {
	font: 1.4rem '游ゴシック体', 'Yu Gothic', 'メイリオ', Meiryo, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', YuGothic, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
#hairmake-manual #sec02 #introduction .steplist .contactbtn {
	margin-bottom: 35px;
}
#hairmake-manual #sec02 #introduction .steplist ul > li:nth-child(-n+3) > .txtbox .txtstep {
	margin-bottom: 5px;
}
#hairmake-manual #sec02 #introduction .steplist ul > li:nth-child(-n+3) > .txtbox .txtpurpose {
	margin-bottom: 5px;
}
#hairmake-manual #sec02 #introduction .steplist ul > li:nth-child(2) > .txtbox .txtpurpose, #hairmake-manual #sec02 #introduction .steplist ul > li:nth-child(3) > .txtbox .txtpurpose {
}
#hairmake-manual #sec02 #introduction .steplist .txtbox .txtdetail {
	font-family: "游明朝", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
#hairmake-manual #sec02 #introduction .steplist ul > li:nth-child(2) > .txtbox .txtdetail {
	letter-spacing: -0.2rem;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

pcSetting

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media screen and (min-width: 768px), print {
#hairmake-manual #sec01 {
	padding: 45px 0px 70px;
}
#hairmake-manual #sec01 .hairmake h2 {
	font-size: 3.5rem;
	line-height: 4.5rem;
	margin-bottom: 30px;
}
#hairmake-manual #sec01 .hairmake .hairmakebox {
	padding: 20px 45px;
}
#hairmake-manual #sec01 .hairmake .hairmakebox ul {
	display: inline-block;
	padding-right: 55px;
}
#hairmake-manual #sec01 .hairmake .hairmakebox ul > li:before {
}
#hairmake-manual #sec01 .hairmake .hairmakebox .few {
	vertical-align: top;
}
#hairmake-manual #sec02 #introduction .steplist > ul {
	margin-bottom: 30px;
}
#hairmake-manual #sec02 #introduction .steplist .additional {
	margin-bottom: 70px;
}
#hairmake-manual #sec02 #introduction .steplist .contactbtn {
}
#hairmake-manual #sec02 #introduction .steplist ul > li:nth-child(-n+3) > .txtbox .txtstep {
}
#hairmake-manual #sec02 #introduction .steplist ul > li:nth-child(-n+3) > .txtbox .txtpurpose {
}
#hairmake-manual #sec02 #introduction .steplist ul > li:nth-child(2) > .txtbox .txtpurpose, #hairmake-manual #sec02 #introduction .steplist ul > li:nth-child(3) > .txtbox .txtpurpose {
	letter-spacing: -0.2rem;
}
#hairmake-manual #sec02 #introduction .steplist .txtbox .txtdetail {
	font-size: 1.2rem;
	line-height: 1.4rem;
}
#hairmake-manual #sec02 #introduction .steplist ul > li:nth-child(2) > .txtbox .txtdetail {
}
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

spSetting

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media screen and (max-width: 767px) {
#hairmake-manual #sec01 {
	padding: 30px 0px;
}
#hairmake-manual #sec01 .hairmake h2 {
	font-size: 2rem;
	line-height: 3rem;
	margin-bottom: 10px;
	letter-spacing: -1px;
}
#hairmake-manual #sec01 .hairmake .hairmakebox {
	padding: 15px 3.5%;
}
#hairmake-manual #sec01 .hairmake .hairmakebox ul {
}
#hairmake-manual #sec01 .hairmake .hairmakebox ul > li:before {
}
#hairmake-manual #sec01 .hairmake .hairmakebox .few {
}
#hairmake-manual #sec02 #introduction .steplist > ul {
	margin-bottom: 10px;
}
#hairmake-manual #sec02 #introduction .steplist > ul > li:nth-child(n+4) {
	margin-bottom: 0px;
}

#hairmake-manual #sec02 #introduction .steplist .additional {
	margin-bottom: 15px;
}
#hairmake-manual #sec02 #introduction .steplist .contactbtn {
}
#hairmake-manual #sec02 #introduction .steplist ul > li:nth-child(-n+3) > .txtbox .txtstep {
}
#hairmake-manual #sec02 #introduction .steplist ul > li:nth-child(-n+3) > .txtbox .txtpurpose {
}
#hairmake-manual #sec02 #introduction .steplist ul > li:nth-child(2) > .txtbox .txtpurpose, #hairmake-manual #sec02 #introduction .steplist ul > li:nth-child(3) > .txtbox .txtpurpose {
}
#hairmake-manual #sec02 #introduction .steplist .txtbox .txtdetail {
	line-height: 1.2rem;
}
#hairmake-manual #sec02 #introduction .steplist ul > li:nth-child(2) > .txtbox .txtdetail {
}
}