@charset "UTF-8";
/*
Theme Name: genkijapan
Theme URI: http://www.genki-japan.co.jp/
Author: kiraramarketing
Description: 元気ジャパン_サイト
Version: 1.0
*/
@import url("reset.css");
@import url("drawer.min.css");
@import url(http://fonts.googleapis.com/css?family=Montserrat);



/*********************************

PC_CSS START

**********************************/
@media screen and ( min-width:769px ) {
/***************************************
	
	共通設定
	
***************************************/	
.pcnone{
		display: none;
	}
	.center{
		text-align: center;
	}
#wrapper{
	width: 100%;
	}
	
.fade { 
	display: block;
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;  
}  
.fade:hover {  
    opacity: 0.7;  
    filter: alpha(opacity=70);  
}  	
.button {
  display: inline-block;
  width: 200px;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
}
.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}	
.button {
  position: relative;
  z-index: 2;
  background-color: #fff;
  border: 2px solid #004FA3;
  color: #004FA3;
  line-height: 50px;
  overflow: hidden;
}
.button:hover {
  color: #fff;
}
.button::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.button:hover::after {
  -webkit-transform: scale(2) rotate(180deg);
  transform: scale(2) rotate(180deg);
  background: #004FA3;
}
	
	

	
	
.button2 {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  outline: none;
}
.button2::before,
.button2::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button2,
.button2::before,
.button2::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}	
.button2 {
  position: relative;
  z-index: 2;
  border: 1px solid #fff;
  color: #fff;
  overflow: hidden;
}
.button2:hover {
  color: #000;
}
.button2::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.button2:hover::after {
  -webkit-transform: scale(2) rotate(180deg);
  transform: scale(2) rotate(180deg);
  background: #fff;
}
	
	
	
	
/***************************************
	
	トップページ動画部分
	
***************************************/
#headmovie{
	width: 100%;
	background: url(movie/movieback.jpg) center center;
	background-size: cover;
	}
#headmovie > div{
	/*width: 1000px;*/
	width: 100%;
	margin: 0 auto;
	}
.main-visual {
vertical-align: bottom;
background-size: cover;
text-align: center;
position: relative;
overflow: hidden;
}
.main-visual img {
    z-index: 2;
    position: absolute;
    top: 100px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.main-visual video {
    margin: 0 auto;
    z-index: 1;
    width: 100%;
	vertical-align: bottom;
}	
	
/***************************************
	
	ヘッダー設定
	
***************************************/	
#headerpc{
	width: 100%;
	background: url(image/navback01.jpg) center right;
	background-size: 100%;
	border-bottom: 15px #004FA3 solid;
	height: 70px;
	box-sizing: border-box;
	}
.header_container{
	width: 1000px;
	margin: 0 auto;
	background: url(image/navback02.jpg) center center;
	background-size: 1000px auto;
	height: 70px;
	}
.header_logo{
	float: left;
	width: 172px;
	height: 70px;
	padding: 6px 0 15px 34px;
	box-sizing: border-box;
	margin-right: 78px;	
	}
nav{
		float: left;
		display: block;
		margin: 16px 0 9px 0;
		height: 45px;
		border-left: 1px solid #fff;
	}
nav p{
		float: left;
		height: 45px;
		display: block;
		color: #fff;
		text-align: center;
		width: 124px;
	border-right: 1px solid #fff;
	margin: 0;
		padding: 0;
	}
nav p:last-child{
		width: 123px;
		
	}
nav p a{
		margin: 0;
		padding: 0;
		color: #fff;
	display: block;
	height: 45px;
	}
span.navbtn{
	width: 100%;
		font-weight: 700;
		font-size: 15px;
	letter-spacing: 1px;
	display: block;
	}
span.navbtn_sub{
	width: 100%;
	display: block;
		font-size: 12px;
	}
/*********************************

トップページ設定

**********************************/	
	
#container_wrapper{
		width: 100%;
		padding: 60px 0 0 0;
	}	
.container{
		width: 1000px;
		margin: 0 auto;
	}	
.container h2{
		text-align: center;
		color: #fff;
		background: url(image/common/h2back.svg);
		height: 49px;
		line-height: 49px;
		font-size: 25px;
	}	
.container h3{
		text-align:left;
		color: #16509F;
		font-size: 33px;
	font-weight: 700;
    line-height: 1.5;
	}	
.container h4{
		text-align:left;
		color: #16509F;
		font-size: 28px;
	font-weight: 700;
	}	
	
	
	
.news_box{
	width: 1000px;
	padding-bottom: 120px;
	padding-top: 43px;
	}	
.news_box_left{
	width: 635px;
	float: left;
	}
.news_box_right{
	width: 270px;
	margin-left: 95px;
	float: right;
	}
.news_box_right p{
	font-size: 12px;
	margin: 5px 0;
	}
p.yatta{
		font-size: 22px;
	float: left;
	}
a.yatta{
		display: block;
		width: 112px;
		color: #fff;
		background: #515253;
		text-align: center;
		line-height: 24px;
		height: 24px;
	float: left;
	margin-top: 9px;
	margin-left: 20px;
	}
a.btn_more{
		display: block;
		text-align: right;
		margin-top: 6px;
	cursor: pointer;
	color: #16509F;
	}
.news_box_left ul{
	padding-left: 48px;
	width: 587px;
	}
.news_box_left ul li{
	float: left;
	padding:10px 0;
	width: 587px;
	border-bottom: 1px solid #000;
	}	
	span.topinfodate{
		display: inline-block;
		width: 140px;
		float: left;
		font-size: 14px;
		line-height: 19px;
	}
	.news_box_left ul li a{
	display: inline-block;
		font-size: 19px;
		color: #000;
	}
.btn_two{
	width: 904px;
	padding: 0 48px;
	margin: 26px 0 75px 0;
	}
.btn_two br{
	display: none;
	}
.btn_two a{
	width: 436px;
	text-align: center;
	display: block;
	float: left;
	border: 1px solid #004FA3;
	margin-left: 28px;
	color: #004FA3;
	height: 78px;
	line-height: 76px;
	font-weight: 700;
	letter-spacing: 1px;
	font-size: 22px;
	}
.btn_two a:first-child{
	margin-left: 0;
	}
	
	
.btn_two_page{
	width: 904px;
	padding: 0 48px;
	margin: 26px 0 0 0;
	}
.btn_two_page br{
	display: none;
	}
.btn_two_page a{
	width: 436px;
	text-align: center;
	display: block;
	float: left;
	border: 1px solid #004FA3;
	margin-left: 28px;
	color: #004FA3;
	height: 78px;
	line-height: 76px;
	font-weight: 700;
	letter-spacing: 1px;
	font-size: 22px;
	}
.btn_two_page a:first-child{
	margin-left: 0;
	}
	
	
	
	
.swiper-slide img{
		width: 100%;
		height: auto;
	}	
	
.topglidtwo{
		width: 100%;
		padding-top: 75px;
	margin-bottom: 120px;
	
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	}	
.topglidtwo li{
		width: 485px;
		margin-left: 30px;
		float: left;
	border: 1px solid #004FA3;
	box-sizing: border-box;
	}
.topglidtwo li:first-child{
	margin-left: 0;
	}
p.glidjigyo{
		text-align: center;
		font-size: 32px;
		line-height: 32px;
		font-weight: 700;
		margin-top: 24px;
		vertical-align: middle;
	}
span.jigyotitle{
		display: inline-block;
		vertical-align: middle;
		color: #16509F;
	}
span.spel{
		color: #DF6618;
		display: inline-block;
		margin-left: 20px;
		font-size: 14px;
		border-top: 1px solid #004FA3;
		border-bottom: 1px solid #004FA3;
		padding: 4px 23px;
		font-weight: 500;
		height: 12px;
		line-height: 1;
		vertical-align: middle;
	}
	
p.jigyotext{
		padding: 0 35px 0;
		margin: 0;
		font-size: 14px;
	}	
	
a.jigyobtn{
	display: block;
	width: 212px;
	margin: 30px auto 23px;
	height: 56px;
	line-height: 56px;
	text-align: center;
	}

.topsupport{
		width: 100%;
		position: relative;
		height: 462px;
	margin-bottom: 143px;
	}	
.topsupport_text{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	width: 490px;
	border: 17px solid #004FA3;
	box-sizing: border-box;
	background: #fff;
	padding: 27px 38px;
	}
.topsupport_text h2{
	font-weight: 700;
	font-size: 35px;
	background: none;
	line-height: 1;
	text-align: left;
	color: #000;
	}
.topsupport_image{
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 5;
	}
	
.topsupport_text strong{	
	background: linear-gradient(transparent 70%, #DF6618 70%);
	font-size:30px;
	line-height: 1.2;
	font-weight: 700;
	}
.topsupport_text p{
		font-size: 14px;
	}	

	
	
	
.topglidthree{
		width: 100%;
		padding-top: 40px;
	margin-bottom: 120px;
	}	
.topglidthree li{
		width: 330px;
		margin-left: 5px;
		float: left;
	border: 1px solid #fff;
	box-sizing: border-box;
	vertical-align: bottom;
	}
.topglidthree li:first-child{
	margin-left: 0;
	}
.topglidthree a li img{
	vertical-align: bottom;
	}
h2.cominfo{
	line-height: 1;
	padding: 19px 0 0 38px;
	width: 328px;
	height: 78px;
	text-align: left;
	box-sizing: border-box;
	background: url(image/top/glidtxtback.svg);
	font-size: 22px;
	}
span.glid3sub{
		font-size: 14px;
	}
	
	
#toprecruit{
		position: relative;
		height: 480px;
		width: 100%;
	margin-bottom: 112px;
	}	
.toprecruit{
		width: 100%;
		background: url(image/top/gaikanback.jpg) center center;
		background-size: cover;
		background-repeat: no-repeat;
	}
.recruit_top_container{
		width: 1000px;
		top: 0;
	margin: 0 auto;
	color: #fff;
	padding-top: 50px;
	box-sizing: border-box;
	}
.recruit_top_container h3{
	font-size: 30px;
	color: #fff;
	margin: 0 ;
	padding: 0;
	text-align: left;
	font-weight: 700;
	}
.recruit_top_container h2{
	font-size: 50px;
	color: #fff;
	margin: 23px 0 0;
	padding: 0;
	text-align: left;
	font-weight: 700;
	}
