@charset "utf-8";

/*** ------------------------------------------------------------------------------

01_ホーム（#home）

-----------------------------------------------------------------------------  ***/
#home #visual{ max-height: 450px;}
#home #cont section {
	margin:0 0 60px;
}
#home #cont section .inner{
	width: 960px;
	margin:0 auto;
}
#home #cont section .headline {
	text-align: center;
	margin:0 0 40px;
}
#home #cont section .headline p{
	font-weight: bold;
	font-size: 1.25em;
	color: #999;
	margin:0 0 10px;
}
#home #cont section .headline h2{
	font-size: 30px;
	font-weight: bold;
	color:#06005F;
}
#home #cont section .headline h2 span {
	display: inline-block;
	font-size: 24px;
	line-height: 1.5em;
}
#home #cont section h3{
	font-size: 17px;
	font-weight: bold;
	margin:0 0 10px;
}
@media screen and (max-width: 737px){
	#home #visual{ height: auto;}
	#home #cont section .headline br{
		display:none;
	}
	#home #cont section {
		margin:0 0 30px;
	}
	#home #cont section .inner{
		width: auto;
		padding:0 10px;
	}
	#home #cont section .headline {
		text-align: left;
		margin:0 0 20px;
		padding:0 10px;
	}
	#home #cont section .headline p{
		text-align: center;
	}
	#home #cont section .headline h2{
		font-size: 20px;
	}
	#home #cont section h3{
		font-size: 16px;
	}
	
	#home .sp_switch{
		display:flex;
		flex-wrap:wrap;
		flex-direction: column-reverse;
	}
	#home .sp_switch_in{
	}
}

/* service */
#home #cont .service{
	max-width:1200px;
	margin: 0 auto 60px;
}

#home #cont .service .inner {
	width: 960px;
	margin: 0 auto;
	background: url(../../imgs/home/img01.jpg) left top no-repeat;
}

#home #cont .service .img{
	display: none;
}
#home #cont .service .text{
	float:right;
	width: 530px;
}
#home #cont .service .text p{
	font-size: 1.333em;
}
@media screen and (max-width: 737px){
	#home #cont .service{
		margin: 0 auto 40px;
	}
	#home #cont .service .inner{
		width: auto;
		background: none;
		position:relative;
	}
	#home #cont .service .pr{
		left:10px;
		top:0px;
		margin:0;
		width: 60px;
		height: 60px;
		font-size: 1em;
		padding:10px 0;
	}
	#home #cont .service .img {
		display: block;
	}

	#home #cont .service .img img {
		width: 100%;
	}

	#home #cont .service .text{
		float:none;
		width: auto;
	}
	#home #cont .service .text p{
		font-size: 1.167em;
	}
}

p.more-link {
    display:flex;
    justify-content:space-around;
    flex-wrap:wrap;
}

@media screen and (max-width: 737px){
    p.more-link {
        width:100%;
    }
    p.more-link a{
        margin:5px;
    }
}


/* recruit */
#home #cont .recruit .headline{
	background: url(../img/bg_slash.png) repeat #07005F;
	position:relative;
	padding:20px 0;
	margin:0 0 60px;
}
#home #cont .recruit .headline:after{
	content:"";
	width: 0;
	height: 0;
	border: #fff 15px solid;
	border-top:#07005F 15px solid;
	position:absolute;
	left:50%;
	bottom:-30px;
	margin:0 0 0 -15px;
}
#home #cont .recruit .headline p,
#home #cont .recruit .headline h2{
	color: #FFFFFF;
}
#home #cont .recruit .inner > div{
	margin:0 0 10px;
}
#home #cont .recruit p.img{
	float:left;
}
#home #cont .recruit div.text{
	margin:0 0 0 430px;
}
#home #cont .recruit div.text p{
	font-size: 1.333em;
}
@media screen and (max-width: 737px){
	#home #cont .recruit .headline{
		padding:15px 10px;
		margin:0 0 30px;
	}
	#home #cont .recruit .inner > div{
		margin:0 0 30px;
	}
	#home #cont .recruit p.img{
		float:none;
		text-align:center;
	}
	#home #cont .recruit div.text{
		margin:0;
	}
	#home #cont .recruit div.text p{
		font-size: 1.167em;
	}
}
.block-menu-top {
	font-size: 1em !important;
}
.block-menu-top li{
	width: 300px;
	float:left;
	margin:0 30px 30px 0;
	box-sizing:border-box;
}
.block-menu-top a{
	color: #333;
	display:block;
	padding:15px;
}
.block-menu-top a:hover{
	background: #F1F1F1;
}
.block-menu-top li a:hover{
	text-decoration: none;
}
.block-menu-top li:nth-child(3n){
	margin:0 0 30px;
}
.block-menu-top li h3{
	text-align: center;
	color: #07005F;
	border-bottom:#07005F 1px solid;
	background: url(../img/icon_arrow01.png) 100% center no-repeat ;
	padding:15px 15px 10px;
}
.block-menu-top li h3 span{
     top: 50%;
	 -webkit-transform: translateY(-50%);
	 -ms-transform: translateY(-50%);
	 transform: translateY(-50%);
	 display:block;
	 position:relative;
}
.block-menu-top li h3 span .underLine01{
	background: url(../../imgs/home/bg01.jpg) repeat-x bottom left;
	display:inline;
	padding:0 3px;
}

.block-menu-top li .text{
	font-size: 1.333em;
}
@media screen and (max-width: 737px){
	.block-menu-top li{
		width: auto;
		float: none;
		margin:0 0 20px !important;
		border:#CCC 1px solid;
	}
	.block-menu-top a{
		color: #333;
		display:block;
		padding:10px;
	}
	.block-menu-top li img{
		width:120px;
		height: auto;
		float:left;
	}
	.block-menu-top li h3{
		text-align: left;
		border: none;
		padding:0px 20px 0px 0;
		margin:0 0 10px 135px !important;
	}
	.block-menu-top li h3 span{
		 top:0;
		 -webkit-transform: translateY(0%);
		 -ms-transform: translateY(0%);
		 transform: translateY(0%);
	}
	.block-menu-top li .text{
		font-size: 1.167em;
		margin:0 0 0 135px;
		display:block;
	}
	.block-menu-top li .text p{
		margin:0 !important;
	}
}


/* blog */
#home #cont .blog{
	background: url("../img/bg_slash.png") left top #F2F2F2;
	padding:40px 0;
}
#home #cont .blog .blog-type{
	width:470px;
	float:left;
}
#home #cont .blog .blog-type:last-child {
    float: right;
}
#home #cont article{
	width: 470px;
	float:left;
	box-sizing:border-box;
	margin:0 0 20px;
}
#home #cont article a{
	display: table;
	background:#FFFFFF;
	padding:20px;
	color:#333;
	border:#FFFFFF 1px solid;
}
#home #cont article a:hover{
	text-decoration: none;
	background: #F2F2F2;
}
#home #cont article:nth-child(even){
	float:right;
}
#home #cont article .img{
	float:right;
	margin:0 0 0 20px;
}
#home #cont article .date{
	margin:0 0 5px;
	font-weight: bold;
}
#home #cont article .date span{
	display:inline-block;
	color: #333;
	background: #FF8C00;
	margin:0 0 0 10px;
	padding:0 10px;
}
#home #cont article h3{
	font-weight: normal;
	margin:0 0 5px;
}
#home #cont article .entry{
	font-size: 1em;
	margin:0;
}
@media screen and (max-width: 737px){
	#home #cont .blog{
		padding:20px 0;
	}
	#home #cont article{
		width: auto;
		float:none;
	}
	#home #cont article a{
		padding:15px;
	}
	#home #cont article:nth-child(even){
		float:none;
	}
	#home #cont article .img{
		width: 120px;
		margin:0 0 10px 20px;
	}
	#home #cont article .date{
		font-size: 1em;
	}
	#home #cont article .date span{
		padding:0 5px;
	}
	#home #cont article .entry{
		clear:both;
	}
	#home #cont .blog .blog-type{
	    width: auto;
	    float: none;
	}
	#home #cont .blog .blog-type:last-child {
		float: none;
	}
}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
    width: 100% !important;
}

/*** ------------------------------------------------------------------------------

02_事業紹介（#service）

-----------------------------------------------------------------------------  ***/
#service #visual{
	background: url(../../imgs/service/visual.jpg) center center no-repeat #F2F2F2;
}
@media screen and (min-width: 1200px){
	#service #visual{
		background: url(../../imgs/service/visual.jpg) center center / 100% auto no-repeat #F2F2F2;
	}
}
@media screen and (max-width: 737px){
	#service #visual{
		background: url(../../imgs/service/visual.jpg) center center / auto 100% no-repeat #F2F2F2;
	}
}

#service #main section h3 {
	margin: 0 0 10px;
	color: #07005F;
	font-size: 1.833em;
	font-weight: bold;
}

#service #main section .block-content-2 h3 { margin: 10px 20px 15px;}

#service #main section ul.img_list {
	clear: both;
}

#service #main section ul.img_list li {
	margin: 25px 11px 0 0;
	float: left;
	text-align: center;
	font-weight: bold;
}

#service #main section ul.img_list li:nth-of-type(3n) {
	margin: 25px 0 0 0;
}

#service #main section ul.img_list li img {
	margin: 0 0 10px;
	display: block;
}

@media screen and (max-width: 737px){
	#service #main section ul.img_list li {
		width: 49%;
		margin: 0 0 10px !important;
		float: left;
	}

	#service #main section ul.img_list li:nth-of-type(even) {
		float: right;
	}

	#service #main section ul.img_list li img {
		margin: 0 0 10px;
		display: block;
	}
}


#service #main section ul.block-content-2 li p {
	margin: 15px 0 15px 15px;
	display: block;
}

#service #main section ul.block-content-2 li p strong {
	font-size: 1.071em;
}

#service .point .block .img {
    float: left;
    width: 224px;
    margin: 0;
}

#service .point .block .text {
    margin: 0 0 0 244px;
}

#service .point .block .text h3 {
    color: #3FA4D2;
    font-size: 1.833em;
    font-weight: bold;
    margin: 0 0 10px;
}

