@charset "utf-8";

body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , select, option, textarea , p , blockquote , th , td { 
	margin: 0;
	padding: 0;
    font-size: 12px;
    line-height: 130%;
    color: #000;
	letter-spacing:1.5px;
	font-weight:normal;
    font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}
html{
	margin:0;
	padding:0;
	background:#fff;
}
body {
    margin: 0;
	padding:0;
	width:100%;
	height:100%;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset , img { 
	border: 0;
	vertical-align: bottom;
}

address , caption , cite , code , dfn , em , strong , th , var {
	font-style: normal;
	font-weight: normal;
}

ol , ul , li {
	list-style: none;
}

caption , th {
	text-align: left;
}

h1 , h2 , h3 , h4 , h5 , h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before , q:after {
	content: '';
}

abbr , acronym {
	border: 0;
}
a{
	color:#bfbfbf;
	text-decoration:none;
	cursor: pointer;
	transition: all 0.3s ease 0s;
}
a:hover{
	opacity: 0.6;
}
img{
	max-width:100%;
}

/*===================================================
					common
=====================================================*/

.contentBody{
	padding-top:91px;
}
.content{
	width:90%;
	margin:0 auto;
}
.contentL{
	float:left;
	width:35%;
}
.contentL h2{
	font-size:40px;
	margin:0 auto;
	letter-spacing:1.5px;
	text-align:left;
	margin-bottom:20px;
}

.contentR{
	float:right;
	width:65%;
}
.contentBig{
	width:1340px;
	max-width:100%;
	margin:0 auto;
}
.viewMore{
	display:inline-block;
}
.image_title{
	width:100%;
}
.instaSec{
	width:1000px;
	max-width:96%;
	margin:0 auto;
	padding:50px 0;
	overflow:auto;
}
.instaSec p{
	width:100%;
	text-align:center;
}
.instaSec p img{
	width:200px;
}
#lp_head{
    margin: 0;
	padding:0;
	background:url(/images/index/index_bg.jpg);
	background-size:cover;
	width:100%;
	height:90px;
}
#lp_body{
	padding:100px 0;
	width:1000px;
	max-width:100%;
	margin:0 auto;
}

@media screen and (max-width: 767px) {
.content{
	width:96%;
}
.contentL{
	float:none;
	width:100%;
}
.contentL h2{
	font-size:40px;
	margin:0 auto;
	letter-spacing:1.5px;
	text-align:left;
	margin-bottom:20px;
}

.contentR{
	float:none;
	width:100%;
}
#lp_head{
	height:60px;
}

}
/* header
-----------------------------------------------*/
header{
	width:100%;
	min-width:1200px;
	padding:5px 0 0;
	letter-spacing:1px;
	margin-bottom:20px;
	position:fixed;
	top:0;
	left:0;
	text-align:center;
	z-index:99;
	height:86px;

  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;

}
.scrolled {
    background: rgba(255, 255, 255, 1);
}
.scrolled #headTel a{
	color:#000;
}
.scrolled h1{
	color:#000;
}

#headTop{
	width:96%;
	border-bottom:1px solid #fff;
	margin:0 auto;
	padding-bottom:3px;
}
#headLogo{
	display:none;
}

/*スクロール時のヘッダー変化*/
header.scrolled {
	padding:0;
	height:auto;
}
.scrolled #headLogo{
	display:inherit;
	position:absolute;
	width:40px;
	padding:10px;
	background:#fff;
	margin-top:-5px;
}
.scrolled #headTop{
	border-bottom:none;
	padding:0;
}
.scrolled #vTicker{
	display:none;
}
.scrolled h1{
	display:none;
}
.scrolled #headTel{
	margin-top:15px;
}
.scrolled #headTel a{
	font-size:33px;
}

#vTicker{
	width:100%;
	text-align:center;
	height:16px !important;
}
#vTicker ul{
	width:100%;
	text-align:center;
}
#vTicker ul li{
	width:100%;
	text-align:center;
	color:#e83641;
}
#headBottom{
	height:50px;
	width:98%;
	margin-left:2%;
}
img#headLogo{
	position:relative;
	float:left;
	max-width:100%;
}
header h1{
	font-size:12px;
	color:#fff;
}
#headTel{
	position:absolute;
	right:2%;
	margin-top:-10px;
}
#headTel a{
	font-family:Impact;
	font-size:25px;
	color:#fff;
}
#headTel span{
	color:#fff;
}
@media screen and (max-width: 767px) {
.contentBody{
	padding-top:101px;
}
header{
	height:auto;
	min-width:inherit;
}
header h1{
	width:98%;
	margin:0 auto;
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px solid #999;
}
#headTop{
	border-bottom:none;
}
#headBottom{
	width:100%;
	margin-left:0%;
	height:auto;
	text-align:center;
	background-size:contain;
}
#headMain{
	width:100%;
}
#headTel{
	position:inherit;
	margin:0;
	width:100%;
	right:auto;
	text-align:center;
}
#headTel p{
	width:100%;
	text-align:center;
}
#headTel p a{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:15px;
	font-weight:bold;
}
img#headLogo{
	position:inherit;
	float:none;
	max-width:96%;
}