div.recruitbtn	{
	width: 100%;
	margin-top:50px;
	}
div.recruitbtn a{
	width: 320px;
	color: #fff;
	display: block;
	border: 1px solid #fff;
	float: left;
	margin-left: 20px;
	box-sizing: border-box;
	text-align: center;
	height: 60px;
	line-height: 60px;
	font-size: 25px;
	}
div.recruitbtn a:first-child{
	margin-left: 0;	
	}
	
.slider_bottom{
		clear: both;
		width: 100%;
		position: absolute;
		top: 300px;
	}
.mascotback1{
		background: url(image/top/mascot.png);
		background-repeat: no-repeat;
		background-position: top 40px left 800px;
	background-size: 126px auto;
	}
/*********************************

フッター設定

**********************************/	
#footerwrap{
		background: #ECEBEA;
		padding: 84px 0 110px 0;
	}
.footer_logo{
		float: left;
		margin: 0 0 0 100px;
		width: 210px;
		padding: 8px 8px 0 0;
		box-sizing: border-box;
	}
.footer_logo p{
		color: #525353;
		font-size: 18px;
		text-align: center;
		margin-top: 6px;
		font-weight: 700;
	}	
.footeradd{
		float: left;
		width: 294px;
		border-left: 1px solid #525353;
		box-sizing: border-box;
		padding-left: 29px;
	/*height: 215px;*/
	}
.shozaichi{
		color: #fff;
		background: #CE6525;
		font-size: 12px;
		padding-left: 13px;
		height: 21px;
		line-height: 21px;
		margin-top: 0;
		width: 241px;
	}
.footercomname{
		font-size: 16px;
		font-weight: 700;
		color: #525353;
	}
table.footertable{
		width: 100%;
	}
table.footertable th{
		width: 75px;
		font-size: 12px;
		font-weight: 700;
		text-align: left;
	}
table.footertable td{
		font-size: 12px;
		line-height: 1.5;
		padding-bottom: 10px;
	}
.namesmall{
	padding-left: 7px;
	font-size: 11px;
	}
.footertel{
		font-size: 25px;
		color: #525353;
		font-weight: 700;
	margin-top: 6px;
	margin-bottom: 0;
	}
.footertel:before {
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 40px;/*画像の幅*/
  height: 40px;/*画像の高さ*/
  background-image:url(image/common/tel.svg);
  background-size: contain;
  vertical-align: middle;
background-repeat: no-repeat;
margin-right: 6px;
	padding: 3px;
}
.mb0{
	margin-bottom: 0;
	}
.mb6{
	margin-bottom: 6px;
	}
.footereigyosho{
	font-size: 12px;
	color: #525353;
	font-weight: 700;
	margin: 6px 0;
}	
.footereigyosho.small{
	font-size: 10px;
}	
.footertelsmall{
	font-size: 15px;	
	}	
.footertelsmall:before {
  content: '';
  display: inline-block;
  width: 28px;
  height: 28px;
/*  background-image:url(image/common/tel.svg);*/
  background-size: contain;
  vertical-align: middle;
background-repeat: no-repeat;
margin-right: 6px;
	padding: 2px;
}

.copyright{
	text-align: center;
	color: #fff;
	background: #004FA3;
	padding: 10px 0;
	}
.footerfax{
font-size: 11px;
margin-top: -10px;
margin-left: 125px;
}

/*********************************

固定ページ設定

**********************************/


#pagecontainer{
	width: 100%;
	padding: 40px 50px;
	box-sizing: border-box;
	}
.aisatsu img{
	float: left;
	}
.aisatsuright{
	float: left;
	width: 654px;
	margin-left: 45px;
	margin-bottom: 120px;
	}
.aisatsuright h3{
	color: #251D1B;
	font-size: 31px;
	margin: 0;
	font-weight: 700;
}
.shomeiright{
	float: right;
	}	
p.katagaki{
	font-size: 13px;
	float: left;
	margin: 3px 0 0 0;
	}
p.shomei{
		float: left;
		margin: 0 0 0 20px;
		font-size: 32px;
		font-weight: 700;
		font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}
/*p.shakun{
		font-size: 21px;
		color: #16509F;
		border-bottom: 2px solid #666;
	
	}*/
p.shakun{
	font-size: 21px;
		color: #16509F;
		position: relative;
     padding-bottom: 0.5em;
     border-bottom: 4px solid #666;
	
	}
	
	
p.shakun::after {
     position: absolute;
     content: " ";
     border-bottom: solid 4px #16509F;
     bottom: -4px;
     width:10%;
     display: block;
}
	
p.shakuntitle{
		font-size: 60px;
		font-weight: 700;
		margin: 0;
		padding-left: 140px;
		font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	}
p.shakuntitle2{
		font-size: 24px;
		font-weight: 700;
		margin: 0;
		padding-left: 140px;
		font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	}
span.shakunsub{
		font-size: 24px;
		padding-left: 20px;
		
	}
.blueback{
		background: #BBD6F1;
	}
.rinen{
		padding-bottom: 20px;
		position: relative;
		height: 171px;
		box-sizing: border-box;
		margin-top: 57px;
		margin-bottom: 120px;
	}
.rinen > div{
		padding: 20px 0 0 40px;
		line-height: 1.5;
	}
.rinenimage{
		position: absolute;
		right: 50px;
		top:-50px;
		margin: 0;
	}
table.page{
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 120px;
	}
table.page tr:nth-child(odd){
	background: #F2F2F2;
	}
table.page th{
		width: 140px;
		text-align: center;
		border-collapse: collapse;
		padding: 16px 0;
		font-size: 16px;
		font-weight: 700;
	vertical-align: middle;
	}
table.page td{
		border-collapse: collapse;
	line-height: 1.5;
	vertical-align: middle;
	padding: 5px 0 5px 55px;
	}
	
	
.eigyosho{
		background: #16509F;
		padding: 10px 35px;
		color: #fff;
		height: 50px;
		box-sizing: border-box;
		vertical-align: middle;
	}	
.eigyoshomei{
		font-size: 25px;
		float: left;
		vertical-align: middle;
		font-weight: 700;
		line-height: 30px;
	}
.jyusho{
		font-size: 14px;
		line-height: 1.2;
		float: left;
		margin-left: 17px;
		border-left: 2px solid #fff;
		padding-left: 17px;
		vertical-align: middle;
	}

.page_header{
		width: 100%;
	height: 517px;
	position: relative;
	}
.pagetitle{
		top: 142px;
		text-align: center;
		color: #fff;
		font-size: 55px;
		position: absolute;
	width: 100%;
	font-weight: 700;
	letter-spacing: 5px;
	}
.pagesubtitle{
	font-size: 37px;
	text-align: center;
	top:253px;
	width: 100%;
	color: #fff;
	position: absolute;
	}
.headbackcompany{
		background: url(image/pageheader/company.jpg) center center;
		background-size: cover;
	}
.headbackfleet{
		background: url(image/pageheader/business.jpg) center center;
		background-size: cover;
	}
.headbacktransportion{
		background: url(image/pageheader/business.jpg) center center;
		background-size: cover;
	}
.headbacksoko{
		background: url(image/pageheader/business.jpg) center center;
		background-size: cover;
	}
.headbacksokoconfirmation{
		background: url(image/pageheader/business.jpg) center center;
		background-size: cover;
	}
  .headbacksokothanks{
		background: url(image/pageheader/business.jpg) center center;
		background-size: cover;
	} 
    .headbacksokoerror{
		background: url(image/pageheader/business.jpg) center center;
		background-size: cover;
	} 
.headbackrecruit{
		background: url(image/pageheader/recruit.jpg) center center;
		background-size: cover;
	}
.headbackyattaroom{
		background: url(image/pageheader/yattakun.jpg) center center;
		background-size: cover;
	}	
.headbacksingle{
		background: url(image/pageheader/yattakun.jpg) center center;
		background-size: cover;
	}
.headbackwelfare,.headbackrecruit_recruit_thanks, .headbackmedia-page{
		background: url(image/pageheader/recruit.jpg) center center;
		background-size: cover;
	}
.headbackcontact,.headbackconfirmation,.headbackthanks{
		background: url(image/pageheader/contact.jpg) center center;
		background-size: cover;
	}
.headbackrecruit_contact{
		background: url(image/pageheader/business.jpg) center center;
		background-size: cover;
	}	
.headbackrecruit_confirmation{
		background: url(image/pageheader/yattakun.jpg) center center;
		background-size: cover;
	}	
/*********************************

投稿設定

**********************************/	
.singlecontainer{
	width: 1000px;
	margin: 0 auto;	
	}
.singlecontainer h1{
	width: 100%;
    margin-bottom: 24px;
    padding: 10px 0 30px;
    font-size: 24px;
    line-height: 1.4em;
    font-weight: bold;
    border-bottom: 1px solid #efefef;
	}
.singlecontainer h2{
	font-size: 18px;
	font-weight: bold;
	border-left: 6px solid #000;
	padding-left: 20px;
	}
.singlecontainer h3{
	font-size: 18px;
	font-weight: bold;
	}	
	
.singlecontainer a{
	text-decoration: underline;
	color: #004FA3;
	}
.singlecontainer img{
	max-width: 100%;
	height: auto;
	}
.dateright{
		text-align: right;
	width: 100%;
	margin: 10px 0;
	font-weight: 700;
	font-size: 14px;
	}
.nextpre{
		width: 1000px;
	margin: 60px auto 30px;
	padding-bottom: 50px;
	padding-top: 30px;
	border-bottom: 1px solid #ccc;
	}
	.pre{
		float: left;
		width: 50%;
		padding-right: 50px;
		box-sizing: border-box;
	}
	.next{
		float: right;
		width: 50%;
		padding-left: 50px;
		box-sizing: border-box;
	}
/*********************************

やったくんの部屋

**********************************/	
.yattaimage{
		padding: 40px 0 50px;
		width: 100%;
	}
/*********************************

保有車両

**********************************/
table.hoyu{
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 120px;
	
	border-left: 1px solid #ECEBEA;
	}
table.hoyu th{
	width: 140px;
	text-align: center;
	padding: 16px 0;
	font-size: 16px;
	font-weight: 700;
	background: #16509F;
	color: #fff;
	}