#service .point .block {
    padding: 0 0 20px;
    margin: 0 0 20px;
    border-bottom: #CCC 1px dotted;
    position: relative;
}

#service .point .block:before {
    content: "1";
    display: block;
    width: 36px;
    height: 36px;
    background: #F2A10E;
    border-radius: 50%;
    text-align: center;
    font-weight: bold;
    color: #FFF;
    font-size: 1.633em;
    line-height: 36px;
    position: absolute;
    left: -10px;
    top: -10px;
}
#service .point .block:nth-child(2):before { content: "2";}
#service .point .block:nth-child(3):before { content: "3";}
#service .point .block:nth-child(4):before { content: "4";}
#service .point .block:nth-child(5):before { content: "5";}

#service .point .block .text p:last-of-type { margin: 0;}

#service #main .carSpec .inner{
	margin-bottom:30px;
}

@media screen and (max-width: 737px){
	#service #main section ul.block-content-2 li {
		overflow: hidden;
	}

	#service #main section ul.block-content-2 li p {
		margin: 0;
	}
	.block-content-2 li img {
		margin: 0 10px 10px 0;
	}
	#service #main section h3,
	#service #main .block .text h3 {
    	font-size: 1.333em;
	}
	#service .point .block .img{
		width: 130px;
	    margin: 0 10px 5px 0;
	}
	#service .point .block .text{
		margin: 0;
	}
}

/*** ------------------------------------------------------------------------------

03_環境への取組（#environment）

-----------------------------------------------------------------------------  ***/
#environment #visual{
	background: url(../../imgs/service/visual.jpg) center center no-repeat #F2F2F2;
}
@media screen and (min-width: 1200px){
	#environment #visual{
		background: url(../../imgs/service/visual.jpg) center center / 100% auto no-repeat #F2F2F2;
	}
}
@media screen and (max-width: 737px){
	#environment #visual{
		background: url(../../imgs/service/visual.jpg) center center / auto 100% no-repeat #F2F2F2;
	}
}

#environment .headline .img{
	text-align: center;
}

/*** ------------------------------------------------------------------------------

04_採用情報（#recruit）

-----------------------------------------------------------------------------  ***/
#recruit #visual{
	background: url(../../imgs/recruit/visual.jpg) center center no-repeat #F2F2F2;
	margin: 0 auto 10px;
	width: calc(100% - 136px);
}
#recruit #visual p{
	text-shadow: 1px 1px 5px #555;
}
#recruit .headline .img-text200 .title {
	font-size: 1.8em;
	font-weight: bold;
	margin: 0 0 20px 0;
}
#recruit .policy .content-area dl {
	margin: 0 0 25px 0;
}
#recruit .policy .content-area dl dt {
	font-size: 20px;
	font-weight: bold;
	color: #06005F;
	border-bottom: 1px solid #06005F;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
}
#recruit .policy .img-area {
	display: flex;
	justify-content: center;
	align-items: center;
}
#recruit .policy .img-area li {
	width: 100%;
	margin: 0 20px 0 0;
}
#recruit .policy .img-area li:last-child {
	margin: 0;
}
@media screen and (min-width: 1200px){
	#recruit #visual{
		background: url(../../imgs/recruit/visual.jpg) center center / 100% auto no-repeat #F2F2F2;
	}
}
@media screen and (max-width: 737px){
	#recruit #visual{
		background: url(../../imgs/recruit/visual.jpg) center center / auto 100% no-repeat #F2F2F2;
		width: calc(100%);
	}
	#recruit .headline .img-text200 .title {
		font-size: 1.4em;
	}
	#recruit .policy .content-area dl dt {
		font-size: 18px;
	}
	#recruit .policy .img-area li {
		margin: 0 2% 0 0;
	}
}
/*** ------------------------------------------------------------------------------

05_○○運送とは（#about）

-----------------------------------------------------------------------------  ***/
#about #visual{
	background: url(../../imgs/about/visual.jpg) center center no-repeat #F2F2F2;
}
@media screen and (min-width: 1200px){
	#about #visual{
		background: url(../../imgs/about/visual.jpg) center center / 100% auto no-repeat #F2F2F2;
	}
}
@media screen and (max-width: 737px){
	#about #visual{
		background: url(../../imgs/about/visual.jpg) center center / auto 100% no-repeat #F2F2F2;
	}
}
#about .outline .block{
	margin:0 0 40px;
}
#about .outline .block .img{
	float:left;
	width: 264px;
	margin:0;
}
#about .outline .block .text{
	margin:0 0 0 284px;
}
#about .outline .block:nth-child(even) .img{
	float:right;
	width: 264px;
}
#about .outline .block:nth-child(even) .text{
	margin:0 284px 0 0;
}
#about .outline .block .text h3{
	color: #333;
	font-size: 1.833em;
	font-weight: bold;
	margin:0 0 10px;
	padding:0 0 10px;
	border-bottom: #FF8C00 1px solid;
}
#about .outline .block .text p:last-of-type{
	margin:0;
}
@media screen and (max-width: 737px){
	#about .outline .block{
		margin:0 0 30px;
	}
	#about .outline .block .img{
		width: 130px;
		margin:0 10px 5px 0;
	}
	#about .outline .block .text{
		margin:0;
	}
	#about .outline .block:nth-child(even) .img{
		width: 130px;
		margin:0 0 5px 10px;
	}
	#about .outline .block:nth-child(even) .text{
		margin:0;
	}
	#about .outline .block .text h3{
		font-size: 1.333em;
	}
	#about .outline .block .text p{
		clear:both;
	}
	#about .outline .block .text p:last-of-type{
		margin:0;
	}
}

#about .point .block{
	padding:0 0 20px;
	margin:0 0 20px;
	border-bottom:#CCC 1px dotted;
	position:relative;
}
#about .point .block:before{
	content:"1";
	display:block;
	width:36px;
	height: 36px;
	background: #FF8C00;
	border-radius:50%;
	text-align: center;
	font-weight: bold;
	color:#FFF;
	font-size: 1.633em;
	line-height: 36px;
	position:absolute;
	left:-10px;
	top:-10px;
}
#about .point .block:nth-child(2):before{ content:"2";}
#about .point .block:nth-child(3):before{ content:"3";}
#about .point .block:nth-child(4):before{ content:"4";}
#about .point .block:nth-child(5):before{ content:"5";}
#about .point .block:nth-child(6):before{ content:"6";}
#about .point .block:nth-child(7):before{ content:"7";}
#about .point .block:nth-child(8):before{ content:"8";}
#about .point .block:nth-child(9):before{ content:"9";}
#about .point .block:nth-child(10):before{ content:"10";}
#about .point .block:nth-child(11):before{ content:"11";}

#about .point .block .img{
	float:left;
	width: 224px;
	margin:0;
}
#about .point .block .text{
	margin:0 0 0 244px;
}
#about .point .block .text h3{
	color: #333;
	font-size: 1.833em;
	font-weight: bold;
	margin:0 0 10px;
}
#about .point .block .text p:last-of-type{
	margin:0;
}
@media screen and (max-width: 737px){
	#about .point .block .img{
		width: 130px;
		margin:0 10px 5px 0;
	}
	#about .point .block .text{
		margin:0;
	}
	#about .point .block .text h3{
		font-size: 1.333em;
	}
	#about .point .block .text p{
		clear:both;
	}
}

/*** ------------------------------------------------------------------------------

ドライバー職ははじめての方へ（#education）

-----------------------------------------------------------------------------  ***/
#education #visual{
	background: url(../../imgs/education/visual.jpg) center center no-repeat #F2F2F2;
}
@media screen and (min-width: 1200px){
	#education #visual{
		background: url(../../imgs/education/visual.jpg) center center / 100% auto no-repeat #F2F2F2;
	}
}
@media screen and (max-width: 737px){
	#education #visual{
		background: url(../../imgs/education/visual.jpg) center center / auto 100% no-repeat #F2F2F2;
	}
}

#education #main .headline .img{
	float:left;
}
#education #main .headline .text{
	margin:0 0 0 244px;
}
@media screen and (max-width: 737px){
	#education #main .headline .img{
		width: 130px;
		margin:0 10px 5px 0;
	}
	#education #main .headline .text{
		margin:0;
	}
	#education #main .headline .text p{
		clear:both;
	}
	#education #main .headline .text p.catch{
		clear: none;
	}
}

#education .flow .block{
	border:#ccc 5px solid;
	position:relative;
	padding:20px;
	margin:0 0 60px;
}
#education .flow .block:before{
	content:"";
	display:block;
	position:absolute;
	left:50%;
	bottom:-60px;
	margin:0 0 0 -60px;
	width: 0px;
	height: 0px;
	border-top: #CCC 20px solid;
	border-bottom: #FFF 20px solid;
	border-left: #FFF 60px solid;
	border-right: #FFF 60px solid;
}

#education .flow .img:before{
	content:"1";
	display:block;
	width: 40px;
	height: 40px;
	background: #FF8C00;
	border-radius:50%;
	text-align: center;
	font-weight: bold;
	color:#FFF;
	font-size: 1.633em;
	line-height: 40px;
	position:absolute;
	left:-13px;
	top:-13px;
}
#education .flow .block:nth-child(2) .img:before{
	content:"2";
}
#education .flow .block:nth-child(3) .img:before{
	content:"3";
}
#education .flow .block:nth-child(4) .img:before{
	content:"4";
}
#education .flow .block:nth-child(5) .img:before{
	content:"5";
}
#education .flow .block:nth-child(6) .img:before{
	content:"6";
}
#education .flow .block:nth-child(7) .img:before{
	content:"7";
}
#education .flow .block:nth-child(8) .img:before{
	content:"8";
}
#education .flow .block .img{
	float:left;
	width: 224px;
	margin:0;
}
#education .flow .block .text{
	margin:0 0 0 244px;
}
#education .flow .block .text h3{
	color: #07005F;
	font-size: 1.833em;
	font-weight: bold;
	margin:0 0 10px;
}
#education .flow .block .text p:last-of-type{
	margin:0;
}
#education .flow .debut{
	text-align: center;
	font-size: 1.833em;
	color:#FF8C00;
	background: #FFFA90;
	font-weight: bold;
	padding:20px 0;
}
@media screen and (max-width: 737px){
	#education .flow .block .img{
		float: none;
		text-align: center;
		width: auto;
		margin:0 0 10px;;
	}
	#education .flow .block .text{
		margin:0;
	}
	#education .flow .block .text h3{
		text-align: center;
	}
	#education .flow .debut{
		text-align: left;
		padding:20px;
		font-size: 1.5em;
	}
}