/*スクロール時のヘッダー変化*/
header.scrolled {
	padding:0;
	height:55px;
}
.scrolled #headLogo{
	display:inherit;
	position:absolute;
	width:40px;
	padding:10px;
	background:#fff;
	margin-top:-5px;
}
.scrolled #headTop{
	border-bottom:none;
	padding:0;
}
.scrolled #vTicker{
	display:none;
}
.scrolled h1{
	display:none;
}
.scrolled #headTel{
	margin-top:15px;
}
.scrolled #headTel a{
	font-size:33px;
}




.scrolled #headTop{
	border-bottom:none;
}
.scrolled #headTel a{
	font-size:20px;
}
.scrolled #headLogo{
	display:inherit;
	position:absolute;
	width:35px;
	padding:7px;
	background:#fff;
	margin-top:-5px;
}
#vTicker{
	display:none;
}
}

/* navi
-----------------------------------------------*/
nav{
	position: relative;
}
nav > ul{
	width:900px;
	margin:0 auto;
}
nav > ul > li{
	display:inline-block;
	width:15%;
	box-sizing:border-box;
	position:relative;
	padding:15px 10px 0;
	height:49px;
	vertical-align:middle;
}
ul#pcMenu li a{
	text-align:center;
	color:#fff;
	font-size:13px;
}
ul#pcMenu li:hover{
	background:#fff;
}
ul#pcMenu li:hover a{
	color:#e83641;
}
ul#pcMenu > li:before{
	content:"▾";
	color:#e83641;
}
#menuPush{
	float:right;
	display:none;
}
.scrolled ul#pcMenu li a{
	color:#000;
}
.scrolled ul#pcMenu li ul li{
	background-color:#000;
}
.scrolled ul#pcMenu li:hover{
	background:#000;
}
.scrolled ul#pcMenu li:hover a{
	color:#fff;
}
ul li ul{
    position: absolute;
    top: 49px;
    left: 0;
}
ul li ul li{
    display: block;
	width:200px;
	box-sizing:border-box;
	vertical-align:middle;
	border-top:1px solid #000;
	height:40px;
	padding:12px 0 0 0;
	background:#fff;
}
ul li ul li a{
	color:#e83641;
}
ul li ul{
    display: none;
}
ul li:hover ul{
    display: block;
}
@media screen and (max-width: 767px) {
nav{
	background:#000;
	background:rgba(255, 255, 255, 0.8);
	padding:0px 0 0;
	position:absolute;
	width:100%;
}
nav ul{
	width:100%;
}
#menuPush{
	display:inherit;
	float:right;
	width:12%;
	position:absolute;
	top:2px;
	right:2px;
}
ul#sMenuShow{
	width:100%;
	margin:0 auto;
}
ul#sMenuShow li{
	width:45%;
	font-size:18px;
	margin:10px 3px;
	padding:5px 0;
	height:auto;
	background:#e83641;
}
ul#sMenuShow li a{
	color:#fff;
}
#menuPush img{
	width:100%;
}
ul#pcMenu{
	display:none;
}
}

/* footer
-----------------------------------------------*/
footer{
	width:100%;
	clear:both;
	padding:10px 0 20px;
	background:#000;
}
#footer_top{
	width:96%;
	margin:0 auto;
	text-align:center;
}
#footer_top img{
	width:250px;
	margin-bottom:10px;
}
#footer_bottom{
	width:96%;
	clear:both;
	margin:0 auto;
}
#footerCon{
	max-width:1000px;
	margin:0 auto;
}
#footerBB{
	width:96%;
	border-top:1px solid #fff;
	padding-top:10px;
	margin:0 auto;
}
#footerBB ul li{
	color:#fff;
	display:inline-block;
	font-size:14px;
	margin-right:10px;
	margin-bottom:10px;
}
#footerBB ul li a{
	color:#fff;
	font-size:13px;
}
#footerBB ul li a:before{
	content:"▾";
	color:#FF0;
}