table.hoyu td{
	height: 40px;
	border-right: 1px solid #ECEBEA;
	vertical-align: middle;
	border-bottom: 1px solid #ECEBEA;
	box-sizing: border-box;
	}
.backyellow{
	background: #FEFCD3;
	}
.pl25{
	padding-left: 25px;
	}
ul.hoyu{
		width: 900px;
	}
ul.hoyu li{
		width: 288px;
	margin-left: 18px;
	margin-bottom: 18px;
	float: left;
	}
ul.hoyu li:nth-child(3n+1){
	margin-left: 0;
	}
/*********************************

募集要項

**********************************/
	
	table.boshu{
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 120px;
		border-top: 1px solid #515253 ;
		border-left: 1px solid #515253;
		border-right: 1px solid #515253;
	}

table.boshu th{
	width: 140px;
	text-align: center;
	padding: 16px 0;
	font-size: 16px;
	font-weight: 700;
	background: #16509F;
	color: #fff;
	border-bottom: 1px solid #fff;
	}
table.boshu td{
		padding-left: 55px;
	border-bottom: 1px dashed #515253;
	vertical-align: middle;
	line-height: 1.5;
	}
.border_gray_bottom{
	border-bottom: 1px solid #515253 !important;
	}	
	
	.chutobtn{
		display: block;
		width: 436px;
		height: 76px;
		border: 1px solid #16509F;
		color: #16509F;
		text-align: center;
		line-height: 76px;
		margin: 0 auto;
		font-weight: 700;
letter-spacing: 1px;
font-size: 22px;
	}
/*********************************

事業案内

**********************************/
.jigyoimage{
	margin: 0;
	width: 100%;
	}
	
ul.jigyoglid{
	width: 900px;
	}
ul.jigyoglid li{
	width: 294px;
	margin-left: 9px;
	float: left;
	}
ul.jigyoglid li img{
	width: 100%;
	height: auto;
	}
ul.jigyoglid li:first-child{
	margin-left: 0;
	}
.jigyo_sub_title{
	border: 1px solid #16509F;
	width: 294px;
	box-sizing: border-box;
	height: 38px;
	font-size: 21px;
	line-height: 38px;
	text-align: center;
	color: #16509F;
	}
.chizu{
	width: 900px;
	height: 402px;
	padding-top:123px ;
	padding-left: 397px;
	box-sizing: border-box;
	background: url(image/page/nihonchizu.svg);
}
.chizu h3{
	color: #16509F;
	font-size: 30px;
	line-height: 1.5;
	}
span.colorblue{
	color: #16509F;
}
/*********************************

福利厚生

**********************************/	
ul.fukuri{
		width: 1000px;
	margin-top: 66px;
	margin-bottom: 40px;
	}	
ul.fukuri li{
	width: 320px;
    height: 320px;
	float: left;
	margin-left: 20px;
	margin-bottom: 20px;
	overflow: hidden;
position: relative;
	}	
ul.fukuri li:nth-child(3n+1){
	margin-left: 0;
	}
.imgWrap {
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	width: 320px;	/*画像の幅*/
	height: 320px;	/*画像の高さ*/
}
.imgWrap img {
	display: block;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
.imgWrap img:hover {
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
.news_up {
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    line-height: 30px;
}
.news_up_left {
    color: #fff;
    width: 160px;
    text-align: center;
    display: block;
    float: left;
    background: #16509F;
}	
.news_up_right {
    color: #fff;
    width: 160px;
    display: block;
    float: left;
    text-align: center;
    background: rgba(0,0,0,.5);
}
.news_bottom {
    position: absolute;
    color: white;
    bottom: 0;
    left: 0;
    height: 45px;
    line-height: 45px;
    background: rgba(0,0,0,.5);
    width: 100%;
    box-sizing: border-box;
	padding-left: 10px;
}

.morebtn{
	width: 293px;
	display: block;
	margin: 0 auto 67px;
	text-decoration: none !important;
	}
/*********************************

お問い合わせ

**********************************/
.mw_wp_form_g-enquete .action-buttons {
    text-align: center;
}
/*確認画面へ進むボタン用*/
.mw_wp_form_input .btn input{
background:url(img/input_btn.png) no-repeat;
width:150px;
height:30px;
text-indent:-9999px;
overflow:hidden;
border:none;
cursor:pointer;
}
 
.mw_wp_form_confirm .btn input{
/*送信ボタン用*/
background:url(img/confirm_btn.png) no-repeat;
width:150px;
height:30px;
text-indent:-9999px;
overflow:hidden;
border:none;
cursor:pointer;
}
 
#submitback input{
/*戻るボタン用*/
background:url(img/form_back_btn.png) no-repeat;
width:80px;
height:30px;
text-indent:-9999px;
overflow:hidden;
border:none;
cursor:pointer;
}


.mw_wp_form_g-enquete input[type="submit"], .mw_wp_form_g-enquete input[type="button"], .mw_wp_form_g-enquete button {
    border: none !important;
    border-radius:0 !important;
	font-size: 20px !important;
    background: #0068B6 !important;
    box-shadow: none !important;
    color: #fff !important;
    cursor: pointer;
    -webkit-appearance: button;
    line-height: 20px;
    padding: 10px 30px !important;
    text-shadow: none !important;
}
.mw_wp_form_g-enquete input[type="submit"]:hover{
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
}
.mw_wp_form_g-enquete .require {
display: none;
}
.hisu{
color:#FF0004;
margin-left: 20px;
font-size: 12px;
}
	
.center{
	text-align: center !important;
}	

	
	
.mw_wp_form_g-enquete label input[type="checkbox"] {
	width:			18px;
	height:			18px;
	-moz-transform:		scale(1.4);
	-webkit-transform:	scale(1.4);
	transform:		scale(1.4);
}
	
	
	.okotowari{
		background:#333333;
		padding: 10px;
		line-height: 2;
		color: #fff;
		margin: 20px 0 30px;
	}	
	p.yakusoku_p{
		margin: 0 0 30px;
	}
	
	.shisetsu_image{
		margin-bottom: 50px;
	}

/*********************************

倉庫業務

**********************************/
.sokowrap{
width: 100%;
border: 1px solid #000;
box-sizing: border-box;
margin-bottom: 120px;

}
.sokoimage{
float: left;
width: 489px;

}
.sokoimage img{
vertical-align: bottom;
}
.sokoright{
float: right;
width: 509px;
}
.sokomt{
margin-top: 21px;
}
p.soko{
width: 100%;
font-size: 20px;
margin-bottom: 8px !important;
}

span.sokoblue{
font-weight: 700 !important;
color: #004FA3;
display: inline-block;
width: 400px;
}
.mt0{
margin-top: 0;
}
p.pagesokotxt{
width: 1000px;
margin: 0 auto 40px;
padding: 0 50px;
box-sizing: border-box;
}



/*********************************

トップページリニューアル2020

**********************************/

.topnewswrap{
width: 100%;
background: #16509f;
padding-top: 70px;
padding-bottom: 65px;
margin-bottom: 100px;
}
h2.topnewstitle{
text-align: center;
color: #fff;
font-size: 44px;
}
div.topnewscontainer{
width: 1000px;
margin: 0 auto;
}
div.newsmoretopbtn{
width: 212px;
height: 56px;
margin: 0 auto;
}
div.newsmoretopbtn a{
display: block;
width: 212px;
height: 56px;
line-height: 56px;
}
.topsaiyouback{
background: url(image/top/saiyouback.jpg);
width: 100%;
padding: 55px 0 45px;
margin-bottom: 90px;
}


.topsaiyoutitle{
color: #fff;
text-align: center;
width: 326px;
height: 77px;
margin: 0 auto;
font-size: 36px;
line-height: 77px;
background: #16509f;
}

.driverboshu{
text-align: center;
width: 1000px;
margin: 0 auto;
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
color: #fff;
margin-top: 50px;
font-size: 65px;
padding: 25px 0;
font-weight: 700;
margin-bottom: 10px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
div.topsaiyoubox{
width: 1000px;
margin: 0 auto;
}
div.topsaiyouboxleft{
float: left;
width: 765px;
color: #fff;
font-size: 36px;
font-weight: 700;
line-height: 2;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
div.topsaiyouboxright{
float: right;
width: 235px;
height: 275px;
}
.yattakunback{
background: url(image/top/yattakunback.png);
background-repeat: no-repeat;
background-position: center center;
box-sizing: border-box;
}
a.yattakunkochirabtn{
background: #515253;
color: #fff;
text-align: center;
display: block;
width: 110px;
height: 24px;
line-height: 24px;
margin-left: 125px;
margin-top: 251px;
}
.topsokocontainer{
width: 1000px;
margin: 0 auto;
height: 424px;
border: 1px solid #525353;
box-sizing: border-box;
position: relative;
}
div.sokoimahe01{
position: absolute;
top: 0;
width: 998px;
}
div.sokoimahe01 img{
width: 100%;
height: auto;
}
div.sokobottom{
height: 51px;
position: absolute;
bottom: 0;
background: #333333;
width: 100%;
padding-top: 10px;
box-sizing: border-box;
color: #fff;
}
h4.sokobottomh4{
color: #fff;
float: left;
margin-left: 30px;
}
a.topsokobtn{
display: block;
color: #fff;
background: #16509f;
height: 30px;
width: 173px;
text-align: center;
line-height: 30px;
float: left;
margin-left: 30px;
}
.sokojokyo{
position: absolute;
width: 260px;
height: 260px;
background: url(image/top/sokojokyo.svg);
right: -40px;
top: 154px;
}
.overflow{
overflow: inherit !important;
}
.jokyo1{
background: #fff;
color: #df6618;
text-align: center;
width: 174px;
height: 40px;
line-height: 40px;
margin-top: 73px;
margin-left: 43px;
}
.jokyo2{
background: #fff;
color: #df6618;
text-align: center;
width: 174px;
height: 56px;
line-height: 1.5;
margin-top: 46px;
margin-left: 43px;
padding-top: 5px;
box-sizing: border-box;
}
p.sokodate{
font-size: 14px;
margin: 0 0 0 0 !important;
}
p.sokojikaiheibei{
font-size: 20px;
margin: 0 !important;
}
/*********************************

倉庫業務

**********************************/
.sokoimage02{
width: 100%;
margin: 30px 0;
}
.sokoimage02 div{
float: left;
width: 490px;
margin-left: 20px;
}
.sokoimage02 div:first-child{
margin-left: 0;
}
h5.sokoh5{
text-align: center;
font-size: 25px;
color: #16509f;
font-weight: 700;
}
div.sokoform{
background: #ecf1f7;
padding-top: 45px;
padding-bottom: 45px;
padding-left: 60px;
padding-right: 60px;
box-sizing: border-box;
margin-bottom: 100px;
}
.pagejokyowrap{
border: 1px solid #16509f;
margin-top: 70px;
padding-bottom: 23px;
}
.pagejokyowrap h3.jokyoh3{
color: #fff;
background: #16509f;
text-align: center;
font-size: 31px;
padding: 16px 0;
}
.pagejokyo1{
text-align: center;
color: #16509f;
font-size: 40px;
font-weight: 700;
margin: 25px 0;
}
.pagejokyo2{
text-align: center;
color: #16509f;
font-size: 30px;
}
.sokotoiawase{
font-size: 26px;
text-align: center;
color: #16509f;
font-weight: 700;
line-height: 1.2;
margin-bottom: 50px;
}
span.sokotel{
font-size: 35px;
}
p.sokotxt{
font-size: 18px;
}
p.sokotxt span.sokoheadtxt{
font-size: 24px;
width: 420px;
display: inline-block;
font-weight: 700;
color: #16509f;
}

}
/*********************************

PC_CSS END

**********************************/






















/*********************************

SP_CSS START

**********************************/
@media screen and (max-width: 768px) {
	.spnone{
		display: none;
	}
	.navbtn{
		font-weight: 700;
		color: #fff;
	}
	.navbtn_sub{
		color: #fff;
		margin: 0 !important;
	}
	
	
	
	
#spsliderwrap{
		width: 100%;
	height: 70%;
	position: relative;
	}
#spsliderwrap:before {
    content: "";
    display: block;
    padding-top: 70%; /* 1:1 */
}
.sp_slider_contents{
		position: absolute;
		width: 100%;
	height: 70%;
	z-index: 10;
	top:0;
	}	
.sp_slide_text	{
		position: absolute;
		width: 80%;
	height: auto;
	z-index: 20;
	top:50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	}
	
	
.box {
    position: relative;
    width: 100%;
    height: auto;
    background: #444;
}
.ratio-1_1:before {
    content: "";
    display: block;
    padding-top: 100%; /* 1:1 */
}
.inner {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height:　70%;
}

	
	
	
	
	
	
	
	
	
	
#spheader {
   width: 100%;
   background: #fff;
   height: 56px;
	box-sizing: border-box;
   /* margin-top: -51px; */
}
.headerlogo_recruit {
    /*text-align: center;*/
width: 100%;
vertical-align: middle;
height: 60px;
padding: 4px 0 4px 20px;
box-sizing: border-box;
}
.headerlogo_recruit a{
vertical-align: middle;
	}	
