@charset "utf-8";
/* CSS Document */
/*************上書き**********************/
.nav_menu {display:none;}
.word_large2{
	font-size: 42px;
	line-height: 48px;
	margin: 10px 0 30px;
}

#dl_foods .ttl{
  text-align: center;
}
#dl_foods p {
  text-align: justify;
  max-width: none;  
  width: 100%!important;
}
#dl_foods a:before,
#dl_foods a:after{
  display: none;
}

#box01{
  background-color: #ffe4c1!important;  
}
.contents_box {
  margin: 20px auto;
}

#mainContent {
  /*background-color: #ffe4c1;*/
  max-width: 100%!important;
}
#mainContent div.freeWordObj{
  background-color: #fff !important;
  margin-left: 100px;
}
#freeword{
  background-color: #fff !important;
}
#mapObj{
  margin: -60px auto 50px;
  width: 550px;
}

::-webkit-input-placeholder {
color: #000;
font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}/*Webkit*/
::-moz-placeholder {
color: #000;
font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}/*Firefox 19以降*/
:-moz-placeholder {
color: #000;
font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}/*Firefox 18以前*/
:-ms-input-placeholder {
color: #000;
font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}	/*Windows IE*/


/*固定応募ボタン*/
.headoubo {
  box-sizing: border-box;
  font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro' ;
  height: 150px;
  z-index: 9999;
  width: 100%; }
/*オレンジライン*/
#f_logo {
  border-top: 4px solid #F66B27;
}
/*------------------------
【#h1_wrapper_info】
ヘッダー(PC)
--------------------------*/
#h1_wrapper_info{
  border-bottom: 2px solid #ed6c00;
  box-sizing: border-box;
  height: 50px;
	margin: auto;
	max-width: 950px;
	position: relative;
}
.wrapper3 {
  box-sizing: border-box;
  overflow: hidden;
  padding: 2px;
	margin: auto;
	max-width: 950px;
  width: 100%;
}
.wrapper3 h1{
	font-size: 15px;
	font-weight: normal !important;
	line-height: 1.2;
	text-align: center;
}
.wrapper3 h1 span{
	display: block;
	color: #45b035;
}
/*-----ヘッダー部分-----*/
#h1_wrapper_info .logo{
	font-weight: normal;
  float: left;
	/*margin: auto auto 2px;*/
	max-width: 950px;
  max-height: 50px;
}
#h1_wrapper_info .logo a{
	background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAAyCAMAAADY6iMOAAAAP1BMVEXtbAD////2toDucAb+9u/617rzm1HxizXtbQH++fX738f728D5z6z4x573wZT2uIT0o2DylEbwhCrvfh/ueBThrvk4AAAAeElEQVRIx6XLNxHDAAAAMcU9vfLHGgo+v3b5fZZhPp+OAcb3Yzq+MS5z2FhvZbNeyra9prD5Xss23su2Pctm2L1Tl7rUpS51qUtd6lKXutSlLnWpS13qUpe61KUudalLXepSl7rUpS51qUtd6lKXutSlLnWpS13qf7dnBiH2/qzhAAAAAElFTkSuQmCC") #ED6C00 no-repeat right center scroll;
	border-radius: 10px 0 0;
	color: #ffffff!important;
	display: inline-block;
	height: 50px;
	font-size: 20px;
	line-height: 50px;
	padding: 0 60px 0 10px;
	position: relative;
}
/*改行*/
#h1_wrapper_info .logo a span{
	font-size: 20px;
	margin-left: 1em;
}


/******************************************************地図部分上書き***********************************************************************************/
.k1 a, .k2 a, .k3 a, .k4 a, .k5 a, .k6 a, .k7 a, .k8 a, .k9 a {color:#000!important;}
/******* map *******/
#mapObj div.area {
	background: url(/info/img/map.gif) no-repeat left top;
}
/* 北海道・東北 */
#mapObj div.area ul li.a1 {
	background: url(/info/img/nav_tohoku_line.gif) no-repeat left top;
}
#mapObj div.area ul li.a1-dead {
	background: url(/info/img/map_tohoku_dead.gif) no-repeat left top;
}
#mapObj div.area ul li.a1 p a,
#mapObj div.area ul li.a1-dead p,
#mapObj div.area ul li.a1 ul li,
#mapObj div.area ul li.a1 ul li a {
	background: url(/info/img/nav_tohoku.gif) no-repeat;
}

