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

@media(max-width:680px){
#contents{
	width:100%;
	padding-top: 10px;
	margin: 0 auto;
}


.contents_under{
	width:100%;
}


.main_visual{
	width:100%;
	padding-top:112%;
	background-image: url("../images/index_mainvisual_s_en.svg"),url("../images/index_mainvisual_base_s.jpg");
	background-size: cover;
	max-width: 480px,auto;
}
	



.main_area{
	width:100%;
	margin: 0 auto;
	padding:0px;
}

.left{
	width:96%;
	margin: 0 auto;
}

.right{
	width:96%;
	margin: 0 auto;
	padding-top:30px;
}
	
.r_inner{
	width:100%;
	margin: 0 auto;
	
}

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



.title1{
	width:100%;
	height:36px;
	
}


.title2{
	width:100%;
	height:36px;
	margin-top: 30px;
	margin-bottom:0px;
}

.textbox1{
	width:100%;
	padding-top: 20px;
}

.textbox2{
	width:100%;
	padding-top: 20px;
	text-align:center;
}

.box1{
	width: 48%;
	margin-left:1%;
	text-align:left;
	margin-top:20px;
	color:#005184;
	display: inline-block;
	vertical-align: top;
	}
	
.box2{
	width: 48%;
	margin-left:1%;
	margin-top:20px;
	text-align:left;
	display: inline-block;
	vertical-align: top;
	
	}


.border1{
	width:100%;
	margin-top:10px;
	height:5px;
	border-top: 1px solid #005184;
	background-repeat:no-repeat;
	}
	
.border2{
	width:100%;
	margin-top:0px;
	height:5px;
	border-top: 1px solid #005184;
	background-repeat:no-repeat;
	}
	
.border3{
	width:100%;
	margin-top:0px;
	height:5px;
	border-top: 1px solid #005184;
	background-repeat:no-repeat;
	}
	
}


@media(min-width:681px){
#contents{
	width:940px;
	padding:0px;
	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:100%;
	padding-top: 46.85%;
	background-image: url("../images/index_mainvisual_en.svg"),url("../images/index_mainvisual_base.jpg");
	background-size: cover;
	max-width: 1040px,auto;
}



.bt_services1{
	display:block;
	width:100px;
	height:20px;
	left:220px;
	top:20px;
	background-image:url(../images/services_bt1.png);
	background-repeat:no-repeat;
	position:absolute;
}

.bt_services2{
	display:block;
	width:120px;
	height:20px;
	left:220px;
	top:40px;
	background-image:url(../images/services_bt2.png);
	background-repeat:no-repeat;
	position:absolute;
	
}

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

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

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

.services_area1{
	width:450px;
	padding-top:30px;
}



.title1{
	width:450px;
	height:36px;
	
}


.title2{
	width:200px;
	height:36px;
	margin-left:0px;
	margin-bottom:0px;
}







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

.textbox2{
	margin-top:10px;
	margin-left:0px;
	width:300px;
	text-align:center;
}

.box1{
	width:150px;
	float:left;
	text-align:right;
	margin-top:20px;
	color:#005184;
	}
	
.box2{
	width:190px;
	margin-left:10px;
	margin-top:20px;
	float:left;
	text-align:left;
	
	}


.border1{
	width:500px;
	margin-top:10px;
	height:5px;
	background-image:url(../images/border.png);
	background-repeat:no-repeat;
	}
	
.border2{
	width:350px;
	margin-top:0px;
	height:5px;
	background-image:url(../images/border.png);
	background-repeat:no-repeat;
	}
	
	.border3{
	width:450px;
	margin-top:0px;
	height:5px;
	background-image:url(../images/border.png);
	background-repeat:no-repeat;
	}
	

}