.headerlogo_recruit img{
width: auto;
height: 100%;
vertical-align: middle;
margin: auto auto;
	}
	
	
.fade { 
	display: block;
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;  
}  
.fade:hover {  
    opacity: 0.7;  
    filter: alpha(opacity=70);  
}  	
.button {
  display: inline-block;
  width: 200px;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
}
.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}	
.button {
  position: relative;
  z-index: 2;
  background-color: #fff;
  border: 2px solid #004FA3;
  color: #004FA3;
  line-height: 50px;
  overflow: hidden;
}
.button:hover {
  color: #fff;
}
.button::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.button:hover::after {
  -webkit-transform: scale(2) rotate(180deg);
  transform: scale(2) rotate(180deg);
  background: #004FA3;
}
	
.button2 {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  outline: none;
}
.button2::before,
.button2::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button2,
.button2::before,
.button2::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}	
.button2 {
  position: relative;
  z-index: 2;
  border: 1px solid #fff;
  color: #fff;
  overflow: hidden;
}
.button2:hover {
  color: #000;
}
.button2::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.button2:hover::after {
  -webkit-transform: scale(2) rotate(180deg);
  transform: scale(2) rotate(180deg);
  background: #fff;
}
	
	
/*********************************

トップページ設定

**********************************/	
	
#container_wrapper{
		width: 100%;
		padding: 0 0 50px 0;
	}	
.container{
		width: 94%;
		margin: 0 3%;
	}	
/*.container h2{
		text-align: center;
		color: #fff;
		background: url(image/common/h2back.svg);
		font-size: 18px;
	background-size: cover;
	}	*/
.container h3{
		
		color: #16509F;
		font-size: 20px;
	font-weight: 700;
	line-height: 1.5;
	}	
.container h4{
color: #16509F;
		font-size: 20px;
	font-weight: 700;
	line-height: 1.5;
	}	
	
.container h2.first{
  transform: skewX(-45deg); /*transformで曲げる*/
  background-color: #515253;
  color: #fff;
  max-width: 84%;
	margin: 5px 8% ;
  font-size: 20px;
  padding: 5px 0px;
	text-align: center;
	box-sizing: border-box;
}

.container h2.first div{
  transform: skewX(45deg);
  /*このままだとtransformでテキストも曲がるので打ち消すために入れます。*/
  width: 80%;
  margin: 0 10%;
  text-align: center;
	font-size: 16px;
	line-height: 1.5;
}



.container div.second{
  position: relative;
  width: 300px;
  text-align: center;
}

  
  .container div.second h2 {
    color: #fff;
    font-size: 20px;
    padding: 5px 0px;
    width: 200px;
    margin: auto;
  }

.container div.second::before {
  content: '';/*ボックス作成*/
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: #58a;
  z-index: -1;
  transform: skew(-45deg);
}
	
	
.news_box{
	width: 100%;
	}	
.news_box_left{
	width: 100%;
	}
.news_box_right{
	width: 100%;
	text-align: center;
	}
.news_box_right p{
	font-size: 12px;
	margin: 5px 0;
	}
.news_box_left ul{
margin-bottom: 20px;
	width: 100%;
	}
.news_box_left ul li{
	
	padding:10px 0;
	width: 100%;
	border-bottom: 1px solid #000;
	}	
span.topinfodate{
		display: block;
		width: 100%;
		font-size: 14px;

	}
	.news_box_left ul li a{
	display: block;
		font-size: 14px;
		color: #000;
		font-weight: 700;
		margin-top: 5px;
	}
a.btn_more {
    	width: 100%;
	text-align: center;
	display: block;
	float: left;
	border: 1px solid #004FA3;
	margin-bottom: 20px;
	color: #004FA3;
	font-weight: 700;
	letter-spacing: 1px;
	font-size: 22px;
	padding:10px;
	box-sizing: border-box;
}
a.yatta {
    	width: 100%;
	text-align: center;
	display: block;
	float: left;
	border: 1px solid #004FA3;
	margin-bottom: 20px;
	color: #004FA3;
	font-weight: 700;
	letter-spacing: 1px;
	font-size: 22px;
	padding:10px;
	box-sizing: border-box;
}	
p{
	font-size: 14px;
}
	
	
	
	
.btn_two{
	width: 100%;
	margin: auto;
	box-sizing: border-box;
	}
.btn_two br{
	display: none;
	}
.btn_two a{
	width: 100%;
	text-align: center;
	display: block;
	float: left;
	border: 1px solid #004FA3;
	margin-bottom: 20px;
	color: #004FA3;
	font-weight: 700;
	letter-spacing: 1px;
	font-size: 22px;
	}
	.swiper-container_sp{
		margin: 20px 0;
	}
.swiper-container_sp {
 margin-left:auto;
 margin-right:auto;
 position:relative;
 overflow:hidden;
 z-index:1
}	
.swiper-container_sp2 {
 margin-left:auto;
 margin-right:auto;
 position:relative;
 overflow:hidden;
 z-index:1
}	

	
	
.topglidtwo{
	width: 100%;
	padding-top: 20px;
	margin-bottom: 50px;
	}	
.topglidtwo li{
	width: 100%;
margin-bottom: 20px;
	border: 1px solid #004FA3;
	box-sizing: border-box;
	}
.topglidtwo li img{
	width: 100%;
	height: auto;
	}
	
p.glidjigyo{
		text-align: center;
		font-size: 32px;
		line-height: 32px;
		font-weight: 700;
		margin-top: 24px;
		vertical-align: middle;
	margin-bottom: 8px;
	}
span.jigyotitle{
		display: inline-block;
		vertical-align: middle;
		color: #16509F;
	}
span.spel{
		color: #DF6618;
		display: block;
		clear: both;
	width: 60%;
	margin: 10px 20% 0;
		font-size: 14px;
		border-top: 1px solid #004FA3;
		border-bottom: 1px solid #004FA3;
		padding: 4px 23px;
		font-weight: 500;
		
		line-height: 1;
		vertical-align: middle;
	box-sizing: border-box;
	}
	
p.jigyotext{
		padding: 0 35px 0;
		margin: 0;
		font-size: 14px;
	}	
	
a.jigyobtn{
	display: block;
	width: 212px;
	margin: 15px auto 23px;
	height: 56px;
	line-height: 56px;
	text-align: center;
	}

.topsupport{
		width: 100%;
	margin-bottom: 50px;
	}	
.topsupport_text{
	border: 8px solid #004FA3;
	box-sizing: border-box;
	background: #fff;
	}
.topsupport_text h2{
	font-weight: 700;
	font-size: 26px;
	background: none;
	line-height: 1;
	text-align: center;
	color: #000;
	margin-bottom: 10px;
	}
	.sp_text_wrap{
		padding: 12px 24px;
	}
.topsupport_image{
	
	right: 0;
	bottom: 0;
	z-index: 5;
	}
	