/* 関東 */
#mapObj div.area ul li.a2 {
	background: url(/info/img/nav_kanto_line.gif) no-repeat left top;
}
#mapObj div.area ul li.a2-dead {
	background: url(/info/img/map_kanto_dead.gif) no-repeat left top;
}
#mapObj div.area ul li.a2 p a,
#mapObj div.area ul li.a2-dead p,
#mapObj div.area ul li.a2 ul li,
#mapObj div.area ul li.a2 ul li a {
	background: url(/info/img/nav_kanto.gif) no-repeat;
}

/* 北信越・北陸 */
#mapObj div.area ul li.a3 {
	background: url(/info/img/nav_hokushinetsu_line.gif) no-repeat left top;
}
#mapObj div.area ul li.a3-dead {
	background: url(/info/img/map_hokushinetsu_dead.gif) no-repeat left top;
}
#mapObj div.area ul li.a3 p a,
#mapObj div.area ul li.a3-dead p,
#mapObj div.area ul li.a3 ul li,
#mapObj div.area ul li.a3 ul li a {
	background: url(/info/img/nav_hokushinetsu.gif) no-repeat;
}

/* 東海 */
#mapObj div.area ul li.a4 {
	background: url(/info/img/nav_tokai_line.gif) no-repeat left top;
}
#mapObj div.area ul li.a4-dead {
	background: url(/info/img/map_tokai_dead.gif) no-repeat left top;
}
#mapObj div.area ul li.a4 p a,
#mapObj div.area ul li.a4-dead p,
#mapObj div.area ul li.a4 ul li,
#mapObj div.area ul li.a4 ul li a {
	background: url(/info/img/nav_tokai.gif) no-repeat;
}

/* 関西 */
#mapObj div.area ul li.a5 {
	background: url(/info/img/nav_kansai_line.gif) no-repeat left top;
}
#mapObj div.area ul li.a5-dead {
	background: url(/info/img/map_kansai_dead.gif) no-repeat left top;
}
#mapObj div.area ul li.a5 p a,
#mapObj div.area ul li.a5-dead p,
#mapObj div.area ul li.a5 ul li,
#mapObj div.area ul li.a5 ul li a {
	background: url(/info/img/nav_kansai.gif) no-repeat;
}

/* 中国・四国 */
#mapObj div.area ul li.a6 {
	background: url(/info/img/nav_chugoku_line.gif) no-repeat left top;
}
#mapObj div.area ul li.a6-dead {
	background: url(/info/img/map_chugoku_dead.gif) no-repeat left top;
}
#mapObj div.area ul li.a6 p a,
#mapObj div.area ul li.a6-dead p,
#mapObj div.area ul li.a6 ul li,
#mapObj div.area ul li.a6 ul li a {
	background: url(/info/img/nav_chugoku.gif) no-repeat;
}

