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



@media print{
.printnone {
	display:none;
	}
}

/*** 基本 *****************************************/

* {
	padding: 0;
	margin: 0;
	}

html {
	height: 100%;
	width: 100%;
	}

body{word-wrap: break-word;
	height: 100%;
	width: 100%;
	font-family: "Noto Sans Japanese";
	font-size:1em;
	letter-spacing:0.01em;
	margin:0; 
	padding:0;
	overflow-x: hidden;
	color:#333333;
	}






/*** リンク *****************************************/

a {
	color: #1d3994;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
	text-decoration:none;
	}

a:hover {
	text-decoration:underline;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	transition: 0.3s linear;
	}

a:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
	}






/*** 画像 *****************************************/

img{
	max-width:100%; 
	height:auto;
	vertical-align: top; 
	border:none;
	}

img a{border:none;}






/*** 線・枠 ***************************************/

.borbot{border-bottom:1px dotted #000;}




/*** 回り込み設定 *********************************/

.clear{clear:both;}






/*** 文字位置 ************************************/

.txtcenter{text-align:center;}

.txtleft{text-align:left;}

.txtright{text-align:right;}

.flaotleft{float:left;}

.flaotright{float:right;}

/*２行目から1文字空ける*/
.att {
  padding-left: 1em;
  text-indent: -1em;
}





/*** 文字サイズ ************************************/

.px12{ font-size:0.73em}

.px14{ font-size:0.87em}

.px16{ font-size:1.00em}

.px18{ font-size:1.12em}

.px20{ font-size:1.22em}

.px22{ font-size:1.37em}

.px24{ font-size:1.47em}

.px26{ font-size:1.62em}

.px28{ font-size:1.75em}






/*** 文字の太さ ************************************/

.bold{font-weight:bold;}

.fw-thin{ font-weight:100}

.fw-extralight{ font-weight:200}

.fw-light{ font-weight:300}

.fw-normal{ font-weight:400}

.fw-medium{ font-weight:500}

.fw-semibold{ font-weight:600}

.fw-bold{ font-weight:700}

.fw-extrabold{ font-weight:800}

.fw-black{ font-weight:900}






/*** 文字の色 ************************************/

.blue{color:#004EA2;}

.red{color:#E50012;}

.white{color:white;}

.black{color:#000;}






/*** 背景色 *********************************/

.bg-lightgray{background:#ccc}




/*** 余白設定 *********************************/

.mb025em{margin-bottom:0.25em;}
.mb05em{margin-bottom:0.5em;}
.mb1em{margin-bottom:1em;}
.mb2em{margin-bottom:2em;}
.mb3em{margin-bottom:3em;}
.mb4em{margin-bottom:4em;}
.mb5em{margin-bottom:5em;}
.mb50px{margin-bottom:50px;}

.mt025em{margin-top:0.25em;}
.mt05em{margin-top:0.5em;}
.mt1em{margin-top:1em;}
.mt2em{margin-top:2em;}
.mt3em{margin-top:3em;}
.mt4em{margin-top:4em;}
.mt5em{margin-top:5em;}
.mt50px{margin-top:50px;}

.ml05em{margin-left:0.5em;}
.ml1em{margin-left:1em;}
.ml2em{margin-left:2em;}
.ml25em{margin-left:2.5em;}
.ml3em{margin-left:3em;}
.ml4em{margin-left:4em;}
.ml5em{margin-left:5em;}
.ml50px{margin-left:50px;}

.mr05em{margin-right:0.5em;}
.mr1em{margin-right:1em;}
.mr2em{margin-right:2em;}
.mr3em{margin-right:3em;}
.mr4em{margin-right:4em;}
.mr5em{margin-right:5em;}
.mr50px{margin-right:50px;}

.p1em{padding:1em;}

.p075em{padding:0.75em;}

.p05em{padding:0.5em;}

.p025em{padding:0.25em;}






/*** グリッド② ************************************/

.grid2{overflow:hidden;}

.grid2 .col{ width:47.5%; float:left; margin-right:5%; box-sizing:border-box;overflow:hidden;}	
   
.grid2 .col:last-child{ margin-right:0 !important;}   


@media screen and (max-width: 600px) {

.grid2 .col{ display:block; width:100%; margin-right:0;}	
   
.grid2 .col:last-child{ margin-right:0 !important;}  
	
}








/*** グリッド② 改行無し ************************************/

.grid2brno{overflow:hidden;}

.grid2brno .col:nth-child(1){ width:48%; float:left; margin:0 2% 0 0; box-sizing:border-box;overflow:hidden; }	

.grid2brno .col:nth-child(2){ width:48%; float:left; margin:0 0 0 2%; box-sizing:border-box;overflow:hidden; }	







/*** グリッド③ ************************************/   
   
.grid3{overflow:hidden;}

.grid3 .col{ width:30%; float:left; margin-right:5%;}	

.grid3 .col:last-child{ margin-right:0 !important;}   

@media screen and (max-width: 600px) {

.grid3 .col{ display:block; width:100%; margin-right:0;}	
   
.grid3 .col:last-child{ margin-right:0 !important;}  
	
}






/*** グリッド③改行無し ************************************/   
   
.grid3-noenter{overflow:hidden;}

.grid3-noenter .col33{ width:33.3333%; float:left; }	
 







/*** テーブルセル ************************************/   
   
.displaytable{display:table;}

.lbox-tablecell{display:table-cell;white-space: nowrap;}

.rbox-tablecell{display:table-cell;}






/*** 表示・非表示 ************************************/   

@media screen and (min-width: 960px) {

.pc-no{display:none;}

.mb-no{display:block;}
  
}

@media screen and (min-width: 601px) and (max-width:959px) { 

.pc-no{diplay:block;}

.mb-no{display:none;}

}

@media screen and (max-width: 600px) {

.pc-no{diplay:block;}

.mb-no{display:none;}
	
}






/*** ヘッダー① ************************************/ 

@media print, screen and (min-width: 960px){
		
   #header1{background: #fff;}

   #header1 .header1-in{width:1000px; margin:0 auto; }
   
   #header1 .header1-in h1{ float:left; height:90px; display:flex; align-items: center; padding:0 6px 0 0; }
   
   #header1 .header1-in h1 img{ height:50px;}
   
   #header1 .header1-in .lang{ float:right; }
   
   #header1 .header1-in .lang ul{display:table; table-layout:fixed; text-align:center;}
   
   #header1 .header1-in .lang ul li{ display:table-cell; vertical-align: middle;  font-size:0.87em; padding:0 10px; height:90px; white-space: nowrap; }
   
   #header1 .header1-in .lang ul li a{display: block;text-decoration: none; color:#000;}
   
   #header1 .header1-in .lang ul li a:hover{color:#E50012;}
   
   #header1 .header1-in .mark img{ padding:20px 0;}
   
   #header1 .header1-in p{ display:none;}
   
}


@media screen and (min-width: 601px) and (max-width:959px) {  

   #header1{overflow:hidden;}	
	   
   #header1 .header1-in{width:100%;overflow:hidden; }
   
   #header1 .header1-in h1{display:table-cell; vertical-align: middle; padding:2%; float:left;}
   
   #header1 .header1-in h1 img{ height:50px;}
   
   #header1 .header1-in div{ display:none;}
   
   #header1 .header1-in span{ display:none;}
   
   #header1 .header1-in p{ float:right; padding:1.35em; text-align:center; font-size:0.75em;}
   
   #header1 .header1-in p a{text-decoration:none;}
   
   #header1 .header1-in p a:before { 
	   font-size:2em !important;
	   content:"\f0c9";
	   font-family: "FontAwesome";
	   display:block;}	
	   
   #header1 .header1-in p a:hover{ color:#E50012;}	
   
}


@media screen and (max-width: 600px) {
	
   #header1{overflow:hidden;}	
	   
   #header1 .header1-in{width:100%;overflow:hidden; display:table;}
   
   #header1 .header1-in h1{vertical-align: middle; padding:2%; display:table-cell;}
   
   #header1 .header1-in h1 img{ width:100%;}
   
   #header1 .header1-in div{ display:none;}
   
   #header1 .header1-in span{ display:none;}
   
   #header1 .header1-in p{ display:table-cell;padding:1.35em; text-align:center; font-size:0.75em;}
   
   #header1 .header1-in p a{text-decoration:none;}
   
   #header1 .header1-in p a:before { 
	   font-size:2em !important;
	   content:"\f0c9";
	   font-family: "FontAwesome";
	   display:block;}	
	   
   #header1 .header1-in p a:hover{ color:#E50012;}	   

}






/*** ヘッダー② ************************************/ 

@media print, screen and (min-width: 960px){
  
   #header2{ background:#0064DF; clear: both;}
   
   #header2 .header2-in{width:1000px;margin:0 auto; padding:1.25em 0;}
   
   #header2 .header2-in nav ul{text-align: center;}
   
   #header2 .header2-in nav ul li{display: inline; font-weight:500;}
   
   #header2 .header2-in nav ul li a{ padding:0.25em 1.25em; text-decoration:none; color:#fff; position: relative; display: inline-block; }
   
   #header2 .header2-in nav ul li a:hover{ color:white; background-color:#17288A;}
 	 
}


@media screen and (min-width: 601px) and (max-width:959px) {        
   
   #header2 { display:none;}

}


@media screen and (max-width: 600px) {
	   
   #header2 { display:none;}
   
}






/*** トップページ ************************************/ 

	 
	 
@media print, screen and (min-width: 960px){	 
	 
.indexjigyo{ background:#F2F2F0; padding:50px 0;} 
   
.indexjigyo-in{width:1200px;margin:0 auto; }

.indexjigyo-in img{}
   
.indexjigyo-in .box{
display:grid; 
gap:30px;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr; 
background:#F2F2F0;
}
   
.indexjigyo-in .box div{ text-align:center;background:#000;}
   
.indexjigyo-in .box div a:hover{text-decoration:none;}

.indexjigyo-in .box div h2{ font-weight:normal; font-size:24px; padding:0.2em 0; color:#000; background:#fff;}

.indexjigyo-in .box div:last-child h2{ font-size:19px;padding: 11px 0;}
   
.indexjigyo-in .box div:hover h2{ color:#fff; background:#17288A;}	 
	
.indexjigyo-in .box div p{  font-size:14px; color:white; padding:0.75em 0; background:#0064DF;}
	   
.indexjigyo-in .box div p:after{content:"\f105"; font-family: "FontAwesome"; padding-left:0.25em;}
   
.indexjigyo-in .box div:hover p{ color:#0064DF; background:#000; }

.indexjigyo-in .box div p a{color: white;}

.indexjigyo-in .box div p a:hover{color: #0064DF;}

.movie iframe{width: 100%; height: 70%;vertical-align: bottom;}

}


@media screen and (min-width: 601px) and (max-width:959px) {  
   
.indexjigyo{ background:#F2F2F0; padding:50px 0;} 
   
.indexjigyo-in{width:100%;margin:0 auto; display:table; border-collapse:separate ;border-spacing: 15px 0;}

.indexjigyo-in img{}
   
.indexjigyo-in .box{
display:grid; 
gap:30px;
justify-items: center;
align-items: center;
justify-content: center;
grid-template-columns: 1fr 1fr 1fr 1fr;
background:#F2F2F0; }
   
.indexjigyo-in .box div{ text-align:center;background:#000;}
   
.indexjigyo-in .box div a:hover{text-decoration:none;}

.indexjigyo-in .box div h2{ font-weight:normal; font-size:18px; padding:0.25em 0; color:#000; background:#fff;}
   
.indexjigyo-in .box div:hover h2{ color:#fff; background:#17288A;}	 
	
.indexjigyo-in .box div p{  font-size:14px; color:white; padding:0.25em 0;background:#0064DF;}
	   
.indexjigyo-in .box div p:after{content:"\f105"; font-family: "FontAwesome"; padding-left:0.25em;}
   
.indexjigyo-in .box div:hover p{ color:#0064DF; background:#000; }   


.indexjigyo-in .box div p a{color: white;}

.indexjigyo-in .box div p a:hover{color: #0064DF;}


.movie{
grid-column:2/4;
grid-row:2/3; }

.movie{width: 100%;
aspect-ratio: 16/9;}

.movie iframe{width: 100%;
height: 100%;
vertical-align: bottom;}
  
}


@media screen and (max-width: 600px) {
   
.indexjigyo{ background:#F2F2F0; padding:50px 0;} 
   
.indexjigyo-in{width:100%;margin:0 auto; display:table; border-collapse:separate ;border-spacing: 15px 0;}

.indexjigyo-in img{}
   
.indexjigyo-in .box{
display:grid; 
gap:15px;
justify-items: center;
align-items: center;
justify-content: center;
grid-template-columns: repeat(2, 1fr); }
   
.indexjigyo-in .box div{ text-align:center;background:#000;}
   
.indexjigyo-in .box div a:hover{text-decoration:none;}
   
.indexjigyo-in .box div h2{ font-weight:normal; font-size:18px; padding:0.25em 0; color:#000; background:#fff;}
   
.indexjigyo-in .box div:hover h2{ color:#fff; background:#17288A;}	 
	
.indexjigyo-in .box div p{  font-size:14px; color:white; padding:0.25em 0;background:#0064DF;}
	   
.indexjigyo-in .box div p:after{content:"\f105"; font-family: "FontAwesome"; padding-left:0.25em;}
   
.indexjigyo-in .box div:hover p{ color:#0064DF; background:#000; } 

.indexjigyo-in .box div p a{color: white;}

.indexjigyo-in .box div p a:hover{color: #0064DF;}

.movie{
grid-column:1/3;
grid-row:3/4; }


.movie{width: 100%;
aspect-ratio: 16/9;}

.movie iframe{width: 100%;
height: 100%;
vertical-align: bottom;}



}




























/*** パンくずリスト ************************************/ 

#listcrumbs{ border-bottom:1px solid #ccc; }

#listcrumbs .listcrumbsin{ width:1000px; margin:0 auto; font-size:14px;color:#666; padding-left:4em;}

#listcrumbs .listcrumbsin a{}

#listcrumbs .listcrumbsin a:hover{ text-decoration:none;}


@media screen and (max-width: 959px) {

#listcrumbs{ border-bottom:none; border-top:1px solid #ccc; }

#listcrumbs .listcrumbsin{ width:100%; margin:0; font-size:12px; padding-left:1em; }
	
}   






/*** h2（トップページ以外） ************************************/  
   
article h2{font-size:32px; font-weight:200 ; text-align:center; padding:50px 0; color:#000; border-bottom:1px solid #ccc;} 
  
@media screen and (max-width: 959px) {
	  
article h2{background:#0064DF; color:white; margin:0; font-size:28px; padding:0.5em; border-bottom:none;} 	  
	  
}






/*** h3 ************************************/   

article h3{font-size:22px;font-weight:400 ; color:#004EA2; margin-bottom:0.5em;}






/*** サブメニュー ************************************/   
   
#submenu{ background:#EFEFEF; overflow:hidden; padding:0.75em 0;}
   
#submenu .submenu-in{width:1000px;margin:0 auto;}
   
#submenu .submenu-in ul{text-align: center;}
   
#submenu .submenu-in ul li{display: inline; font-weight: normal; margin-right:0.75em;}
  
#submenu .submenu-in ul li:last-child{margin-right:0;}
   
#submenu .submenu-in ul li a{ 
  	padding:0.125em 1em;
   text-decoration:none; 
   color:#000; 
   position: relative; 
   display: inline-block; 
   background:#fff;
   border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;}
	
#submenu .submenu-in ul li a:after{content:"\f0d7"; font-family: "FontAwesome"; color:#0064DF; font-size:24px; padding-left:0.25em;}	
  
#submenu .submenu-in ul li a:hover:after{color:white; }
   
#submenu .submenu-in ul li a:hover{ color:white; background-color:#0064DF;}   
  

@media screen and (max-width: 959px) {

#submenu{ background:#fff; overflow:hidden; padding:0;}
   
#submenu .submenu-in{width:100%;margin:0 auto;}
   
#submenu .submenu-in ul{text-align: left;}
   
#submenu .submenu-in ul li{display: inherit; font-weight: normal; margin-right:0; font-size:14px;}
  
#submenu .submenu-in ul li a{ 
   padding:0 1em;
   text-decoration:none; 
   color:#000; 
   background:#fff;
   border-bottom:1px dotted #0064DF;
   border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
	display:block;
	}
	
  #submenu .submenu-in ul li a:after{content:"\f0d7"; font-family: "FontAwesome"; color:#0064DF; font-size:16px; padding-left:0.25em;}	
	
}






/*** 背景切り替え ************************************/

.sec-bg-white{background:#fff; padding:50px 0;} 
  
.sec-bg-blue{background:#E5EDF6; padding:50px 0;} 
  
.inner{width:1000px;margin:0 auto;} 


@media screen and (max-width: 959px) {
	
.inner{width:94%;margin:0; padding:0 3%;} 
	
}

@media print{

.pbaa{page-break-after:always}
  
}





/* 【会社概要】 */ 

.gaiyo table{ border-collapse:separate; border-spacing:0;border-top:1px dotted #666;}
  
.gaiyo table th{ text-align:left; font-weight:normal;border-bottom:1px dotted #666;padding:0.5em; vertical-align:baseline;white-space: nowrap;}
  
.gaiyo table td{border-bottom:1px dotted #666; padding:0.5em;vertical-align:baseline;}
   
.wid100{width:100%;}
   
.wid50{width:50%;}

@media screen and (max-width: 600px) {
	
  .gaiyo table th{white-space: nowrap}
	
  .wid100{}
   
  .wid50{width:100%;} 
	
} 



.widsouko{width:40%;}

@media screen and (max-width: 600px) {
   
  .widsouko{width:100%;} 
	
} 




.gaiyogrid{
	overflow:hidden;
	width:100%;
	display: flex;
	frex-direction: row;
	flex-wrap: wrap; 
	-webkit-justify-content: space-around; /* Safari */
	justify-content:space-around;
	}

.gaiyogrid .box{
	width:32%; 
	display:block;
	text-align:center;
	font-size:14px;
	}






/* 【トランクルーム】 */ 


/*** 説明-2グリッド ************************************/
   
.trankgrid2{overflow:hidden;}

.trankgrid2 .col:nth-child(1){ width:48%; float:left; margin:0 2% 0 0; padding:2%; background:white; height:280px;box-sizing:border-box;overflow:hidden; }	

.trankgrid2 .col:nth-child(2){ width:48%; float:left; margin:0 0 0 2%; padding:2%; background:white; height:280px;box-sizing:border-box;overflow:hidden; }	


@media screen and (max-width: 959px) {

.trankgrid2 .col:nth-child(1){ display:block; width:100%; margin:0; height:auto; margin-bottom:2em;}	
   
.trankgrid2 .col:nth-child(2){ display:block; width:100%; margin:0;height:auto;}  
	
}


/*** キャッチ-５つ ************************************/

.trankcatch{ overflow:hidden; margin:50px 0 0;}

.trankcatch ul{ list-style:none;}

.trankcatch ul li{
	width:47%;
	float:left;
	background:#17288A;
	border-radius: 15px; 
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
	font-weight:bold;
	color:white;
	font-size:20px;
	padding:1%;
	margin-bottom:1.5%;}

.trankcatch ul li:nth-child(odd){
	margin-right:1.5%;}

@media screen and (max-width: 959px) {

.trankcatch ul li{float: none; width:98%;}

.trankcatch ul li:nth-child(odd){margin-right:0;}

}

@media screen and (max-width: 600px) {

.trankcatch ul li{
	float: none; 
	width:96%; 
	font-size:15px;
	border-radius: 7px; 
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
	padding:2%;}

.trankcatch ul li:nth-child(odd){margin-right:0;}

}


/*** 利用状況ボタン ************************************/

.trankbotan{margin:0 auto 50px; width:50%;font-size:x-large;}

.trankbotan a{ 
	background:#17288A; 
	display:block; 
	text-align:center; 
	color:white; 
	font-weight:bold; 
	padding:0.5em;
	 border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
	}

.trankbotan a:hover{background:#E50012; text-decoration:none; }

@media screen and (max-width: 959px) {

.trankbotan{width:100%;font-size:large;}	

}





/*** 料金表 ************************************/

.trankprice{ margin:1em 0 0 0;}

.trankprice table{  
	width:100%; 
	font-size:0.87em;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc; 
	border-left:1px solid #ccc; 
	border-right:1px solid #ccc; 
	}

.trankprice th{ padding:0.25em; text-align:center;font-weight:normal; background:lightblue;}

.trankprice td{ padding:0.25em; text-align:center;}

.trankprice table tr:nth-child(odd){border-bottom:1px dotted #ccc;}

.trankprice table tr:nth-child(even){background:#F7F8F8;border-bottom:1px dotted #ccc;}

.trankprice table tr:last-child{ border-bottom:none; }




/* 【プライバシーポリシー】 */

.privacy ol{margin-left:2em;}

.privacy ol li{ margin-bottom:0.5em;}


.privacylist dl{border-top:1px dotted #000;}

.privacylist dt{ font-weight:bold; padding:1em 0 0 1em; }

.privacylist dd{ padding:1em; border-bottom:1px dotted #000; }






/* 【事業案内】 */


/*** グリッド ************************************/

.businessgrid{
	overflow:hidden;
	width:100%;
	display: flex;
	frex-direction: row;
	flex-wrap: wrap; 
	-webkit-justify-content: space-around; /* Safari */
	justify-content:space-around;
  	margin-bottom:3%;
	}

.businessgrid .box{
	width:47%; 
	background:#fff;
	box-shadow: 0px 3px 9px rgba(0,0,0,0.2);
	display:block;
	}
  
.businessgrid .box:hover{background:lightyellow;}

.businessgrid .box .boxin{margin:1.5em 1.5em 2em;}	

@media screen and (max-width: 600px) {

.businessgrid{margin-bottom:0;}

.businessgrid .box{ width:100%;}	
	
}


/*** 詳しく見るボタン ************************************/	

.businessbotan a{
	border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
	background:#17288A;
	width:98%;
	display:block;
	text-align:center;
	color:white;
	margin:1em 0;
	padding:2% 0.75%;
	font-weight:bold;
	}	

.businessbotan a:hover{ background:#E50012; text-decoration:none;}






/* 【中国物流】 */


/*** 概要グリッド ************************************/	

.chinagrid4{overflow:hidden;}

.chinagrid4 .col{ width:21.25%; float:left; margin-right:5%; box-sizing:border-box;}	
   
.chinagrid4 .col:last-child{ margin-right:0 !important;}   


@media screen and (max-width: 959px) {

.chinagrid4 .col{ display:block; width:47.5%; margin-right:5%;}	
   
.chinagrid4 .col:nth-child(2){ margin-right:0 !important; margin-bottom:2em;}  

.chinagrid4 .col:nth-child(4){ margin-right:0 !important;} 
	
}


/*** 概要グリッド内リスト ************************************/	

.china ul{border-top:1px dotted #666; list-style:none; }

.china ul li{border-bottom:1px dotted #666; padding:0.25em 0.5em;}



/*** マップボタン ************************************/	

.map{}

.map a{ background:#E50012; padding:0 0.5em; color:#fff;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	font-size:0.87em
	}

.map a:hover{ text-decoration:none;background:#000;}
.map i{font-size:1.22em; margin-left:0.25em}




/* 【フッター】 */
	
@media print, screen and (min-width: 960px){
			
footer{ background:#111; color:#fff;}	
	
.footer-in{width:1000px;margin:0 auto;overflow: hidden; padding:50px 0;}
	
.footer-in .left{float:left;}

.footer-in .center{float:left; margin-left:2.5em;}

.leftmark{display:none;}
	
.footer-in .right{float:right; text-align:right;}
	
.footer-in a{color:#fff;}
	
.footer-in a:hover{text-decoration:none; color:lightblue; }

}


@media screen and (max-width: 959px) {
		
footer{ background:#111; color:#fff;}	
	
.footer-in{width:100%;margin:0 auto;overflow: hidden; padding:25px 1em 90px 1em;}
	
.footer-in .left{float: none;}

.leftmark{display:block; margin-bottom:1em; margin-top:1em}

.leftmark img{ padding:5px; background:#eee;}

	
.footer-in .right{float:none; text-align:left;}
	
.footer-in .right div{display:none;}

.footer-in a{color:#fff;}
	
.footer-in a:hover{text-decoration:none; color:lightblue; }

}






/* モーダルウィンドウ */	
	
@media (min-width: 960px) {
#modal{display:none;}
}
	
@media screen and (min-width: 601px) and (max-width:959px) { 
#modal{display:none;}	
}

@media screen and (max-width: 600px) {
#modal{display:none;}	
}

@media print{	
#modal{display:none;}	
}
	
	
	
/* 【モバイルメニュー】 */	
	
@media screen and (max-width: 959px) {
		
#modal{ overflow:hidden; display:none;}
	
#modal ul{ list-style:none}
	
#modal ul li{  font-size:0.87em;}
	
#modal ul li a:before{content:"\f105"; font-family: "FontAwesome"; padding-right:0.5em;}
	
#modal ul li a{display:block; padding:0.5em 1em; color:#fff;}
	
#modal ul li a:hover{ text-decoration:none; background:#0064DF; color:#fff;}
	
#modal ul li ol{ padding-left:2em!important;  list-style:none}
	
#modal p{padding: 0 1.35em; line-height:78px;text-align:right;}
	   
#modal p a{font-size:2em;color:#fff;}  
		
#modal p a:hover{ text-decoration:none; }
	
}
	

@media screen and (max-width: 600px) {
		
#modal{ overflow:hidden; display:none;}
	
#modal ul{ list-style:none}
	
#modal ul li{  font-size:0.87em;}
	
#modal ul li a:before{content:"\f105"; font-family: "FontAwesome"; padding-right:0.5em;}
	
#modal ul li a{display:block; padding:0.5em 1em; color:#fff;}
	
#modal ul li a:hover{ text-decoration:none; background:#0064DF; color:#fff;}
	
#modal p{padding: 0 1.35em; line-height:78px;text-align:right;}
	   
#modal p a{font-size:2em;color:#fff;}  
		
#modal p a:hover{ text-decoration:none; }
	   
}






/* 【ページトップボタン】 */
			
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
	font-size:28px;
	overflow:hidden;
	z-index:9999;
	}

#page-top a {
    background:#17288A;
    text-decoration: none;
    text-align: center;
    display: block;
	color:white;
	border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
	width:50px;
	height:50px;
	}
	
#page-top a:hover {
    text-decoration: none;
    opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	}
	
	




	
/* 【輸送安全マネジメント】 */	

.yusoutable table{ width:auto; border:1px solid gray;border-collapse:separate; border-spacing:0; border-bottom:none;border-right:none;}

.yusoutable table th{border-bottom:1px solid gray;border-right:1px solid gray; padding:0.25em 1em; white-space:nowrap; text-align:center; background:#ccc; font-weight:normal;}

.yusoutable table td{border-bottom:1px solid gray;border-right:1px solid gray; padding:0.25em 1em; white-space:nowrap; text-align:center;}


.yusoutable{
overflow: auto;
white-space: nowrap;
}
.yusoutable::-webkit-scrollbar{
 height: 5px;
}
.yusoutable::-webkit-scrollbar-track{
 background: #F1F1F1;
}
.yusoutable::-webkit-scrollbar-thumb {
 background: #BCBCBC;
}









/* 【採用情報】 */	

.recruit table{ border-collapse:separate; border-spacing:0;border-top:1px solid #666; border-left:1px solid #666;  border-right:1px solid #666; width:100%;box-sizing:border-box; }
  
.recruit table th{ text-align:left; font-weight:normal;border-bottom:1px solid #666;padding:0.5em; vertical-align:baseline;white-space: nowrap; background:#eee;}
  
.recruit table td{border-bottom:1px solid #666; padding:0.5em;vertical-align:baseline;}



.recruitgrid{overflow:hidden; display:block; width:100%;}

.recruitgrid .recruitcol:nth-child(1){ width:70%; padding:0 2% 0 0; margin:0;float:left; box-sizing:border-box;overflow:hidden; display:block;}	
   
.recruitgrid .recruitcol:nth-child(2){ width:30%; float:left; padding:0; margin:0; box-sizing:border-box;overflow:hidden; display:block;}   

.recruitgrid img{margin-bottom:2em;}


@media screen and (max-width: 600px) {

.recruitgrid .recruitcol:nth-child(1){ display:block; width:100%; padding-right:0%; }	

.recruitgrid .recruitcol:nth-child(2){ display:block; width:100%; margin-bottom:1em;}  

.recruitgrid img{margin-bottom:0em;}

}