#education .point .block{
	padding:0 0 20px;
	margin:0 0 20px;
	border-bottom:#CCC 1px dotted;
	position:relative;
}
#education .point .block:before{
	content:"1";
	display:block;
	width:36px;
	height: 36px;
	background: #FF8C00;
	border-radius:50%;
	text-align: center;
	font-weight: bold;
	color:#FFF;
	font-size: 1.633em;
	line-height: 36px;
	position:absolute;
	left:-10px;
	top:-10px;
}
#education .point .block:nth-child(2):before{
	content:"2";
}
#education .point .block:nth-child(3):before{
	content:"3";
}
#education .point .block:nth-child(4):before{
	content:"4";
}
#education .point .block:nth-child(5):before{
	content:"5";
}
#education .point .block:nth-child(6):before{
	content:"6";
}
#education .point .block:nth-child(7):before{
	content:"7";
}
#education .point .block:nth-child(8):before{
	content:"8";
}
#education .point .block .img{
	float:left;
	width: 224px;
	margin:0;
}
#education .point .block .text{
	margin:0 0 0 244px;
}
#education .point .block .text h3{
	color: #333;
	font-size: 1.833em;
	font-weight: bold;
	margin:0 0 10px;
}
#education .point .block .text p:last-of-type{
	margin:0;
}
@media screen and (max-width: 737px){
	#education .point .block .img{
		width: 130px;
		margin:0 10px 10px 0;
	}
	#education .point .block .text{
		margin:0;
	}
	#education .point .block .text p{
		clear:both;
	}
	#education .point .block .text h3{
		font-size: 1.333em;
	}
}


/*** ------------------------------------------------------------------------------

安全・教育体制（#works）

-----------------------------------------------------------------------------  ***/
#safety #visual{
	background: url(../../imgs/safety/visual.jpg) center center no-repeat #F2F2F2;
}
@media screen and (min-width: 1200px){
	#safety #visual{
		background: url(../../imgs/safety/visual.jpg) center center / 100% auto no-repeat #F2F2F2;
	}
}
@media screen and (max-width: 737px){
	#safety #visual{
		background: url(../../imgs/safety/visual.jpg) center center / auto 100% no-repeat #F2F2F2;
	}

	#safety #main .headline p {
		margin: 0 10px 1em;
	}
}


#safety #main .staff p.img_01 {
	margin: 0 0 30px;
	float: left;
	text-align:center;
}
#safety #main .staff p.img_01 span{
	display:inline-block;
	padding-top:10px;
}

#safety #main .staff p.txt_01 {
	width: 450px;
	margin: 0 0 30px;
	float: right;
}

#safety #main .staff .voice {
	clear: both;
	padding: 0 0 20px;
	background-color: #FFF8EE;
	border: solid 1px #FF8C00;
}

#safety #main .staff .voice h3 {
	padding: 3px 20px;
	background-color: #FF8C00;
	color: #fff;
	font-size: 1.500em;
	font-weight: bold;
}

#safety #main .staff p.img_02 {
	margin: 20px 0 0 20px;
	float: left;
	font-weight: bold;
	text-align: center;
}

#safety #main .staff p.img_02 img {
	margin: 0 0 10px;
}



#safety #main .staff p.txt_02 {
	width: 410px;
	margin: 20px 20px 0 0;
	float: right;
}

#safety #main .block-img-3 li{
	text-align:left;
}

#safety #main section .txtCenter{
	text-align:center;
}


@media screen and (max-width: 737px){
	#safety #main section:nth-of-type(4) {
		margin: 0 0 40px;
	}

	#safety #main .staff p.img_01 {
		width: 40%;
		margin: 0 10px 10px 0;
		float: left;
	}

	#safety #main .staff p.txt_01 {
		width: auto;
		margin: 0 0 1em;
		float: none;
	}

	#safety #main .staff .voice h3 {
		padding: 3px 10px;
	}

	#safety #main .staff p.img_02 {
		width: 40%;
		margin: 10px;
		float: left;
	}

	#safety #main .staff p.txt_02 {
		width: auto;
		margin: 10px 10px 0;
		float: none;
	}
}



/*** ------------------------------------------------------------------------------

06_ご家族の方へ（#family）

-----------------------------------------------------------------------------  ***/

#family #visual{
	background: url(../../imgs/family/visual.jpg) center center no-repeat #F2F2F2;
}
@media screen and (min-width: 1200px){
	#family #visual{
		background: url(../../imgs/family/visual.jpg) center center / 100% auto no-repeat #F2F2F2;
	}
}
@media screen and (max-width: 737px){
	#family #visual{
		background: url(../../imgs/family/visual.jpg) center center / auto 100% no-repeat #F2F2F2;
	}
}
#family #main .qa dl dt{
	color:#07005F;
	font-size: 1.5em;
	font-weight: bold;
	margin:0 0 10px;
	padding:0 0 0 40px;
	position:relative;
}
#family #main .qa dl dt:after{
	content:"Q";
	width: 30px;
	height: 30px;
	text-align: center;
	color:#FFF;
	line-height: 30px;
	background: #07005F;
	display:block;
	position:absolute;
	left:0;
	top:0;
	border-radius:50%;
	font-size: 0.863em;
}
#family #main .qa dl dd{
	background: #F2F2F2;
	padding:10px 15px;
	margin:0 0 20px;
}
#family .greeting .text_red {
	color: #ff0000;
	font-weight: bold;
}
@media screen and (max-width: 737px){
	#family #main .qa dl dt{
		font-size: 1.333em;
	}
}
#family #main .text02{
	font-size:1.167em;
}

#family #main ul.block-content-2 li:nth-of-type(3) h3 {
	padding: 15px 0 27px;
}

@media screen and (max-width: 737px){
	#family #main ul.block-content-2 li:nth-of-type(3) h3 {
		padding: 0 0 10px;
	}
}



/*** ------------------------------------------------------------------------------

スタッフ紹介（#staff）

-----------------------------------------------------------------------------  ***/

#staff #visual{
	background: url(../../imgs/staff/visual.jpg) center center no-repeat #F2F2F2;
}
@media screen and (min-width: 1200px){
	#staff #visual{
		background: url(../../imgs/staff/visual.jpg) center center / 100% auto no-repeat #F2F2F2;
	}
}
@media screen and (max-width: 737px){
	#staff #visual{
		background: url(../../imgs/staff/visual.jpg) center center / auto 100% no-repeat #F2F2F2;
	}
}

@media screen and (min-width: 737px){
	#staff #main .voice_detail{
		min-height: 710px;
	}
}

#staff #main .headline p {
	background: url(../img/icon_arrow10.png) 5px 8px no-repeat;
	padding-left:30px;
	font-size:18px;
	font-weight:bold;
}

#staff #main .headline ul {
	margin:0;
}
#staff #main .headline ul li {
	width: 32%;
	float:left;
	margin:0 2% 15px 0;
}
#staff #main .headline ul li:nth-child(3n){
	margin:0 0 15px 0;
}
#staff #main .headline ul li a{
	display:block;
	border-radius:10px;
	border:#07005F 1px solid;
	padding:25px 10px 25px 35px;
	background: url(../img/icon_arrow03.png) 10px center no-repeat ;
	color: #07005F;
}
#staff #main .headline ul li a:hover{
	background: url(../img/icon_arrow04.png) 10px center no-repeat #07005F;
	text-decoration: none;
	color:#FFFFFF;
}


@media screen and (max-width: 737px){
	#staff #main .headline p {
		margin: 0 0 16px;
	}
	#staff #main .headline ul li {
		width: auto;
		float: none;
		margin:0 0 10px;
	}
	#staff #main .headline ul li br{
		display:none;
	}
	#staff #main .headline ul li a{
		padding: 12px 10px 12px 35px;
	}
}


#staff #main .voice_detail section {
	margin: 0 0 40px;
	padding: 0 0 40px;
	border-bottom: dotted 1px #ccc;
}

#staff #main .voice_detail section:last-of-type {
	margin: 0 0 60px;
	padding: 0;
	border-bottom: none;
}

#staff #main .voice_detail p.img {
	text-align: center;
	font-size: 1.500em;
	font-weight: bold;
	width: 220px;
}
#staff #main .voice_detail p.img .class{
	font-size: 14px;
	font-weight: normal;
}

#staff #main .voice_detail p.img img {
	margin: 0 0 5px;
}

#staff #main .voice_detail .text h3 {
	margin: 0 0 10px;
	color: #07005F;
	font-size: 1.833em;
	font-weight: bold;
}

#staff #main .voice_detail .text dl {
	margin: 0;
}

#staff #main .voice_detail .text dl dt {
	margin: 20px 0 5px;
	font-size: 1.200em;
	font-weight: bold;
}
#staff #main .voice_detail .text dl dd p{
	font-size: 1em !important;
}


@media screen and (max-width: 737px){
	#staff #main .voice_detail section {
		margin: 0 0 20px;
		padding: 0 0 20px;
	}

	#staff #main .voice_detail section:last-of-type {
		margin: 0 0 40px;
	}

	#staff #main .voice_detail p.img {
		width: auto;
		margin: 0 0 10px;
		float: none;
		text-align: center;
		font-size: 1.167em;
	}

	#staff #main .voice_detail p.img img {
		display: inline;
	}

	#staff #main .voice_detail .text h3 {
		margin: 0 0 10px;
		color: #07005F;
		font-size: 1.667em;
	}

	#staff #main .voice_detail .text dl dt {
		margin: 20px 0 5px;
		font-size: 1.200em;
		font-weight: bold;
	}
}



/*** ------------------------------------------------------------------------------

07_募集要項一覧（#requirements）

-----------------------------------------------------------------------------  ***/

