@charset "utf-8";
html {
  font-size: 62.5%;
}
body{
	font-family:"メイリオ","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","MS PGothic","Lucida Grande","Lucida","Verdana","sans-serif";
	font-size: 1.6rem;
	font-size: 16px;
}
/* -----------------layout--commmon */
header:after,
article:after,
section:after,
div:after,
ul:after,
li:after,
article.main:after{
  content: "";
  display: block;
  clear: both;
}
a{
	color:#2F6356;
}
a:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}
br.sp_non{
	display:none;
}
.red{
	color:#ff0000;
}
/* --------------------------------------
layout--header
-------------------------------------- */
header ul.guide{
	margin:0;
	padding:0;
	list-style:none;
}
header ul.guide li{
	float:right;
	margin-right:20px;
	font-size:95%;
}
header ul.guide li a{
	text-decoration:none;
	display:block;
}
header ul.guide li a:hover{
}
header ul.guide li:nth-child(2) a{
	border-top:4px solid #EC2C3B;
	color:#333;
}
header ul.guide li:first-child{
}
header ul.guide li:first-child a{
	background: #ec2c3b url("../images/h_mail.png") no-repeat scroll 4% 50%;
    border-radius: 0 0 3px 3px;
    color: #fff;
    padding: 3px 10px 3px 32px;
}
header #logo{
	font-size: 100%;
    margin: 10px auto;
    text-align: center;
}
/* --------------------------------------
layout--navi
-------------------------------------- */
nav .naver .naver-handle{
}
nav ul{
	margin:0;
	padding:0;
	list-style:none;
}
nav ul li{
	border-bottom: 2px solid #3978be;
}
nav ul li.logo{
	display:none;
}
nav ul li span.pc{
	display:none;
}
nav ul li span.sp{
}
nav ul li a{
	display: block;
    padding: 8px 0;
    text-decoration: none;
}
nav ul li a:hover{
	color:#3978be;
}
/* --------------------------------------
layout--mainimages
-------------------------------------- */
article#mainimages{
	background: #72b4dd url("../images/main_bg02.png") no-repeat scroll 190% top / 80% auto;
    padding: 15px 0 15px 20px;
}
article#mainimages h2{
	margin:0;
	padding:0;
}
article#mainimages h2 img{
	max-width:660px;
	width:95%;
}
article#mainimages div{
}
article#mainimages div img{
	max-width:612px;
	width:100%;
}
/* --------------------------------------
layout--footer
-------------------------------------- */
footer{
	background-color:#3978BE;
	padding:10px;
}
footer section.footer_in{
	width:98%;
	margin:0 auto;
	color:#fff;
}
footer section.footer_in .company_guide{
}
footer section.footer_in .company_guide .area{
	background-color:#fff;
	color:#4274C1;
	display: inline-block;
    padding: 3px 6px;
	float:left;
}
footer section.footer_in .company_guide .memo{
	float: right;
    line-height: 1.4;
    width: 81%;
}
footer section.footer_in .company_guide .memo .name,
footer section.footer_in .company_guide .memo .add,
footer section.footer_in .company_guide .memo .number{
	display:inline-block;
}
footer section.footer_in ul{
	margin:20px 0 0 0;
	padding:0;
	list-style:none;
}
footer section.footer_in ul li{
	float:left;
	width:35%;
}
footer section.footer_in ul li a{
	background:url(../images/link01.png) left 50% no-repeat;
	color:#fff;
	text-decoration:none;
	padding-left:20px;
}
.copyright{
	text-align:center;
	padding:20px 0;
	font-size:90%;
	line-height::1.4;
}
/* --------------------------------------
common
-------------------------------------- */
section.pagetop{
}
h1.ttl_main{
	background: #10599B url("../images/title_bg.png") no-repeat scroll left center / 100% auto;
    color: #fff;
    font-size: 140%;
    font-weight: normal;
    margin: 0;
    padding: 10px 0;
    text-align: center;
}
.ttl_second{
	text-align:center;
}
section.contants{
	width:98%;
	margin:20px auto 40px;
}
table.table_style{
	width:98%;
	margin:0 auto 20px;
}
table.table_style th{
	font-weight:normal;
	text-align:left;
}
table.table_style th,
table.table_style td{
	border-bottom:3px dotted #10599B;
	padding:10px;
}

