@charset "UTF-8";
/* CSS Document */


@media(max-width:480px){
	
#contents{
	width:100%;
	margin: 0 auto;
}


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


.main_visual{
	width:100%;
	padding-top:40%;
	background-image:url(../images/mainvisual3s.png);
	background-repeat:no-repeat;
	background-position:top;
	position:relative;
	background-size: 100%;
	margin: 0 auto;
}



.bt_services1{
	display:none;
}

.bt_services2{
	display:none;
	
}

.main_area{
	width:94%;
	margin: 0 auto;
}

.mainleft{
	width:100%;
	
}

.right{
	display: none;
}

.services_area1{
	width:100%;
	margin-top:30px;
}

.services_area2{
	width:100%;
	
}

.services_area2_1{
	width:100%;
}

.title1{
	width:94%;
	height: 36px;
	background-image: url(../images/page3_1.png);
	background-repeat: no-repeat;
	background-size: 100%;
	margin: 50px auto 20px;
	overflow: hidden;
	padding-left: 10px;
	box-sizing:border-box;
}

.title2{
	width:100%;
	height: 36px;
	background-image: url(../images/page3_2s.png);
	background-repeat: no-repeat;
	background-size: 100%;
	margin-top: 10px;
	overflow: hidden;
}


.title3{
	width:100%;
	height: 36px;
	background-image: url(../images/page3_3s.png);
	background-repeat: no-repeat;
	margin-top: 30px;
	background-size: 100%;
	overflow: hidden;
}

.title4{
	width:100%;
	height: 36px;
	background-image: url(../images/page3_4s.png);
	background-repeat: no-repeat;
	margin-top: 30px;
	background-size: 100%;
	overflow: hidden;
}


.title5{
	width:100%;
	height: 36px;
	background-image: url(../images/page3_5s.png);
	background-repeat: no-repeat;
	margin-top: 30px;
	background-size: 100%;
	overflow: hidden;
}

.title6{
	width:100%;
	height: 36px;
	background-image: url(../images/page3_6s.png);
	background-repeat: no-repeat;
	margin-top: 30px;
	background-size: 100%;
	overflow: hidden;
}
	
.title7{
	width:100%;
	height: 36px;
	background-image: url(../images/page3_7s.png);
	background-repeat: no-repeat;
	margin-top: 30px;
	background-size: 100%;
	overflow: hidden;
}
	
.title8{
	width:180px;
	height: 36px;
	background-image: url(../images/page3_8.png);
	background-repeat: no-repeat;
	margin: 80px 0 0;
	background-size: 100%;
	padding-left: 30px;
	overflow: hidden;
}








.iframe_area{
	width:100%;
	padding:0px;
}

.iframe1{
	width:100%;
	padding:20px 0 0 0px;
	margin:0 auto;
}
	
.iframetitle{
	width:100%;
	margin:0 auto 10px;
	overflow: hidden;
	border-bottom: #888888 1px solid;
}



.textbox1{
	padding-top:5px;
	margin:0 auto;
	width:96%;
}

.textbox2{
	padding-top:10px;
	margin:0 auto;
	width:100%;
}

.textbox3{
	padding-top:10px;
	margin:0 auto;
	width:100%;
}

.textbox4{
	padding-top:10px;
	margin:0 auto;
	width:100%;
	text-align:right;
}



.box1_1{
	width:30px;
	float:left;
}

.box1_2{
	width:310px;
	margin-left:20px;
	float:left;
}


.box2_1{
	width:200px;
	margin-left:20px;
	margin-top:20px;
}

.box2_2{
	width:131px;
	margin-top:20px;
	margin-left:10px;
}


.border1{
	width:100%;
	}
	
	
/*面接対策*/

#topicscontents{
	width:100%;
	height:auto;
	padding-top:10px;
	margin: 0 auto;
	background-color:#FFFFFF;
	}



.topicstextbox1{
	width:100%;
	margin: 0 auto;
	margin-bottom:15px;
}


.topicsbox2_1{
	width:90%;
	margin: 0 auto;
}

.topicsbox2_2{
	width:90%;
	margin-top:5px;
	margin: 0 auto;
}

a.topics{color:#000000;}

.topicsdate{
	margin-top:5px;
	font-size:14px;
}


.topicstext1{
	font-size:16px;
	line-height:28px;
	padding: 10px 0 0;
}

	
	
}