#footerBB{
	padding-top:20px;
}
.footerBBConUcon{
	float:left;
	width:48%;
	margin:0 1%;
}
.footerBBConUcon p{
	color:#fff;
	text-align:left;
	margin-bottom:10px;
}
.footerBBConUcon p#footer_ad_name{
	font-size:12px;
}
.footerBBConUcon p#footer_ad_name:before{
	content:"▾";
	color:#e83641;
}
#footerBBConU address p#footer_ad{
	font-size:12px;
}
#footerBBConU address p#footer_tel{
	font-size:14px;
	float:left;
	margin-right:10px;
}
#footerBBConU address p#footer_fax{
	font-size:14px;
	float:left;
}
#footerBBConU address p#footer_ad:before{
	content:"";
	background-image:url("/images/icon/footer_ad.png");
	width:15px;
	height:15px;
	display: inline-block;
	background-size: contain;
	vertical-align: middle;
	margin-right:5px;
}
#footerBBConU address p#footer_tel:before{
	content:"";
	background-image:url("/images/icon/footer_tel.png");
	width:15px;
	height:15px;
	display: inline-block;
	background-size: contain;
	vertical-align: middle;
	margin-right:5px;
}
#footerBBConU address p#footer_fax:before{
	content:"";
	background-image:url("/images/icon/footer_fax.png");
	width:18px;
	height:18px;
	display: inline-block;
	background-size: contain;
	vertical-align: middle;
	margin-right:5px;
}
#footerBBConR{
	clear:both;
}
#footer_copy{
	color:#fff;
	clear:both;
	text-align:center;
	padding-top:30px;
}
.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
}
.pagetop a {
}
 
@media screen and (max-width: 767px) {
#footer_top ul{
	margin:0 2% 5px 2%;
	width:46%;
}
#footer_top ul li{
	display:none;
}
#footer_top ul li#footLiMain{
	display:block;
	padding-bottom:5px;
}
#footer_top ul li#footLiMain span{
	padding-bottom:6px;
}
.pagetop {
    bottom: 10px;
    right: 10px;
}
.footerBBConUcon{
	float:none;
	width:100%;
}
#footerBBConL{
	float:none;
	width:100%;
}
#footerBBConL iframe{
	width:100%;
}
#footerBBConR{
	float:none;
	width:100%;
}
.footerBBConUcon p#footer_ad_name{
	font-size:18px;
}


}



/*===================================================
					index
=====================================================*/
#index_body{
    margin: 0;
	padding:0;
	background:url(/images/index/index_bg.jpg);
	background-size:cover;
	width:100%;
	height:100%;
}

#indexMain{
	padding:200px 0 120px;
	text-align:center;
}
img#indexLogo{
	margin-bottom:30px;
}

#indexNews{
	padding:150px 0;

}
#indexNews .title_bg{
	background:url(/images/titlebg/news.png) repeat-x;
	background-size:cover;
	width:100%;
	height:200px;
}
ul.newsThum{
	width:230px;
	height:270px;
	border:1px solid #000;
	padding:10px;
	box-sizing:border-box;
	float:left;
	margin:10px;
	background:url(/images/sankaku_bg.png) no-repeat;
}
ul.newsThum .newsTitle h3{
	color:#e83641;
	font-size:14px;
	padding-bottom:5px;
	border-bottom:1px solid #000;
	margin-bottom:5px;
	text-align:center;
}
ul.newsThum .newsTime{
	text-align:right;
	margin-bottom:10px;
}
ul.newsThum .newsTime:before{
	content:url(/images/icon/time.png);
	margin-right:5px;
}
ul.newsThum .newsImg{
	height:80px;
	margin-bottom:10px;
	overflow:hidden;
	transition-duration: 0.3s;	
}
ul.newsThum .newsImg img{
	transition-duration: 0.3s;	
}
ul.newsThum .newsImg img:hover{
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
ul.newsThum .newsText{
	display:block;
	height:80px;
	overflow:hidden;
}
#indexNews .viewMore{
	width:100%;
	padding-top:30px;
	text-align:right;
}

@media screen and (max-width: 767px) {
#indexNews{
	padding:50px 0;
}
#indexNews .title_bg{
	display:none;
}
ul.newsThum{
	width:47%;
	height:270px;
	border:1px solid #000;
	padding:5px;
	margin:10px 0.5%;
}
#indexNews .viewMore{
	width:100%;
	clear:both;
}

}

#indexRecruit h3{
	font-size:20px;
	margin-bottom:150px;
	text-align:center;
}
#indexRecruit .content{
	padding:150px 0;
}
#indexRecruit ul li{
	display:inline-block;
	width:23.5%;
	margin:0 0.5%;
}

@media screen and (max-width: 767px) {
#indexRecruit h3{
	margin-bottom:50px;
}
#indexRecruit .content{
	padding:50px 0;
}
#indexRecruit ul li{
	width:48%;
	margin:0 0.5% 30px;
}
}

#indexService .content{
	padding:50px 0;
}
#indexService h3{
	font-size:40px;
	color:#444;
	letter-spacing:10px;
	font-weight:bold;
	margin-left:200px;
	margin-bottom:100px;
}