/* --------------------------------------
page--top
-------------------------------------- */
.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 15px;
}
.pagetop a {
    display: block;
    background-color: #2f2f2f;
    text-align: center;
    color: #ffffff;
    font-size: 12px;
    text-decoration: none;
    padding: 5px 10px;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.pagetop a:hover {
    display: block;
    background-color: #000000;
    text-align: center;
    color: #ffffff;
    font-size: 12px;
    text-decoration: none;
    padding:5px 10px;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
/*-----------------------top business*/
article#bisuness{
	background-color:#10599B;
	color:#fff;
	text-align:center;
	padding:10% 3% 15%;
}
article#bisuness h3{
	margin: 0 auto;
    padding: 0;
    width: 100%;
}
article#bisuness h3 img{
	width:100%;
}
article#bisuness div.b_photo{
	background: rgba(0, 0, 0, 0) url("../images/top_busi02.png") no-repeat scroll center 8% / 35% auto;
    padding: 14% 0 0;
}
article#bisuness div.b_photo img{
	width:100%;
}
article#bisuness p{
	text-align:left;
}
article#bisuness p .br_non{
	display:none;
}
article#bisuness div.more{
}
article#bisuness div.more a{
	border:2px solid #86BDEF;
	color:#fff;
	padding:5px 20px;
	text-decoration:none;
	font-size:90%;
}
article#bisuness div.more a:hover{
	border:2px solid #fff;
	color:#10599B;
	background-color:#FFF;
}
/*-----------------------top news*/
section.news{
	padding:20px 0;
	width:98%;
	margin:0 auto;
}
section.news div{
	text-align:center;
}
section.news div img{
	max-width:185px;
	width:100%;
}
section.news ul{
	margin:20px 0 0;
	padding:0;
	list-style:none;
}
section.news ul li{
	border-bottom:2px dotted #10599B;
	padding:10px 15px;
}
section.news ul li span{
	width:20%;
	margin-right:15px;
}
section.news ul li a{
	color:#333;
	text-decoration:none;
}
section.news ul li a:hover{
	color:#10599B;
}
/*-----------------------top result  recruit*/
section.guide_link .result,
section.guide_link .recruit{
	padding: 3% 2% 6%;
}
section.guide_link .result{
	background: url("../images/result_bg.png") no-repeat right top / 121% auto;
}
section.guide_link .recruit{
	background: url("../images/recruit_bg.png") no-repeat left top / 121% auto;
}

section.guide_link .result .memo .ttl_img img{
    max-width:135px;
    width:29%;
}
section.guide_link .recruit .memo .ttl_img img{
	max-width:135px;
	width:22%;
}
section.guide_link .result p,
section.guide_link .recruit p{
	text-shadow:0 2px 0 #fff, 2px 0 0 #fff, 0 -2px 0 #fff, -2px 0 0 #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;
	margin:0 0 8px 0;
	padding:0;
	line-height:1.4;
	width:63%;
}
section.guide_link .result .more  a,
section.guide_link .recruit .more a{
	background-color:#fff;
	padding:3px 10px;
	border:2px solid #10599B;
	text-decoration:none;
	color:#10599B;
}
section.guide_link .result .more  a:hover,
section.guide_link .recruit .more a:hover{
	border:2px solid #FFF;
	background-color:#10599B;
	color:#fff;
}
/*-----------------------top contact_link*/
section.contact_link{
	width:98%;
	margin:20px auto 40px;
}
section.contact_link div.ttl_img{
	text-align:center;
}
section.contact_link div.ttl_img img{
	max-width:140px;
	width:100%;
}
section.contact_link div.btn{
	margin:0 auto;
	text-align:center;
}
section.contact_link div.btn a{
	background: #ec2c3b url("../images/h_mail.png") no-repeat 3% 50%;
    color: #fff;
    display: inline-block;
    padding: 5px 10px 5px 35px;
    text-decoration: none;
}
/* --------------------------------------
page--business
-------------------------------------- */
ul.business_list{
	margin:0;
	padding:0;
	list-style:none;
}
ul.business_list li{
	float:left;
	width:50%;
	text-align:center;
	margin-bottom:10px;
}
ul.business_list li img{
	max-width:200px;
	width:89%;
}
/* --------------------------------------
page--result
-------------------------------------- */
h2.houso{
/*	 background: url("../images/result_houso_bg.png") no-repeat center top / 100% auto;*/
    text-align: center;
}
h2.tushin{
/*	 background: rgba(0, 0, 0, 0) url("../images/result_tushin_bg.png") no-repeat scroll center top / 100% auto;*/
    text-align: center;
}
h2.houso img,
h2.tushin img{
	max-width:108px;
	width:100%;
}
ul.result_list{
	margin:0 auto;
	padding:0;
	list-style:none;
	width:98%;
}
ul.result_list li{
	background:url(../images/point01.gif) left 50% no-repeat;
	margin-bottom: 10px;
    padding-left: 16px;
}
/*-----------------------company*/
.photo{
	float:right;
	margin:0 0 15px 15px;
}
ol.hoshin li{
	margin-bottom:10px;
}
/*-----------------------contact*/
table.table_style input[type="text"],
table.table_style input[type="email"],
table.table_style textarea{
	width:97%;
}
.submit{
	text-align:center;
}
input[type="submit"]{
	background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgb(255,255,255) 0%, rgb(235,234,234) 100%);
