@charset "UTF-8";

/** bootstrap **/
.container {margin-right: auto;margin-left: auto;padding-left:15px;padding-right:15px;}
.row {margin-left: -15px;margin-right: -15px;}
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
	float: left;position:relative;min-height: 1px;padding-left: 15px;padding-right: 15px;
}

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
	content: " ";display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
	clear: both;
}

.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {width:100%;margin-bottom: 15px;}
/** E:bootstrap **/


/** layout **/
.eighteen .container  h1 a {overflow: hidden;position: absolute;width:180px;height:70px;line-height: 0;text-indent: -9999px}
.eighteen .container  h1,
.eighteen .container  h2,
.eighteen .container  h3,
.eighteen .container  p,
.eighteen .container  .blind {
overflow: hidden;
position: absolute;
height: 1;
line-height: 0;
text-indent: -9999px;
top: 0;
left: 0;
width: 0;
font-size: 1;
}

.eighteen .container  {
margin-right: auto;
margin-left: auto;
padding-left:0;
padding-right:0;
}


/* button */
#eighteen_wrap .btn_area {text-align:center}
#eighteen_wrap .btn_area .btn {display:inline-block;width:268px;padding:18px 0;line-height:120%;font-size:23px;font-weight: bold;text-align: center;color: #fff;}
#eighteen_wrap .btn_area .btn_join_eighteen {background-color:#ff5400}
#eighteen_wrap .btn_area .btn_join_eighteen_once {background-color:#ff7800;}
#eighteen_wrap .btn_area .btn_join_eighteen:hover, #eighteen_wrap .btn_area .btn_join_eighteen:active {background:#ea4b2c}
#eighteen_wrap .btn_area .info {display:none;margin:16px 0;font-size:13px;font-weight:bold;color: #333;line-height:1.5;}

#eighteen_wrap .sec_01 .btn_area {padding-top:335px}
#eighteen_wrap .sec_01 .btn_area .btn {width:220px;padding:12px 0;font-size:20px}
#eighteen_wrap .sec_01 .btn_area .btn_join_eighteen {color:#000;background-color: #fff;}
#eighteen_wrap .sec_01 .btn_area .btn_join_eighteen_once {color:#fff;background-color: #161412;border:#626262 1px solid;}



.m_img {display:none}


/*popup*/
 #mask { position:absolute; background-color:#000; display:none; left:0; top:0; }
 
@media only screen and (min-width:320px) {	
	#eighteen_wrap {padding-top:52px}
}
@media only screen and (min-width:480px) {

}
@media only screen and (min-width:768px) {
}
@media only screen and (min-width:1px) and (max-width:999px) {
	.pc_img {display:none}
	
	.m_img,.btn_area .info {display:block}
	.m_img img {
		margin: 0 auto;
		max-width: 100%;
		width: 100%;
		height: auto;
		vertical-align: bottom;
	}
	
	.btn_area .info {padding-left:11.1111%;padding-right:11.1111%;}
	
	#eighteen_wrap {padding-top:50px}
	#eighteen_wrap .btn_area {text-align:center}	
	#eighteen_wrap .btn_area .btn,#eighteen_wrap .sec_01 .btn_area .btn {width:40%;padding:3% 10%;font-size:1.2em}
	#eighteen_wrap .btn_area .info {display:block}
	
	#eighteen_wrap .sec_01 .btn_area .info {color:#fff}
	#eighteen_wrap .sec_01 .btn_area,#eighteen_wrap .sec_05 .btn_area {padding-top:6%}
	
	
	.sec_01 {background-color:#181719}
	.sec_05 {padding-bottom:12.77777%;background-color:#fcf4e5}
	.sec_06 .letter {padding-bottom:6%;}
	.sec_06 {padding-bottom:90px}
	
}
@media only screen and (min-width:1000px) {
	#eighteen_wrap {padding-top:92px}
	#eighteen_wrap .container {width:1000px;margin:0 auto}
	#eighteen_wrap .txt_area {background-repeat:no-repeat}
	
	section > div {width:100%;background-position:center top;background-repeat:no-repeat}
	.btn_area {}
	
	.sec_01 {height:638px;background-image:url('../img/eighteen/bg_sec01.jpg');background-color: #181719;}
	.sec_02 {height: 361px;background-image:url('../img/eighteen/bg_sec02.jpg')}
	.sec_03 {height: 529px;background-image:url('../img/eighteen/bg_sec03.jpg')}
	.sec_04 {height:745px;background-color: #fcf4e5;background-image:url('../img/eighteen/bg_sec04.jpg');background-position: 50% 258px;}
	.sec_05 {background-color: #fcf4e5}
	.sec_06 {background-color: #fff;padding-bottom:100px;}
	
	.sec_01 .container .txt_area {width:609px;height:410px;margin:153px 0 0 332px;background-image:url('../img/eighteen/txt_sec01.png') }
	.sec_02 .container .txt_area {width:609px;height:410px;margin:68px 0 0 394px;background-image:url('../img/eighteen/txt_sec02.png') }
	.sec_03 .container .txt_area {width:654px;height:339px;margin:97px 0 0 16px;background-image:url('../img/eighteen/txt_sec03.png') }
	.sec_04 .container .txt_area {width:992px;height:129px;margin:97px auto 0;background-image:url('../img/eighteen/txt_sec04.png') }
	.sec_05 .container .txt_area {width:683px;margin:97px auto;background-image:url('../img/eighteen/txt_sec05.png') }
	.sec_06 .container .txt_area {margin-top: 97px;padding: 86px 0 0 0;background-image:url('../img/eighteen/txt_sec06.png');background-position: 50% 0;}
	
	.sec_01 .btn_area {}
	.sec_10 .btn_area {padding:210px 0 0 0;text-align:center}
	.sec_11 .btn_area {padding:477px 0 0 0}
	
	#eighteen_wrap .sec_05 .btn_area {padding-top:336px}
	#eighteen_wrap .sec_05 .btn_area .info {display:block}
	
}
@media only screen and (min-width:1367px) {
	
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}