#indexService h3 span{
	font-size:20px;
	margin-left:100px;
}
#indexService h3 span b{
	color:#e83641;
}
.indexServiceConAll{
	width:1000px;
	max-width:100%;
	margin:0 auto;
}
.indexServiceCon{
	width:100%;
	height:250px;
	margin-bottom:50px;
	box-shadow:3px 3px 5px #CCCCCC;
}
.indexServiceCon ul{
	width:100%;
}
.indexServiceCon ul li{
	display:inline-block;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
.indexServiceConImg{
	width:350px;
	max-width:100%;
	height:250px;
	margin-bottom:10px;
	overflow:hidden;
	float:left;
	transition-duration: 0.3s;
}
.indexServiceConImg img{
	transition-duration: 0.3s;
}
.indexServiceConImg img:hover{
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
.indexServiceConText{
	width:590px;
	box-sizing:border-box;
	padding:50px;
}
.indexServiceConText p{
	margin-bottom:30px;
}
.indexServiceConText p span{
	color:#e83641;
	font-size:16px;
}
.indexServiceConText h4{
	font-size:25px;
	letter-spacing:5px;
	margin-bottom:30px;
}
.indexServiceConYaji{
	float:right;
	margin-right:10px;
}
.indexServiceCon ul li:hover + .indexServiceConYaji{
	margin-right:0px;
}

@media screen and (max-width: 767px) {
a img{
	opacity:1;
}
#indexMain{
	padding:150px 0 100px;
}
#indexMain img{
	width:60%;
}
#indexService h3{
	font-size:40px;
	margin-left:0px;
	width:100%;
	text-align:center;
	margin-bottom:50px;
}
#indexService h3 span{
	font-size:20px;
	margin-left:0px;
	text-align:center;
}
.indexServiceCon{
	height:auto;
	width:98%;
}
.indexServiceCon ul li{
	display:block;
}
.indexServiceConImg{
	float:none;
	text-align:center;
	width:100%;
	height:120px;
}
.indexServiceConImg img{
	width:80%;
}
.indexServiceConYaji{
	float:none;
	display:none !important;
}
.indexServiceConText{
	width:100%;
	padding:10px;
}

}

/*===================================================
					news
=====================================================*/
#newsDetailL{
	float:left;
	width:70%;
}
#newsDetailL h2{
	text-align:center;
	color:#48AAD5;
	font-size:36px;
	margin-bottom:50px;
	border-bottom:5px solid #E4E4E4;
	padding-bottom:50px;
}
p.newsDetailTime{
	font-size:14px;
	margin-bottom:20px;
}
p.newsDetailImg{
	text-align:center;
	margin-bottom:50px;
}
#newsContent p{
	width:100%;
	letter-spacing:1.5px;
	line-height:180%;
	font-size:16px;
}
#newsDetailR{
	float:right;
	width:29%;
}
ul.newsList{
	display:block;
	background:#F9F9F9;
	margin-bottom:20px;
}
ul.newsList li{
	display:inline-block;
}
ul.newsList li.newsListImg{
	width:30%;
	float:left;
}
ul.newsList li.newsListTitle{
	width:68%;
	float:left;
	box-sizing:border-box;
	padding:10px;
}
ul.newsList li.newsListTitle h3{
	color:#e83641;
}

@media screen and (max-width: 767px) {
#newsDetailL{
	float:none;
	width:96%;
	margin-bottom:100px;
}
#newsDetailR{
	float:none;
	width:96%;
}

}

/*===================================================
					systemPage
=====================================================*/
#systemPageL{
	padding-top:50px;
	float:left;
	width:50%;
}
#systemPageL h2{
	color:#fff;
	margin-bottom:70px;
	font-size:60px;
}
.systemCon{
	padding:30px;
	background:url(/images/white_bg.png);
}
#systemPageR{
	padding-top:50px;
	float:right;
	width:50%;
}
#systemPageR h2{
	color:#333;
	margin-bottom:70px;
	font-size:60px;
}
#systemPageR p{
	width:100%;
	color:#000;
	font-size:14px;
	margin:30px 0;
	line-height:200%;
}
#systemPageL p{
	width:100%;
	font-size:14px;
	margin:30px 0;
	line-height:200%;
}

#system1 { 
	background: url(/images/system/systemBg1.jpg) 50% 0 no-repeat fixed; 
	height: 800px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
}
#system2 {
	background: url(/images/system/systemBg2.jpg) 50% 0 no-repeat fixed; 
	height: 750px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px;
	padding-top:100px;
    position: relative; 
}

#system3 { 
	background: url(/images/system/systemBg3.jpg) 50% 0 no-repeat fixed; 
	height: 800px;
	margin: 0 auto; 
    width: 100%;
	padding-top:100px;
    max-width: 1920px; 
    position: relative; 
}