#requirements #visual{
	background: url(../../imgs/requirements/visual.jpg) center center no-repeat #F2F2F2;
}
@media screen and (min-width: 1200px){
	#requirements #visual{
		background: url(../../imgs/requirements/visual.jpg) center center / 100% auto no-repeat #F2F2F2;
	}
}
@media screen and (max-width: 737px){
	#requirements #visual{
		background: url(../../imgs/requirements/visual.jpg) center center / auto 100% no-repeat #F2F2F2;
	}
}

#requirements #main .headline ul {
	margin:0;
}
#requirements #main .headline ul li {
	width: 32%;
	float:left;
	margin:0 2% 15px 0;
}
#requirements #main .headline ul li:nth-child(3n){
	margin:0 0 15px 0;
}
#requirements #main .headline ul li a{
	display:block;
	border-radius:10px;
	border:#07005F 1px solid;
	padding:22px 10px 22px 35px;
	background: url(../img/icon_arrow03.png) 10px center no-repeat ;
	color: #07005F;
}

#requirements #main .headline ul li a:hover{
	background: url(../img/icon_arrow04.png) 10px center no-repeat #07005f;
	text-decoration: none;
	color:#FFFFFF;
}
#requirements #main .headline p{
	background: url(../img/icon_arrow10.png) 10px center no-repeat;
	padding-left:30px;
	font-size:18px;
	font-weight:bold;
}
@media screen and (max-width: 737px){
	#requirements #main .headline ul li {
		width: auto;
		float: none;
		margin:0 0 10px;
	}
	#requirements #main .headline ul li br{
		display:none;
	}

	#requirements #main .headline ul li a{
		padding:10px 10px 10px 35px !important;
	}
}

#requirements #main .list .outline{
	border:#CCC 1px solid;
	position:relative;
	margin:0 0 20px;
}
#requirements #main .list .outline .title{
	border-bottom:#CCC 1px solid;
	padding: 10px 15px 10px 40px;
	position: relative;
    display: flex;
    min-height: 150px;
}
#requirements #main .list .outline .title:before{
	content:"";
	display:block;
	background: #07005F;
	width:5px;
	height:70%;
	position:absolute;
	left:15px;
	top:15%;
}
#requirements #main .list .outline .title h3{
	font-size: 1.833em;
	color: #07005F;
	font-weight: bold;
}
#requirements #main .list .outline .title h3 a{	color: #333;}
#requirements #main .list .outline .title p{
	margin:0;
}
#requirements #main .list .outline table{
	width: 100%;
}
#requirements #main .list .outline table th{
	border-bottom:#CCC 1px dotted;
	padding:10px 15px;
	width: 120px;
	font-weight: bold;
	vertical-align:top;
}
#requirements #main .list .outline table td{

	padding:10px 15px 5px 0;
	border-bottom:#CCC 1px dotted;
}
#requirements #main .list .outline table tr:last-child th,
#requirements #main .list .outline table tr:last-child td{
	border: none;
}
#requirements #main .list .outline table td p{
	font-size:1em;
	margin:0;
}
#requirements #main .list .outline .link a{
	position: absolute;
    right: 240px;
    top: 100px;
    display: block;
    color: #FFF;
    font-weight: bold;
    width: 160px;
    padding: 15px 0;
    background: url(../img/icon_arrow09.png) 90% center no-repeat #FF8000;
    border-radius: 5px;
    text-align: center;
    font-size: 1.25em;
    letter-spacing: 10px;
}
#requirements #main .list .outline .link a:hover{
	background: url(../img/icon_arrow09.png) 90% center no-repeat #DD7900;
	text-decoration: none;
}

#requirements #main .list .outline .title .t_gazou{
	padding-left: 15px;
    margin: 0 0 0 auto;
}
#requirements #main .list .outline .title .t_gazou img{
	max-width:210px;
	height:auto;
}


@media screen and (max-width: 737px){
	#requirements #main .list .outline .title{
		padding:10px;
		min-height: auto;
		flex-wrap: wrap;
	}
	#requirements #main .list .outline .title:before {
		display:none;
	}
	#requirements #main .list .outline .title .t_gazou{
		margin:15px auto;;
		padding:0;
	}
	#requirements #main .list .outline .title h3{
		font-size: 1.5em;
	}
	#requirements #main .list .outline table {
		font-size: 1em;
	}
	#requirements #main .list .outline table th{
		border-bottom: none;
		padding:10px 10px 5px;
		width: auto;
		display:list-item;
		list-style: none;
	}
	#requirements #main .list .outline table td{
		padding:0 10px 10px;
		display:list-item;
		list-style: none;
	}
	#requirements #main .list .outline table tr:last-child td{
		border-bottom:#CCC 1px dotted;
	}
	#requirements #main .list .outline .link a{
		position: relative;
		right:0;
		top:0;
		width:160px;
		margin:0 auto;
	}
	#requirements #main .list .outline .link a:hover{
		background: url(../img/icon_arrow09.png) 90% center no-repeat #DD7900;
		text-decoration: none;
	}
	#requirements #main .list .outline .title .t_gazou img{
		max-width: 100%;
		height:auto;
	}
}

/*** ------------------------------------------------------------------------------

08_募集要項詳細（#requirements-single）

-----------------------------------------------------------------------------  ***/

#requirements-single #visual{
	background: url(../../imgs/requirements-single/visual.jpg) center center no-repeat #F2F2F2;
}
@media screen and (min-width: 1200px){
	#requirements-single #visual{
		background: url(../../imgs/requirements-single/visual.jpg) center center / 100% auto no-repeat #F2F2F2;
	}
}
@media screen and (max-width: 737px){
	#requirements-single #visual{
		background: url(../../imgs/requirements-single/visual.jpg) center center / auto 100% no-repeat #F2F2F2;
	}
}

#requirements-single #main .works .img{
	width: 279px;
	float:left;
}
#requirements-single #main .works .img img {
    max-width: 100%;
}
#requirements-single #main .works .text{
	margin:0 0 0 300px;
}
#requirements-single #main .works .text01{
	margin:0 0 15px 250px;
}
#requirements-single #main .works .text02{
	font-weight:bold;
	text-align:right;
}
#requirements-single #main .works .slick-dots{
	margin: 0;
}
#requirements-single #main .works .slick-dots li{
	margin: 0;
}
#requirements-single #main .works .slick-prev:before,
#requirements-single #main .works .slick-next:before{
	font-size: 26px;
	color: #000;
}
#requirements-single #main .works .slick-prev{
	left: -18px;
	z-index: 2;
}
#requirements-single #main .works .slick-next{
	right: -10px;
	z-index: 2;
}

@media screen and (max-width: 737px){
	#requirements-single #main .works .img{
		width: 100%;
		margin:0 0 35px 0;
		text-align: center;
	}
	#requirements-single #main .works .text{
		margin:0;
	}
	#requirements-single #main .works .text01{
		margin:0 0 15px 0;
	}
	#requirements-single #main .works .slick-prev{
		left: -10px;
		z-index: 2;
	}
	#requirements-single #main .works .slick-next{
		right: -5px;
		z-index: 2;
	}
}

/* .block  */
#requirements-single #main .point .block li{
	width: 226px;
	float:left;
	margin:0 11px 10px 0;
	background: #F2F2F2;
}
#requirements-single #main .point .block li:nth-child(3n){
	margin:0 0 10px;
}
#requirements-single #main .point .block li span{
	display:block;
	padding:10px;
	background: #F2F2F2;
}
#requirements-single #main .point .block li span strong{
	display:block;
	font-weight: bold;
	font-size: 1.083em;
	color:#0083CC;
	background: none;
	margin:0 0 10px;
}
@media screen and (max-width: 737px){
	#requirements-single #main .point .block li{
		width: 49%;
		float:left;
		margin:0 0 10px;
	}
	#requirements-single #main .point .block-content-3 li img {
		width: 100%;
		height: auto;
	}

	#requirements-single #main .point .block-content-3 li{
		width: auto;
		padding: 10px;
		float: none;
		margin: 0 0 10px;
	}


	#requirements-single #main .point .block li:nth-child(2n){
		margin:0 0 10px;
		float:right;
	}
	#requirements-single #main .point .block li:nth-child(2n+1){
		clear:both;
	}
	#requirements-single #main .point .block li img{
		width: 100%;
		height: auto;
	}
	#requirements-single #main .point .block- li{
		width: 49%;
		float:left;
		margin:0 0 10px;
	}
}
/* .block.type02 */
#requirements-single #main .point .block.type02 li{
	width: 49%;
	float:left;
	margin:0 0 10px;
}
#requirements-single #main .point .block.type02 li:nth-child(2n){
	margin:0 0 10px;
	float:right;
}
#requirements-single #main .point .block.type02 li img{
	width: 100%;
	height: auto;
}
/* .block.type01 */
#requirements-single #main .point .block.type01 li{
	width: 100%;
	float: none;
	margin:0;
	background: none;
}
#requirements-single #main .point .block.type01 li img{
	float:left;
}
#requirements-single #main .point .block.type01 li span{
	background: none;
	padding:0;
	margin:0 0 0 246px;
}
@media screen and (max-width: 737px){
	#requirements-single #main .point .block.type01 li img{
		float:left;
		width: 130px;
	}
	#requirements-single #main .point .block.type01 li span{
		margin:0 0 0 150px;
	}
}

/* .guideline  */
/*
#requirements-single #main .guideline table{
	width: 100%;
	border:#CCC 1px solid;
}
*/
#requirements-single #main .guideline .inner{
	display: flex;
	flex-wrap: wrap;
}

#requirements-single #main .guideline table{
	flex: 0 0 50%;
	width: 50%;
	border:#CCC 1px solid;
	box-sizing: border-box;
}
#requirements-single #main .guideline table:nth-of-type(2){
	flex: 0 0 50%;
	width: 50%;
	border: none;
	box-sizing: border-box;
}

