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

/*****共通*****/
#main .framebox dl{
	border: 1px solid #ccc;
	padding: 2% 4% 4% 4%;
	margin-bottom: 3.5em;
}
#main .framebox dl dd{
margin-left: 0;
	margin-top: 1em;
}

#main .framebox dl dt{
	position: relative;
	padding: 0.75em 0 0.75em 0.75em;
	border-bottom: 2px solid #111;
	font-size: 1.8em;
	font-weight: bold;
}
#main .framebox dl dt::after {
	position: absolute;
	top: .5em;
	left: 0em;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
	background: url(../../images/mcd/red_bg.gif) repeat left;
}
#main .coment{
    border: 1px solid #CDCDCD;
    background-color: #fff;
    background-image: linear-gradient(
 transparent 95%,
 rgba(228, 228, 228, 0.8) 5%
 ),
 linear-gradient(
 90deg,
 transparent 95%,
 rgba(228, 228, 228, 0.8) 5%
 );
    background-size: 11px 11px;
    background-repeat: repeat;
	margin: auto;
}
#main .coment p{
	font-size: 1em;
}

#main .coment{
    text-align: center;
    border: 1px solid #CDCDCD;
    background-color: #fff;
    background-image: linear-gradient(
 transparent 95%,
 rgba(228, 228, 228, 0.8) 5%
 ),
 linear-gradient(
 90deg,
 transparent 95%,
 rgba(228, 228, 228, 0.8) 5%
 );
    background-size: 11px 11px;
    background-repeat: repeat;
    padding: 3% 2.5% 2.5% 3.2%;
}


#main .m_auto img{
	margin: auto;
}

#main .center{
	text-align: center;
	margin-top: 2em;
}

.o_hidden{
	overflow: hidden;
}

#main .small{
	font-size: 0.8em;
}

/*****MCD*****/

#mcd #main .framebox ul li::before{
	content: "●";
	display: inline-block;
	font-size: 80%;
	padding: 0 0 0 10px;
	margin: -1% 0 0 0;
	width: 4px;
}
#mcd #main .framebox ul li p{
	display: inline;
}
#mcd #main .coment p{
	text-align: left;
	line-height: 1.8em;
}

#mcd #main .color_list{
	margin: 2% auto;
}
#mcd #main .color_list .img{
display: block;
}
#mcd #main .color_list li{
	margin: 0 auto 2%;
	padding-left: 1em;
  text-indent: -1em;
}


#mcd #main .coment .img{
	text-align: center;
	padding: 2% 0 0 0;
}

#mcd #main .coment .img img{
	display: block;
	margin: 0 auto;
	width:100%;
}

#mcd #main .framebox ul li.graph01{
	color:#F56779;
}
#mcd #main .framebox ul li.graph02{
	color:#FFAB09;
}
#mcd #main .framebox ul li.graph03{
	color:#9FD55F;
}
#mcd #main .framebox ul li.graph04{
	color:#4DB3E3;
}
#mcd #main .framebox ul p{
	font-size: 1em;
	color:#333;
}
#mcd #main .framebox dd{
	font-size: 0.9em;
}




/*****ステップアップ制度*****/


#recruit #main .chance{
	border:  1px solid #cdcdcd;
	background: #F0F9FF;
	text-align: center;
}
#recruit #main .chance h4{
	text-align: center;
	font-size: 1.5em;
	display:block;
	border-bottom: 2px solid #CDCDCD;
	margin: 0;
	padding:1em;
	background: #F0F9FF;
	background-position: 32% ;
}
#recruit #main .chance ul{
background: #fff;
	width:86%;
	margin: 2em auto;
	overflow: hidden;
}
#recruit.step #main .chance ul li{
	float: left;
	width: 29%;
	text-align: center;
margin: 3% 2% 4.5% 2%;
	color:#193251;
	font-size: 18px;
line-height: 1em;
    font-weight: 500;
}


#recruit #main .chance p{
	color:#003172;
	font-size: 1.4em;
	padding:2%;
}


#recruit #main .ul_list li .step_icon{
	margin-top:5em;
	background:	#eee;
	border: 1px solid #ddd;
}

#recruit #main .ul_list li .step_icon span.number{
	display: block;
	font-size: 1.2em;
	background: #D9232D;
	color: #fff;
	font-weight: bold;
	padding:0 0.5em;
	width: 5em;
	text-align: center;
	margin: auto;
	margin-top:-1.5em;
}

#recruit #main .ul_list li .step_icon .step_name{
	font-size: 2em;
	color:#1985AA;
	margin: 0;
}
#recruit #main .ul_list li .step_icon .step_name span.name_icon{
	color:#fff;
	font-size: 0.8em;
	background: #787878;
	margin-left: 20px;
	padding: 0 20px;
}
#recruit #main .ul_list li .step_icon span.number2{
	font-size: 2em;
	color:#fff;
	margin: 0;
}
#recruit #main .ul_list li .step_icon .step_red{
	font-size: 1.1em;
	color:#D8242C;
	margin: 0;
}
#recruit #main .ul_list li .step_text{
	padding: 1em;
	background: #fff;
	margin: 0 2em 1.5em;
}
#recruit #main .ul_list li .step1{
	
	background: url(../../images/recruit/stepup_img06.png) no-repeat;
	height:100%;
	background-size:18%;
	padding-left: 18%;
	margin:  1.5em 2em 0.5em;
}
#recruit #main .ul_list li .step2{
	height:100%;
	background: url(../../images/recruit/stepup_img07.png) no-repeat;
	background-size:18%;
	padding-left: 18%;
	margin:  1.5em 2em 0.5em;
}
#recruit #main .ul_list li .step3{
	height:100%;
	background: url(../../images/recruit/stepup_img08.png) no-repeat;
	background-size:18%;
	padding-left: 18%;
	margin:  1.5em 2em 0.5em;
}
#recruit #main .step_coment{
	text-align: center;
	color:#003173;
	font-size: 2em;
	line-height: 1.5em;
}




