.navbar-color {background-color: rgba(255, 255, 255, 0.8) !important;top:0;padding-top:1% !important;padding-bottom:1% !important;}
.navbar {
  position: fixed !important;
  top: 0;
}
.pc { display:none !important;}
.sp {display:none !important;}
.ssp { display:block !important;}

@media screen and (min-width: 480px) {
 .pc { display:none !important;}
.sp {display:block !important;}
.ssp { display:none !important;}

}

@media screen and (min-width: 980px) {
.pc { display:block !important;}
.sp {display:none !important;}
.ssp { display:none !important;}
}

.wrapper #googlemap  {
	position: relative;
	padding: 0 0 40%;
	height: 0;
	overflow: hidden;
 }
.wrapper #googlemap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
 }

.topics-container h2 span {font-weight:normal;font-size:24px;margin:1em; text-align:center; display:block; color:#50ADBA;}


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

 h2 span {display: inline-block;margin:0 0 0 10px;}
}




.cp_accordionslide08 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

.cp_accordionslide08:hover .slideitem {
width: 20%;
top:-10%;
}
.cp_accordionslide08 .slideitem {
position: relative;
overflow: hidden;
width: 20%;
height: 60vh;
	cursor: pointer;
	-webkit-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;


}
.cp_accordionslide08 .slideitem:nth-child(1) {
background-image: url("../images/main/shain01.jpg");
}
.cp_accordionslide08 .slideitem:nth-child(2) {
background-image: url("../images/main/shain02.jpg");
}
.cp_accordionslide08 .slideitem:nth-child(3) {
background-image: url("../images/main/shain03.jpg");
}
.cp_accordionslide08 .slideitem:nth-child(4) {
background-image: url("../images/main/shain04.jpg");
}
.cp_accordionslide08 .slideitem:nth-child(5) {
background-image: url("../images/main/shain05.jpg");
}


.cp_accordionslide08 .slideitem:before,
.cp_accordionslide08 .slideitem:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
-webkit-transform: translate3d(0, 0, 0);
background-color: rgba(0,0,0 ,0.4) !important;

}
.cp_accordionslide08 .slideitem:after {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	content: '';
	opacity: 0;

}

.cp_accordionslide08 .slideitem:hover:before,
.cp_accordionslide08 .slideitem:hover:after {	background-color: rgba(0,0,0 ,0) !important;
}

.cp_accordionslide08 .slideitem:hover {
width: 60% !important;

}
.cp_accordionslide08 .slideitem:hover:after {
	visibility: visible;
	-webkit-transition: all 0.2s linear 0.4s;
	transition: all 0.2s linear 0.4s;
	opacity: 1;

}

.cp_accordionslide08 .slideitem:hover .slidecont {
	visibility: visible;
	-webkit-transition: all 0.2s linear 0.7s;
	transition: all 0.2s linear 0.7s;
	-webkit-transform: scale(1);
	        transform: scale(1);
	opacity: 1;
}

.cp_accordionslide08 .slideitem .slidecont p {bottom: 2% !important;width:86%; margin:auto !important; font-size:16px; line-height:1.7em; text-align:center;}
.cp_accordionslide08 .slideitem .slidecont p span { font-size:16px; font-weight:600; margin-bottom:4%;}


.cp_accordionslide08 .slidecont .button{
	text-align:center;
	margin:20px 0 0 0;
	top:50%;
}

.cp_accordionslide08 .slidecont .button a{
	font-size:25px;
	font-weight:normal;
	font-family:Arial;
	background:#fff;
	color:#D84938;
	padding:4px 12px;
}


.cp_accordionslide08 .slideitem .slidecont h2 {
	font-size: 1.6em;
	margin-bottom:5%;
	text-align:center;
}


.cp_accordionslide08 .slidecont {
	position: absolute;
	z-index: 4;
	bottom:90px !important;
	left:23%;
	visibility: hidden;
	max-width: 400px;
	padding: 20px;
	-webkit-transform: scale(0.85);
	        transform: scale(0.85);
	color: #ffffff;
	border-radius: 5px;
	background-color: rgba(214,74,57 ,0.6);
}

@media only screen and (max-width:1400px) {
	.cp_accordionslide08 .slideitem .slidecont {
		left: 8%;
	}
		.cp_accordionslide08:hover .slideitem:hover .slidecont {
		left: 8%;}
	}
	

@media only screen and (max-width:1080px) {
	.cp_accordionslide08 .slideitem .slidecont {
		left: 2%;
	}
		.cp_accordionslide08:hover .slideitem:hover .slidecont {
		left:2%;}
	}	
	

@media only screen and (max-width:768px) {
.cp_accordionslide08 {
display: block;
}
.cp_accordionslide08:hover .slideitem {
width: 100%;
height: 20vh;
}
.cp_accordionslide08 .slideitem {
width: 100%;
height: 20vh;
}
.cp_accordionslide08 .slideitem:hover {
width: 100% !important;
height: 45vh !important;
}
.cp_accordionslide08 .slideitem h2 {
top: 35%;
}

cp_accordionslide08 .slideitem .slidecont p {width:90%; font-size:14px;}

	.cp_accordionslide08 .slideitem .slidecont {
		right: 10px;
		bottom: 30px !important;
		left:18%;
	}
	.cp_accordionslide08:hover .slideitem:hover .slidecont {
		left:18%;
	}
}

@media only screen and (max-width:540px) {
	.cp_accordionslide08 .slideitem .slidecont {
		left: 5%;
		padding: 10px;
	}
		.cp_accordionslide08:hover .slideitem:hover .slidecont {
		left: 5%;}
	}

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

          topics

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

.topics-container{
margin-top:2%; margin-bottom:3%;
}

.topics-container h2{
	padding:60px 0 25px 0;
	text-align:center;
	font-size:38px;
	font-weight:normal;
	font-family:Arial;
	line-height:15px;
}