#requirements-single #main .guideline table th{
	width: 30%;
	background: #F2F2F2;
	padding:10px 15px;
	vertical-align: top;
	font-weight: bold;
	/*width:200px;*/
	border:#CCC 1px solid;
	box-sizing: border-box;
}
#requirements-single #main .guideline table:nth-of-type(2) th {
    border-left: none;
}
#requirements-single #main .guideline table td{
	width: 70%;
	border:#CCC 1px solid;
	padding:10px 15px;
	word-break:break-all;
	box-sizing: border-box;
}
#requirements-single #main .guideline table td p{
	margin:0;
	font-size:1em;
}
@media screen and (max-width: 737px){
	#requirements-single #main .guideline table{
		margin: 0;
    	flex: 0 0 100%;
		width: 100%;
	}
	#requirements-single #main .guideline table:nth-of-type(2){
		margin: 0 0 1.6em;
		flex: 0 0 100%;
		width: 100%;
		border-right: #CCC 1px solid;
		border-bottom: #CCC 1px solid;
		border-left: #CCC 1px solid;
	}
	#requirements-single #main .guideline table th{
		width: 100%;
		display:list-item;
		list-style: none;
		/*width: auto;*/
		border:none;
		border-bottom:#CCC 1px solid;
	}
	#requirements-single #main .guideline table td{
		width: 100%;
		display:list-item;
		list-style: none;
		border:none;
		border-bottom:#CCC 1px solid;
		padding:10px 15px;
	}
	#requirements-single #main .guideline table tr:last-child td{
		border:none;
	}
}

/* message */
#requirements-single #main .message .img{
	float:left;
}
#requirements-single #main .message .text{
	margin:0 0 0 240px;
}

#requirements-single #main .more-link {
    text-align: center;
    clear: both;
	margin-bottom:60px;
}
#requirements-single #main .more-link a {
    background: url(../img/icon_arrow05.png) no-repeat scroll 15px center #F00;
	width: auto;
	border: none;
	display: inline-block;
    color: #FFFFFF;
    border-radius: 5px;
    padding: 10px 20px 10px 40px;
}
#requirements-single #main .more-link a:hover {
    background: url(../img/icon_arrow05.png) no-repeat scroll 15px center #C00;
}

@media screen and (max-width: 737px){
	#requirements-single #main .message .img{
		width:130px;
	}
	#requirements-single #main .message .text{
		margin:0 0 0 150px;
	}
	#requirements-single #main .more-link {
		padding: 0 10px;
		margin-bottom:40px !important;
	}
}



/*** ------------------------------------------------------------------------------

22_応募フォーム（#entry）

-----------------------------------------------------------------------------  ***/

#entry #visual{
	background: url(../../imgs/entry/visual.jpg) center center no-repeat #F2F2F2;
}
@media screen and (min-width: 1200px){
	#entry #visual{
		background: url(../../imgs/entry/visual.jpg) center center / 100% auto no-repeat #F2F2F2;
	}
}
@media screen and (max-width: 737px){
	#entry #visual{
		background: url(../../imgs/entry/visual.jpg) center center / auto 100% no-repeat #F2F2F2;
	}
}
#entry .form .tel{
	font-size: 1.5em;
	font-weight: bold;
	color:#FF8000;
}

#entry .main-contact{
	display: none;
}



/*** ------------------------------------------------------------------------------

会社概要（#company）

-----------------------------------------------------------------------------  ***/
#company #visual{
	background: url(../../imgs/company/visual.jpg) center center no-repeat #F2F2F2;
}
@media screen and (min-width: 1200px){
	#company #visual{
		background: url(../../imgs/company/visual.jpg) center center / 100% auto no-repeat #F2F2F2;
	}
}
@media screen and (max-width: 737px){
	#company #visual{
		background: url(../../imgs/company/visual.jpg) center center / auto 100% no-repeat #F2F2F2;
	}
}

/* .base  */
#company #main .base .block{
	margin:0 0 30px;
	padding:0 0 30px;
	border-bottom: #CCC 1px dotted;
}
#company #main .base .map{
	width: 300px;
	float:left;
}
#company #main .base .text{
	margin:0 0 0 330px;
}
#company #main .base .text h3{
	font-size: 1.666em;
	color:#31A9D8;
	margin:0 0 15px;
}
#company #main .base .text table{
	width: 100%;
}
#company #main .base .text table th{
	vertical-align:top;
	font-weight: bold;
	width: 50px;
}
#company #main .base .text dt{
	font-weight: bold;
}
#company #main .base .text dd{
	margin:0 0 1.6em;
}
#company #main .base .text dl,
#company #main .base .text dd:last-of-type{
	margin:0;
}
@media screen and (max-width: 737px){
	#company #main .base .map{
		width: 100%;
		float: none;
		margin:0 0 10px;
	}
	#company #main .base .map iframe{
		width: 100%;
	}
	#company #main .base .text{
		margin:0;
	}
	#company #main .base .text h3{
		font-size: 1.666em;
		color:#31A9D8;
		margin:0 0 15px;
	}
	#company #main .base .text table{
		width: 100%;
	}
	#company #main .base .text table th{
		vertical-align:top;
		font-weight: bold;
		width: 50px;
	}
	#company #main .base .text dt{
		font-weight: bold;
	}
	#company #main .base .text dd{
		margin:0 0 1.6em;
	}
	#company #main .base .text dl,
	#company #main .base .text dd:last-of-type{
		margin:0;
	}
}
#company #main .text .text02{
	font-size:1.167em;
}

#company .policy div.inner{
	text-align:center;
}

#company #main .outline table {
	font-size: 1.167em;
}

#company #main .outline .inner:nth-of-type(1) table {
	margin: 0 0 40px;
}

#company #main .outline table td ul {
	margin: 0;
	font-size: 1.0em;
}

#company #main .outline table td ul li {
	padding-left: 1em;
	text-indent: -1em;
}

#company #main .outline table td ul li a {
	text-decoration: underline;
}

#company #main .outline table td ul li a:hover {
	text-decoration: none;
}

#company #main .outline table th.th01{
	width:50px;
}
#company #main .outline table th.th02{
	width:120px;
}

#company #main .outline table td .txtIndent01{
	padding-left:1em;
	display:inline-block;
}
#company #main .outline table td .txtSmall{
	font-size:11px;
}


#company #main .map {
	margin: 0 0 60px;
}

#company #main .map section {
	margin: 0 0 30px;
	padding: 0 0 30px;
	border-bottom: dotted 1px #ccc;
}

#company #main .map section:last-of-type {
	margin: 0;
	padding: 0;
	border-bottom: none;
}

#company #main .map section iframe {
	width: 300px;
	height: 260px;
	float: left;
}

#company #main .map section div {
	width: 370px;
	float: right;
}

#company #main .map section div h3 {
	margin: 0 0 10px;
	color: #FF8C00;
	font-size: 1.667em;
	font-weight: bold;
}

#company #main .map section div dl.address {
	font-size: 1.167em;
}

#company #main .map section div dl.address dt {
	clear: both;
	float: left;
	font-weight: bold;
}

#company #main .map section div dl.address dd {
	float: left;
}

#company #main .map section div dl.train {
	clear: both;
	margin: 0;
	font-size: 1.167em;
}

#company #main .map section div dl.train dt {
	font-weight: bold;
}

#company #main .map section div dl.train dt:nth-of-type(2) {
	margin: 1.5em 0 0;
}

#company #main .safetymark .img-text200 .img {
    float: left;
    width: 150px;
}

#company #main .safetymark .img-text200 .text {
    margin: 0 0 0 100px;
}


@media screen and (max-width: 737px){
	#company #main .map {
		margin: 0 0 40px;
	}

	#company #main .map section iframe {
		width: 100%;
		height: 260px;
		margin: 0 0 10px;
		float: none;
	}

	#company #main .map section div {
		width: auto;
		float: none;
	}
	#company #main .outline table th.th01{
		width: auto;
	}
	#company #main .outline table th.th02{
		width: auto;
	}
	#company #main .safetymark .img-text200 .img{
		width:100%;
		text-align:center;
	}
	#company #main .safetymark .img-text200 .text {
    	margin:0;
		clear:both;
	}
}
#company .movieAera {
    max-width:100%;
    margin:0 auto;
    text-align: center;
}
#company .movieAera #video {
    width: 30%;
    height: 30%;
    margin: 0 auto;
    text-align: center;
}
@media screen and (max-width: 737px){
	#company .movieAera #video {
    width: 45%;
    height: 45%;
    margin: 0 auto;
}
}


/*** ------------------------------------------------------------------------------

ブログ（#blog）

-----------------------------------------------------------------------------  ***/
#blog #visual{
	background: url(../../imgs/blog/visual.jpg) center center no-repeat #F2F2F2;
}
@media screen and (min-width: 1200px){
	#blog #visual{
		background: url(../../imgs/blog/visual.jpg) center center / 100% auto no-repeat #F2F2F2;
	}
}
@media screen and (max-width: 737px){
	#blog #visual{
		background: url(../../imgs/blog/visual.jpg) center center / auto 100% no-repeat #F2F2F2;
	}
}

/* 一覧 */
#blog #cont .list article{
	box-sizing:border-box;
	margin:0 0 20px;
}
#blog #cont .list article a{
	display:block;
	background:#FFFFFF;
	padding:20px;
	color:#333;
	border:#CCC 1px solid;
}
#blog #cont .list article a:hover{
	text-decoration: none;
	background: #F2F2F2;
}
#blog #cont .list article .img{
	float:right;
	margin:0 0 0 20px;
}
#blog #cont .list article .date{
	margin:0 0 10px;
	font-weight: bold;
}
#blog #cont .list article .date span{
	display:inline-block;
	color:#333;
	background: #FF8C00;
	margin:0 0 0 10px;
	padding:0 10px;
	font-size: 0.863em;
}
#blog #cont .list article h3{
	font-weight: normal;
	margin:0 0 5px;
	font-size: 1.5em;
}
#blog #cont .list article .entry{
	font-size: 1em;
	margin:0;
}
@media screen and (max-width: 737px){
	#blog #cont .blog{
		padding:20px 0;
	}
	#blog #cont .list article{
		width: auto;
		float:none;
	}
	#blog #cont .list article a{
		padding:15px;
	}
	#blog #cont .list article:nth-child(even){
		float:none;
	}
	#blog #cont .list article .img{
		width: 120px;
		margin:0 0 10px 20px;
	}
	#blog #cont .list article .date{
		font-size: 1em;
	}
	#blog #cont .list article .date span{
		padding:0 5px;
	}
	#blog #cont .list article .entry{
		clear:both;
	}
}