/*****企業間物流BtoB*****/

#logistics.index #main .arrow{
	margin: 4% auto ;
}
#logistics.index #main .t_30{
	font-size: 2em;
	text-align: center;
    font-weight: 600;
}
#logistics.index #main .box {
    background: #CEECF4;
    text-align: center;
    padding: 4% 2%;
    width: 96%;
		overflow: hidden;
}
#logistics.index #main .box img{
margin: auto;
}
#logistics.index #main .box ul li{
	float: left;
	width: 40%;
	vertical-align: middle;
	padding: 1em;
	text-align: left;
}

#logistics.index #main .box ul li:nth-child(2){
	width:10%;
	padding: 10% 0 0 0;
}

#logistics.index #main .box ul li img{
	width: 100%;
	height: auto;
 margin: 0 auto 3%;
}
#logistics.index #main .coment{
	text-align: left;
}

#logistics.index .select_box{
	background: #EFEFEF;
}
#logistics.index .select_box ul{
	position: relative;
	display: block;
	padding-top:15%;
}

#logistics.index .select_box .select01{
	position: absolute;
	top:30%;
	left:5%;
	}
#logistics.index .select_box .select02{
	position: absolute;
	top:5%;
	left:25%;
	}
#logistics.index .select_box .select03{
    padding: 14% 0 0 0;
}

#logistics.index .select_box .select03 img{
	margin:auto;
	}
#logistics.index .select_box .select04{
	position: absolute;
	top:5%;
	right:25%;
	}
#logistics.index .select_box .select05{
	position: absolute;
	top:30%;
	right:5%;
	}
#logistics.index .select_box .select06 img{
	margin:auto;
	padding:3em 0;
		}


		/*--  /// Outline Style End /// --*/


		/*--  /// PC Style /// --*/
		@media print,screen and (min-width: 769px) {

			#logistics.index .arrow{
				width: 200px;
				margin: 0 auto;;
			}


		}/*--  /// PC Style End /// --*/


		/*--  /// SP Style /// --*/
		@media only screen and (max-width: 768px) and (min-width: 0px){

			.fba #main .f_left{
				margin: 2% 3% 0 3%;
				width: 25%;
				padding: 0;
			}

			.fba #main  .fba_sList ul{
				font-size: 94%;
			}

			.fba #main .ul_list.fba_point span.number{
				font-size: 12px;
			}


			/*****企業間物流BtoB*****/
			#logistics.index .arrow{
				width: 100px;
			}
			#logistics.index .select_box li{
				width: 28%;
			}
			#logistics.index .select_box .select03 {
			    padding: 25% 0 0 0;
					margin: 0 auto;
			}
			#logistics.index .select_box .select02{
				left: 20%;
			    top: 3%;
			}

			#logistics.index .select_box .select01{
				left: 1%;
			  top: 34%;
			}

			#logistics.index .select_box .select04{
				right: 20%;
				top: 3%;
			}

			#logistics.index .select_box .select05{
			 right: 1%;
			    top: 34%;
			}
			#logistics.index .select_box .select06 img {
			    padding: 10% 0;
			}

			#logistics.index .select_box .select06{
				width: 80%;
			margin: 0 auto;
			}

			#main .framebox dl dt,#recruit #main .chance h4,#recruit #main .ul_list li .step_icon .step_name,#recruit #main .step_coment{
				font-size: 98%;
			}
			#main .framebox dl dd,#recruit #main .chance p{
				font-size: 86%;
			}

			#logistics.index #main .box ul li{
				display: block;
				width: 80%;
				float: none;
				margin: 0 auto 5%;
			font-size: 80%;
			}

			#logistics.index #main .box{
				padding: 9% 0 4% 0;
				width: 100%;
			}

			#logistics.index #main .box ul li:nth-child(2){
				-moz-transform: rotate(90deg);
				-webkit-transform: rotate(90deg);
				-o-transform: rotate(90deg);
				-ms-transform: rotate(90deg);
				width: 20%;
				margin: 0 auto;
				max-width:100px;
			    padding: 0;
			}

			#logistics.index #main .box ul li br{
				display: none;
			}

			#main .coment p{
				font-size: 82%;
			}

			#logistics.index #main .t_30{
				padding-top: 2em;
				font-size: 100%;
			}

			#mcd #main .framebox ul li p{
				font-size: 100%;
			}

		}/*--  /// SP Style End /// --*/

		/*--  /// tablet Style /// --*/
		@media print,screen and (max-width: 1500px) and (min-width: 769px){
			#logistics.index .select_box li{
				width: 20%;
			}

			#logistics.index .select_box .select03{
				margin: 0 auto;
			}

			#logistics.index .select_box .select06{
				width: 80%;
			margin: 0 auto;
			}




		}



/*3.15追加ここから*/
/*アルバイト情報*/
#recruit .recruit_list li{
	display: block;
	padding-top: 10px;
	padding-right:10px;
	float: left;
}

#recruit .flame{
	border: 1px solid #99E5FF;
	margin: 20px auto;
	padding:10px;
	display: inline-block;
	width: 100%;
}
#recruit .recruit_intro li{
	display: block;
	padding-right:10px;
	float: left;
}

#recruit .recruit_intro{
	padding: 0;
	margin: 0;
}
#recruit .recruit_intro .title{
	font-size: 1.3em;
	font-weight: bold;
}