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

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

pcSetting

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

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

spSetting

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