.topsupport_text strong{	
	background: linear-gradient(transparent 70%, #DF6618 70%);
	font-size:20px;
	line-height: 1.2;
	font-weight: 700;
	}
.topsupport_text p{
		font-size: 14px;
	}
.topglidthree{
	width: 100%;
	padding-top: 10px;
	margin-bottom: 20px;
	}	
.topglidthree li{
		width: 100%;
	border: 1px solid #fff;
	box-sizing: border-box;
	vertical-align: bottom;
	margin-bottom: 10px;
	}

.topglidthree a li img{
	width: 100%;
	height: auto;
	vertical-align: bottom;
	}
h2.cominfo{
	line-height: 1;
	padding: 19px 0 0 38px;
	width: 100%;
	height: 78px;
	text-align: left;
	box-sizing: border-box;
	background: url(image/top/glidtxtback.svg) no-repeat;
	background-size: cover;
	color: #fff;
	font-weight: 700;
	font-size: 22px;
	}
span.glid3sub{
		font-size: 14px;
	}
/*********************************

フッター設定

**********************************/	
#footerwrap{
		background: #ECEBEA;
		padding: 30px 0 50px 0;
	}
.footer_logo{
		width: 100%;
		margin: 0 15%;
		width: 70%;
		
		box-sizing: border-box;
	}
.footer_logo p{
		color: #525353;
		font-size: 18px;
		text-align: center;
		margin-top: 6px;
		font-weight: 700;
	}	
.footeradd{
		width:100%;
		margin: 0 ;
		box-sizing: border-box;
	}
.shozaichi{
		color: #fff;
		background: #CE6525;
		font-size: 12px;
		padding-left: 13px;
		height: 21px;
		line-height: 21px;
		margin-top: 0;
		width: 100%;
	}
.footercomname{
		font-size: 16px;
		font-weight: 700;
		color: #525353;
	}
table.footertable{
		width: 100%;
	}
table.footertable th{
		width: 75px;
		font-size: 12px;
		font-weight: 700;
	}
table.footertable td{
		font-size: 12px;
		line-height: 1.5;
		padding-bottom: 10px;
	}
.namesmall{
	padding-left: 7px;
	font-size: 11px;
	}
.footertel{
		font-size: 25px;
		color: #525353;
		font-weight: 700;
	margin-top: 6px;
	margin-bottom: 0;
	}
.footertel:before {
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 40px;/*画像の幅*/
  height: 40px;/*画像の高さ*/
/*  background-image:url(image/common/tel.svg);*/
  background-size: contain;
  vertical-align: middle;
background-repeat: no-repeat;
margin-right: 6px;
	padding: 3px;
}
.mb0{
	margin-bottom: 0;
	}
.mb6{
	margin-bottom: 6px;
	}
.footereigyosho{
	font-size: 12px;
	color: #525353;
	font-weight: 700;
	margin: 6px 0;
}	
.footertelsmall{
	font-size: 18px;	
	}	
.footertelsmall:before {
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 28px;/*画像の幅*/
  height: 28px;/*画像の高さ*/
/*  background-image:url(image/common/tel.svg);*/
  background-size: contain;
  vertical-align: middle;
background-repeat: no-repeat;
margin-right: 6px;
	padding: 2px;
}

.copyright{
	text-align: center;
	color: #fff;
	background: #004FA3;
	padding: 10px 0;
	font-size: 10px;
	}
div.footercont_sp{
width: 80%;
margin: 0 auto;
}
.footerfax{
font-size: 11px;
margin-top: -10px;
margin-left: 125px;
}
/*********************************

トップリクルート

**********************************/	
#toprecruit{
		
		width: 100%;
	margin-bottom: 50px;
	}	
.toprecruit{
		width: 100%;
		background: url(image/top/gaikanback.jpg) center center;
		background-size: cover;
		background-repeat: no-repeat;
	}
.recruit_top_container{
		width: 94%;
	margin: 0 3%;
	color: #fff;
	padding-top: 50px;
	box-sizing: border-box;
	}
.recruit_top_container h3{
	font-size: 14px;
	color: #fff;
	margin: 0 ;
	padding: 0;
	text-align: center;
	font-weight: 700;
	}
.recruit_top_container h2{
	font-size: 24px;
	color: #fff;
	margin: 10px 0 0;
	padding: 0;
	text-align: center;
	font-weight: 700;
	}
div.recruitbtn	{
	width: 100%;
	margin-top:160px;
	}
div.recruitbtn a{
	width: 90%;
	margin: 0 5% 10px;
	color: #fff;
	display: block;
	border: 1px solid #fff;
	
	
	box-sizing: border-box;
	text-align: center;
	height: 60px;
	line-height: 60px;
	font-size: 25px;
	}

	
.slider_bottom{
		clear: both;
		width: 100%;
	
		top: 300px;
	}
.mascotback1{
		background: url(image/top/mascot.png);
		background-repeat: no-repeat;
		background-position: top 100px left 45%;
	background-size: 126px auto;
	}
	
	
	
.page_header {
    width: 100%;
    height: 200px;
    position: relative;
}
.headbacksingle {
    background: url(image/pageheader/yattakun.jpg) center center;
    background-size: cover;
}
.headbackcompany {
    background: url(image/pageheader/company.jpg) center center;
    background-size: cover;
}
.headbacktransportion {
    background: url(image/pageheader/business.jpg) center center;
    background-size: cover;
}
.headbacksoko {
    background: url(image/pageheader/business.jpg) center center;
    background-size: cover;
}
.headbacksokoconfirmation{
		background: url(image/pageheader/business.jpg) center center;
		background-size: cover;
	}
  .headbacksokothanks{
		background: url(image/pageheader/business.jpg) center center;
		background-size: cover;
	} 
    .headbacksokoerror{
		background: url(image/pageheader/business.jpg) center center;
		background-size: cover;
	} 
.headbackrecruit {
    background: url(image/pageheader/recruit.jpg) center center;
    background-size: cover;
}
.headbackcontact, .headbackconfirmation, .headbackthanks {
    background: url(image/pageheader/contact.jpg) center center;
    background-size: cover;
}
.headbackyattaroom {
    background: url(image/pageheader/yattakun.jpg) center center;
    background-size: cover;
}
.headbackfleet {
    background: url(image/pageheader/business.jpg) center center;
    background-size: cover;
}
.headbackwelfare, .headbackrecruit_recruit_thanks, .headbackmedia-page {
    background: url(image/pageheader/recruit.jpg) center center;
    background-size: cover;
}
.pagetitle {
    top: 40px;
    text-align: center;
    color: #fff;
    font-size: 26px;
    position: absolute;
    width: 100%;
    font-weight: 700;
    letter-spacing: 5px;
}
.pagesubtitle {
    font-size: 18px;
    text-align: center;
    top: 80px;
    width: 100%;
    color: #fff;
    position: absolute;
}
.singlecontainer {
    width: 94%;
    margin: 0 3%;
}
#container_wrapper {
    width: 100%;
    padding: 30px 0 50px 0;
}
	
.singlecontainer h1 {
    width: 100%;
    margin-bottom: 24px;
    padding: 10px 0 15px;
    font-size: 24px;
    line-height: 1.4em;
    font-weight: bold;
    border-bottom: 1px solid #efefef;
}
.dateright {
    text-align: right;
    width: 100%;
    margin: 10px 0;
    font-size: 12px;
}
.nextpre {
    width: 100%;
    margin: 30px auto 15px;
    padding-bottom: 25px;
    padding-top: 15px;
    border-bottom: 1px solid #ccc;
	font-size: 12px;
}
	.nextpre a{
		color: #000;
		text-decoration: underline;
	}
.morebtn {
    width: 80%;
    display: block;
    margin: 0 10% 30px;
    text-decoration: none !important;
}	
span.pre{
		width: 100%;
	display: block;
	margin-bottom: 20px;
	}
span.next{
		width: 100%;
	display: block;
	}	
	
/*********************************

一覧

**********************************/	
ul.fukuri {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 20px;
}
ul.fukuri li {
    width: 100%;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
}	
ul.fukuri li img{
		width: 100%;
		height: auto;
	}	
.news_up {
    position: absolute;
    top: 0;
    left: 0;
    height: 60px;
    line-height: 30px;
	width: 100%;
}	
.news_up_left {
	display: block;
    color: #fff;
    width: 50%;
    text-align: center;
    
    float: left;
    background: #16509F;
}
.news_up_right {
	display: block;
    color: #fff;
    width: 50%;
    
    float: right;
    text-align: center;
    background: rgba(0,0,0,.5);
}
.news_bottom {
    position: absolute;
    color: white;
    bottom: 0;
    left: 0;
    height: 45px;
    line-height: 45px;
    background: rgba(0,0,0,.5);
    width: 100%;
    box-sizing: border-box;
    padding-left: 10px;
}
	
#pagecontainer {
    width: 100%;
    padding: 10px 0;
    box-sizing: border-box;
}	
p.shakun {
    font-size: 21px;
    color: #16509F;
    border-bottom: 1px solid #000;
}
ul.jigyoglid {
    width: 100%;
}
ul.jigyoglid li {
    width: 100%;
    margin-bottom: 20px;
}
	ul.jigyoglid li p{
		margin-top: 4px;
	}
.jigyo_sub_title {
    border: 1px solid #16509F;
    width: 100%;
    box-sizing: border-box;
    height: 38px;
    font-size: 21px;
    line-height: 38px;
    text-align: center;
    color: #16509F;
}
span.colorblue {
    color: #16509F;
}	
	
.okotowari {
    background: #333333;
    padding: 10px;
    line-height: 2;
    color: #fff;
    margin: 20px 0 30px;
	font-size: 14px;
}	

	
.aisatsu{
		text-align: center;
	}	
.aisatsu img{
		text-align: center;
		width: 70%;
		margin: 0 auto;
	}	
.aisatsuright {
    width: 100%;
    margin-bottom: 50px;
}
.aisatsuright h3 {
    color: #251D1B;
    font-size: 20px;
    margin: 0;
    font-weight: 700;
}
.aisatsuright p{
		text-align: left;
		font-size: 14px;
	}	
.shomeiright {
    float: right;
	width: 60%;
	text-align: right;
}
p.katagaki {
    font-size: 13px;
    float: left;
    margin: 3px 0 0 0;
}	
p.shomei {
    float: left;
    margin: 0 0 0 20px;
    font-size: 32px;
    font-weight: 700;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}
	
p.shakuntitle {
    font-size: 26px;
    font-weight: 700;
	line-height: 1.2;
    margin: 0;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}	
