@charset "utf-8";

/*==========================================================
	キレイになろう
==========================================================*/
.produce{
	position: relative;
	width: 100%; height: 400px;
	margin: 0px auto;
	background-image: url('../data/img/produce_bg.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 2560px 400px;
}

.produce_box{
	width: 920px; height: 400px;
	margin: 0px auto;
	padding: 50px 0px 0px 0px;
	text-align: left;
	color: #202020;
}

.produce_box h2{
	height: 60px;
	margin: 180px auto 0px auto;
	line-height: 60px;
	letter-spacing: 0.05em;
	color: #202020;
	font-size: 58px;
	font-weight: 300;
	font-family: 'Lato', sans-serif;
}

.produce_box p{
	width: 100%; height: 20px;
	margin: 20px auto 0px auto;
	line-height: 20px;
	color: #202020;
	font-size: 14px;
	font-weight: 400;
}


/*==========================================================
	夢をつかむ為の第一歩。とびきりの笑顔でデビュー
==========================================================*/
.first_step{
	position: relative;
	width: 100%; height: 160px;
	margin: 0px auto;
	background-color: #AAABD3;
}

.first_step_box{
	width: 920px;
	margin: 0px auto;
	padding: 20px 0px;
}

.first_step_box h2{
	height: 40px;
	margin: 0px auto;
	line-height: 40px;
	letter-spacing: 0.5em;
	text-align: center;
	color: #353866;
	font-size: 24px;
	font-weight: 400;
	border-bottom: solid 1px #FFFFFF;
}

.first_step_box p{
	height: 65px;
	margin: 10px 0px 0px 0px;
	line-height: 1.6em;
	font-size: 14px;
	font-weight: 300;
}


/*==========================================================
	昼間勤務／夜間勤務
==========================================================*/
.makeup_photo{
	position: relative;
	width: 100%; height: 300px;
	margin: 0px auto;
}

/*ヘアメイク*/
.makeup_box{
	float: left;
	position: relative;
	width: 50%; height: 300px;
	background-color: #CBA6C3;
}

.makeup{
	position: absolute;
	top: 0px; right: 0px;
	width: 460px; height: 300px;
	padding: 20px 0px;
	text-align: center;
	color: #FFFFFF;
}

.makeup h2{
	position: relative;
	width: 350px; height: 35px;
	margin: 0px auto;
	padding: 0px 0px 0px 45px;
	line-height: 35px;
	letter-spacing: 0.3em;
	text-align: left;
	font-size: 28px;
	font-weight: 600;
}

.makeup h2:before{
	content: '';
	position: absolute;
	top: 5px; bottom: 0px; left: 0px;
	width: 35px; height: 37px;
	margin: auto 0px;
	vertical-align: middle;
	background-position: center top;
	background-image: url('../img/produce/icon_hair_dryer.png');
	background-repeat: no-repeat;
	background-size: contain;
}

.makeup h3{
	width: 350px; height: 30px;
	margin: 5px auto 0px auto;
	padding: 0px 0px 0px 5px;
	line-height: 30px;
	letter-spacing: 0.3em;
	text-align: left;
	color: #353866;
	font-size: 18px;
	font-weight: 400;
	border-bottom: solid 1px #FFFFFF;
}

.makeup h4{
	width: 350px; height: 20px;
	margin: 5px auto 0px auto;
	padding: 0px 0px 0px 5px;
	line-height: 20px;
	letter-spacing: 0.4em;
	text-align: left;
	color: #353866;
	font-size: 12px;
	font-weight: 400;
}

.makeup p{
	width: 350px;
	margin: 10px auto 0px auto;
	line-height: 1.4em;
	letter-spacing: 0.1em;
	text-align: left;
	font-size: 14px;
	font-weight: 300;
}


/*写真撮影*/
.photo_box{
	float: right;
	position: relative;
	width: 50%; height: 300px;
	background-color: #353866;
}

.photo{
	position: absolute;
	top: 0px; left: 0px;
	width: 460px; height: 300px;
	padding: 20px 0px;
	text-align: center;
	color: #FFFFFF;
}

.photo h2{
	position: relative;
	width: 350px; height: 35px;
	margin: 0px auto;
	line-height: 35px;
	letter-spacing: 0.3em;
	text-align: right;
	font-size: 28px;
	font-weight: 600;
}

.photo h2:before{
	content: '';
	position: absolute;
	top: -5px; bottom: 0px; right: 155px;
	width: 35px; height: 27px;
	margin: auto 0px;
	vertical-align: middle;
	background-position: center top;
	background-image: url('../img/produce/icon_camera.png');
	background-repeat: no-repeat;
	background-size: contain;
}

.photo h3{
	width: 350px; height: 30px;
	margin: 5px auto 0px auto;
	padding: 0px 0px 0px 5px;
	line-height: 30px;
	letter-spacing: 0.3em;
	text-align: right;
	color: #CBA6C3;
	font-size: 18px;
	font-weight: 400;
	border-bottom: solid 1px #FFFFFF;
}

.photo h4{
	width: 350px; height: 20px;
	margin: 5px auto 0px auto;
	padding: 0px 0px 0px 5px;
	line-height: 20px;
	letter-spacing: 0.4em;
	text-align: right;
	color: #CBA6C3;
	font-size: 12px;
	font-weight: 400;
}

.photo p{
	width: 350px;
	margin: 10px auto 0px auto;
	line-height: 1.4em;
	letter-spacing: 0.1em;
	text-align: left;
	font-size: 14px;
	font-weight: 300;
}