#system4 { 
	background: url(/images/system/systemBg4.jpg) 50% 0 no-repeat fixed; 
	height: 750px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
	padding-top:100px;
    position: relative; 
}
#system5 { 
	background: url(/images/system/systemBg5.jpg) 50% 0 no-repeat fixed; 
	height: 900px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
	padding-top:50px;
    position: relative; 
}

#system6 { 
	background: url(/images/system/systemBg6.jpg) 50% 0 no-repeat fixed; 
	height: 900px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
	padding-top:0px;
    position: relative; 
}

#recruitBtn_sd{
	position:fixed;
	bottom:50px;
	right:10%;
	width:160px;
}
#recruitBtn_btm{
	display:none;
}

@media screen and (max-width: 767px) {
#systemPageL{
	padding-top:20px;
	float:none;
	width:98%;
	margin:0 auto;
}
#systemPageL h2{
	margin-bottom:30px;
	font-size:50px;
	width:100%;
	text-align:center;
}
ul#systemSecL li span{
	width:180px;
}
.systemCon{
	padding:10px;
	background:url(/images/white_bg.png);
}
#systemPageR{
	padding-top:20px;
	float:none;
	width:98%;
	margin:0 auto;
}
#systemPageR h2{
	margin-bottom:30px;
	font-size:50px;
	width:100%;
	text-align:center;
}
#systemPageR p{
	line-height:130%;
}
#systemPageL p{
	line-height:130%;
}

#system1 { 
	background: url(/images/system/systemBg1.jpg) 50% 0 no-repeat scroll;
	background-size:cover;
	height: auto;
	padding:20px 0;
}
#system2 {
	background: url(/images/system/systemBg2.jpg) 50% 0 no-repeat scroll; 
	background-size:cover;
	height: auto;
	padding:20px 0;
}

#system3 { 
	background: url(/images/system/systemBg3.jpg) 50% 0 no-repeat scroll; 
	background-size:cover;
	height: auto;
	padding:20px 0;
}

#system4 { 
	background: url(/images/system/systemBg4.jpg) 50% 0 no-repeat scroll; 
	background-size:cover;
	height: auto;
	padding:20px 0;
}
#system5 { 
	background: url(/images/system/systemBg5.jpg) 50% 0 no-repeat fixed; 
	background-size:cover;
	height: auto;
	padding:20px 0;
}

#system6 { 
	background: url(/images/system/systemBg6.jpg) 50% 0 no-repeat fixed; 
	background-size:cover;
	height: auto;
	padding:20px 0;
}
#recruitBtn_sd{
	display:none;
}
#recruitBtn_btm{
	display:inherit;
	width:100%;
	padding:10px 0;
	position:fixed;
	bottom:0;
	text-align:center;
	z-index:99;
    background: rgba(0, 0, 0, 0.9);
}
#recruitBtn_btm a{
	display:block;
	width:50%;
	margin:0 auto;
	background:#e83641;
	padding:20px 0;
	font-size:30px;
	color:#fff;
}

#recruitBtn_btm a{
	width:80%;
}

}




/*===================================================
					contactPage
=====================================================*/

#contactPage{
	width:100%;
	background:url(/images/contact/contact_bg.jpg);
	background-attachment:fixed;
	padding:100px 0;
}
#contactTitle{
	width:500px;
	margin:0px auto 80px;
}
#contactTitle h2{
	color:#fff;
	text-align:center;
	font-size:40px;
	border-bottom:1px solid #fff;
	font-family:impact;
	margin-bottom:20px;
	padding-bottom:10px;
}
#contactTitle p{
	color:#fff;
	text-align:center;
}
#contactPage table{
	width:800px;
	max-width:98%;
	margin:0 auto;
	background:url(/images/white_bg.png);
}
#contactPage table th{
	text-align:center;
	width:30%;
	padding:20px 0;
	color:#333;
	font-size:14px;
}
#contactPage table td{
	width:65%;
	color:#000;
	padding:20px 0 20px 5%;
	border-left:1px solid #999;
}
#contactPage table td input[type="text"]{
	font-size:14px;
	padding:5px;
	color:#333;
	width:80%;
}
#contactPage table td select{
	font-size:14px;
	padding:5px;
	color:#333;
	width:80%;
}
#contactPage table td option{
	font-size:14px;
	color:#333;
	width:80%;
}
#contactPage table td textarea{
	font-size:14px;
	color:#333;
	width:80%;
	padding:5px;
	height:200px;
}
#contactPage table th input[type="submit"]{
	font-size:16px;
	padding:5px 0;
	color:#fff;
	width:200px;
	background:#303030;
	border:none;
	cursor:pointer;
}
#contactPage table th input[type="submit"]:hover{
	background:#304B96;
}