span.shakunsub {
    font-size: 16px;
	padding-left: 5px;
}
p.shakun {
    font-size: 21px;
    color: #16509F;

}	
.rinen {


    box-sizing: border-box;
    margin-top: 20px;
    margin-bottom: 50px;
}
.rinenimage {
    width: 100%;
	text-align: center;
}
.rinen > div {
    padding: 10px 20px;
    line-height: 1.5;
	background: #BBD6F1;
	font-size: 14px;
}
table.page {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 50px;
}
	table.page th {
    width: 25%;
    text-align: left;
    border-collapse: collapse;
    padding: 16px 0;
    font-size: 14px;
    font-weight: 700;
}
table.page td {
    padding-left: 10px;
    border-collapse: collapse;
	line-height: 1.5;
	font-size: 14px;
}	
table.page tr:nth-child(odd) {
    background: #F2F2F2;
}
.eigyosho {
    background: #16509F;
    padding: 10px 35px;
    color: #fff;
    box-sizing: border-box;
    vertical-align: middle;
}
	
.eigyoshomei {
    font-size: 25px;
   display: block;
    vertical-align: middle;
    font-weight: 700;
    line-height: 30px;
}
.jyusho {
	display: block;
	clear: both;
    font-size: 14px;
    line-height: 1.2;
    border-left: 2px solid #fff;
    padding-left: 10px;
    vertical-align: middle;
	margin-top: 7px;
}
	
.btn_two_page {
    width: 100%;
    padding: 0 ;
    margin: 26px 0 0 0;
}
.btn_two_page a {
    width: 100%;
    text-align: center;
    display: block;
    border: 1px solid #004FA3;
    color: #004FA3;
    height: 78px;
    line-height: 76px;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 18px;
}
	
table.boshu {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 50px;
    border-top: 1px solid #515253;
    border-left: 1px solid #515253;
    border-right: 1px solid #515253;
}
table.boshu th {
    width: 25%;
    text-align: center;
    padding: 16px 0;
    font-size: 14px;
    font-weight: 700;
    background: #16509F;
    color: #fff;
    border-bottom: 1px solid #fff;
}
	
table.boshu td {
    padding-left: 10px;
    border-bottom: 1px dashed #515253;
    vertical-align: middle;
    line-height: 1.5;
	font-size: 14px;
}	
.border_gray_bottom {
    border-bottom: 1px solid #515253 !important;
}	
.chutobtn {
    display: block;
    width:100%;
    height: 76px;
    border: 1px solid #16509F;
    color: #16509F;
    text-align: center;
    line-height: 76px;
    margin: 0 auto;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 22px;
}
/*********************************

お問い合わせ

**********************************/
.hisu {
    color: #FF0004;
    margin-left: 10px;
    font-size: 12px;
}
.mw_wp_form_g-enquete .require {
  display: none;
}
	

.mw_wp_form_g-enquete .action-buttons {
    text-align: center;
}
/*確認画面へ進むボタン用*/
.mw_wp_form_input .btn input{
background:url(img/input_btn.png) no-repeat;
width:150px;
height:30px;
text-indent:-9999px;
overflow:hidden;
border:none;
cursor:pointer;
}
 
.mw_wp_form_confirm .btn input{
/*送信ボタン用*/
background:url(img/confirm_btn.png) no-repeat;
width:150px;
height:30px;
text-indent:-9999px;
overflow:hidden;
border:none;
cursor:pointer;
}
 
#submitback input{
/*戻るボタン用*/
background:url(img/form_back_btn.png) no-repeat;
width:80px;
height:30px;
text-indent:-9999px;
overflow:hidden;
border:none;
cursor:pointer;
}


.mw_wp_form_g-enquete input[type="submit"], .mw_wp_form_g-enquete input[type="button"], .mw_wp_form_g-enquete button {
    border: none !important;
    border-radius:0 !important;
	font-size: 20px !important;
    background: #0068B6 !important;
    box-shadow: none !important;
    color: #fff !important;
    cursor: pointer;
    -webkit-appearance: button;
    line-height: 20px;
    padding: 10px 30px !important;
    text-shadow: none !important;
}
.mw_wp_form_g-enquete input[type="submit"]:hover{
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
}
	
/*********************************

やったくんの部屋

**********************************/	
.yattaimage{
		padding: 40px 0 50px;
		width: 100%;
	}
/*********************************

保有車両

**********************************/
table.hoyu{
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 120px;
	
	border-left: 1px solid #ECEBEA;
	}
table.hoyu th{
	width: auto;
	text-align: center;
	padding: 16px 0;
	font-size: 14px;
	font-weight: 700;
	background: #16509F;
	color: #fff;
	}
table.hoyu td{
	font-size: 14px;
	height: 40px;
	border-right: 1px solid #ECEBEA;
	vertical-align: middle;
	border-bottom: 1px solid #ECEBEA;
	box-sizing: border-box;
	padding: 5px;
	}
.backyellow{
	background: #FEFCD3;
	}

ul.hoyu{
		width: 100%;
	}
ul.hoyu li{
		width: 100%;

	margin-bottom: 18px;

	}
/*********************************

倉庫業務

**********************************/
.sokowrap{
width: 100%;
border: 1px solid #000;
box-sizing: border-box;
margin-bottom: 40px;
}
.sokoimage{
width: 100%;
}
.sokoimage img{
vertical-align: bottom;
}
.sokoright{
width: 100%;
}
.sokomt{
margin-top: 10px;
}
p.soko{
width: 100%;
font-size: 20px;
margin-bottom: 8px !important;
}

span.sokoblue{
font-weight: 700 !important;
color: #004FA3;
display: inline-block;
width: 100%;
}
.mt0{
margin-top: 0;
}
p.pagesokotxt{
width: 100%;
margin: 0 auto 40px;
padding: 0 50px;
box-sizing: border-box;
}	
/*********************************

倉庫業務

**********************************/
.sokoimage02{
width: 100%;
margin: 10px 0;
}
.sokoimage02 div{
float: left;
width: 49%;
margin-left: 2%;
}
.sokoimage02 div:first-child{
margin-left: 0;
}
h5.sokoh5{
text-align: center;
font-size: 25px;
color: #16509f;
font-weight: 700;
}
div.sokoform{
background: #ecf1f7;
padding: 15px;
box-sizing: border-box;
margin-bottom: 100px;
}
.pagejokyowrap{
border: 1px solid #16509f;
margin-top: 70px;
padding-bottom: 23px;
}
.pagejokyowrap h3.jokyoh3{
color: #fff;
background: #16509f;
text-align: center;
font-size: 5.5vw;
padding: 16px 0;
}
.pagejokyo1{
text-align: center;
color: #16509f;
font-size: 4vw;
font-weight: 700;
margin: 25px 0;
}
.pagejokyo2{
text-align: center;
color: #16509f;
font-size: 4vw;
}
.sokotoiawase{
font-size: 4vw;
text-align: center;
color: #16509f;
font-weight: 700;
line-height: 1.2;
margin-bottom: 50px;
}
span.sokotel{
font-size: 4.5vw;
}
p.sokotxt{
font-size: 14px;
}
p.sokotxt span.sokoheadtxt{
font-size: 18px;
width: 420px;
display:block;
font-weight: 700;
color: #16509f;
margin-bottom: 6px;
}




/*********************************

トップページリニューアル2020

**********************************/

.topnewswrap{
width: 100%;
background: #16509f;
padding-top: 70px;
padding-bottom: 65px;
margin-bottom: 100px;
}
h2.topnewstitle{
text-align: center;
color: #fff;
font-size: 44px;
}
div.topnewscontainer{
width: 94%;
margin: 0 auto;
}
div.newsmoretopbtn{
width: 212px;
height: 56px;
margin: 0 auto;
}
div.newsmoretopbtn a{
display: block;
width: 212px;
height: 56px;
line-height: 56px;
}
.topsaiyouback{
background: url(image/top/saiyouback.jpg) center center no-repeat;
width: 100%;
padding: 55px 10px 45px;
margin-bottom: 90px;
box-sizing: border-box;
background-size: cover;
}


.topsaiyoutitle{
color: #fff;
text-align: center;
width: 100%;
height: 77px;
margin: 0 auto;
font-size: 5vw;
line-height: 77px;
background: #16509f;
}