/* 九州・沖縄 */
#mapObj div.area ul li.a7 {
	background: url(/info/img/nav_kyushu_line.gif) no-repeat left top;
}
#mapObj div.area ul li.a7-dead {
	background: url(/info/img/map_kyushu_dead.gif) no-repeat left top;
}
#mapObj div.area ul li.a7 p a,
#mapObj div.area ul li.a7-dead p,
#mapObj div.area ul li.a7 ul li,
#mapObj div.area ul li.a7 ul li a {
	background: url(/info/img/nav_kyushu.gif) no-repeat;
}
#mapObj div.area {
	background: url(/info/img/map.gif) no-repeat left top;
}
/* kCEk */
#mapObj div.area ul li.a1 {
	background: url(/info/img/nav_tohoku_line.gif) no-repeat left top;
}
#mapObj div.area ul li.a1-dead {
	background: url(/info/img/map_tohoku_dead.gif) no-repeat left top;
}
#mapObj div.area ul li.a1 p a,
#mapObj div.area ul li.a1-dead p,
#mapObj div.area ul li.a1 ul li,
#mapObj div.area ul li.a1 ul li a {
	background: url(/info/img/nav_tohoku.gif) no-repeat;
}
/* ・ */
#mapObj div.area ul li.a2 {
	background: url(/info/img/nav_kanto_line.gif) no-repeat left top;
}
#mapObj div.area ul li.a2-dead {
	background: url(/info/img/map_kanto_dead.gif) no-repeat left top;
}
#mapObj div.area ul li.a2 p a,
#mapObj div.area ul li.a2-dead p,
#mapObj div.area ul li.a2 ul li,
#mapObj div.area ul li.a2 ul li a {
	background: url(/info/img/nav_kanto.gif) no-repeat;
}

/* kMzEk */
#mapObj div.area ul li.a3 {
background: url(/info/img/nav_hokushinetsu_line.gif) no-repeat left top;
}
#mapObj div.area ul li.a3-dead {
	background: url(/info/img/map_hokushinetsu_dead.gif) no-repeat left top;
}
#mapObj div.area ul li.a3 p a,
#mapObj div.area ul li.a3-dead p,
#mapObj div.area ul li.a3 ul li,
#mapObj div.area ul li.a3 ul li a {
	background: url(/info/img/nav_hokushinetsu.gif) no-repeat;
}
/* C */
#mapObj div.area ul li.a4 {
	background: url(/info/img/nav_tokai_line.gif) no-repeat left top;
}
#mapObj div.area ul li.a4-dead {
	background: url(/info/img/map_tokai_dead.gif) no-repeat left top;
}
#mapObj div.area ul li.a4 p a,
#mapObj div.area ul li.a4-dead p,
#mapObj div.area ul li.a4 ul li,
#mapObj div.area ul li.a4 ul li a {
	background: url(/info/img/nav_tokai.gif) no-repeat;
}

/* ・ */
#mapObj div.area ul li.a5 {
	background: url(/info/img/nav_kansai_line.gif) no-repeat left top;
}
#mapObj div.area ul li.a5-dead {
	background: url(/info/img/map_kansai_dead.gif) no-repeat left top;
}
#mapObj div.area ul li.a5 p a,
#mapObj div.area ul li.a5-dead p,
#mapObj div.area ul li.a5 ul li,
#mapObj div.area ul li.a5 ul li a {
	background: url(/info/img/nav_kansai.gif) no-repeat;
}
/* El */
#mapObj div.area ul li.a6 {
	background: url(/info/img/nav_chugoku_line.gif) no-repeat left top;
}
#mapObj div.area ul li.a6-dead {
	background: url(/info/img/map_chugoku_dead.gif) no-repeat left top;
}
#mapObj div.area ul li.a6 p a,
#mapObj div.area ul li.a6-dead p,
#mapObj div.area ul li.a6 ul li,
#mapObj div.area ul li.a6 ul li a {
	background: url(/info/img/nav_chugoku.gif) no-repeat;
}

/* BE */
#mapObj div.area ul li.a7 {
	background: url(/info/img/nav_kyushu_line.gif) no-repeat left top;
}
#mapObj div.area ul li.a7-dead {
	background: url(/info/img/map_kyushu_dead.gif) no-repeat left top;
}
#mapObj div.area ul li.a7 p a,
#mapObj div.area ul li.a7-dead p,
#mapObj div.area ul li.a7 ul li,
#mapObj div.area ul li.a7 ul li a {
	background: url(/info/img/nav_kyushu.gif) no-repeat;
}

area{
	outline: none;
}



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

/*固定応募ボタン*/
.footoubo {
  box-sizing: border-box;
  font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro' ;
  height: 150px;
  z-index: 9999;
  position: fixed;
  bottom: 0;
  width: 100%; }