@media screen and (max-width: 767px) {
#contactPage{
	padding:60px 0;
}
#contactTitle{
	width:80%;
	margin:0px auto 80px;
}
#contactTitle h2{
	padding-bottom:10px;
}
#contactPage table{
	width:98%;
}
}


/*===================================================
					applyPage
=====================================================*/

#applyPage{
	width:100%;
	background:url(/images/apply/apply_bg.jpg);
	background-attachment:fixed;
	background-size:cover;
	background-position:center;
	padding:100px 0;
}
#applyTitle{
	width:500px;
	margin:0px auto 80px;
}
#applyTitle h2{
	color:#fff;
	text-align:center;
	font-size:40px;
	border-bottom:1px solid #fff;
	font-family:impact;
	margin-bottom:20px;
	padding-bottom:10px;
}
#applyTitle p{
	color:#fff;
	text-align:center;
}
#applyPage table{
	width:800px;
	max-width:98%;
	margin:0 auto;
	background:url(/images/white_bg.png);
}
#applyPage table th{
	text-align:center;
	width:30%;
	padding:20px 0;
	color:#333;
	font-size:14px;
}
#applyPage table td{
	width:65%;
	color:#000;
	padding:20px 0 20px 5%;
	border-left:1px solid #999;
}
#applyPage table td input[type="text"]{
	font-size:14px;
	padding:5px;
	color:#333;
	width:80%;
}
#applyPage table td select{
	font-size:14px;
	padding:5px;
	color:#333;
	width:80%;
}
#applyPage table td option{
	font-size:14px;
	color:#333;
	width:80%;
}
#applyPage table td textarea{
	font-size:14px;
	color:#333;
	width:80%;
	padding:5px;
	height:200px;
}
#applyPage table th input[type="submit"]{
	font-size:16px;
	padding:5px 0;
	color:#fff;
	width:200px;
	background:#303030;
	border:none;
	cursor:pointer;
}
#applyPage table th input[type="submit"]:hover{
	background:#304B96;
}

@media screen and (max-width: 767px) {
#applyPage{
	padding:60px 0;
}
#applyTitle{
	width:80%;
	margin:0px auto 80px;
}
#applyTitle h2{
	padding-bottom:10px;
}
#applyPage table{
	width:98%;
}
}

/*===================================================
					servicePage
=====================================================*/

#servicePage{
	width:100%;
	padding:100px 0;
}
#servicePageCg{
	width:100%;
	padding:100px 0;
}
#servicePageCg h3{
	background:url(/images/service/cargo_title1.jpg) no-repeat;
	background-position:center;
	background-size:100%;
	height:120px;
	width:100%;
	margin-bottom:40px;
	text-align:center;
}
#servicePageCg h4{
	padding: 30px 0;
	margin:40px 0;
	width:100%;
	font-size:18px;
	text-align:center;
}
.servicePageTitle1{
	background:url(/images/service/cargo_bg1.jpg);
	color:#fa557e;
}
.servicePageTitle2{
	background:url(/images/service/cargo_bg2.jpg);
	color:#ffad5b;
}
.servicePageTitle3{
	background:url(/images/service/cargo_bg3.jpg);
	color:#3399ff;
}
.servicePageDetailL{
	float:left;
	width:49%;
}
.servicePageDetailL ul{
	margin:40px 0;
}
.servicePageDetailL ul li{
	display:block;
	width:100%;
	text-align:center;
	background:#fffbfc;
	color:#fa557e;
	font-size:14px;
	border:1px solid #ffd0dc;
	padding:10px 0;
	margin-bottom:30px;
}
.servicePageDetailR{
	float:right;
	width:49%;
}
.servicePageDetail p{
	font-size:14px;
	line-height:150%;
}

@media screen and (max-width: 767px) {
#servicePageCg h3{
	background-size:cover;
	height:80px;
	width:100%;
	margin-bottom:40px;
	text-align:center;
}

.servicePageDetailL{
	float:none;
	width:100%;
}
.servicePageDetailR{
	float:none;
	width:100%;
}
}
/*===================================================
					companyPage
=====================================================*/
ul#companySelect{
	margin:0 auto;
	text-align:center;
}
ul#companySelect li{
	display:inline-block;
	width:280px;
	padding:20px 0;
	text-align:center;
	margin:0 20px;
	background:url(/images/white_bg.png);
	cursor:pointer;
	border:1px solid #fff;
	font-size:14px;
	letter-spacing:3px;
	transition: 600ms;
}
ul#companySelect li.companySelectOn{
	background:#fff !important;
	font-size:15px !important;
}
#companySelect1{
	color:#00baff;
}
#companySelect2{
	color:#ff8921;
}
#companySelect3{
	color:#ff2a6b;
}
#companySelectCon div{
	display:none;
}
#companySelectCon div.active{
	display: block;
}