/* 詳細 */
#blog #cont article.single {
	margin:0 0 20px;
}
#blog #cont article.single .data{
	text-align: right;
	margin:0 0 1.6em;
}
#blog #cont article.single .data ul{
	display:inline-block;
}
#blog #cont article.single .data ul li{
	display:inline;
}
#blog #cont article.single .data p{
	display:inline;
}
/*** ------------------------------------------------------------------------------

イベント（#event）

-----------------------------------------------------------------------------  ***/
#event #visual{
	background: url(../../imgs/event/visual.jpg) center center no-repeat #F2F2F2;
}
@media screen and (min-width: 1200px){
	#event #visual{
		background: url(../../imgs/event/visual.jpg) center center / 100% auto no-repeat #F2F2F2;
	}
}
@media screen and (max-width: 737px){
	#event #visual{
		background: url(../../imgs/event/visual.jpg) center center / auto 100% no-repeat #F2F2F2;
	}
}
#event #main .headline{
	margin:0;
}

#event #main section ul{
	margin:0 0 10px;
}

/*** ------------------------------------------------------------------------------

営業所（#base）

-----------------------------------------------------------------------------  ***/
#base #visual{
	background: url(../../imgs/company/visual.jpg) center center no-repeat #F2F2F2;
}
@media screen and (min-width: 1200px){
	#base #visual{
		background: url(../../imgs/company/visual.jpg) center center / 100% auto no-repeat #F2F2F2;
	}
}
@media screen and (max-width: 737px){
	#base #visual{
		background: url(../../imgs/company/visual.jpg) center center / auto 100% no-repeat #F2F2F2;
	}
}

#base #cont .outline table.type02 th{
	width:100px;
}
#base #cont .outline .attention{
	margin:-1em 0 1.6em;
}
#base #cont .outline ul{
	text-align: center;
}
#base #cont .outline ul li{
	display:inline-block;
	margin:0 10px;
}
#base #cont .outline ul li a{
	display:inline-block;
	padding:13px 18px;
	color:#333;
	background: #FFF200;
	font-weight: bold;
	border-radius:5px;
}
#base #cont .outline ul li a:hover{
	text-decoration: none;
	background: #F3CC00;
}

/*** ------------------------------------------------------------------------------

営業所（#contact）

-----------------------------------------------------------------------------  ***/
#contact #visual,
#thanks-contact #visual{
	background: url(../../imgs/contact/visual.jpg) center center no-repeat #F2F2F2;
}
@media screen and (min-width: 1200px){
	#contact #visual,
	#thanks-contact #visual{
		background: url(../../imgs/contact/visual.jpg) center center / 100% auto no-repeat #F2F2F2;
	}
}
@media screen and (max-width: 737px){
	#contact #visual,
	#thanks-contact #visual{
		background: url(../../imgs/contact/visual.jpg) center center / auto 100% no-repeat #F2F2F2;
	}
}
#contact #main .contact-list li{
	float:left;
	width: 220px;
	margin:0 20px 0 0;
}
#contact #main .contact-list li:nth-child(3n){
	margin:0;
}
@media screen and (max-width: 737px){
	#contact #main .contact-list li{
		width: 32%;
		margin:0 2% 0 0;
	}
	#contact #main .contact-list li:nth-child(3n){
		margin:0;
	}
}



/*** ------------------------------------------------------------------------------

ブラジル人の皆さんへ

-----------------------------------------------------------------------------  ***/
#brazillian-jp #visual,
#brazillian-bz #visual{
	background: url(../../imgs/brazillian/visual.jpg) center center no-repeat #F2F2F2;
}
#brazillian-jp #visual p,
#brazillian-bz #visual p{
	text-shadow: 1px 1px 5px #555;
}
@media screen and (min-width: 1200px){
	#brazillian-jp #visual,
	#brazillian-bz #visual{
		background: url(../../imgs/brazillian/visual.jpg) center center / 100% auto no-repeat #F2F2F2;
	}
}
@media screen and (max-width: 737px){
	#brazillian-jp #visual,
	#brazillian-bz #visual{
		background: url(../../imgs/brazillian/visual.jpg) center center / auto 100% no-repeat #F2F2F2;
	}
}

#brazillian-jp .langbtnarea,
#brazillian-bz .langbtnarea{
	display:flex;
	margin-top:30px;
	transform: translateY(1px);
}
#brazillian-jp .jpbtn,.bzbtn,
#brazillian-jp .jpbtn-nolink,
#brazillian-jp .bzbtn-nolink,
#brazillian-bz .jpbtn,.bzbtn,
#brazillian-bz .jpbtn-nolink,
#brazillian-bz .bzbtn-nolink{
	width:50%;
}
#brazillian-jp .jpbtn a,
#brazillian-jp .bzbtn a,
#brazillian-bz .jpbtn a,
#brazillian-bz .bzbtn a{
	color:#07005f;
	font-size:22px !important;
	padding: 5px;
	display:  block;
	margin: 0 15px !important;
	border:1px solid #07005f;
	background-color: #ECECEC;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #F9F9F9), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #F9F9F9),color-stop(.75, #F9F9F9), color-stop(.75, transparent),to(transparent));
	-webkit-background-size: 7px 7px;
}
#brazillian-jp .jpbtn a:hover,
#brazillian-jp .bzbtn a:hover,
#brazillian-bz .jpbtn a:hover,
#brazillian-bz .bzbtn a:hover{
	color:#fff;
	font-size:22px;
	background: #07005f;
	display:  block;
	margin:0 15px;
	border:1px solid #07005f;
	text-decoration:none;
}
#brazillian-jp .jpbtn-nolink p,
#brazillian-jp .bzbtn-nolink p,
#brazillian-bz .jpbtn-nolink p,
#brazillian-bz .bzbtn-nolink p{
	color:#fff;
	font-size:22px;
	background: #07005f;
	padding: 5px;
	display:  block;
	margin:0 15px;
	border:1px solid #07005f;
}
#brazillian-jp .jpbtn a img,
#brazillian-jp .bzbtn a img,
#brazillian-jp .jpbtn-nolink img,
#brazillian-jp .bzbtn-nolink img,
#brazillian-bz .jpbtn a img,
#brazillian-bz .bzbtn a img,
#brazillian-bz .jpbtn-nolink img,
#brazillian-bz .bzbtn-nolink img{
	margin-right:15px;
	max-height:50px;
	vertical-align: middle;
}
#brazillian-jp #main .inner,
#brazillian-bz #main .inner{
	display:flex;
}
#brazillian-jp #main .img img,
#brazillian-bz #main .img img{
	width:250px;
	margin-right:15px;
}
#brazillian-jp .block-content-2 li h3,
#brazillian-bz .block-content-2 li h3{
	font-size:1rem;
}

@media screen and (max-width: 737px){
	#brazillian-jp .jpbtn,.bzbtn,
	#brazillian-jp .jpbtn-nolink,
	#brazillian-jp .bzbtn-nolink,
	#brazillian-bz .jpbtn,.bzbtn,
	#brazillian-bz .jpbtn-nolink,
	#brazillian-bz .bzbtn-nolink{
		margin-top:10px;
	}
	#brazillian-jp #main .inner,
	#brazillian-bz #main .inner{
		display:block;
	}
	#brazillian-jp #main .img img,
	#brazillian-bz #main .img img{
		width:100%;
		margin-right:0;
	}
	#brazillian-jp .jpbtn a,
	#brazillian-jp .bzbtn a,
	#brazillian-jp .jpbtn-nolink p,
	#brazillian-jp .bzbtn-nolink p,
	#brazillian-bz .jpbtn a,
	#brazillian-bz .bzbtn a,
	#brazillian-bz .jpbtn-nolink p,
	#brazillian-bz .bzbtn-nolink p{
		font-size:14px !important;
		margin:0 5px !important;
	}
	#brazillian-jp .jpbtn a img,
	#brazillian-jp .bzbtn a img,
	#brazillian-jp .jpbtn-nolink img,
	#brazillian-jp .bzbtn-nolink img,
	#brazillian-bz .jpbtn a img,
	#brazillian-bz .bzbtn a img,
	#brazillian-bz .jpbtn-nolink img,
	#brazillian-bz .bzbtn-nolink img{
		max-height:40px;
		margin-right:10px;
	}

}

/*** ------------------------------------------------------------------------------

応募サンクスページ、サンクス画像

-----------------------------------------------------------------------------  ***/
#entry #cont .thanks-img img{
	width: 100%;
	height: auto;
}

/*** ------------------------------------------------------------------------------

一発芸採用（#special-skill）

-----------------------------------------------------------------------------  ***/
#special-skill #visual{
	background: url(../../imgs/special-skill/visual_img.jpg) center center no-repeat #F2F2F2;
	background-size:cover;
}


.youtube video{
	width:100%;
	height:auto;
}

/*** ------------------------------------------------------------------------------

オンライン面接（#on-line）

-----------------------------------------------------------------------------  ***/
#on-line #visual{
	background: url("../../imgs/on-line/on-line-visual-2.jpg") center center no-repeat #F2F2F2;
	position: relative;
	display: table;
	line-height: 100%;
}
#on-line #visual:before {
    background: rgba(0,0,0,0.20);
    position: absolute;
    height: 100%;
    content: "";
    width: 100%;
    left: 0;
    top: 0;
}
#on-line #visual .visual-txt{
	display: table-cell;
	vertical-align: middle;
	height: 280px;
}
#on-line #visual p{
    position: relative;
    z-index: 1;
	margin: 0;
	font-weight: bold;
}
#on-line #visual h1{
    position: relative;
    z-index: 1;
	text-align: center;
	width: 100%;
	font-size: 18px;
}
@media screen and (min-width: 1200px){
	#on-line #visual{
		background: url("../../imgs/on-line/on-line-visual-2.jpg") center center / 100% auto no-repeat #F2F2F2;
	}
}
@media screen and (max-width: 737px){
	#on-line #visual{
		background: url("../../imgs/on-line/on-line-visual-2.jpg") no-repeat;
		background-position: right -120px center;
		background-size: cover;
		box-sizing: border-box;
		padding: 0;
	}
	#on-line #visual .visual-txt{
		display: table-cell;
		vertical-align: middle;
		height: 120px;
	}
}