.driverboshu{
text-align: center;
width: 100%;
margin: 0 auto;
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
color: #fff;
margin-top: 50px;
font-size: 5vw;
padding: 25px 0;
font-weight: 700;
margin-bottom: 10px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
div.topsaiyoubox{
width: 100%;
margin: 0 auto;
}
div.topsaiyouboxleft{
float: left;
width:100%;
color: #fff;
font-size: 4vw;
font-weight: 700;
line-height: 2;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
div.topsaiyouboxright{
float: right;
width: 100%;
height: 120vw;
}
.yattakunback{
background: url(image/top/yattakunback.png) center center no-repeat;
background-size: 80%;
box-sizing: border-box;
}
a.yattakunkochirabtn{
background: #515253;
color: #fff;
text-align: center;
display: block;
width: 80%;
height: 24px;
line-height: 24px;
margin-top: 110vw;
margin-left: auto;
margin-right: auto;
}
.topsokocontainer{
width: 100%;
margin: 0 auto;
height: 170vw;
border: 1px solid #525353;
box-sizing: border-box;
position: relative;
}
div.sokoimahe01{
position: absolute;
top: 0;
width: 100%;
}
div.sokoimahe01 img{
width: 100%;
height: auto;
}
div.sokobottom{
height: 36vw;
position: absolute;
bottom: 0;
background: #333333;
width: 100%;
padding-top: 10px;
box-sizing: border-box;
color: #fff;
}
h4.sokobottomh4{
color: #fff;
float: left;
text-align: center;
font-size: 6.3vw;
margin-bottom: 10px;
}
a.topsokobtn{
display: block;
color: #fff;
background: #16509f;
height: 30px;
width: 80%;
text-align: center;
line-height: 30px;
float: left;
margin-left: 30px;
}
.sokojokyo{
position: absolute;
width: 93vw;
height: 93vw;
margin-top: 38vw;
box-sizing: border-box;
background: url(image/top/sokojokyo.svg);

}
.overflow{
overflow: inherit !important;
}
.jokyo1{
background: #fff;
color: #df6618;
text-align: center;
width: 65vw;
height: 40px;
line-height: 40px;
margin-top: 25vw;
margin-left: 15vw;
}
.jokyo2{
background: #fff;
color: #df6618;
text-align: center;
width: 65vw;
height: 56px;
line-height: 1.5;
margin-top: 22vw;
margin-left: 15vw;
padding-top: 5px;
box-sizing: border-box;
}
p.sokodate{
font-size: 14px;
margin: 0 0 0 0 !important;
}
p.sokojikaiheibei{
font-size: 20px;
margin: 0 !important;
}
	
	

	
	
	
}




/*********************************

SP_CSS END

**********************************/




	
	
/*	============================

	2021年02月追加

===============================*/
.kenkou2021 {
    margin-bottom: 100px !important;
}
.kigyou-img3 {
	/*margin-top: -50px;*/
	margin-bottom: 160px;
}
.kigyouimg1-wrap {
	margin-bottom: 10px;
	width: 100%;
}
.kigyouimg1-wrap img {
	width: 100%;
}
.kigyou-img3-flex {
	display: flex;
	width: 100%;
}
.kigyouimg2-wrap{
	width: 50%;
	max-height: 271px;
    overflow: hidden;
}
.kigyouimg2-wrap.not-hiddn {
        overflow: inherit;
        max-height: inherit
}
.kigyouimg3-wrap{
	width: 50%;
	max-height: 271px;
    overflow: hidden;
	text-align: end;
}
.kigyouimg3-wrap.not-hiddn {
        overflow: inherit;
        max-height: inherit
}
.kigyouimg2-wrap img{
	width: 97%;
}
.kigyouimg3-wrap img{
	width: 97%;
}		
.first {
	margin: 0px auto 40px;
    text-align: center;
}
.first img {
	width: 90%;
}
/*	============================

2021年02月追加 倉庫事業

===============================*/
.jigyoimage {
    max-height: 558px;
    overflow: hidden;
}
.sokoimage02 div:first-child {
    width:  56%;
}
.sokoimage02 div:last-child {
    width: 41%;
}
.sokoimage02.clearfix {
	justify-content: space-between;
}
.sokoimage02 div {
    margin-left: 30px;
}
.jigyoimage {
    margin-bottom: 30px;
}
.soko-johou-wrap {
	display: flex;
	width: 100%;
	font-size: 30px;
	text-align: center;
	justify-content: center;
	margin-bottom: 20px;
	margin-top: 30px;
}
.soko-johou-left {
	width: 45%;
	color: #fff;
    background: #16509f;
}
.soko-johou-right {
	width: 55%;
	color: #16509f;
	border: 2px solid #16509f;
}
.soko-ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.soko-ggmap iframe,
.soko-ggmap object,
.soko-ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.topglidtwo li {
    width: 31%;
}
.topglidtwo img {
    width: 100%;
}
span.jigyotitle {
    font-size: 25px;
}
p.jigyotext {
    height: 168px;
}
.top-move {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin: -30px auto 100px;
  text-align: center;
}
.top-move iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.top-move-wrap {
	width: 70%;
    margin: 0 auto;
}
.topsaiyouback {
	position: relative;
	background-size: cover;
}
.topsaiyoutitle.hukuri a{
	color: #fff;
}
.topsaiyoutitle.hukuri{
	height: 40px;
	margin: 10px 10px;
    height: 40px;
    font-size: 25px;
    line-height: 40px;
    width: 10em;
	background: #515253;
	}

}
/*	============================

2021年02月追加 ファーストスターカンパニー

===============================*/
.container.clearfix.first-page {
	padding: 40px 50px;
}
.first-page img{
	width: 100%;
}
.headbackcompanyfirst{
		background: url(image/page/first-mb.jpg) center center;
		background-size: cover;
}
.first-page h2 {
	text-align: center;
    color: #fff;
    background: url(image/page/firsth2_1.png);
    height: 49px;
    line-height: 49px;
    font-size: 25px;
	background-size: cover;
	margin: 60px 0 40px;
	background-repeat: no-repeat;
	background-color: transparent;
}
.first-logo-wrap {
	width: 20%;
	margin: 20px auto 25px;
}
.first-top-text {
	text-align: center;
    color: #004fa3;
}
.first-page h3 {
	font-size: 140%;
    color: #fff;
    background: #004fa3;
    height: 50px;
    line-height: 50px;
    text-align: center;
}
.first-top-box-innner {
	border: 3px solid #004fa3;
	padding: 2% 5%;
    display: flex;
    justify-content: center;
}
.first-top-box-innner ul {
	width: 45%;
	font-size: 140%;
    line-height: 1.3;
}
.first-top-box-innner ul:first-child {
	margin: 0 0 0 auto;
}
.first-pageimg-flex {
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}
.first-pageimg-flex-inner {
	width: 47.5%;
	margin: 40px 0 0 0;
}
.first-pageimg-wrap {
	width: 100%;
}
.first-pageimg-flex-inner p{
	margin: 10px auto;
	text-align: center;
}
.first-pageimg-flex-inner p.left{
	text-align: left;
}
.first-pageimg-flex-inner.irasuto-left {
	width: 41%;
}
.first-footer {
	color: #004fa3;
	font-weight: 900;
    font-size: 4vw;
    margin: 0;
}
.first-footer-bottom {
	text-align: center;
}
.first-pageimg-flex-inner.coding-left {
	width: 15%;
}
.first-pageimg-flex-inner.coding-right {
	width: 60%;
	margin-left: 30px;
}
.first-pageimg-flex.coding-flex {
	justify-content: center;
}
.first-pageimg-flex-inner.coding-right p {
	text-align: left;
	margin-top: 30px;
}
.first-text-area {
	padding: 0 3%;
}
.footereigyosho.small {
    font-size: 10px;
    margin-left: -10px;
}
.footereigyosho.small .footertelsmall {
	font-size: 13px;
}


.mb6 {
    margin-bottom: 6px;
    text-align: end;
    padding-right: 10px;
}
.footertel {
    text-align: end;
	padding-right: 10px;
}
.footereigyosho {
    text-align: end;
	padding-right: 10px;
}
.footerfax {
    text-align: end;
	padding-right: 10px;
}




/* =================================

メディア情報と動画追加

==================================*/
@media screen and (min-width: 769px) {
	.topnewswrap.media {
		background: #fff;
	}
	.topnewstitle.media-title {
		color: #16509f;
	}
    
}
.youtubetopglid {
	display: flex;
}
.topmoviewrap {
	background: #16509f;
	padding: 60px 0;
	margin: -30px 0 60px;
}
.topmoviewrap h2.topnewstitle {
	background-image: none;
}
.youtubecontainer {
	width: 33.33%;
	height: 100%;
}
.video p iframe {
	width: 100%;
	height: 15vw;
}
.page { 
	display: flex;
	justify-content: center;
	margin-bottom: 60px;
}
.page a {
	display: inline-block;
	width: auto;
}
.page-numbers {
	padding: 0 20px;	
}


@media screen and (max-width: 768px) {
	.youtubecontainer {
		width: 100%;
		height: 100%;
	}
	.youtubetopglid {
		display: block;
		width: 65%;
    	margin: 0 auto;
	}
	.video p iframe {
		height: 100%;
	}
/*
	.youtubecontainer:nth-child(2), .youtubecontainer:nth-child(3) {
		display: none;
	}
*/
}














/* =================================
nav
==================================*/
.navbtn.fa {
	font-size: 13px;
}





@media screen and (max-width: 768px) {
	.kigyou-img3 {
		margin-top: 0px;
		margin-bottom: 60px;
	}
	.kigyouimg1-wrap {
		margin-bottom: 10px;
		text-align: center;
	}
	.kigyouimg1-wrap img {
		width: 80%;
	}
	.kigyou-img3-flex {
		display: block;
		width: 100%;
	}
	.kigyouimg2-wrap{
		width: 100%;
		height: auto;
		overflow: hidden;
		text-align: center;
		max-height: initial;
	}
    .kigyouimg2-wrap.not-hiddn {
        overflow: inherit;
        max-height: inherit
    }
	.kigyouimg3-wrap{
		width: 100%;
		height: auto;
		overflow: hidden;
		text-align: center;
    	margin-top: 10px;
		max-height: initial;
	}	
	.kigyouimg2-wrap img{
		width: 80%;
	}
	.kigyouimg3-wrap img{
		width: 80%;
	}	
	.first {
		margin: 20px auto 40px;
	}
	.first-top-box-innner ul {
		font-size: 2vw;
	}
	.first-top-box-innner ul:first-child {
		margin: 0;
	}
	.container.clearfix.first-page {
		padding: 20px 0px;
	}
	.container.clearfix.first-page h2.first div {
		font-size: 14px;
	}
	.container.clearfix.first-page h2.first  {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.first-page h3 {
    	font-size: 15px;
		height: 25px;
		line-height: 25px;
	}
	.first-page h2.first {
		transform: skewX(-45deg);
		background-color: #004fa3;
		color: #fff;
		max-width: 84%;
		margin: 5px 8%;
		font-size: 20px;
		padding: 5px 0px;
		text-align: center;
		box-sizing: border-box;
		background-image: none;
		height: auto;
		font-size: 16px;
	}
	.first-top-box-innner {
		padding: 2% 0%;
	}
	.first-top-box {
		width: 95%;
    	margin: 0 auto;
	}
	.page_header.headbackcompanyfirst .pagesubtitle {
		top: 50px;
	}
	.page_header.headbackcompanyfirst .pagetitle {
		top: 75px;
	}
	.first-pageimg-flex-inner {
		margin: 20px 0 0 0;
	}
	.first-pageimg-flex-inner.coding-right p {
		margin-top: 10px;
		font-size: 3vw;
	}
	.first-pageimg-flex-inner.coding-left {
		width: 20%;
	}
	.sokoimage02 div {
		margin-left: 3%;
	}
	.top-move {
		margin: 0px auto 60px;
	}
	.topglidtwo li {
		width: 100%;
	}
	p.jigyotext {
		height: auto;
	}
	.topsaiyoutitle.hukuri {
		height: 40px;
		margin: 10px auto;
		height: 24px;
		font-size: 16px;
		line-height: 24px;
		width: 80%;
		background: #515253;
	}
	.mb6 {
		margin-bottom: 6px;
		text-align: left;
		padding-right: 10px;
	}
	.footertel {
	text-align: left;
    margin-bottom: -12px;
    padding-right: 0px;
	}
	.footereigyosho {
		text-align: left;
		padding-right: 10px;
		font-size: 16px;
		margin-top: 20px;
	}
	.footerfax {
		text-align: left;
		padding-right: 10px;
		margin-left:0; 
		margin-top: 10px;
		color: #525353;
	}
	.footertelsmall::before {
		display: none;
	}
	.footertel::before {
		content:"TEL:";
		margin-right: 15px;
		padding: 0;
	}
	.footertelsmall {
		font-size: 11px;
		display: block;
		margin-top: 10px;
		font-weight: normal;
	}
	.topnewswrap.media {
		background: #fff;
	}
	.topnewstitle.media-title {
		color: #16509f;
	}


	
/*
	.top-move iframe {
		width: 100%;
	}
*/
}

/*!
 * jquery-drawer v3.2.2
 * Flexible drawer menu using jQuery, iScroll and CSS.
 * http://git.blivesta.com/drawer
 * License : MIT
 * Author : blivesta <design@blivesta.com> (http://blivesta.com/)
 */

.drawer-open{
overflow:hidden!important
}
.drawer-nav{
position:fixed;z-index:2;
top:0;overflow:
hidden;
width:16.25rem;
height:100%;
background: #333;
color: #fff;
}
.drawer-brand{
font-size:1.5rem;
font-weight:700;
line-height:3.75rem;
display:block;
padding-right:.75rem;
padding-left:.75rem;
text-decoration:none;color:#fff
}
.drawer-menu{
display: block;
margin: 0 0 15px;
/*border-top: 1px solid #1a1a1a;
border-bottom: 1px solid #4d4d4d;*/
list-style:none；font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
font-size: 15px;
/*background: #333;*/
color: #fff;
border-top: 1px solid #1a1a1a;
border-bottom: 1px solid #4d4d4d;
}
}
    .arrow{
    position: relative;
    display: inline-block;
    padding: 0 5px 0 16px;
    color: #fff;
    vertical-align: middle;
    text-decoration: none;
    font-size: 15px;
    }
    .arrow::before,
    .arrow::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
    }
			
    .sample4-2::before{
    width: 15px;
    height: 15px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    }
    .sample4-2::after{
    left: 6px;
    box-sizing: border-box;
    width: 3px;
    height: 3px;
    border: 3px solid transparent;
    border-left: 3px solid #000;
    }