#companyPage{
	width:100%;
	background:url(/images/company/company_bg.jpg);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	padding:100px 0;
}
#companyTitle{
	width:500px;
	margin:0px auto 80px;
}
#companyTitle h2{
	color:#000;
	text-align:center;
	font-size:40px;
	border-bottom:1px solid #000;
	font-family:impact;
	margin-bottom:20px;
	padding-bottom:10px;
}
#companyTitle p{
	color:#000;
	text-align:center;
}
.companyPageConAll {
  width: 1000px;
  max-width: 100%;
  margin: 0 auto;
}
#companyPage table{
	width:800px;
	max-width:98%;
	margin:0 auto;
}
#companyPage table th{
	text-align:center;
	width:30%;
	padding:20px 0;
	color:#fff;
	font-size:14px;
}
#companyPage table td{
	width:65%;
	color:#fff;
	padding:20px 5%;
	border-left:1px solid #fff;
}
#companyGaiyou table{
	background:url(/images/blue_bg.png);
}
#companyEnkaku table{
	background:url(/images/orange_bg.png);
}
#companyAdress table{
	background:url(/images/red_bg.png);
}
#companyAdress table th{
	text-align:left !important;
	padding-left:20px !important;
}
#companyPage h3{
	text-align:center;
	font-size:28px;
	margin:40px 0;
	letter-spacing:20px;
	text-shadow: #fff 5px 0 7px;
}
#companyGaiyou h3{
	color:#00baff;
}
#companyEnkaku h3{
	color:#ff8921;
}
#companyAdress h3{
	color:#ff2a6b;
}

@media screen and (max-width: 767px) {
#companyPage{
	padding:60px 0;
}
#companyTitle{
	width:80%;
	margin:0px auto 80px;
}
#companyTitle h2{
	padding-bottom:10px;
}
ul#companySelect li{
	display:block;
	margin-bottom:20px;
	width:90%;
}
#companyPage table{
	width:100%;
}

}

/*===================================================
					RecruitPage
=====================================================*/
ul#deliverySelect{
	margin:50px auto 0;
	text-align:center;
}
ul#deliverySelect li{
	display:inline-block;
	width:280px;
	padding:20px 0;
	text-align:center;
	margin:0 20px;
	background:url(/images/white_bg.png);
	cursor:pointer;
	border:1px solid #fff;
	font-size:14px;
	letter-spacing:3px;
	transition: 600ms;
}
ul#deliverySelect li.deliverySelectOn{
	background:#fff !important;
	font-size:15px !important;
}
#deliverySelect1{
	color:#00baff;
}
#deliverySelect2{
	color:#ff8921;
}
#deliverySelect3{
	color:#ff2a6b;
}

#deliveryPage{
	width:100%;
	background:url(/images/recruit/delivery_bg.jpg);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	padding:100px 0;
}
#deliveryTitle{
	width:500px;
	margin:0px auto 80px;
}
#deliveryTitle h2{
	color:#000;
	text-align:center;
	font-size:40px;
	border-bottom:1px solid #000;
	font-family:impact;
	margin-bottom:20px;
	padding-bottom:10px;
}
#deliveryTitle p{
	color:#000;
	text-align:center;
}
.deliveryPageConAll {
  width: 1000px;
  max-width: 100%;
  margin: 0 auto;
}
#deliveryPage h3{
	text-align:center;
	font-size:28px;
	margin:40px 0;
	letter-spacing:20px;
	text-shadow: #fff 5px 0 7px;
}
#deliveryFlow h3{
	color:#00baff;
}
#deliveryFlow ul{
	background:url(/images/blue_bg.png);
	padding:10px;
	box-sizing:border-box;
	margin-bottom:30px;
}
#deliveryFlow ul li.deliveryFlow_li_r{
	width:18%;
	float:right;
}
#deliveryFlow ul li.deliveryFlow_li_r img{
	width:100%;
}
#deliveryFlow ul li.deliveryFlow_li_l{
	width:80%;
	float:left;
}
.deliveryFlow_li_l_title{
	display:block;
	width:380px;
	background:#fff;
	margin-left:-10px;
}
#deliveryFlow ul li.deliveryFlow_li_l h4{
	color:#009cff;
	font-size:15px;
	margin-bottom:20px;
	padding:5px 10px 5px;
}
#deliveryFlow ul li.deliveryFlow_li_l h4 b{
	color:#ff2659;
	margin-right:10px;
	font-weight:normal;
}
#deliveryFlow ul li.deliveryFlow_li_l p{
	font-size:20px;
	color:#fff;
	line-height:170%;
	padding-left:20px;
}
p.deliveryFlow_next{
	clear:both;
	text-align:center;
	margin-bottom:30px;
}

