/* ====================================== */
/* clearfix */
.clearfix:after, .mod_main .inner:after { content: ""; display: table; clear: both; }

/* ladies only */
.clearfix { /* clearfix is already applied */ }

/* ====================================== */
/* main */
html, body { min-width: 1200px; background: #fff; border: none; }

.mod_uniqheader { border-top: 3px solid #000; height: 106px; }
.mod_uniqheader .mod_inner { width: 1200px; margin: 0 auto; padding: 0; position: relative; }
.mod_uniqheader .mod_logo { position: absolute; left: 72px; top: 27px; margin: 0; }
.mod_uniqheader .mod_info { width: 193px; position: absolute; top: 14px; left: 712px; }
.mod_uniqheader .mod_info li { margin-bottom: 12px; }
.mod_uniqheader .mod_uniqapply { position: absolute; top: 14px; left: 911px; margin: 0; width: 239px; height: 73px; }
.mod_uniqheader .mod_uniqapply li { float: left; width: 117px; }
.mod_uniqheader .mod_uniqapply li:first-child { display: inline; margin: 0 5px 0 0; }
.mod_uniqheader .mod_uniqapply + .mod_apply { margin: 0; }

.mod_footer .banner { display: none; }

.mod_main { position: relative; margin: 0; width: 100%; }
.mod_main .inner { /* clearfix is already applied */ position: relative; margin: 0 auto; width: 1200px; }

.block { margin: 0 0 20px; background-color: #000; background-repeat: no-repeat; background-position: center center; background-size: cover; }

.block1 .btn { position: absolute; bottom: 20px; right: 60px; z-index: 10; }

.block2 { background-image: url("/ladies/images/special/hairrepro-z/img_bg_01.png"); }
.block2 .inner { height: 820px; }
.block2 .left { width: 490px; }
.block2 .right { width: 710px; height: 820px; background: #ece7d8; }
.block2 .listArea { margin: 0 0 0 47px; width: 466px; }
.block2 .listArea li { position: relative; }
.block2 .listArea li p, .block2 .listArea li .notes { display: block; width: 330px; line-height: 1.6; }
.block2 .listArea li p { font-size: 1.1em; }
.block2 .listArea li .notes { font-size: 0.75em; }
.block2 .listArea .photo { position: absolute; top: 0; right: 0; }
.block2 .listArea .no1 { height: 206px; }
.block2 .listArea .no2 { height: 228px; }
.block2 .listArea .no3 { height: 160px; }
.block2 .listArea .no1 .photo { top: 41px; right: 3px; }
.block2 .listArea .no2 .photo { top: 57px; right: 41px; }
.block2 .listArea .no3 .photo { top: 9px; right: 41px; }
.block2 .verticalArea { margin: 0 46px 0 0; width: 151px; font-size: 0.75em; line-height: 1.6; }

.block3 { background-image: url("/ladies/images/special/hairrepro-z/img_bg_02.png"); }
.block3 .inner { height: 560px; }
.block3 .left { width: 778px; height: 100%; background: #ece7d8; }
.block3 .left .fl_left { margin: 0 0 0 94px; width: 263px; }
.block3 .left .fl_right { width: 421px; }
.block3 .left .text { margin: 0 0 0 70px; width: 320px; font-size: 1.1em; }
.block3 .left span { display: block; font-size: 0.9em; }
.block3 .left h4, .block3 .left p { line-height: 1.6; }
.block3 .left h4 { color: #876f10; font-size: 1.1em; }
.block3 .right { width: 422px; }

.block4 { background-image: url("/ladies/images/special/hairrepro-z/img_bg_01.png"); }
.block4 .inner { height: 560px; }
.block4 .left { width: 420px; }
.block4 .right { width: 780px; height: 100%; background: #ece7d8; }
.block4 .right .fl_left { margin: 0 0 0 46px; width: 291px; }
.block4 .right .fl_right { width: 443px; }
.block4 .right .text { margin: 0 0 0 40px; width: 320px; font-size: 1.1em; }
.block4 .right span { display: block; font-size: 0.9em; }
.block4 .right h4, .block4 .right p { line-height: 1.6; }
.block4 .right h4 { color: #876f10; font-size: 1.1em; }

.block5 { padding: 70px 0; background: #ece7d8; }
.block5 .left { margin: 0 0 0 60px; width: 400px; }
.block5 .right { margin: 0 70px 0 0; width: 640px; }
.block5 .right .fl_left { width: 350px; }
.block5 .right .fl_left p { line-height: 1.8; font-size: 1.1em; }
.block5 .right .fl_left strong { line-height: 1.4; font-size: 1.75em; }
.block5 .right .fl_left .notes { font-size: 0.75em; }
.block5 .right .fl_right { width: 269px; }

/* ====================================== */