@media(min-width:481px){
#contents{
	width:940px;
	background-image:url(../images/contents_base1.png);
	background-repeat:repeat-y;
	margin: 0 auto;
}


.contents_under{
	width:940px;
	height:40px;
	background:url(../images/contents_base2.png);
	margin: 0 auto;
}


.main_visual{
	width:900px;
	height:160px;
	margin-top:0;
	margin-left:0px;
	background-image:url(../images/mainvisual3.png);
	background-repeat:no-repeat;
	background-position:top;
	padding:0px;
	position:relative;
}



.bt_services1{
	display:block;
	width:120px;
	height:20px;
	left:235px;
	top:25px;
	position:absolute;
}

.bt_services2{
	display:block;
	width:180px;
	height:20px;
	left:235px;
	top:45px;
	position:absolute;
	
}

.main_area{
	width:900px;
	margin-left:20px;
	padding:0px;
}

.mainleft{
	width:620px;
	margin-left:20px;
	float:left;
}

.right{
	width:260px;
	margin-top:30px;
	float:left;
}

.services_area1{
	width:600px;
	margin-top:30px;
}

.services_area2{
	width:601px;
	margin-top:40px;
	
}

.services_area2_1{
	width:600px;
	height:790px;
	top:20px;
	
}

.title1{
	width:600px;
	height: 36px;
	background-image: url(../images/page3_1.png);
	background-repeat: no-repeat;
}

.title2{
	width:600px;
	height: 36px;
	background-image: url(../images/page3_2.png);
	background-repeat: no-repeat;
	margin-top: 20px;
}


.title3{
	width:600px;
	height: 36px;
	background-image: url(../images/page3_3.png);
	background-repeat: no-repeat;
	margin-top: 30px;
}

.title4{
	width:600px;
	height: 36px;
	background-image: url(../images/page3_4.png);
	background-repeat: no-repeat;
	margin-top: 30px;
}


.title5{
	width:600px;
	height: 36px;
	background-image: url(../images/page3_5.png);
	background-repeat: no-repeat;
	margin-top: 30px;
}

.title6{
	width:600px;
	height: 36px;
	background-image: url(../images/page3_6.png);
	background-repeat: no-repeat;
	margin-top: 30px;
}
	
.title7{
	width:600px;
	height: 36px;
	background-image: url(../images/page3_7.png);
	background-repeat: no-repeat;
	margin-top: 30px;
}
	
.title8{
	width:600px;
	height: 36px;
	background-image: url(../images/page3_8.png);
	background-repeat: no-repeat;
}




.iframe_area{
	width:600px;
	margin-top:10px;
	margin-left:0px;
	padding:0px;
}

.iframe1{
	width:600px;
	margin-left:0px;
	margin-top:0px;
}
	
.iframetitle{
	width:600px;
	width:100%;
	margin:0 auto 10px;
	overflow: hidden;
	border-bottom: #888888 1px solid;
}



.textbox1{
	margin-top:20px;
	margin-left:0px;
	width:600px;
}

.textbox2{
	margin-top:10px;
	margin-left:0px;
	width:600px;
}

.textbox3{
	margin-top:10px;
	margin-left:20px;
	width:560px;
}

.textbox4{
	margin-top:10px;
	margin-left:20px;
	width:560px;
	text-align:right;
}



.box1_1{
	width:30px;
	float:left;
}

.box1_2{
	width:550px;
	margin-left:20px;
	float:left;
}


.box2_1{
	width:420px;
	margin-left:20px;
	margin-top:20px;
	float:left;
}

.box2_2{
	width:131px;
	margin-top:20px;
	margin-left:10px;
	float:left;
}


.border1{
	width:600px;
	margin-top:0px;
	margin-bottom:15px;
	height:5px;
	background-image:url(../images/border.png);
	background-repeat:no-repeat;
	}

	/*面接対策*/

#topicscontents{
	width:360px;
	height:auto;
	margin-top:10px;
	margin-left:0px;
	background-color:#FFFFFF;
	}



.topicstextbox1{
	margin-top:0px;
	margin-left:30px;
	width:360px;
}


.topicsbox2_1{
	width:260px;
	margin-left:0px;
	float:left;
}

.topicsbox2_2{
	width:80px;
	margin-left:10px;
	margin-top:5px;
	float:left;
}

a.topics{color:#000000;}

.topicsdate{
	margin-top:5px;
	font-size:10px;
}


.topicstext1{
	font-size:14px;
	line-height:28px;
	font-weight:100;
}


	
	
}