.btnflame {
  box-sizing: border-box;
  height: 150px;
  margin: 0 auto;
  max-width: 951px;
  width: 100%; }

.btnflame li {
  float: left;
  font-size: 2em;
  font-weight: 600;
  letter-spacing: 0.5em;
  margin-right: 2px;
  text-align: center; }

.btnflame li:last-child {
  margin-right: 0; }

li.driverpage {
  background-image: url(/info/img/arw_left.png), url(/info/img/ico_driver.png);
  background-position: 5% 50%, 98% 50%;
  background-repeat: no-repeat, no-repeat;
  /*box-shadow: 1px 2px 2px rgba(0,0,0,0.4);*/
  border-bottom: 2px solid #dc2e00;
  border-right: 2px solid #dc2e00;
  box-sizing: border-box;
  height: 150px;
  line-height: 1.3em;
  margin: 0;
  text-align: center;
  width: 50%;
  background-color: #ed6c00;
  -webkit-transition: background-color 1s;
  transition: background-color 1s; }

li.driverpage p {
  box-sizing: border-box;
  color: #fff !important;
  display: table;
  text-align: left;
  margin-left: 100px;
  height: 100%;
}

.driverpage p a {
  color: #fff !important;
  display: table-cell;
  vertical-align: middle; }

li.deliverypage {
  background-image: url(/info/img/ico_delivery.png),url(/info/img/arw_right.png);
  background-position: 5% 50%, 96% 50%;
  background-repeat: no-repeat, no-repeat;  
  border-right: 2px solid #13790b;
  border-bottom: 2px solid #13790b;
  box-sizing: border-box;  
  height: 150px;
  line-height: 1.3em;
  margin: 0;
  padding: 0;
  width: 50%;
  background-color: #45b035;
  -webkit-transition: background-color 1s;
  transition: background-color 1s; }

li.deliverypage p {
  box-sizing: border-box;
  color: #fff !important;
  display: table;
  text-align: left;
  margin-left: 150px;
  height: 100%;
 }

.deliverypage p a {
  color: #fff !important;
  display: table-cell;
  vertical-align: middle; }



li.deliverypage a:hover,
li.driverpage a:hover {
  opacity: .70;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -khtml-opacity: .70;
  -moz-opacity: .70;
  transition-duration: 1s;
  text-decoration: none !important;
}


.word_ss{
	font-size: 20px;
	line-height: 1.2;
	margin-top: 1em;
	font-weight: normal;
}



#mainimg {
  max-width: 950px;
  width: 100%;
}

.map_ttl{
	font-family: "Roboto Slab",Garamond,"Times New Roman","游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
	padding: 10px 0;
	text-align: center;
}

/*大文字*/
.map_ttl.word_large{
	font-size: 42px;
  font-weight: bold;
	line-height: 48px;
	margin: 40px 0 30px;
}

/*センターの仕事について*/
.aboutjob {
  clear: both;
  background-color: #daefd7;
  padding: 10px 0 25px;
  min-height: 300px;
  width: 100%;
}

.aboutjob li {
  background-color: #fff;
  box-sizing: border-box;
  margin-bottom: 10px;
  overflow: hidden;
  padding: 20px;
  width: 100%;
}
.aboutjob li p {
  text-align: justify;
}

img.imgR {
  float:right;
  margin-left:10px;
}
img.imgL {
  float:left;
  margin-right: 10px;
}

#main .space {
  padding-bottom: 120px;
}

#bottomContent ul#socialObj {
  /* font-size: 11px; */
  height: 105px;
  /* padding: 8px 0; */
}

@media screen and (max-width: 950px){
/*------------------------
【#h1_wrapper_info】
ヘッダー(TAB)
--------------------------*/
#h1_wrapper_info{
	float: none;
	font-size: 14px;
	margin: 0 auto;
	text-align: center;
}
.wrapper3 h1{
	float: none;
	font-size: 14px;
	margin: 10px auto;
	text-align: center;
}
/*大文字*/
.map_ttl.word_large{
	margin: 0;
}
/**/
li.driverpage {
  background-image: url(/info/img/arw_left.png);
  background-position: 5% 50%;
  background-repeat: no-repeat;
}
li.deliverypage {
  background-image: url(/info/img/arw_right.png);
  background-position: 96% 50%;
  background-repeat: no-repeat;  
}