background: -webkit-linear-gradient(top,  rgb(255,255,255) 0%,rgb(235,234,234) 100%);
background: linear-gradient(to bottom,  rgb(255,255,255) 0%,rgb(235,234,234) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebeaea',GradientType=0 );
border:1px solid #E1E1E1;
	padding:8px 30px;
}
input[type="submit"]:hover{
	background: rgb(235,234,234);
background: -moz-linear-gradient(top,  rgb(235,234,234) 0%, rgb(255,255,255) 100%);
background: -webkit-linear-gradient(top,  rgb(235,234,234) 0%,rgb(255,255,255) 100%);
background: linear-gradient(to bottom,  rgb(235,234,234) 0%,rgb(255,255,255) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebeaea', endColorstr='#ffffff',GradientType=0 );

}

/* ====================================================================================================
768px以上 tablet
====================================================================================================== */
@media screen and (min-width: 768px){
	/*------------------common*/
	br.sp_non{
		display:block;
	}
	h1.ttl_main{
		background-position: center center;
		background-size: 93% auto;
		margin-top: 25px;
	}
	section.contants p{
		text-align:center;
	}
	br.pc_non{
		display:none;
	}
	/*------------------layout*/
	header h1#logo{
		display:none;
	}
	nav{
	}
	nav ul{
		float: left; 
        position: relative;
        left: 50%;
        overflow: visible;
		margin-top:20px;
	}
	nav ul li{
		border:none;
		float: left;
        position: relative;
        left: -50%;
		margin-right:2.5%;
		width:15%;
	}
	nav ul li:last-child{
		margin-right:0;
	}
	nav ul li img{
		vertical-align:bottom;
	}
	nav ul li.logo{
		display:inline-block;
		text-align:center;
		width:30%;
	}
	nav ul li.logo img{
		width:80%;
	}
	nav ul li.logo h1{
		font-size: 100%;
		margin: 0;
		padding: 0;
	}
	nav ul li.logo a{
		border-bottom:none;
		display: inline-block;
    	padding: 0 0 2px;
	}
	nav ul li span.pc{
		display:inline-block;
	}
	nav ul li span.sp{
		display:none;
	}
	nav ul li a{
		border-bottom:5px solid #3978BE;
	}
	/*------------------mainimage*/
	article#mainimages{
		background-position: 176% 45%;
		background-size: 76% auto;
		margin-top: 20px;
	}
	/*------------------business*/
	article#bisuness{
		padding-top:70px;
		padding-bottom:70px;
	}
	article#bisuness h3{
		margin-bottom:30px;
	}
	article#bisuness h3 img{
		max-width:714px;
	}
	article#bisuness div.b_photo{
		background-size: 283px auto;
	}
	article#bisuness div.b_photo img{
		max-width:662px;
	}
	article#bisuness h4{
		font-size: 125%;
		font-weight: normal;
		margin: 40px auto 20px;
		padding: 0;
	}
	/*---------------top news*/
	section.news div{
		float:left;
		width:26%;
	}
	section.news ul{
		float:left;
		width:70%;
	}
	/*------top result  recruit*/
	section.guide_link .result,
	section.guide_link .recruit{
		background-size:115% auto;
		padding:0;
		height:324px;
		width:50%;
	}
	section.guide_link .result{
		float:left;
	}
	section.guide_link .recruit{
		float:right;
	}
	section.guide_link .result .memo .ttl_img img, 
	section.guide_link .recruit .memo .ttl_img img{
		width:100%;
	}
	section.guide_link .result .memo{
		margin:20px 0 0 10%;
		text-align:right;
	}
	section.guide_link .recruit .memo{
		margin:20px 0 0 10%;
	}
	section.guide_link .result p{
		float:right;
	}
	section.guide_link .result p, 
	section.guide_link .recruit p{
		text-shadow:none;
		width:auto;
	}
	section.guide_link .result .more{
		clear:both;
	}
	/*-------------------bisuness*/
	ul.business_list li{
		width:25%;
	}
	/*-------------------result*/
	h2.houso,
	h2.tushin{
		background-size: 48% auto;
		clear:both;
	}
	ul.result_list{
		float:left;
		width:50%;
		margin-bottom:50px;
	}
	/*----------------company*/
	section.contants .txt p{
		text-align:left;
	}
	/*----------------contact*/
	table.table_style input[type="radio"]{
    	margin-right: 5px;
		margin-left: 15px;
	}
	
}
/* ====================================================================================================
980px以上 PC
==================================================================================================== */
@media screen and (min-width: 980px){
	nav{
	}
	nav ul{
		float: none;
		left: 0;
		margin-left: 15%;
		margin-right: 15%;
		right: 0;
	}
	nav ul li{
		left: auto;
		margin-right: 7%;
		text-align: center;
		width: 10%;
	}
	nav ul li:first-child{
		margin-left:4%;
	}
	nav ul li.logo{
		width:25%;
	}
	nav ul li a:hover{
		borde4r-borrom:2px solid #70B6E0;
	}
	section.contants{
		width:1000px;
		margin-bottom:100px;
	}
	h1.ttl_main{
		background-position: 50% 70%;
    	background-size: 66% auto;
	}
	/*-------------------mainimage*/
	article#mainimages{
		background: rgba(0, 0, 0, 0) url("../images/mainimage_bg.jpg") no-repeat scroll center top / 100% auto;
    	padding: 100px 0;
	}
	article#mainimages h2 {
		left: 15%;
		position:relative;
	}
	article#mainimages div {
		left: 15%;
		position:relative;
	}
	/*-----------------------top*/
	article#bisuness div.b_photo{
		padding-top:108px;
	}
	article#bisuness p{
		text-align:center;
	}
	article#bisuness p .br_non{
		display:block;
	}
	section.news{
		width:1000px;
	}
	section.guide_link .result,
	section.guide_link .recruit{
		background-size:100%;
		height:445px;
	}
	section.guide_link .result .memo,
	section.guide_link .recruit .memo{
		margin-top:11%;
	}
	section.contact_link{
		text-align:center;
		width:1000px;
	}
	/*-------------------footer*/
	footer section.footer_in{
		width:1000px;
		font-size:90%;
	}
	footer section.footer_in .company_guide{
		float:left;
		width:43%;
	}
	footer section.footer_in .company_guide .area{
		width:32px;
		margin-right:10px;
	}
	footer section.footer_in .company_guide .memo{
		width:370px;
		float:left;
	}
	footer section.footer_in ul{
		float:left;
		width:57%;
	}
	footer{
		padding:30px 0;
	}
	footer section.footer_in ul li{
		margin-right:15px;
		width:auto;
	}
	.copyright{
		padding:10px 0;
	}
	/*------------------business*/
	ul.business_list{
		margin-top:60px;
	}
	ul.business_list li{
		margin-bottom:30px;
	}
	ul.business_list li img{
		width:100%;
	}
	/*-------------------result*/
	h2.houso,
	h2.tushin{
		background-size: 560px auto;
    	height: 150px;
	}
	ul.result_list {
		margin-left: 76px;
		width: 42%;
	}
	/*----------------company*/
	iframe{
		height:300px;
	}
}