.info_list a{
	text-decoration: underline;
}

 .info .inner .info_list li .info_label1:after {
  content: "お知らせ";
  font-size: 15px;
  background: #7fcac6;
  color: #fff;
  padding:0.3em 1em 0.2em ;
  margin-right: .5em;
  margin-left:1em;
  vertical-align: middle;
}

 .info .inner .info_list li .info_label2:after {
  content: "取り組み";
  font-size: 15px;
  background: #F8B62D;
  color: #fff;
  padding:0.3em 1em 0.2em ;
  margin-right: .5em;
  margin-left:1em;
  vertical-align: middle;
}


 .info .inner .info_list li .info_label3:after {
  content: "営業案内";
  font-size: 15px;
  background: #2ea0a9;
  color: #fff;
  padding:0.3em 1em 0.2em ;
  margin-right: .5em;
  margin-left:1em;
  vertical-align: middle;
}

 .info .inner .info_list li .info_label4:after {
  content: "その他";
  font-size: 15px;
  background: #d2d2d2;
  color: #fff;
  padding:0.3em 1.5em 0.2em ;
  margin-right: .5em;
  margin-left:1em;
  vertical-align: middle;
}

 .info .inner .info_list li .info_label5:after {
  content: "重要";
  font-size: 15px;
  background: #d84a39;
  color: #fff;
  padding:0.3em 2em 0.2em ;
  margin-right: .5em;
  margin-left:1em;
  vertical-align: middle;
}