li.driverpage p{
  margin-left: 80px;  
}

li.deliverypage p {
  margin-left: 45px;  
}

.driverpage p a,
.deliverypage p a {
  letter-spacing: 0.1em;
}

}

@media screen and (max-width: 800px){
#mainContent div.freeWordObj{
  margin-left: 50px;
}
.driverpage p,
.deliverypage p {
  width: 65%;
}
.driverpage p a,
.deliverypage p a {
  font-size: 25px;
  letter-spacing: 0.05em;
}
img.imgR,
img.imgL {
  max-width: 150px;
}

}
@media screen and (max-width: 670px){
/*------------------------
【#h1_wrapper2】
ヘッダー(SP2)
--------------------------*/
.wrapper3 h1{
	font-size: 12px;
}
#h1_wrapper_info .logo a{
	background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAAyCAMAAADY6iMOAAAAP1BMVEXtbAD////2toDucAb+9u/617rzm1HxizXtbQH++fX738f728D5z6z4x573wZT2uIT0o2DylEbwhCrvfh/ueBThrvk4AAAAeElEQVRIx6XLNxHDAAAAMcU9vfLHGgo+v3b5fZZhPp+OAcb3Yzq+MS5z2FhvZbNeyra9prD5Xss23su2Pctm2L1Tl7rUpS51qUtd6lKXutSlLnWpS13qUpe61KUudalLXepSl7rUpS51qUtd6lKXutSlLnWpS13qf7dnBiH2/qzhAAAAAElFTkSuQmCC") #ED6C00 no-repeat right center scroll;
	font-size: 12px;
	height: 49px;
	max-width: 80%;
	line-height: 25px;
}
#h1_wrapper_info .logo a span{
	display: block;
	font-size: 18px;
	line-height: 12px;
	margin-left:0;
}
/*----------------------------
【contents_ttl】
明朝タイトル（SP）
------------------------------*/
/*大文字*/
.map_ttl.word_large{
	font-size: 24px;
	line-height: 32px;
}
.word_large2{
	font-size: 24px;
	line-height: 32px;
}
/*小文字*/
.contents_ttl.word_small{
	font-size: 20px;
}
.sub_ttl{
	font-size: 18px;
}

#mainContent div.freeWordObj{
  margin-left: 0;
}
.driverpage,
.deliverypage {
  height: 100px;
}
.driverpage p a,
.deliverypage p a {
  font-size: 23px;
  font-weight: normal;
  line-height: 1.1em;
}
    
img.imgR,
img.imgL {
  max-width: 140px;
}
#dl_foods .ttl span {
  display:inline;
}

.footoubo {
  height: 150px;
}

}

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


#h1_wrapper_info .logo a span{
	font-size: 16px;
}
.word_large2{
	margin: 10px 0;
}


.headoubo,
.btnflame,
li.driverpage,
li.deliverypage{
  /*background-image: none;*/
  box-sizing:border-box; 
  height: 90px; 
}
li.driverpage p{
  margin-left: 62px;  
}
li.deliverypage p{
  margin-left: 20px;  
}

.driverpage p a{
  font-size: 16px;
  margin-left: 15px;  
}

.deliverypage p a{
  font-size: 14px;
  letter-spacing: 0em;
  margin-left: 15px;  
}

#main .space {
  padding-bottom: 80px;
}
.footoubo {
  height: 90px;
}


}

@media screen and (max-width: 380px){
#h1_wrapper_info .logo a span {
  display: block;
  margin-left: 0;
}
li.driverpage{
  background-image: url(/info/img/leftarw.png);
  background-size:contain; 
}

li.driverpage p{
  margin-left: 31px;  
}

li.deliverypage{
 background-image: url(/info/img/rightarw.png);
 background-size:contain;
}    
}