@charset "UTF-8";
* {margin:0;padding:0;}
html {height:100%;overflow-y:scroll}  
body,td,th {
	color: #000;
	height:100%;
	background: url(../images/bg.jpg) center;
	font-size:10px;
}
body {
	margin:0;
	padding: 0;
	width:100%;
	position:relative;
	font-family:'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	background-color:#f4f4f4;
}
h1,h2,h3,h4,h5,h6 {
	padding:0;
	margin:0;
	font-weight:inherit;
	font-size:inherit;
	color: inherit;
}
p,ul{
	padding:0;
	margin:0;
}
div{ padding:0; margin:0;}
img {border:0;border-style:none;}
li {list-style-type:none;}
a:link {text-decoration: none; color:inherit;}
a:visited {text-decoration: none; color:inherit;}
a:hover {text-decoration: none; color:#000;}
a:active {text-decoration: none; color:inherit;}
::selection {
	background: #000;
	color: #fff;
}
::-moz-selection {
	background: #0008;
	color: #fff;
}
.main {
	position:relative;
	background-size:cover;
	-moz-background-size:cover;
	min-height: 100%;
	width: 100%;
	background-position:center;
	line-height:0 !important;
}
.mian_visual { text-align:center;width:100%;}
.main_message { color:#FFF; font-weight:500; position:absolute;text-align:center; width:100%; line-height:1.5em; background:url(../images/message_bar.png) no-repeat center top; padding:15px 0 0 0;}
.recruit_badge { position:absolute;}
.lookdetail {position:absolute; bottom:0;}
#what{width:100%; position:relative;}
.whatmain { position:relative;}
.what_letter {position: absolute;}
.what_title1 {position: absolute;}
.what_txt { position:relative;}
.bold_txt{ font-weight:600; line-height:1.5em;}
.rt{ line-height:1.6em;}
#prof{ position:relative;}
.prof_letter {position: absolute;right: 0px;}
.prof_area {background-image: url(../images/bg_prof.jpg);}
#recruit{ position:relative; background-image:url(../images/bg_recruit.jpg); background-position:center; padding:0 0 50px 0;}
.recruit_titlearea {
	background-image: url(../images/bg_recruit_upper.jpg);
	background-repeat: repeat-x;
	padding:40px 0 0 0;
	background-position:center top;
}
.fututre {
	margin:auto;
}
.touch_title {
	width: 100%;
	margin:50px auto 0 auto;
}
.touchus_naiyou {
	background-image: url(../images/bg.jpg);
}
#contact{
	background:url(../images/bg_contact.jpg) center;
	background-size:cover;
	padding:30px 0 50px 0;
}
@media screen and (min-width: 100px) {
	.logo {width:130px; padding:20px 0 0 20px;}
	.mian_visual {padding:3% 0 33% 0;}
	.mian_visual img { width:75%; margin:auto;}
	.main_message { bottom:7%;}
	.main_message h2{ font-size:1.4rem; padding:0 20px 50px 20px;line-height:1.3em;}
	.recruit_badge { top:20px; right:20px; width:90px;}
	.lookdetail{width:100px; left:50%; margin:0 0 0 -50px;}
	.whatmain {width:100%; padding:35% 0 0 0;}
	.pc{display:none;}
	.sp{display:block;}
	.what_letter { width:27%; top:-30px; right:0;}
	.what_title1 {top:10%; left:20px; width:33%;}
	.what_txt { width:100%; padding:20px 0 0 0;}
	.bold_txt{ font-size:1.6rem;}
	.rt{ font-size:1.2rem;}
	.what_lead{ padding:0 20px;}
	.what_txt_txt{ padding:20px; letter-spacing:1px;}
	.what_logo { padding:50px 20px 0 20px; width:130px;}
	#prof{ padding:100px 0 0 0;}
	.prof_title1{width:53%; margin:0 23.5%; border-bottom:5px solid #002e57; padding:0 0 15px 0;}
	.prof_letter {width:27%; top:80px;}
	.prof_area { margin:25px 20px 0 20px; padding:40px 20px;}
	.prof_lead{ text-align:left; margin:0 0 10px 0;}
	.prof_koumoku{ text-align:left; margin:25px 0 0 0;font-family: 'Roboto', sans-serif; color:#002e57; font-size:1.2rem; font-weight:700; line-height:1em; letter-spacing:2px;}
	.prof_naiyou{ text-align:left; margin:10px 0 0 0;font-size:1.5rem; line-height:1em; letter-spacing:1px;}
	#map_canvas{ height:300px; margin:0 20px;}
	#recruit{ margin:90px 0 0 0;}
	.recruit_titlearea h2 { width:45%; margin:0 auto;}
	.fututre { width:70%; padding:15px 0 40px 0;}
	.rec_txt{ padding:0 20px; text-align:left;}
	.touch_title h2{width:40%; margin:auto;}
	.touchus_naiyou{ margin:-40px 20px 0 20px; padding:45px 20px; }
	.touch_1{ width:60%; margin:0 20%;}
	.touch_2{ width:60%; margin:0 20%;}
	.contact_title { width:200px ; margin:auto;}
	.contact_message { text-align:center; color:#FFF; font-weight:500; font-size:1.8rem; margin:2% 0 3% 0;;letter-spacing:1px; padding:0 20px;}
	.contact_link{ width:30%; margin:10px auto 20px auto; max-width:350px;}
	#copy{ padding:15px 0;font-family: 'Roboto', sans-serif; font-size:1.1rem; letter-spacing:2px; text-align:center;}
}
@media screen and (min-width: 540px) {
	.logo {width:160px; padding:30px 0 0 30px;}
	.main_message { bottom:6%;}
	.main_message h2{ font-size:2.2rem; padding:0 30px 50px 30px;letter-spacing:2px;}
	.recruit_badge { top:30px; right:30px; width:100px;}
	.lookdetail{width:120px; left:50%; margin:0 0 0 -60px;}
	.whatmain { padding:30% 0 0 0;}
	.what_letter { width:33%; top:-80px; right:0;}
	.what_title1 {top:13%; left:30px; width:30%;}
	.what_txt { padding:30px 0 0 0;}
	.bold_txt{ font-size:1.8rem;}
	.rt{ font-size:1.3rem;}
	.what_lead{ padding:0 30px;}
	.what_txt_txt{ padding:30px;}
	.what_logo { padding:50px 30px 0 30px; width:140px;}
	#prof{ padding:170px 0 0 0;}
	.prof_title1{width:46%; margin:0 27%;padding:0 0 20px 0;}
	.prof_letter {width:30%; top:20px;}
	.prof_area { margin:25px 30px 0 30px; padding:40px 30px;}
	.prof_koumoku{ font-size:1.3rem;margin:30px 0 0 0;}
	.prof_naiyou{ font-size:1.6rem;}
	#map_canvas{ height:360px; margin:0 30px;}
	#recruit{ margin:110px 0 0 0;}
	.recruit_titlearea h2 { width:35%; margin:0 30%;}
	.fututre { width:55%;}
	.rec_txt{ padding:0 30px;}
	.touch_title h2{width:30%;}
	.touchus_naiyou{ margin:-40px 30px 0 30px;}
	.contact_title { width:220px ;}
	.contact_message {font-size:2.1rem;letter-spacing:2px; padding:0 30px;}
}
@media screen and (min-width: 768px) {
	.logo {width:190px; padding:40px 0 0 40px;}
	.mian_visual {padding:2% 0 15% 0;}
	.mian_visual img { width:32%;max-width:500px;min-width:280px; margin:auto;}
	.main_message { bottom:5%;}
	.main_message h2{ font-size:2.9rem; padding:0 40px;}
	.recruit_badge { top:40px; right:40px; width:110px;}
	.lookdetail{width:160px; left:40px; margin:0;}
	.whatmain {width:60%; float:right;padding:22% 0 0 0;}
	.sp{display:none;}
	.pc{display:block;}
	.what_letter { width:35%; top:-70px; right:0;}
	.what_txt {width:40%; float:right; padding:120px 0 0 0;}
	.what_title2 { margin:0 40px 20px 40px; text-align:center; border-bottom:5px solid #002e57; padding:0 0 40px 0;}
	.what_title2 img { width:53%; margin: 0 auto;}
	.bold_txt{ font-size:2rem;}
	.rt{ font-size:1.4rem;}
	.what_lead{ padding:0 40px;}
	.what_txt_txt{ padding:40px;}
	.what_logo { padding:50px 40px 0 40px; width:150px;}
	.prof_title1{width:28%; margin:0 36%;}
	.prof_letter {width:21%; top:20px;}
	.prof_area { margin:25px 40px 0 40px; padding:40px;}
	.prof_lead{ text-align:center; margin:0 0 15px 0;}
	.prof_koumoku{ font-size:1.4rem; text-align:center;margin:35px 0 0 0;}
	.prof_naiyou{ font-size:1.7rem; text-align:center;}
	#map_canvas{ height:420px; margin:0 40px;}
	#recruit{ margin:130px 0 0 0;}
	.recruit_titlearea h2 { width:30%; margin:0 auto; min-width:100px; max-width:230px;}
	.fututre { width:50%; max-width:500px;}
	.rec_txt{ padding:0 40px; text-align:center;}
	.touch_title h2{width:30%; max-width:190px;}
	.touchus_naiyou{ margin:-40px 40px 0 40px; }
	.touch_1{ width:44%; margin:0 3%; text-align:right; float:left;}
	.touch_2{ width:44%; margin:0 3%; text-align:left; float:left;}
	.contact_title { width:240px ;}
	.contact_message {font-size:2.4rem; letter-spacing:2px;  padding:0 40px;}
}
@media screen and (min-width: 1020px){
}