.drawer-menu li{
/*
border-bottom: 1px solid #000;
margin-bottom: 10px;*/
display: block;
margin: 0;
padding: 15px 10px 15px 20px;
/*line-height: 40px;*/
/*border-top: 1px solid #4d4d4d;*/
border-top: 1px solid #4d4d4d;
border-bottom: 1px solid #1a1a1a;
/*padding: 0 0 5px 15px;*/

}
.drawer-menu li a{
font-weight: 500;
color: #000;
text-decoration: none;
/*padding-left: 25px;*/
}
.drawer-menu-item{
font-size:1rem;
display:block;
padding:.75rem;
text-decoration:none;
color:#222}
.drawer-menu-item:hover{
text-decoration:underline;
color:#555;
background-color:transparent}
.drawer-overlay{
position:fixed;
z-index:1;top:0;
left:0;display:none;
width:100%;
height:100%;
background-color:rgba(0,0,0,.2)}
.drawer-open .drawer-overlay{
display:block}
.drawer--top .drawer-nav{
top:-100%;
left:0;
width:100%;
height:auto;
max-height:100%;
-webkit-transition:top .6s cubic-bezier(.19,1,.22,1);
transition:top .6s cubic-bezier(.19,1,.22,1)}
.drawer--top.drawer-open .drawer-nav{top:0}
.drawer--top .drawer-hamburger,.drawer--top.drawer-open .drawer-hamburger{right:0}.drawer--left .drawer-nav{
left:-16.25rem;
-webkit-transition:left .6s cubic-bezier(.19,1,.22,1);
transition:left .6s cubic-bezier(.19,1,.22,1)}
.drawer--left .drawer-hamburger,.drawer--left.drawer-open .drawer-nav,.drawer--left.drawer-open .drawer-navbar .drawer-hamburger{
left:0}
.drawer--left.drawer-open .drawer-hamburger{
left:16.25rem}.drawer--right .drawer-nav{
right:-16.25rem;-webkit-transition:right .6s cubic-bezier(.19,1,.22,1);
transition:right .6s cubic-bezier(.19,1,.22,1)}
.drawer--right .drawer-hamburger,.drawer--right.drawer-open .drawer-nav,.drawer--right.drawer-open .drawer-navbar .drawer-hamburger{right:0;
z-index: 500;}.drawer--right.drawer-open .drawer-hamburger{right:16.25rem}

.drawer-hamburger{
position:fixed;
background: #16509f;
z-index:4;
top:-5px;
display:block;
box-sizing:content-box;
width:2rem;padding:0;
padding:18px .75rem 30px;
-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);transition:all .6s cubic-bezier(.19,1,.22,1);-webkit-transform:translateZ(0);transform:translateZ(0);border:0;outline:0;
/*background-color:transparent*/}

.drawer-hamburger:hover{
cursor:pointer;
background: #16509f;/*background-color:transparent*/
}
.drawer-hamburger-icon{
position:relative;
display:block;
margin-top:10px}
.drawer-hamburger-icon,.drawer-hamburger-icon:after,.drawer-hamburger-icon:before{
width:100%;height:2px;-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);
transition:all .6s cubic-bezier(.19,1,.22,1);background-color:#fff}
.drawer-hamburger-icon:after,.drawer-hamburger-icon:before{position:absolute;top:-10px;left:0;content:" "}.drawer-hamburger-icon:after{top:10px}.drawer-open .drawer-hamburger-icon
{background-color:transparent
}
.drawer-open .drawer-hamburger-icon:after,.drawer-open .drawer-hamburger-icon:before{top:0}
.drawer-open .drawer-hamburger-icon:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.drawer-open .drawer-hamburger-icon:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sr-only{position:absolute;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;padding:0;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;overflow:visible;clip:auto;width:auto;height:auto;margin:0}.drawer--sidebar,.drawer--sidebar .drawer-contents{background-color:#fff}

@media (min-width:64em){
.drawer--sidebar .drawer-hamburger{display:none;visibility:hidden}
.drawer--sidebar .drawer-nav{display:block;-webkit-transform:none;transform:none;position:fixed;width:12.5rem;height:100%}.drawer--sidebar.drawer--left .drawer-nav{left:0;border-right:1px solid #ddd}
.drawer--sidebar.drawer--left .drawer-contents{margin-left:12.5rem}
.drawer--sidebar.drawer--right .drawer-nav{right:0;border-left:1px solid #ddd}
.drawer--sidebar.drawer--right .drawer-contents{margin-right:12.5rem}
.drawer--sidebar .drawer-container{max-width:48rem}

}@media (min-width:75em){
.drawer--sidebar .drawer-nav{width:16.25rem}
.drawer--sidebar.drawer--left .drawer-contents{margin-left:16.25rem}
.drawer--sidebar.drawer--right .drawer-contents{margin-right:16.25rem}
.drawer--sidebar .drawer-container{max-width:60rem}}

.drawer--navbarTopGutter{padding-top:3.75rem}
.drawer-navbar .drawer-navbar-header{border-bottom:1px solid #ddd;background-color:#fff}
.drawer-navbar{z-index:3;top:0;width:100%}
.drawer-navbar--fixed{position:fixed}
.drawer-navbar-header{position:relative;z-index:3;box-sizing:border-box;width:100%;height:3.75rem;padding:0 .75rem;text-align:center}
.drawer-navbar .drawer-brand{line-height:3.75rem;display:inline-block;padding-top:0;padding-bottom:0;text-decoration:none}
.drawer-navbar .drawer-brand:hover{background-color:transparent}.drawer-navbar .drawer-nav{padding-top:3.75rem}.drawer-navbar .drawer-menu{padding-bottom:7.5rem}
@media (min-width:64em){
.drawer-navbar{height:3.75rem;border-bottom:1px solid #ddd;background-color:#fff}
.drawer-navbar .drawer-navbar-header{position:relative;display:block;float:left;width:auto;padding:0;border:0}
.drawer-navbar .drawer-menu--right{float:right}.drawer-navbar .drawer-menu li{float:left}
.drawer-navbar .drawer-menu-item{line-height:3.75rem;padding-top:0;padding-bottom:0}
.drawer-navbar .drawer-hamburger{display:none}.drawer-navbar .drawer-nav{position:relative;left:0;overflow:visible;width:auto;height:3.75rem;padding-top:0;-webkit-transform:translateZ(0);transform:translateZ(0)}
.drawer-navbar .drawer-menu{padding:0}.drawer-navbar .drawer-dropdown-menu{position:absolute;width:16.25rem;border:1px solid #ddd}.drawer-navbar .drawer-dropdown-menu-item{padding-left:.75rem}}

.drawer-dropdown-menu{display:none;box-sizing:border-box;width:100%;margin:0;padding:0;background-color:#fff}
.drawer-dropdown-menu>li{width:100%;list-style:none}
.drawer-dropdown-menu-item{line-height:3.75rem;display:block;padding:0;padding-right:.75rem;padding-left:1.5rem;text-decoration:none;color:#222}
.drawer-dropdown-menu-item:hover{text-decoration:underline;color:#555;background-color:transparent}.drawer-dropdown.open>.drawer-dropdown-menu{display:block}
.drawer-dropdown .drawer-caret{display:inline-block;width:0;height:0;margin-left:4px;-webkit-transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,opacity .2s ease;transition:transform .2s ease,opacity .2s ease,-webkit-transform .2s ease;-webkit-transform:rotate(0deg);transform:rotate(0deg);vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}
.drawer-dropdown.open .drawer-caret{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.drawer-container{margin-right:auto;margin-left:auto}
@media (min-width:64em){
.drawer-container{max-width:60rem}
@media (min-width:75em){.drawer-container{max-width:70rem}}	
	
	
	

}


    .first-top-text-a {
        margin: 10px auto 40px;
        display: inline-block;
        font-size: 15px !important;
        width: 100%;
        text-align: center;
    }
.first-top-text-a a {
    color: #fff;
            background: #004fa3;
        padding: 5px 20px;
}
.first-top-text-a a:hover {
    opacity: 0.5;
    transition: 0.3s;
}