#on-line #cont{
	width: 100%;
}
#on-line #cont #topic-pass{
	width: 960px;
	margin: 0 auto;
}
#on-line #cont #main{
	width: 100%;
	float: none;
}
#on-line #cont #main section h2{
	text-align: center;
	font-size: 28px;
	font-weight: 900;
	background: none;
	color: #07005F;
}
#on-line #cont #main section h2::after{
	content: none;
}

#on-line #cont #main .inner{
	width: 960px;
	margin: 0 auto;
}
#on-line #cont #main .main-banner-line{
	width: 700px;
	margin: 0 auto 10px;
}

#on-line #cont #main section{
	position: relative;
    padding: 80px 0;
    margin: 0 auto;
    background-repeat: repeat;
    background-size: cover;
    background-attachment: inherit;
}

@media (max-width:737px){
	#on-line #cont #topic-pass{
		width: 100%;
		box-sizing: border-box;
	}
	#on-line #cont #main section h2{
		font-size: 18px;
	}
	#on-line #cont #main .inner{
		width: 100%;
		padding: 0 10px;
		box-sizing: border-box;
	}
	#on-line #cont #main .main-banner-line{
		width: 100%;
		padding: 0 10px;
		box-sizing: border-box;
	}
	#on-line #cont #main section{
		padding: 30px 0;
	}
}

#on-line .page-link {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}
#on-line #cont .page-link li {
  width: 32%;
  margin: 0 2% 0 0;
}
#on-line #cont .page-link li:last-child {
  margin: 0;
}
#on-line #cont .page-link li a {
  width: 100%;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: #07005F;
  color: #fff;
  text-decoration: none;
}
#on-line #cont .page-link li a:hover {
  opacity: 0.7;
}

@media (max-width: 737px) {
  #on-line #cont .page-link li {
    width: 100%;
    margin: 0 0 10px 0;
  }
  #on-line #cont .page-link li a {
    width: 100%;
    height: auto;
    display: block;
    padding: 10px 0;
  }
  #on-line #cont .page-link li a br {
    display: none;
  }
}

/*** 横並びブロック
-----------------------------------  ***/
#on-line #cont #main .block-area {
	display: -webkit-flex; /* Safari */ 
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */ 
	flex-wrap: wrap; 
	margin: 0 0 20px;
	/* 横方向中央揃え
	-webkit-justify-content: center;  
	justify-content: center;  */
}
#on-line #cont #main .block-area.bg-border:before{
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	display: block;
	background: #0068b7;
	height: 200px;
	width: 100%;
	z-index: -1;
	margin: -100px 0 0;
}
#on-line #cont #main .block-area .block{
	width: 31%;
	float: left;
	margin: 0 3% 20px 0;
	padding: 15px 0;
}
#on-line #cont #main .block-area.shadow .block{
	box-shadow: 0 0 10px 0px  #999;
}
#on-line #cont #main .block-area .block:nth-of-type(3n){
	margin: 0 0 20px;
}
#on-line #cont #main .block-area .block.block2{
	width: 48%;
	margin: 0 4% 20px 0 !important;
}
#on-line #cont #main .block-area .block.block2:nth-of-type(2n){
	margin: 0 0 20px !important;
}
#on-line #cont #main .block-area .block.block4{
	width: 23%;
	margin: 0 2% 20px 0 !important;
}
#on-line #cont #main .block-area .block.block4:nth-of-type(4n){
	margin: 0 0 20px !important;
}
#on-line #cont #main .block-area .block.block5{
	width: 17.6%;
	margin: 0 3% 20px 0 !important;
}
#on-line #cont #main .block-area .block.block5:nth-of-type(5n){
	margin: 0 0 20px !important;
}
#on-line #cont #main .block-area .block.block6{
	width: 15%;
	margin: 0 2% 20px 0 !important;
}
#on-line #cont #main .block-area .block.block6:nth-of-type(6n){
	margin: 0 0 20px !important;
}
#on-line #cont #main .block-area .block > a {
	display: block;
}
#on-line #cont #main .block-area .block > a:link {
	text-decoration: none;
	color: #333;
}
#on-line #cont #main .block-area .block > a:visited {
	text-decoration: none;
	color: #333;
}
#on-line #cont #main .block-area .block > a:hover {
	text-decoration: none;
	color: #333;
	opacity: 0.7;
}
#on-line #cont #main .block-area .block > a:active {
	text-decoration: none;
	color: #333;
}
#on-line #cont #main .block-area .block.no-img{
	padding: 15px 20px;
}
#on-line #cont #main .block-area .block .img{
	padding: 0 0 10px;
	margin: -15px 0 0;
}
#on-line #cont #main .block-area .block .img img{
	max-width: 100%;
}
#on-line #cont #main .block-area .block .text {
	padding: 0;
}
#on-line #cont #main .block-area .block.bg .text {
	padding: 0 20px;
}
#on-line #cont #main .block-area .block.no-img p,
#on-line #cont #main .block-area .block .text p{
	margin: 0;
	padding: 0;
}
#on-line #cont #main .block-area .block .icon{
	position: relative;
	height: 30px;
}
#on-line #cont #main .block-area .block .icon i{
	background: #0068b7;
	color: #FFF;
	position: absolute;
	left: 50%;
	top: -25px;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	margin: -10px 0 0 -25px;
	text-align: center;
	line-height: 50px;
	font-size: 28px;
}
#on-line #cont #main .block-area .block .catch{
	color: #333;
	padding: 0 0 10px !important;
	font-size: 18px;
	text-align: center;
}
#on-line #cont #main .block-area .block a .catch{
	text-align: left !important;
	text-indent: -1.2em;
	margin: 0 0 0 1.2em;
}
#on-line #cont #main .block-area .block a .catch:before{
	content: "\f0a9";
	padding: 0 5px 0 0;
    font-family: "FontAwesome";
}
#on-line #cont #main .block-area .block a:hover {
	opacity: 0.7;
}
@media screen and (max-width: 737px){
	#on-line #cont #main .block-area {
		display: block; 
	}
	#on-line #cont #main .block-area .block.block2{
		width: 100% !important;
		float: none;
		margin: 0 0 20px !important;
		padding: 0 0 20px;
		border-bottom: #CCC 1px dotted;
	}
	#on-line #cont #main .block-area .block:last-child{
		border-bottom: none;
		padding: 0;
	}
	#on-line #cont #main .block-area .block.link{
		border: #CCC 1px solid;
		padding: 10px;
		margin: 0 0 10px !important;
	}
	#on-line #cont #main .block-area .block.bg{
		border-bottom: none;
		padding: 0 0 15px;
	}
	#on-line #cont #main .block-area .block.bg.link{
		border-bottom: none;
		padding: 10px;
	}
	#on-line #cont #main .block-area .block.no-img.bg{
		padding: 15px 20px;
	}
	#on-line #cont #main .block-area .block .img{
		width: 100%;
		margin: 0;
	}
	#on-line #cont #main .block-area .block a .img{
		width: 100px;
		height: 100px;
		float: left;
		text-align: center;
		overflow: hidden;
		padding: 0;
		margin: 0;
	}
	#on-line #cont #main .block-area .block a .img img{
		max-width: inherit !important;
		height: 100% !important;
		width: auto !important;
		margin: 0 0 0 -30%;
	}
	#on-line #cont #main .block-area .block .text{
		margin: 0;
		padding: 0 !important;
	}
	#on-line #cont #main .block-area .block.bg .text{
		padding: 0 10px 15px !important;
	}
	#on-line #cont #main .block-area .block a .text,
	#on-line #cont #main .block-area .block.bg a .text{
		margin: 0 0 0 120px;
		padding: 0 !important;
	}
	#on-line #cont #main .block-area .block p{
		font-size: 14px;
		padding: 0;
	}
	#on-line #cont #main .block-area .block .catch{
		padding: 0 0 5px !important;
		font-size: 16px;
	}
}

@media (max-width: 737px) {
	#on-line #cont .block-area{
		padding: 0 20px;
	}
  #on-line #cont section .block-area .slick-prev {
    left: -5px;
    width: 26px;
    height: 26px;
  }
  #on-line #cont section .block-area .slick-prev::before {
    font-size: 26px;
    color: #000;
  }

  #on-line #cont section .block-area .slick-next {
    right: -5px;
    width: 26px;
    height: 26px;
  }
  #on-line #cont section .block-area .slick-next::before {
    font-size: 26px;
    color: #000;
  }
  #on-line #cont section .slick-dots {
    left: 0;
  }
  #on-line #cont section .slick-dots li {
    margin: 0;
  }
  #on-line #cont section .slick-slider .slick-track {
    display: flex;
  }
  #on-line #cont section .block-area .block.block2 {
    margin: 0 !important;
    height: auto;
  }
  #on-line #cont section .block-area .slick-list {
    margin: 0 0 20px;
  }
}



#on-line #cont #preparation .msg {
  text-align: center;
}
#on-line #cont #preparation ul.tab {
  margin: 0;
  font-size: 1.667em;
  font-weight: bold;
  text-align: center;
}

#on-line #cont #preparation ul.tab li {
  width: 160px;
  margin: 0 5px 0 0;
  float: left;
}

#on-line #cont #preparation ul.tab li a {
  padding: 10px;
  display: block;
  text-decoration: none;
  color: #fff !important;
}

#on-line #cont #preparation ul.tab li:nth-of-type(1) a {
  background-color: #00a9f0;
  border: solid 2px #00a9f0;
  border-bottom: none;
}
#on-line #cont #preparation ul.tab li:nth-of-type(2) a {
  background-color: #00b900;
  border: solid 2px #00b900;
  border-bottom: none;
}

#on-line #cont #preparation ul.tab li:nth-of-type(1) a:hover {
  background-color: #fff;
  color: #00a9f0 !important;
}
#on-line #cont #preparation ul.tab li:nth-of-type(2) a:hover {
  background-color: #fff;
  color: #00b900 !important;
}

#on-line #cont #preparation .apps.hidden {
  display: none;
}
#on-line #cont #preparation .apps {
  margin: 0 0 30px;
}
#on-line #cont #preparation .line {
  border: solid 2px #00b900;
}
#on-line #cont #preparation .facetime {
  border: solid 2px #ff9000;
}
#on-line #cont #preparation .facetime img {
  width: inherit;
}
#on-line #cont #preparation .skype {
  border: solid 2px #00a9f0;
}