#deliveryQA h3{
	color:#ff8921;
}
#deliveryArea h3{
	color:#ff2a6b;
}
#deliveryQA ul{
	background:url(/images/orange_bg.png);
	padding:20px;
	box-sizing:border-box;
	margin-bottom:30px;
}
#deliveryQA ul li.deliveryQA_li_l{
	width:20%;
	float:left;
}
#deliveryQA ul li.deliveryQA_li_l img{
	width:100%;
}
#deliveryQA ul li.deliveryQA_li_r{
	width:78%;
	float:right;
}
#deliveryQA ul li.deliveryQA_li_r h4{
	color:#ff2659;
	font-size:23px;
	font-weight:bold;
	margin-bottom:20px;
}
#deliveryQA ul li.deliveryQA_li_r p{
	font-size:15px;
}

#deliveryArea table{
	width:800px;
	max-width:98%;
	margin:0 auto;
}
#deliveryArea table th{
	text-align:center;
	width:30%;
	padding:15px 0;
	color:#fff;
	font-size:18px;
}
#deliveryArea table td{
	color:#fff;
	padding:10px;
}
#deliveryArea table{
	background:url(/images/red_bg.png);
}
#deliveryArea table td ul li{
	display:inline-block;
	margin:5px;
	padding:3px 0;
	width:240px;
	border:1px solid #fff;
	color:#fff;
	text-align:center;
}
#deliveryArea table td p{
	text-align:center;
	font-size:18px;
	color:#fff;
}

@media screen and (max-width: 767px) {
#deliveryPage{
	padding:60px 0;
	background-attachment:fixed;
	background-size:auto;
	background-position:top;
}
#deliveryTitle{
	width:80%;
	margin:0px auto 80px;
}
#deliveryTitle h2{
	padding-bottom:10px;
}
ul#deliverySelect li{
	display:block;
	margin-bottom:20px;
	width:90%;
}
#deliveryPage table{
	width:100%;
}
#deliveryQA ul li.deliveryQA_li_l{
	float:none;
	width:100%;
	text-align:center;
}
#deliveryQA ul li.deliveryQA_li_l img{
	width:20%;
}
#deliveryQA ul li.deliveryQA_li_r{
	float:none;
	width:100%;
}
}

/*===================================================
					schedulePage
=====================================================*/

#schedulePage{
	width:100%;
	background:#EFEFEF;
	padding:100px 0;
}
#scheduleTitle{
	width:500px;
	margin:0px auto 80px;
}
#scheduleTitle h2{
	color:#000;
	text-align:center;
	font-size:40px;
	border-bottom:1px solid #000;
	font-family:impact;
	margin-bottom:20px;
	padding-bottom:10px;
}
#scheduleTitle p{
	text-align:center;
}

#scheduleList{
	width:900px;
	max-width:100%;
	margin:0 auto;
	margin-bottom:20px;
	height:200px;
	position:relative;
}
#scheduleL{
	width:40%;
	overflow:hidden;
	float:left;
	height:100%;
}
#scheduleL img{
	width:100%;
}
#scheduleR{
	float:right;
	width:52%;
	height:160px;
	background:#fff;
	padding:20px 4%;
}
#scheduleRCon{
	width:100%;
	height:100%;
	overflow:hidden;
}
#scheduleRCon h3{
	font-size:25px;
	color:#000;
}
#scheduleRCon p{
	margin-top:10px;
	color:#000;
}
#scheduleRCon p#scheTime{
	font-size:30px;
	color:#000;
}
#boxRankSche{
	position:absolute;
	width:100px;
	padding:5px 0;
	border:1px solid #000;
	border-radius:4px;
	right:10px;
	top:10px;
	color:#000;
	text-align:center;
}

@media screen and (max-width: 767px) {
#scheduleDay{
	width:100%;
	padding:0px 0;
}
#scheduleDay table{
	width:100%;
}
#scheduleDaySan{
	width:100%;
}
#scheduleDaySan table{
	width:100%;
}
#scheduleList{
	height:80px;
}
#scheduleR{
	height:60px;
	padding:10px 4%;
}
#scheMsg{
	display:none;
}
#scheduleRCon h3{
	font-size:14px;
}
#scheduleRCon p#scheTime{
	font-size:20px;
}
#schedulePage{
	padding:60px 0;
}
#scheduleTitle{
	width:80%;
	margin:0px auto 80px;
}
#scheduleTitle h2{
	font-size:40px;
	border-bottom:1px solid #000;
	font-family:impact;
	margin-bottom:20px;
	padding-bottom:10px;
}
}