@charset "UTF-8";



/*----------------
style
-----------------*/

.hide_pc{
	display:none;}

body{
	color:#000;
}


/*---------------*/
.atodekesu{
	padding-top:24.5%;}


.recruit{
	background-repeat:no-repeat;
	background-size:100%;
	background-position:center top;
}

.div{width:100%; margin:0 auto;}


#r-top{min-height:427px; min-width:1000px; background-image:url(top.jpg); position:relative;}

.tweet{width:100%; padding-top:1%; padding-left:80%;}

#r-1{height:500px; background-size:100%; width:100%; min-width:1000px; background-image:url(r1.png); background-repeat:no-repeat; background-position:center top; position:absolute; top:200px; left:53px;}


#r-2{min-height:1008px; min-width:1000px; background-image:url(r2-bg.jpg); background-color:#000; background-position:center bottom;}

.r2_title{width:100%; text-align:center; padding-top:150px;}

.topics{max-width:820px; margin:0 auto; text-align:center;}
.topics a{outline:0;}


.tp_movie{max-width:49%; margin:140px 0 0 16px; float:left; z-index:1; outline:0; font-size:13px;}

.r2_topic1{margin:0 0 0 21px;; min-height:333px; min-width:387px; background-image:url(r2_topic1.png); background-position:center top; background-repeat:no-repeat; background-size:100%; float:left;}

.r2_topic2{margin:0 0 0 4px; min-height:333px; min-width:406px; background-image:url(r2_topic2.png); background-position:center top; background-repeat:no-repeat; background-size:100%; float:left;}

.r2_topic3{margin:0 0 0 21px;; min-height:333px; min-width:387px; background-image:url(r2_topic3.png); background-position:center top; background-repeat:no-repeat; background-size:100%; float:left;}

.r2_topic4{margin:0 0 0 4px; min-height:333px; min-width:387px; background-image:url(r2_topic4.png); background-position:center top; background-repeat:no-repeat; background-size:100%; float:left;}


#r-3{min-height:465px; min-width:1000px; background-image:url(r3-bg.jpg); background-size:115%;}

.r3-content{padding-top:60px; min-height:314px; min-width:714px; background-image:url(r3-content.png); background-position:center; background-repeat:no-repeat; text-align:center; position:relative;}
.r3-table{margin:60px auto 0 auto; max-width:480px;}
.r3-table tr{text-align:left; padding:8px 5px 5px 5px;}
.r3-b{width:100%; position:absolute; top:295px; margin:0 auto; text-align:center;}

.recruit .text-body{
	width:63%;
	margin:0 auto;
	border:1px #444 solid;
	border-image:url(../images/common/tex1.jpg) 100 100 round;
	border-width:1px 0 0 0;
	padding-top:12px;
}




@media screen and (max-width:1000px){
	.atodekesu{
		background-size:125% auto;
		padding-top:30%;
	}
	.recruit{
	background-repeat:no-repeat;
	background-width:100%;
	background-position:center top;
}



#r-1{height:458px; background-size:100%; width:100%; min-width:1000px; background-image:url(r1.png); background-repeat:no-repeat; background-position:center top; position:absolute; top:220px; left:40px;}

#r-2{min-height:930px; min-width:1000px; background-image:url(r2-bg.jpg); background-color:#000; background-position:center bottom;}

.r2_title{width:100%; min-width::480px; text-align:center; padding-top:130px;}


#r-3{min-height:460px; min-width:1000px; background-image:url(r3-bg.jpg); background-size:115%;}

}

@media screen and (max-width:640px){
	.atodekesu{
		padding-top:37%;
		background-size:150% auto;
	}
	.recruit{
	background-repeat:no-repeat;
	background-width:100%;
	background-position:center top;
}

#r-top{min-width:100%; height:0; background-image:url(top.jpg);}

.tweet{width:100%; padding-top:25%; padding-left:29%;}

#r-1{min-width:100%; height:0; padding-top:100%; background-image:url(r1_sm.png); background-repeat:no-repeat; background-position:center top; position:absolute; top:190px; left:0;}


#r-2{min-width:100%; background-image:url(r2-bg.jpg); background-color:#000; background-position:center bottom;}
.r2_title{max-width:640px; text-align:center; padding-top:80px;}

.topics{max-width:50%; margin:0 0 0 130px; padding-bottom:50px; text-align:center;}

.r2_topic1{margin:0 auto; min-height:333px; min-width:387px; background-image:url(r2_topic1.png); background-position:center top; background-repeat:no-repeat; background-size:100%;}

.r2_topic2{margin:0 auto; min-height:333px; min-width:406px; background-image:url(r2_topic2.png); background-position:center top; background-repeat:no-repeat; background-size:100%;}

.r2_topic3{margin:0 auto;; min-height:333px; min-width:387px; background-image:url(r2_topic3.png); background-position:center top; background-repeat:no-repeat; background-size:100%;}

.r2_topic4{margin:0 auto; min-height:333px; min-width:406px; background-image:url(r2_topic4.png); background-position:center top; background-repeat:no-repeat; background-size:100%;}

#r-3{min-height:390px; min-width:640px; background-image:url(r3-bg.jpg); background-size:160%;}

.r3-content{padding-top:10px; width:640px; background-image:url(r3-content_sm.png); background-position:center; background-repeat:no-repeat; text-align:center top; position:relative; margin-left:-40px;}
.r3-table{display:none;}
.r3-b{width:100%; position:absolute; top:80%; margin:0 auto; text-align:center;}
.r3-b img{width:40%;}

}