#on-line #cont #preparation .apps dl {
  width:285px;
  margin: 28px 0 10px 23px;
  float: left;
  font-size: 16px;
  line-height: 1.4;
}
#on-line #cont #preparation .skype dl:nth-of-type(3) {
  width: 285px;
  font-size: 16px;
  line-height: 1.4;
}
#on-line #cont #preparation .skype dl .movie video {
  width: 285px;
}

#on-line #cont #preparation .apps.facetime dl {
  width: auto;
  margin: 28px 19px 10px;
  float: none;
}

#on-line #cont #preparation .apps dl dt {
  margin: 0 0 10px;
  padding: 5px 20px;
  background-color: #dcdcdc;
  display: inline-block;
  color: #000;
}

#on-line #cont #preparation .apps dl dd {
  margin: 0 0 10px;
}
#on-line #cont #preparation .apps dl dd img{
	max-width: 100%;
}
#on-line #cont #preparation .apps dl dd a {
  color: #ff0000 !important;
}
#on-line #cont #preparation .apps dl dd a:hover {
  font-weight: normal;
}

#on-line #cont #preparation .apps p.caution {
  clear: both;
  margin: 0;
  padding: 20px 40px;
  background-color: #ededed;
  font-size: 16px;
}

#on-line #cont #preparation .apps p.caution a {
  display: block;
  color: #ff0000 !important;
  text-align: right;
}
#on-line #cont #preparation .apps p.caution a:hover {
  font-weight: normal;
}

#on-line #cont #preparation p.conclusion {
	height: 320px;
	margin: 0 0 40px;
	padding: 20px;
	background: url("../../imgs/on-line/img08.jpg") no-repeat center 75% #07005F;
	box-sizing: border-box;
	text-align: center;
	color: #fff;
	font-style: itaric;
	font-size: 2em;
	font-weight: bold;
	line-height: 1.4;
}

#on-line #cont #preparation p.conclusion span {
  display: block;
  -webkit-transform: skewX(-15deg);
  transform: skewX(-15deg);
}

@media screen and (max-width: 737px) {
  #on-line #cont #preparation ul.tab {
    font-size: 1.167em;
  }
  #on-line #cont #preparation ul.tab li {
    width: 32%;
    margin: 0 2% 0 0;
    float: left;
  }

  #on-line #cont #preparation ul.tab li:nth-of-type(3) {
    margin: 0;
  }
  #on-line #cont #preparation ul.tab li a {
    padding: 15px 10px;
  }

  #on-line #cont #preparation .apps dl {
    width: auto;
    margin: 20px 10px;
    float: none;
  }

  #on-line #cont #preparation .apps.facetime dl {
    width: auto;
    margin: 20px 10px;
    float: none;
  }
  #on-line #cont #preparation .skype dl:nth-of-type(3) {
    width: auto;
    margin: 20px 10px;
  }

  #on-line #cont #preparation .apps dl:nth-of-type(2) {
    margin: 20px 10px;
    float: none;
  }

  #on-line #cont #preparation .apps dl dt {
    margin: 0 0 10px;
    padding: 5px 20px;
    background-color: #dcdcdc;
    display: inline-block;
  }
  #on-line #cont #preparation .apps dl dd {
    margin: 0 0 10px;
  }
  #on-line #cont #preparation .apps dl dd:nth-of-type(1) {
    text-align: center;
  }

  #on-line #cont #preparation .apps dl dd:nth-of-type(1) img {
    max-width: 100%;
    width: auto;
  }
  #on-line #cont #preparation .apps p.caution {
    padding: 10px;
  }
  #on-line #cont #preparation p.conclusion {
    height: auto;
    min-height: 165px;
    padding: 10px;
    background: url("../../imgs/on-line/img08.jpg") no-repeat center 90%
      #452c7d;
    background-size: 94% auto;
    font-style: normal;
    font-size: 21px;
    margin: 0 0 20px;
  }
  #on-line #cont #preparation p.conclusion br {
    display: none;
  }
}

#on-line #cont #on-line-flow .block-area .block .img img{
	max-width: 100%;
}


#on-line #cont #on-line-flow .block {
  position: relative;
}
#on-line #cont #on-line-flow .block .text .catch span {
  position: absolute;
  left: 0;
  top: 0;
  background: #07005F;
  display: block;
  width: 64px;
  height: 64px;
  padding: 12px 0 0 0;
  box-sizing: border-box;
  line-height: 1.2;
  color: #fff;
  text-align: center;
}

@media screen and (max-width: 737px) {
	#on-line #cont #on-line-flow  .block-area .block{
    	width: 100% !important;
		float: none;
		margin: 0;
	}
  #on-line #cont #on-line-flow .block-area .slick-list {
    margin: 0 0 30px;
  }
  #on-line #cont #on-line-flow .block .text .catch span br {
    display: block;
  }
}

#on-line #cont #on-line-qa .qa-list {
  margin: 0 0 20px;
  padding: 20px 30px 10px;
  border: solid 2px #d3d3d3;
  font-size: 18px;
}
#on-line #cont #on-line-qa .qa-list .tit {
  position: relative;
  padding: 10px 15px 13px 30px;
  cursor: pointer;
}
#on-line #cont #on-line-qa .qa-list .tit::before {
  content: "Q";
  color: #0279ff;
  font-size: 1.667em;
  position: absolute;
  left: 0;
  top: 0;
}
#on-line #cont #on-line-qa .qa-list .tit::after {
  position: absolute;
  right: 0;
  top: 0;
  content: "\f107";
  color: #888;
  font-size: 24px;
  font-family: fontAwesome;
}
#on-line #cont #on-line-qa .qa-list .tit.is-active::after {
  content: "\f106";
}
#on-line #cont #on-line-qa .qa-list .text {
  display: none;
  border-top: 1px solid #d3d3d3;
  position: relative;
  padding: 0 0 0 30px;
}
#on-line #cont #on-line-qa .qa-list .text::before {
  content: "A";
  color: #ff0000;
  font-size: 1.667em;
  position: absolute;
  left: 0;
  top: 5px;
}
#on-line #cont #on-line-qa .qa-list .text p {
  margin: 0;
  padding: 13px 0 15px;
  font-size: 18px;
}
@media (max-width: 737px) {
  #on-line #cont #on-line-qa .qa-list {
    margin: 0 0 10px;
    padding: 15px 15px 10px;
    font-size: 16px;
  }
  #on-line #cont #on-line-qa .qa-list .tit::after {
    right: 0;
    top: 50%;
    margin: -22px 0 0;
  }
}

#on-line #cont #main section.main-contact{
	padding: 0;
}

/*** ------------------------------------------------------------------------------

ドライバー派遣（#driver-dispatch）

-----------------------------------------------------------------------------  ***/

#driver-dispatch #visual{
	background: url(../../imgs/service/visual.jpg) center center no-repeat #F2F2F2;
}
@media screen and (min-width: 1200px){
	#driver-dispatch #visual{
		background: url(../../imgs/service/visual.jpg) center center / 100% auto no-repeat #F2F2F2;
	}
}
@media screen and (max-width: 737px){
	#driver-dispatch #visual{
		background: url(../../imgs/service/visual.jpg) center center / auto 100% no-repeat #F2F2F2;
	}
}
#driver-dispatch .point .block {
    padding: 0 0 20px;
    margin: 0 0 20px;
    border-bottom: #CCC 1px dotted;
    position: relative;
}

#driver-dispatch .point .block:before {
    content: "1";
    display: block;
    width: 36px;
    height: 36px;
    background: #F2A10E;
    border-radius: 50%;
    text-align: center;
    font-weight: bold;
    color: #FFF;
    font-size: 1.633em;
    line-height: 36px;
    position: absolute;
    left: -10px;
    top: -10px;
}
#driver-dispatch .point .block:nth-child(2):before { content: "2";}
#driver-dispatch .point .block:nth-child(3):before { content: "3";}
#driver-dispatch .point .block:nth-child(4):before { content: "4";}
#driver-dispatch .point .block:nth-child(5):before { content: "5";}

#driver-dispatch .point .block .text p:last-of-type { margin: 0;}

#driver-dispatch .point .block .img {
    float: left;
    width: 224px;
    margin: 0;
}

#driver-dispatch .point .block .text {
    margin: 0 0 0 244px;
}

#driver-dispatch .point .block .text h3 {
    color: #3FA4D2;
    font-size: 1.833em;
    font-weight: bold;
    margin: 0 0 10px;
}
@media screen and (max-width: 737px){
    #driver-dispatch #main .block .text h3 {
    	font-size: 1.333em;
	}
	#driver-dispatch .point .block .img{
		width: 130px;
	    margin: 0 10px 5px 0;
	}
	#driver-dispatch .point .block .text{
		margin: 0;
	}
}
#driver-dispatch .recruitment table{
	border:#CCC 1px solid;
	box-sizing: border-box;
    width: 100%;
}

#driver-dispatch .recruitment table th{
	width: 30%;
	background: #F2F2F2;
	padding:10px 15px;
	vertical-align: top;
	font-weight: bold;
	border:#CCC 1px solid;
	box-sizing: border-box;
}
#driver-dispatch .recruitment table td{
	width: 70%;
	border:#CCC 1px solid;
	padding:10px 15px;
	word-break:break-all;
	box-sizing: border-box;
}
#driver-dispatch .recruitment table td p{
	margin:0;
	font-size:1em;
}
#driver-dispatch .recruitment .more-link a{
	max-width:450px;
	width:100%;
}
#driver-dispatch .recruitment .more-link a:hover{
    background:#FF8000;
}
@media screen and (max-width: 737px){
	#driver-dispatch .recruitment table{
		margin: 0;
	}
	#driver-dispatch .recruitment table th{
		width: 100%;
		display:list-item;
		list-style: none;
		border:none;
		border-bottom:#CCC 1px solid;
	}
	#driver-dispatch .recruitment table td{
		width: 100%;
		display:list-item;
		list-style: none;
		border:none;
		border-bottom:#CCC 1px solid;
		padding:10px 15px;
	}
	#driver-dispatch .recruitment table tr:last-child td{
		border:none;
	}
}