.topics-container .info {padding:0 3% 3%; width:90%; margin:0 auto 3%; text-align:center;}
.topics-container .info .inner {max-width: 1080px;border-top: solid 4px #7EC9C5;text-align:left;padding:4% 2% 0px;margin:auto;}
.topics-container .info_list {padding:0; margin-top:-2%;} 
.topics-container .info_list li {padding: 10px 0;font-size: 15px;line-height: 1.6;border-bottom: 1px dotted #7EC9C5;}
.topics-container .info_list li span.date {margin-right:10px; display:inline-block;}
.topics-container .info_list li p {text-decoration: none; display:inline-block;padding-right:8%; }
.topics-container .info_list li a:hover {color:#D84938;}




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

.topics-container{
 margin-bottom:10%;
}

.topics-container h2{
	font-size:35px;
}
	
.topics-container .info_list {padding:0; margin-top:0%;} 

.topics-container .info_list li p {margin-top:3%;}

.topics-container .info_list li span {display: inline-block;}
.topics-container .info_list li a {display: block;line-height:1.6em !important;padding-top:1em !important;}

}



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

          page

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

.page-container{
width:100%;

}

.page-container .title{
	background:#50ADBA;
	padding:20px;
}

.page-container .title h2{
	text-align:center;
	font-size:35px;
	font-weight:normal;
	font-family:Arial;
	line-height:35px;
	padding-bottom:5px;
	color:#fff;
}

.page-container .title h3{
	text-align:center;
	font-size:15px;
	line-height:15px;
	color:#fff;
}

.page-container .inner{
	width:100%;
	max-width:1500px;
	margin:0 auto;
	padding:50px 5%;
}

@media screen and (max-width: 1080px) {
	.page-container .inner{
	width:95%;
}
}
@media screen and (min-width: 1600px) {
.wrapper #googlemap  {
	position: relative;
	padding: 0 0 30%;
	height: 0;
	overflow: hidden;
 }
}
.page-container .inner .paragraph{
		margin:5% 0 7%;
		width:100% !important;
		
}

.page-container .inner .paragraph h4{
	border-bottom:4px solid #7EC9C5;
	padding:0 0 12px 0;
	margin:0;
}

.page-container .inner .paragraph h4 span{
	background:#7EC9C5;
	color:#fff;
	font-size:20px;
	font-weight:normal;
	padding:5px 10px;
}

.page-container .inner .paragraph .sentence{
	width:68%;
	display:inline-block;
	vertical-align:top;
	margin-right:2%;
	margin-top:3%;
}

.page-container .inner .paragraph .sentence03 {
	width:46%;
	display:inline-block !important;
	vertical-align:top;
	margin-right:2%;
	margin-top:3%;
}

.page-container .inner .paragraph .sentence04 {
	width:98%;
	vertical-align:top;
	margin-right:2%;
	margin-top:3%;
}

.page-container .inner .paragraph .sentence02{
	width:68%;
	display:inline-block;
	vertical-align:top;
	margin-left:2%;
}
.page-container .inner .paragraph .sentence02 img{
	width:90%;
	padding-bottom:2%;
}

.page-container .inner .paragraph .sentence.full{
	width:100%;
	margin:0;
}

.page-container .inner .paragraph .sentence p{
	line-height:180%;
	font-size:14px;
}

.page-container .inner .paragraph .sentence03 p{
	line-height:180%;
	font-size:1.1rem;
}

.page-container .inner .paragraph .sentence04 p{
	line-height:180%;
	font-size:1.1rem;
}



 .inner .paragraph .sentence02 p{
	line-height:180%;
	font-size:1.1rem;
}

.page-container .inner .paragraph .sentence h5{
	font-size:22px;
	color:#EF6D16;
	margin-top:30px;
}

.page-container .inner .paragraph figure{
	width:29%;
	display:inline-block;
	margin-top:3%;
}


.page-container .inner .paragraph figure img{
	width:100%;
	height:auto;
}



.page-container .inner .paragraph .taigaimuke ul {
	width:100%;}
	
.page-container .inner .paragraph .taigaimuke ul li {
	width:30.8%; padding:1%;display:inline-block; text-align:center;
	vertical-align:top;}

.page-container .inner .paragraph .taigaimuke ul li img {
	width:90%;padding-bottom:2%; margin:auto;
	-webkit-border-radius: 50%;/* for Safari and Chrome */
	-moz-border-radius: 50%; /* for Firefox */
	-o-border-radius: 50%; /* for opera */
	border-radius: 50%;}

.page-container .inner .paragraph .taigaimuke ul li .hitokoto img {
	width:80%;padding-bottom:5%;margin:1% auto; border-radius: 0;}
	
.page-container .inner .paragraph .taigaimuke ul li .hitokoto { margin-bottom:5%;border-bottom:5px solid #afd8de;}
.page-container .inner .paragraph .taigaimuke ul li h5 {
	font-size:18px;  text-align:center; padding:10px;margin:1% auto 3%; background-color:#afd8de;}	

.page-container .inner .paragraph .taigaimuke ul li h5 a {color:#fff !important;}
.page-container .inner .paragraph .taigaimuke ul li h6 {
	font-size:16px; text-align:left; padding:10px;margin:3% 1%; border-left:5px solid #afd8de;border-top:1px solid #dbdcdc;border-bottom:1px solid #dbdcdc;border-right:1px solid #dbdcdc;}	
.page-container .inner .paragraph .taigaimuke ul li .kaitou { text-indent:1em;font-size:14px; text-align:left !important;line-height:1.6em;}

.page-container .inner .paragraph .taigaimuke ul li p {font-size:14px; text-align:center; line-height:1.6em;}
.page-container .inner .paragraph .taigaimuke ul li p span {font-size:18px;}





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

	.page-container .inner{
		width:90%;
		margin:0 auto;
		padding:30px 10px;
	}
	.page-container .inner .paragraph .sentence{
		width:100%;
		margin:5% 0 10px 0;
	}
	 .page-container .inner .paragraph .sentence02{
		width:100%;
		margin:0 0 10px 0;
	}
	.page-container .inner .paragraph figure{
		width:100%;
	}
	.page-container .inner .paragraph .sentence02 img{
	width:100%;
	padding:4% 0 2%;
	margin:auto;
}

.page-container .inner .paragraph .taigaimuke ul li {
	width:48%; padding:.5%;display:inline-block;vertical-align:top;}

	
}
@media screen and (max-width: 498px) {
	.page-container .inner .paragraph .taigaimuke ul li h5 {
	font-size:16px; padding:10px 5px;}
}

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

          page / pamphlet

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

.page-container .inner .paragraph .pamphlet{
	border:5px solid #EF6D16;
	border-radius:10px;
	-web-kit-border-radius:10px;
	-moz-border-radius:10px;
	margin:30px 0;
	width:100%;
}

.page-container .inner .paragraph .pamphlet h5{
	width:100%;
	background:#EF6D16;
	color:#fff;
	font-size:22px;
	padding:10px 0;
}

.page-container .inner .paragraph .pamphlet .detail{
	max-width:940px;
	margin:20px auto 25px;
	width:100%;
}

.page-container .inner .paragraph .pamphlet .detail figure{
	width: 25%;
	display: inline-block;
	vertical-align: middle;
	margin: auto 50px auto 10px;
	
}


.page-container .inner .paragraph .pamphlet .detail .index{
	width:67%;
	display:inline-block;
	vertical-align:top;
}

.page-container .inner .paragraph .pamphlet .detail .index p{
	font-size:19px;
	background:#DBDCDC;
	border-radius:6px;
	-web-kit-border-radius:6px;
	-moz-border-radius:6px;
	text-indent:6px;
	padding:10px 0;
	margin:10px 0 15px ;
}

.page-container .inner .paragraph .pamphlet .detail .index ul li{
	border-bottom:1px dashed #000;
	font-size:14px;
	padding:10px 0;
}

.page-container .inner .paragraph .pamphlet .detail .index ul li span{
	color:#EF6D16;
}

@media screen and (max-width: 900px) {
.page-container .inner .paragraph .pamphlet .detail figure{
	margin: auto 20px auto 10px;
	
}	
}
@media screen and (max-width: 767px) {

	.page-container .inner .paragraph .pamphlet .detail{
		width:96%;
		margin:3% auto;
	}
	
	.page-container .inner .paragraph .pamphlet .detail figure{
		width:100%;
		margin:auto;
	}
	
	.page-container .inner .paragraph  figure{
		width:100%;
		margin:5% auto auto;
	}
	.page-container .inner .paragraph .pamphlet .detail .index{
		width:100%;
	}
	
}



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

          page / stepflow

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


.page-container .inner .stepflow{
	padding:0 35px;
}

.page-container .inner .stepflow ul li{
	padding:0 0 30px 0;
	background-image:url("../images/arrow3.png");
	background-repeat:no-repeat;
	background-position:15px bottom;
	margin:0 0 10px 0;
}

.page-container .inner .stepflow ul li:last-child{
	background-image:none;
}

.page-container .inner .stepflow ul li dl{
	border:3px solid #EF6D16;
	border-radius:10px;
	-web-kit-border-radius:10px;
	-moz-border-radius:10px;
	display:table;
}

.page-container .inner .stepflow ul li dl:after{
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: "."; 
}

.page-container .inner .stepflow ul li dl dt{
	width:160px;
	display:table-cell;
	vertical-align:middle;
	background:#EF6D16;
	padding:10px 5px;
	font-size:18px;
	color:#fff;
}

.page-container .inner .stepflow ul li dl dd{
	display:table-cell;
	vertical-align:middle;
	font-size:14px;
	padding:10px 5px;
}

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

	.page-container .inner .stepflow{
		padding:0 15px;
	}
	
	.page-container .inner .stepflow ul li{
		background-position:center bottom;
	}
	
	.page-container .inner .stepflow ul li dl dt{
		width:120px;
		font-size:14px;
	}
	
	.page-container .inner .stepflow ul li dl dd{
		font-size:12px;
	}

}

 .page-container .inner .paragraph .sentence.full .index ul {width:100%;}
 .page-container .inner .paragraph .sentence.full .index ul li{
	border-bottom:1px dashed #000;
	font-size:14px;
	padding:10px 5px;
	width:44%;
	float:left;
	margin:0 2%;
	
}

 .page-container .inner .paragraph .sentence.full .index ul li span{
	color:#EF6D16;
}
	
@media screen and (max-width: 767px) {
	 .page-container .inner .paragraph .sentence.full .index ul li{
		 width:92%;
		 float:none;
	 }

}



@media screen and (max-width: 500px) {
.main-container .main_text p { font-size:17px !important; font-weight:400; }
.main-container .main_text { padding-left:3% !important;  padding-right:3% !important; padding-bottom:8% !important; height:60px !important;}

}

@media screen and (max-width: 980px) {
	.main-container .main_text { text-align:left !important; height:45px !important;}
	.main-container .main_text p { font-size:18px !important; text-align:left;padding:3% 2% 0.5% !important ; padding-bottom:1%;}

}


@media screen and (max-width:1100px) {.main-container .main_text { padding-bottom:1%;}}


.main-container .main_text { z-index:10;background-size:contain;background-color:#50ADBA; text-align:center; height:26px;border-top:2px solid #50ADBA; margin-top:-1%; padding-bottom:2%;}
.main-container .main_text p { font-weight:600; letter-spacing:0em;font-size:20px; color:#fff; margin:auto;padding:2% 2% 1% !important ;   font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; line-height:1.5em;
}



/* 会社概要ページ */
.inner .company .box {width:100%; margin:2% auto 5%; padding-left:2%;}
.inner .company dl {font-size: 15px; padding: 1em 0; line-height:1.6em;}
.inner .company dt {width:18%;float:left;text-align:center;clear: left;}
.inner .company dd {width:78%;padding-left:18%; border-bottom: 1px dashed #7EC9C5; padding-bottom:1.5em;}
.inner .company dd a { color:#666666;}
.inner .company dd a:hover { color:#D84A39;}
.inner .company ol li {list-style: decimal;margin-left:20px;}

 .page-container .inner .company_ph { width:100%;margin:auto !important; text-align:center;}
 .page-container .inner .company_ph img {width:96%; margin:0 auto 7%;}


@media screen and (max-width: 767px) {
.inner .company dl {font-size: 14px;}
.inner .company dt {width:50%; float:none;text-align:left;clear: left;padding-left:3%; padding-right:3%;}
.inner .company dd {width:95%;padding-left:3%; padding-right:3%;} 
 .page-container .inner .company_ph { width:100%; margin:0 auto 10% !important;}
 }
 
 
 /* 保有車輛ページ */

.carlist {width:100%; margin:3% auto auto;}
.carlist li {width:48%;display:inline-block;padding-right:1%; padding-bottom:1.5%;font-size:18px; line-height:1.5em;}
.carlist li a:hover { text-decoration:none !important; color:#D84938;}
.carlist li img {width:100%;}

 .page-container .inner .carmodel_ph { width:98%;margin-left:-.5% !important; text-align:left;}
 .page-container .inner .carmodel_ph img {width:100%; margin:1% auto 2%;}
 
 
.inner .carmodel .box {width:100%; margin:2% auto 5%; padding-left:2%;}
.inner .carmodel dl {font-size: 15px; padding: 1em 0; line-height:1.6em;}
.inner .carmodel dt {width:18%;float:left;text-align:center;clear: left;}
.inner .carmodel dd {width:78%;padding-left:18%; border-bottom: 1px dashed #7EC9C5; padding-bottom:10px;}
.inner .carmodel ol li {list-style: decimal;margin-left:20px;}

.inner .carmodel dd a:hover { text-decoration:none;color:#D84938;} 

#car-margin {margin-top:10%;}

@media screen and (max-width: 767px) {
.inner .carmodel dl {font-size: 14px;width:100%;}
.inner .carmodel dt {width:30%;float:left;text-align:left;clear: left;}
.inner .carmodel dd {width:90%;padding-left:2em; border-bottom: 1px dashed #7EC9C5; padding-bottom:10px;}
 .page-container .inner .carmodel_ph { width:100%;margin-left:-.3% !important; text-align:left;}

.carlist {width:98%; margin:4% auto auto;}
.carlist li {width:100%;padding-right:0%; padding-bottom:3%}
#car-margin {margin-top:15%;}
}


.inner .company .box02 { width:100%; margin:1% auto 2%; display:inline-block;}

.inner .inner .paragraph .company .box02 dl {font-size: 14px;}
.inner .inner .paragraph .company .box02 dt {width:18%;float:left;text-align:center;clear: left;}
.inner .inner .paragraph .company .box02 dt span { background-color:#F8B62D; padding:5px; color:#fff; font-weight:bold;}
.inner .inner .paragraph .company .box02 dd {width:78%;padding-left:18%; border-bottom: 1px dashed #7EC9C5; padding-bottom:10px;} 
.inner .inner .paragraph .company .box02 dd a:hover {text-decoration:none; color:#D84A39;}


.anzen_ph {width:100%; margin:0 auto 7%;}
.anzen_ph img { margin-right:.5%;width:32%; display:inline-block;}


.page-container .inner .paragraph .shikaku_img {
	width:44% !important;
	display:inline-block !important;
	margin-top:3%;
}

.page-container .inner .paragraph .shikaku_img img {
	width:49% !important;margin-left:2%
	height:auto;
	display:inline-block !important;
}

@media screen and (max-width: 500px) {
.anzen_ph img { margin-right:.5%;width:49%; display:inline-block;}	

}

@media screen and (max-width: 991.98px) {
.page-container .inner .paragraph .sentence03 {
	width:100%;
	margin-top:3%;
}
.page-container .inner .paragraph .sentence03 p{
	line-height:2rem;
}

.page-container .inner .paragraph .shikaku_img {width:100% !important;margin:3% auto;}

.wrapper .page-container .inner .paragraph  figure02 {
	width:100% !important; display:inline-block;}
}

/* 運搬実績ページ */

.transport_ph {width:100%; margin:0 auto 5%; vertical-align:top !important;}
.transport_ph p { margin-right:1%;width:31.5%; display:inline-block;font-size:16px; line-height:1.8em; padding-bottom:1em;border-bottom:2px solid #DBDCDC; vertical-align:top !important;}
.transport_ph p span { background-color:#F8B62D; padding:.1em .3em; margin-right:0.7em;color:#fff; margin-bottom:.5em; font-weight:bold; font-size:13px;}

.transport_ph p span.transport {color:#000; background-color:#fff; font-weight:500; font-size:14px;}

.transport_ph p img { width:100%;margin-bottom:.5em; margin-top:1.8em;}

@media screen and (max-width: 767px) {
	.transport_ph p { margin-right:1%;width:48%; display:inline-block;font-size:16px; line-height:1.8em}
	.transport_ph p span { background-color:#F8B62D; padding:.2em; margin-right:.2em;color:#fff; font-weight:bold;}
	.transport_ph p img { width:100%;margin-bottom:.5em; margin-top:1.3em;}
}

@media screen and (max-width: 500px) {
	.transport_ph p { font-size:14px;}
}

@media screen and (max-width: 450px) {
.transport_ph p span { display:block;}
}


/* 求人ページ */

.inner .paragraph .tab-content {
	width:85%;
	margin:auto;
  padding: 18px 30px 18px 0px;
  background: #fff;
}

.inner .paragraph .tab-pane {
  margin-bottom: 0;
  list-style-type: none;
  -webkit-padding-start: 0;
}

.inner .paragraph .tab-pane li {
  overflow: hidden;
  border-bottom: 2px solid #e8e8e8;
  padding-bottom:10px;
  width:100%;
}

.inner .paragraph .tab-pane li+li {
  margin-top: 2%;
}

.inner .paragraph .tab-pane div {
  float: left;
}

.inner .paragraph .tab-pane .article-title {
  font-size: 16px;
  line-height: 1.6;
  float: left;
  display: block;
  margin:0;
}
.inner .paragraph #newsrelease {margin: 2% auto 1%!important;}



.inner .paragraph .tab-pane .label {
  display: inline-block;
  width: 90px;
  margin-right: 10px;
  padding: 0.1em;
  text-align: center;
  color: #fff;
}

.inner .paragraph .recruit_list a:hover { color:#C3373D !important;}

.inner .paragraph .sisetu #newsrelease .col-xs-12 .article-title a { font-size: 16px;font-weight:100;line-height: 1.6;}

.inner .paragraph .sisetu #newsrelease a:hover { color:#C3373D;
}

.inner .paragraph #newsrelease a:hover {
  color: #C3373D !important;
  }

.tab-content {
  padding: 18px 0px 18px 0px;
  margin:auto;
  width:100%;
}

#newsrelease li .date {
  width: 100px;
  margin-right: 10px;
}


.re_label1:after {
  content: "地　場";
  font-size: 15px;
  background: #F8B62D;
  color: #fff;
  padding:0.3em 1.5em 0.2em !important;
  margin-right:1em;
  margin-left:1em;
  vertical-align: middle !important;
}

.re_label2:after {
  content: "近・中距離";
  font-size: 15px;
  background: #D84A39;
  color: #fff;
  padding:0.3em .55em 0.2em ;
  margin-right: 1em;
  margin-left:1em;
  vertical-align: middle !important;
}


.re_label3:after {
  content: "長距離";
  font-size: 15px;
  background: #43aa6a;
  color: #fff;
  padding:0.3em 1.5em 0.2em ;
  margin-right: 1em;
  margin-left:1em;
  vertical-align: middle !important;
}

.interview {
width:100%; margin:3% auto 3%; 
    margin: 3% auto 3%;
    padding: 0;
    max-width: 1080px;}

.interview .recruit1 {
	width:31.5%;
	height:	200px;
	overflow:		hidden;
	margin:			7px 1.1% 7px 0;
	position:		relative;	/* 相対位置指定 */
 display:inline-block;
}
.interview .recruit1 .caption {
	font-size:20px;
	text-align: 		center;
	padding-top:		80px;
	color:			#fff;
	font-weight:600;
}

.interview .recruit1 .caption a { color:#fff;}
.interview .recruit1 .caption span { font-size:14px; display:block;}
.interview .recruit1 .mask {
	width:			100%;
	height:			100%;
	position:		absolute;	/* 絶対位置指定 */
	top:			0;
	left:			0;
	opacity:		0;	/* マスクを表示しない */
	background-color: rgba(214,74,57 ,0.6);
	-webkit-transition:	all 0.2s ease;
	transition:		all 0.2s ease;
}
.interview .recruit1:hover .mask {
	opacity:		1;	/* マスクを表示する */
}




@media screen and (max-width:768px) {
.interview .recruit1 {
        display: block;
	width:100%;	
}
.interview img{
        width: 100%;
}
}

@media screen and (max-width:600px) {
.interview {margin:5% 0 12%; padding:0;}
}


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

.inner .paragraph .tab-pane .label {
padding: 0em;
  width: 100px;
}

.inner .paragraph .tab-pane .article-title {
  line-height: 1.6;
  margin-top:5px;
}
	
#newsrelease li .date .date {
  width: 100px;
  margin-right: 10px;
}

.inner .paragraph .tab-pane .label {
  display: inline-block;
  width: 80px;
  margin-right: 10px;
  padding: 0.1em;
  text-align: center;
  color: #fff;
}

.inner .paragraph #newsrelease {padding-right:5%; padding-left:5%;}
}

@media screen and (max-width: 993px) {
.inner .paragraph .tab-content {
  padding: 18px 0px 18px 0px;
  margin:auto;
  width:100%;
}}

.recruit_nagare {max-width: 1080px; width:100%; margin:2% auto 8%; vertical-align:top !important;}
	.recruit_nagare p { margin-right:3%;width:46%; display:inline-block;font-size:16px; line-height:1.8em;padding-bottom:1em;border-bottom:1.5px dashed #F8B62D;vertical-align:top !important}
.recruit_nagare p span { background-color:#F8B62D; padding:.1em 0.3em; margin-right:.3em; line-height:2.3em;color:#fff; font-weight:bold;}
.recruit_nagare p img { width:100%;margin-bottom:.2em; margin-top:1.8em;vertical-align:top !important}

@media screen and (max-width: 767px) {
.recruit_nagare p { margin:auto;width:100%; display:block;}
	.recruit_nagareh p span { background-color:#F8B62D; padding:.2em; margin-right:.2em;color:#fff; font-weight:bold; line-height:2.3em;}
	.recruit_nagare p img { width:100%;margin-bottom:.3em; margin-top:1.3em;}

}

@media screen and (max-width: 500px) {
	.recruit_nagare p { font-size:14px;}
}

@media screen and (max-width: 500px) {
	#recruit_nagare p { font-size:14px;}
}


.page-container .inner .paragraph .sentence05 {
	width:48%;
	display:inline-block;
	vertical-align:top;
	margin-right:2%;
	margin-top:3%;
}

.page-container .inner .paragraph .sentence05 p{
	line-height:2rem;
	font-size:1.1rem;
}

.page-container .inner .paragraph figure03{
	width:48%;
	display:inline-block;
	margin-top:3%;
}

.page-container .inner .paragraph figure03 img{
	width:100%;
	height:auto;
	display:inline-block;
}
.page-container .inner .paragraph .iitokoro{
	color:#F8B62D;margin-top:3%;
	font-size:1.6rem;font-weight: 600;line-height:1.5em;
}

.page-container .inner .paragraph .iitokoro_text {
	margin-top:2%;margin-bottom:3%;
	font-size:1.1rem;line-height:1.7em;
}

.page-container .inner .paragraph .iitokoro_text span {
	font-weight: 600;font-size:1.2rem;color:#e60012;
}


.inner .recruit .box {width:100%; margin:2% auto 5%; padding-left:2%;}
.inner .recruit dl {font-size: 1.2rem; padding: 1em 0; line-height:1.6em;}
.inner .recruit dt { text-indent:.5em;width:18%;float:left;text-align:left;clear: left; font-weight:bold;}
.inner .recruit dd {width:78%;padding-left:18%; border-bottom: 2px solid #e8e8e8; padding-bottom:2%;}
.inner .recruit ol li {list-style: decimal;margin-left:20px;}

.recruit_btn {margin:auto auto 6%; text-align:center;width:40% !important; }
.recruit_btn img {width:100%;}
.recruit_btn img a:hover { opacity:.5;}

@media screen and (max-width: 991.98px) {
.recruit_btn {width:50% !important; }
}
@media screen and (max-width: 600px) {
.recruit_btn {width:90% !important;margin:4% auto 20%; }
}
.page-container .inner .paragraph .iitokoro_kakomi{
	color:#fff;margin-top:3%;margin-bottom:8%; padding:0.5em 1em;background-color: #f28a94; border: solid 3px #f26062;
	font-size:1.2rem;font-weight: 600;line-height:2.1rem;
}

@media screen and (max-width: 856px) {
.page-container .inner .paragraph .iitokoro{
font-size:1.35rem !important;margin-top:3% !important;margin-bottom:4% !important;}
.page-container .inner .paragraph .iitokoro_kakomi {margin-top: 5%;margin-bottom: 5%; font-size:1.1rem !important;}
}


@media screen and (max-width: 767px) {
.inner .recruit dl {font-size: 14px;}
.inner .recruit dt {text-indent:0em;width:50%; float:none;text-align:left;clear: left;padding-left:3%; padding-right:3%; padding-bottom:1.5%;}
.inner .recruit dd {width:95%;padding-left:3%; padding-right:3%; padding-bottom:2%;} 
 .recruit_btn {width:55%;}
 
.page-container .inner .paragraph figure03{
	width:100%;
	display:block;
}
.page-container .inner .paragraph .sentence05 {
	width:100%;
	display:block;}
}
 
 @media screen and (max-width: 480px) {
 .recruit_btn  {width:80%;}
 }
	 
 /* インタビューページ */
 
 .page-container .inner .paragraph .sentence05 h1{ font-size:2.2rem; color:#2EA0A9; font-weight:bold; line-height:3.1rem; margin-bottom:.6em;}
 .page-container .inner .paragraph .sentence05 h1 span { font-size:2.2rem; color:#2EA0A9; display:inline-block;}
 .page-container .inner .paragraph .sentence05 h2{ display:inline-block;font-size:1.1rem; color:#fff; font-weight:bold; background-color:#7FCAC6; padding:1% 1.5% !important; margin-top:2em;margin-bottom:.6em;}
 .page-container .inner .paragraph .sentence05 h3{ font-size:1.8rem; font-weight:bold; line-height:1.3em;}
 .page-container .inner .paragraph .sentence05 h3 span{ margin-left:.5em;font-size:1.1rem; line-height:1.8rem;}

.page-container .inner .paragraph .sentence06{
	width:68%;
	display:inline-block;
	vertical-align:top;
	margin-left:2%;
	margin-top:3%;
}
 .page-container .inner .paragraph .sentence06 p{
	line-height:180%;
	font-size:1.1rem;;
}

.page-container .inner .paragraph .sentence06 h4{
	border-bottom:4px solid #F8B62D;
	padding:1em 0 12px 0;
	margin-bottom:1em;
}

.page-container .inner .paragraph .sentence06 h4 span{
	background:#F8B62D;
	color:#fff;
	font-size:1.6rem;
	font-weight:normal;
	padding:5px 10px;
	font-weight:bold;
}

.page-container .inner .paragraph .sentence07{
	width:68%;
	display:inline-block;
	vertical-align:top;
	margin-right:2%;
	margin-top:3%;
}
 .page-container .inner .paragraph .sentence07 p{
	line-height:180%;
	font-size:1.1rem;
}

.page-container .inner .paragraph .sentence07 h4{
	border-bottom:4px solid #F8B62D;
	padding:1em 0 12px 0;
	margin-bottom:1em;
}

.page-container .inner .paragraph .sentence07 h4 span{
	background:#F8B62D;
	color:#fff;
	font-size:1.6rem;
	font-weight:normal;
	padding:5px 10px;
	font-weight:bold;
}

.page-container .message { background-color:#7FCAC6; background-size:cover;margin-bottom:1%;}
.page-container .message h1 {font-size:30px; color:#fff; font-weight:bold; text-align:center;}
.page-container .message h1 span { display:block;font-size:16px; color:#fff; text-align:center; font-weight:200; line-height:1.6em;}
.page-container .message-inner{
	width:100%;
	max-width:1200px;
	margin:5% auto 0;
	padding:60px 0;
}

.page-container .message-inner .message-box {border:1px solid #fff;padding:3% 5% !important; margin:3% !important;}
.page-container .message-inner .message-box h2 {font-size:1.8rem; color:#fff; font-weight:bold; line-height:3rem;}
.message-inner .message-box .message-text {font-size:1.2rem; color:#fff; line-height:2.1rem; margin:1em auto !important; }
.page-container .message .message-inner .message-box .message-ph { width:100%;margin:2% auto 0 !important; text-align:center !important;}
.page-container .message .message-inner .message-box .message-ph img { width:60%;}

.page-container .message-inner h1 {font-size:2.8rem; color:#fff; font-weight:bold; text-align:center;margin-bottom:3%;}
.page-container .message-inner h1 span { display:block;font-size:1.2rem;  line-height:2rem;text-align:center; font-weight:200;}

.page-container .message-inner h2 {font-size:2.8rem; font-weight:bold; text-align:center;margin-bottom:3%;}
.page-container .message-inner h2 span { display:block;font-size:1.2rem;  line-height:2rem;text-align:center; font-weight:200;}

.message-other {width:100%; margin:0 auto 5% !important;}
.message-other p { margin-right:1%;width:32%; display:inline-block;font-size:1.25rem; padding-bottom:1em;color:#333;}
.message-other p  a {padding-top:1rem; font-size:1.4rem; line-height:2rem; padding-bottom:1rem;color:#333;}
.message-other p a span { font-size:1.1rem; display:block;}
.message-other p a img { width:100%; margin-top:5%;padding-bottom:4%;}

@media screen and (max-width: 991.98px) {
.message-other p { width:31.5%; }
}

@media screen and (max-width: 767px) {
.message-other p { margin-right:1%;width:48%; display:inline-block;}
.message-other p img { width:100%;margin:1.3em auto .5em;}


.page-container .inner .paragraph .sentence06{
	width:98%;
}
.page-container .inner .paragraph .sentence07{
	width:98%;

}
.page-container .message .message-inner .message-box .message-ph img { width:100%; padding-bottom:2%;}
}

@media screen and (max-width: 500px) {
	.message-other p { font-size:14px;}
}


 /* プライバシーポリシーページ */
  .inner .paragraph .sentence04 h1 {font-size:18px; font-weight:bold; margin-top:1em;}
  
 /* 資格取得制度ポリシーページ */
   
    .inner .paragraph .sentence04 h3 {
	padding:1em 0 12px 0;
	margin-bottom:1em;
}


 .inner .paragraph .sentence04 h3 span{
	background:#d2d2d2;
	color:#fff;
	font-size:20px;
	font-weight:normal;
	padding:5px 10px;
	font-weight:bold;
}

 /* 安全への取り組みページ */
 .kenkou { margin-top:3%;font-size:14px; line-height:1.6em;}
  .kenkou span { color:#00b0f0; font-weight:600;}

 /* 応募フォームページ */
 
/* toiawase */
.wrapper #rec_toiawase {}
/* --- フォームエリア --- */
#rec_toiawase .fields {
width: 100%; /* フォームエリアの幅 */
font-size: 1.2rem;
}
/* --- フォームエリア内の段落 --- */
#rec_toiawase .fields p {
line-height: 130%;
}

/* --- 部品グループ --- */
.page-container #rec_toiawase .fields {
margin-bottom: 20px; /* 部品グループの下マージン */
padding: 1.2rem 1rem .5rem;
background-color: #f9f9f9; /* 部品グループの背景色 */
border: 1px #c0c0c0 solid; /* 部品グループの境界線 */
}

/* --- テーブル --- */
#rec_toiawase .fields .recruit_form {
width: 100%; 
}
#rec_toiawase .fields .recruit_form tbody tr th label {font-size:1.2rem; font-weight:400;}

#rec_toiawase .fields .recruit_form tbody tr  th {
width: 20%; /* 見出しセルの幅 */
padding: 1em; /* 見出しセルのパディング（上下、左右） */
background-color: #f5f5f5; /* 見出しセルの背景色 */
border-bottom: 1px #c0c0c0 dotted; /* 見出しセルの下境界線 */
text-align: left;
line-height: 130%;
}
/* --- 見出しセル内の補足テキスト --- */
#rec_toiawase .fields .recruit_form tbody tr th span.supplement {
font-weight: normal;
}
/* --- データセル（td） --- */
#rec_toiawase .fields .recruit_form tbody tr   td {
padding: 1em; /* データセルのパディング（上、左右、下） */
background-color: #ffffff; /* データセルの背景色 */
border-bottom: 1px #c0c0c0 dotted; /* データセルの下境界線 */
}
/* --- データセル内の補足テキスト --- */
#rec_toiawase .fields .recruit_form tbody tr  td span.supplement {
color: #808080;
font-size:.9rem;
}



/* --- フォーム部品 --- */
form.contactform input,
form.contactform select,
form.contactform textarea {
margin-bottom: 2px; /* フォーム部品の下マージン */
}
/* --- フォーム部品のサイズ --- */
/* --- （長めのテキスト入力欄） --- */
#company, #section, #name, #furigana,
#mail, #address, #tel {
width: 80%; /* フォーム部品の幅 */
}
#other04 {
width: 60%; /* フォーム部品の幅 */
}

/* --- （短めのテキスト入力欄） --- */
#other {
width: 120px; /* フォーム部品の幅 */
}
#other05 {
width: 110px; /* フォーム部品の幅 */
}
/* --- （短めのテキスト入力欄） --- */
#other02 {
width: 60px; /* フォーム部品の幅 */
}
/* --- （短めのテキスト入力欄） --- */
#other03 {
width: 40px; /* フォーム部品の幅 */
}

/* --- （複数行のテキスト入力欄） --- */
#message {
width: 80%; /* フォーム部品の幅 */
height: 10em; /* フォーム部品の高さ */
vertical-align:middle;
}
#remark {
width: 80%; /* フォーム部品の幅 */
height: 10em; /* フォーム部品の高さ */
}

/* --- ボタン --- */
p.button {
margin: 4% auto 6%;font-size:1.2rem;padding:1rem 2rem;
text-align: center;
}

/*メールフォームバルーン*/
div.baloon {
   font-size: 12px;
   color: #900;
   position: absolute;
   padding-left: 5px;
   background: url(../images/recruit/baloon.gif) no-repeat top left;
   z-index: 1;
}

div.baloon a {
   color: blue;
   text-decoration: none;
   padding: 2px;
   margin-right: 2px;
}

div.baloon a:hover {
   background-color: #eef;
}

div.baloon div {
   background: url(../images/recruit/baloon_right.gif) no-repeat top right;
   padding: 7px 7px 14px 0;
   white-space: nowrap;
}


.re_form table {width: 100%; margin:3% auto; border:solid 1px #666;}
.re_form tbody tr th  {font-size:15px; font-weight:400;}
.re_form th {
width: 20%; /* 見出しセルの幅 */
padding: 1em; /* 見出しセルのパディング（上下、左右） */
background-color: #f5f5f5; /* 見出しセルの背景色 */
border-bottom: 1px #c0c0c0 dotted; /* 見出しセルの下境界線 */
text-align: left;
line-height: 130%;
}
.re_form td {
padding: 1em; /* データセルのパディング（上、左右、下） */
background-color: #ffffff; /* データセルの背景色 */
border-bottom: 1px #c0c0c0 dotted; /* データセルの下境界線 */
}



.top_text2  {font-size:16px;text-align:center; line-height:1.8em; margin:6% auto -2%; padding:0 5%; font-weight:bold;}
#rec_toiawase .attention {font-size:1.2rem;margin-bottom:5px; line-height:2.1rem;}
#rec_toiawase .attention02 {font-size:1.2rem;padding-left:1em;text-indent:-.5em; color:#c3373d; padding-bottom:0.5em; line-height:2.1rem;}


@media screen and (max-width: 993px) {
#rec_toiawase .fields .recruit_form th {
width:93% !important; /* 見出しセルの幅 */}
table, tbody, tr, th, td {
 display: block;
 }
/* --- （複数行のテキスト入力欄） --- */
#message {
width: 95%; /* フォーム部品の幅 */
height: 10em; /* フォーム部品の高さ */
}

}
#recriut ul {border-top:none;
padding: 1% 2% 0px;
}
#boshutitle{width:100%;}

section#saiyou{
    max-width: 1080px;
    margin: 0 auto;
}
section#saiyou div{
margin:0;
padding:0;
width:48%;}
section#saiyou p{
    width: 100%;
    padding: 0;
    margin: 0;
}
section#saiyou figure{
margin:0;
padding:0;
width:48%;
}


#topics-container {margin-top:1%;margin-bottom:8%;}
#recriut {margin-bottom:2%;}


#transport_ph_out {width:100%; margin:2% auto 8%; vertical-align:top !important;}
#transport_ph_in { margin-right:1.4%;width:31.5%; display:inline-block;line-height:1.6em; padding-bottom:1em;border-bottom:2px solid #DBDCDC; vertical-align:top !important;}
#transport_ph_in figure p {  width:15% !important;background-color:#F8B62D; padding:.3em .3em !important;color:#fff; margin-bottom:.5em; font-weight:bold; font-size:1rem !important;text-align:center;}
#transport_ph_in figure {width:100%;margin-left:0;text-align: left !important;}

#transport_ph_in p {margin-bottom:2%;width:150% !important;padding:0 !important;color:#000;font-size:1.3rem;}
#transport_ph_in p a {margin-top:1.5%;color:#000; background-color:#fff; font-weight:500; font-size:1.15rem;width:100% !important;}
#transport_ph_in p a:hover {color:#7FCAC6;}
#transport_ph_in p a::before {background: url("/userfiles/page_contents/4e0fd2590d11758864806562416ddd1f.png") no-repeat; content: "";vertical-align:middle;padding-right:.5em;margin-bottom:5px;width:18px;height:18px;background-size: contain;display: inline-block;}
#transport_ph_in p a:hover::before {background: url("/userfiles/page_contents/780da38b99691728b6e4312ddf303238.png") no-repeat;content: "";vertical-align:middle;padding-right:.5em;margin-bottom:5px;width:18px;height:18px;background-size: contain;display: inline-block;}

#transport_ph_in figure img { width:100%;margin-bottom:.5em; margin-top:1.8em;}


@media screen and (max-width: 900px) {
#transport_ph_in { margin-right:1.5%;width:47.5%; display:inline-block;}
#transport_ph_in p {font-size:1.25rem;}
#transport_ph_in p a { font-size:1rem;;}
}

@media screen and (max-width: 600px) {
#transport_ph_in { margin-right:0;width:100%; display:block;}
}
.saiyoumovie {
margin:0 auto;
    text-align: center;
width: 97%;
}
.saiyoumovie  h2{
    font-weight: bold;
    text-align: center;
    padding: 0.1rem 0.3rem 0.5rem;
    font-size: 3rem;
    margin-bottom: 3%;
    position: relative;
    color: #4d4d4d;
    max-width: 720px;
}
.saiyoumovie  h2 span{
    display: block;
    font-size: 1.6rem;
    font-weight: 500;
}
.saiyoumovie iframe{
width:100%;
max-width:600px;
height:350px;
margin:10px auto 60px;
}