@charset "utf-8";

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

01_ホーム（#home）

-----------------------------------------------------------------------------  ***/
#home #main {
	float: right;
}
#home #sub {
	float: left;
}
#home #main section {
	margin:0 0 40px;
}
#home #main h2.tit {
	background: #00AEF6;
	padding: 5px;
	text-align: center;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
	color: #FFF;
}
#home #main .left-col {
	width: 340px;
	float: left;
}
#home #main .left-col li,
#home #main .right-col li {
	margin-top: 10px;
}
#home #main .right-col {
	width: 340px;
	float: right;
}

#home .t_topics{
}
#home .t_topics h3{
	border-left:3px solid #00AEF6;
	font-size:2rem;
	font-weight:bold;
	color:#00AEF6;
	padding:0 0 0 15px;
	margin-bottom:15px;
}
#home .t_wrap{
	border:1px solid #00AEF6;
	padding:15px 15px 0 15px;
}
#home .t_wrap p{
	margin-bottom:10px;
}
#home .t_each{
	border-bottom:1px dotted;
	margin-bottom:15px;
}
#home .t_each:last-child{
	border:none;
}
#home .title{
	font-weight:bold;
	font-size:1.6rem;
}
#home .title span{
	font-size:1.5rem;
	padding-right: 8px;
}



@media screen and (max-width: 737px){
	#home #main section {
		margin:0 0 30px;
	}
	#home #main .left-col,
	#home #main .right-col {
		width: 100%;
		float: none;
	}
	#home #main .left-col ul,
	#home #main .right-col ul{
		padding: 0 10px;
	}
	#home #main .left-col img,
	#home #main .right-col img {
		width: 100%;
		height: auto;
	}
	#home .t_topics {
		padding: 0 10px;
	}
}


/* blog */
#home #main .blog {
	padding: 20px 10px 10px;
	background: #F2F2F2;
}
#home #main .blog h2 {
	font-size: 26px;
	font-size: 2.6rem;
	font-weight: bold;
	text-align: center;
	color: #000;
}
#home #main .blog a {
	color: #333333;
	display:block;
}
#home #main article a:hover{
	text-decoration: none;
}
#home #main article {
	box-sizing: border-box;
	width: 335px;
	float: left;
	padding: 10px;
	margin-top: 10px;
	background: #FFF;
	border: 1px solid #FFF;
}
#home #main article:hover {
	background: #F1F1F1;
}
#home #main article:nth-child(even){
	margin-right: 10px;
}
#home #main article .date {
	margin: 0 0 5px;
	font-weight: bold;
}
#home #main article .date span{
	display:inline-block;
	color: #FFF;
	background: #00ABFC;
	margin:0 0 0 2em;
	padding:0 5px;
	font-size: 12px;
	font-size: 1.2rem;
}
#home #main article .text {
	width: 195px;
	float: left;
}
#home #main article .entry {
	font-size: 12px;
	font-size: 1.2rem;
	margin-top: 0.5em;
}
#home #main article .photo {
	margin-left: 205px;
}
#home #main .goto-archive {
	font-size: 16px;
	font-size: 1.6rem;
	text-align: right;
	margin-top: 15px;
}

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

	#home #main .blog {
		padding: 20px 10px 40px;
		background: #F2F2F2;
	}
	#home #main article {
		box-sizing: border-box;
		width: 100%;
		float: none;
		padding: 10px;
		margin-top: 10px;
	}
	#home #main article:nth-child(even){
		margin-right: 0;
	}
	#home #main article .text {
		width: 65%;
		float: left;
	}
	#home #main article .photo {
		margin-left: 0;
		float: right;
		width: 35%;
		text-align: right;
	}
	#home #main .goto-archive {
		margin-top: -30px;
		padding-right: 10px;
	}
	#home #main .t_topics .goto-archive {
		margin-top: 10px;
		padding-right: 10px;
	}
}


/* main-contact */
#home #cont .main-contact {
	margin-left: -130px;
}
#home #cont .main-contact ul{
}

@media screen and (max-width: 737px){
	#home #cont .main-contact {
		margin-left: 0;
	}
}

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

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 .service-list {
	background: #EEEEEE;
	padding:10px 10px 0;
}
#service #main .service-list .unit {
	width: 335px;
	box-sizing: border-box;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 3px solid #00ABFC;
	background: url(../img/bg_slash.png) #00A7FF;
	position: relative;
}
#service #main .service-list .unit:after {
	content: "";
	display: inline-block;
	position: absolute;
	right: 5px;
	bottom: 5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 14px 14px;
	border-color: transparent transparent #FFF transparent;
}
#service #main .service-list .unit:nth-child(even){
	margin-right: 0;
}
#service #main .service-list .unit a {
	display: block;
}
#service #main .service-list .unit a:hover {
	filter: alpha(80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#service #main .service-list dl {
	padding: 15px 15px 0;
	overflow: hidden;
}
#service #main .service-list dt {
	font-size: 26px;
	font-size: 2.6rem;
	font-weight: bold;
	border-bottom: 1px solid #FFF;
	color: #FFF;
	text-align: center;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#service #main .service-list dd img {
	float: left;
}
#service #main .service-list dd .text {
	margin-left: 154px;
	color: #FFF;
}

@media screen and (max-width: 737px){
	#service #main .service-list .unit {
		width: auto;
		float: none;
		margin-right: 0;
	}
	#service #main .service-list dl {
		width: auto;
		padding: 10px;
	}
	#service #main .service-list dt {
		font-size: 18px;
		font-size: 1.8rem;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	#service #main .service-list dd img {
		float: left;
		width: 45%;
	}
	#service #main .service-list dd .text {
		margin-left: 0;
		width: 50%;
		float: right;
	}
}
/*** ------------------------------------------------------------------------------

採用情報一覧（#recruit）

-----------------------------------------------------------------------------  ***/
#recruit #visual{
	background: url(../../imgs/recruit/visual.jpg) center center no-repeat #F2F2F2;
}
@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;
	}
}

#recruit #main .service-list {
	background: #EEEEEE;
	padding:10px 10px 0;
}
#recruit #main .service-list .unit {
	width: 335px;
	box-sizing: border-box;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 3px solid #00ABFC;
	background: url(../img/bg_slash.png) #00A7FF;
	position: relative;
}
#recruit #main .service-list .unit:after {
	content: "";
	display: inline-block;
	position: absolute;
	right: 5px;
	bottom: 5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 14px 14px;
	border-color: transparent transparent #FFF transparent;
}
#recruit #main .service-list .unit:nth-child(even){
	margin-right: 0;
}
#recruit #main .service-list .unit a {
	display: block;
}
#recruit #main .service-list .unit a:hover {
	filter: alpha(80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#recruit #main .service-list dl {
	padding: 15px 15px 0;
	overflow: hidden;
}
#recruit #main .service-list dt {
	font-size: 26px;
	font-size: 2.6rem;
	font-weight: bold;
	border-bottom: 1px solid #FFF;
	color: #FFF;
	text-align: center;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#recruit #main .service-list dd img {
	float: left;
}
#recruit #main .service-list dd .text {
	margin-left: 154px;
	color: #FFF;
}

@media screen and (max-width: 737px){
	#recruit #main .service-list .unit {
		width: auto;
		float: none;
		margin-right: 0;
	}
	#recruit #main .service-list dl {
		width: auto;
		padding: 10px;
	}
	#recruit #main .service-list dt {
		font-size: 18px;
		font-size: 1.8rem;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	#recruit #main .service-list dd img {
		float: left;
		width: 45%;
	}
	#recruit #main .service-list dd .text {
		margin-left: 0;
		width: 50%;
		float: right;
	}
}

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

XX_安全への取り組み（#safety）

-----------------------------------------------------------------------------  ***/
#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 .sub-unit li {
	margin-bottom: 0.5em;
}

#safety #main .sub-unit {
	margin-bottom: 20px;
}
#safety #main .sub-unit dt {
	margin-top: 20px;
}
#safety #main .sub-unit dt:first-child {
	margin-top: 0;
}
#safety #main .sub-unit dd {
	margin: 10px 0 10px 10px;
	background: #F2F8FB;
	padding: 10px;
}


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

05_5分で分かる会社紹介（#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 .unit-imgL {
	border-bottom: none;
}
#about .outline .unit-imgL:nth-of-type(1) {
	margin-top: 50px;
}
#about .outline .unit-imgL .left-col {
	width: 264px;
}
#about .outline .unit-imgL .right-col {
	margin-left: 300px;
}
#about .outline .unit-imgL h3 {
	border-bottom: 1px solid #3FA4D3;
	padding-bottom: 10px;
	margin-bottom: 15px;
}
@media screen and (max-width: 737px){
	#about .outline .unit-imgL .left-col {
		width: auto;
	}
	#about .outline .unit-imgL .right-col {
		margin-left: 0;
	}
}

#about .point .unit-imgL:nth-of-type(1) {
	margin-top: 40px;
}
#about .point .block{
	position:relative;
}
#about .point .block:before{
	content:"1";
	display:block;
	width:36px;
	height: 36px;
	background: #00ABFC;
	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-of-type(2):before{
	content:"2";
}
#about .point .block:nth-of-type(3):before{
	content:"3";
}
#about .point .block:nth-of-type(4):before{
	content:"4";
}
#about .point .block:nth-of-type(5):before{
	content:"5";
}
#about .point .block:nth-of-type(6):before{
	content:"6";
}
#about .point .block:nth-of-type(7):before{
	content:"7";
}
#about .point .block:nth-of-type(8):before{
	content:"8";
}


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

06_初めてドライバーになる方へ（#beginner）

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

#beginner #main .page-nav li {
	float:left;
	margin-right: 10px;
	margin-bottom: 10px;
}
#beginner #main .page-nav li:nth-child(even){
	margin:0
}
@media screen and (max-width: 737px){
	#beginner #main .page-nav li {
		width: 49%;
	}
	#beginner #main .page-nav li:nth-child(odd){
		margin-right: 1%;
		margin-bottom: 2%;
	}
	#beginner #main .page-nav li:nth-child(even){
		margin-left: 1%;
		margin-bottom: 2%;
	}
}

#beginner .flow .block{
	border:#ccc 5px solid;
	position:relative;
	padding:20px;
	margin:0 0 60px;
}
#beginner .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;
}
#beginner .flow .block:last-child:before{
	content: none;
}

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

#beginner .point .block{
	position:relative;
}
#beginner .point .block:before{
	content:"1";
	display:block;
	width:36px;
	height: 36px;
	background: #00ABFC;
	border-radius:50%;
	text-align: center;
	font-weight: bold;
	color:#FFF;
	font-size: 1.633em;
	line-height: 36px;
	position:absolute;
	left:-10px;
	top:-10px;
}
#beginner .point .block:nth-of-type(2):before{
	content:"2";
}
#beginner .point .block:nth-of-type(3):before{
	content:"3";
}
#beginner .point .block:nth-of-type(4):before{
	content:"4";
}
#beginner .point .block:nth-of-type(5):before{
	content:"5";
}
#beginner .point .block:nth-of-type(6):before{
	content:"6";
}
#beginner .point .block:nth-of-type(7):before{
	content:"7";
}
#beginner .point .block:nth-of-type(8):before{
	content:"8";
}


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

07_ご家族の方へ（#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 .point .block{
	position:relative;
}
#family .point .block:before{
	content:"1";
	display:block;
	width:36px;
	height: 36px;
	background: #00ABFC;
	border-radius:50%;
	text-align: center;
	font-weight: bold;
	color:#FFF;
	font-size: 1.633em;
	line-height: 36px;
	position:absolute;
	left:-10px;
	top:-10px;
}
#family .point .block:nth-of-type(2):before{
	content:"2";
}
#family .point .block:nth-of-type(3):before{
	content:"3";
}
#family .point .block:nth-of-type(4):before{
	content:"4";
}
#family .point .block:nth-of-type(5):before{
	content:"5";
}
#family .point .block:nth-of-type(6):before{
	content:"6";
}
#family .point .block:nth-of-type(7):before{
	content:"7";
}
#family .point .block:nth-of-type(8):before{
	content:"8";
}



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

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:#00ADF9 1px solid;
	padding: 22px 10px 22px 35px;
	background: url(../img/icon_arrow03.png) 10px center no-repeat ;
	color: #00ADF9;
}


#requirements #main .headline ul li a:hover{
	background: url(../img/icon_arrow04.png) 10px center no-repeat #00ADF9;
	text-decoration: none;
	color:#FFFFFF;
}
@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: 20px 170px 20px 40px;
	position:relative;
}
#requirements #main .list .outline .title:before{
	content:"";
	display:block;
	background: #00AEF6;
	width:5px;
	height:70%;
	position:absolute;
	left:15px;
	top:15%;
}
#requirements #main .list .outline .title h3{
	font-size: 22px;
	font-size: 2.2rem;
	color: #00AEF6;
	font-weight: bold;
}
#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: 15px;
	top: 15px;
	display:block;
	color:#FFF;
	font-weight: bold;
	width: 112px;
	box-sizing: border-box;
	padding: 8px 0 8px 10px;
	background: #FF5A00;
	border-radius:5px;
	border: 1px solid #FF5A00;
	text-align: center;
	font-size: 16px;
	font-size: 1.6rem;
	letter-spacing:10px;
}
#requirements #main .list .outline .link a:hover{
	background: #FFF;
	color: #FF5A00;
	text-decoration: none;
}
@media screen and (max-width: 737px){
	#requirements #main .list .outline .title{
		padding:10px 10px 10px 40px;
	}
	#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 {
		margin: 20px auto;
	}
	#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;
	}
}



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

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

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

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

/* work */
#requirements-single .work .unit-imgL .right-col {
	margin-left: 300px;
}
@media screen and (max-width: 737px){
	#requirements-single .work .unit-imgL .right-col {
		margin-left: 0;
	}
}


 /* flow */
#requirements-single .flow .block{
	border:#ccc 5px solid;
	position:relative;
	padding:20px;
	margin:0 0 60px;
}
#requirements-single .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;
}
#requirements-single .flow .block:last-child:before{
	content: none;
}
#requirements-single .flow .block .img{
	float:left;
	width: 224px;
	margin:0;
}
#requirements-single .flow .block .text{
	margin:0 0 0 244px;
}
#requirements-single .flow .block .text h3{
	color: #0059B2;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
	margin:0 0 10px;
}
#requirements-single .flow .block .text p:last-of-type{
	margin:0;
}
@media screen and (max-width: 737px){
	#requirements-single .flow .block .img{
		float: none;
		text-align: center;
		width: auto;
		margin:0 0 10px;;
	}
	#requirements-single .flow .block .text{
		margin:0;
	}
	#requirements-single .flow .block .text h3{
		text-align: center;
	}
	#requirements-single .flow .debut{
		text-align: left;
		padding:20px;
	}
}


/* .guideline  */
#requirements-single #main .guideline table{
	width: 100%;
	border:#CCC 1px solid;
}
#requirements-single #main .guideline table th{
	background: #F2F2F2;
	padding:10px 15px;
	vertical-align: top;
	font-weight: bold;
	width:200px;
	border:#CCC 1px solid;
}
#requirements-single #main .guideline table td{
	border:#CCC 1px solid;
	padding:10px 15px;
}
#requirements-single #main .guideline table td p{
	margin:0;
	font-size:1em;
}
@media screen and (max-width: 737px){
	#requirements-single #main .guideline table th{
		display:list-item;
		list-style: none;
		width: auto;
		border:none;
		border-bottom:#CCC 1px solid;
	}
	#requirements-single #main .guideline table td{
		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 .message img.fl-left {
	width: 200px;
	float: left;
	margin: 0 20px 20px 0;
}

#requirements-single #main #sp-anker {
	margin:0 10px 20px;
	font-size: 13px;
}
#requirements-single #main #sp-anker li{
	float:left;
	width: 49%;
	margin:0 0 10px;
}
#requirements-single #main #sp-anker li a{
	display:block;
	padding:7px 0;
	text-align: center;
	border:#00AFF3 1px solid;
	color:#00AFF3;
	border-radius:5px;
}
#requirements-single #main #sp-anker li:nth-child(2n){
	float:right;
}
#requirements-single #main #sp-anker li:nth-child(5){
	float: none;
	width: 100%;
	clear:both;
}

@media screen and (max-width: 737px){
	#requirements-single .message img.fl-left {
		width: 130px;
		margin-bottom: 0;
	}
	#requirements-single .message .unit-imgL .right-col {
		margin-left: 150px;
	}
}


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

10_会社説明会について（#briefing）

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

 /* flow */
#briefing .flow .block{
	position:relative;
	margin:0 0 60px;
}
#briefing .flow .block:before{
	content:"";
	display:block;
	position:absolute;
	left:50%;
	bottom:-60px;
	margin:0 0 0 -60px;
	width: 0px;
	height: 0px;
	border-top: #00ABFC 20px solid;
	border-bottom: #FFF 20px solid;
	border-left: #FFF 60px solid;
	border-right: #FFF 60px solid;
}
#briefing .flow .block:last-child:before{
	content: none;
}
#briefing .flow .block .img:before{
	content:"1";
	display:block;
	width: 40px;
	height: 40px;
	background: #00ABFC;
	border-radius:50%;
	text-align: center;
	font-weight: bold;
	color:#FFF;
	font-size: 1.633em;
	line-height: 40px;
	position:absolute;
	left:-13px;
	top:-13px;
}
#briefing .flow .block:nth-of-type(2) .img:before{
	content:"2";
}
#briefing .flow .block:nth-of-type(3) .img:before{
	content:"3";
}
#briefing .flow .block:nth-of-type(4) .img:before{
	content:"4";
}
#briefing .flow .block:nth-of-type(5) .img:before{
	content:"5";
}
#briefing .flow .block:nth-of-type(6) .img:before{
	content:"6";
}
#briefing .flow .block:nth-of-type(7) .img:before{
	content:"7";
}
#briefing .flow .block:nth-of-type(8) .img:before{
	content:"8";
}
#briefing .flow .block .img{
	float:left;
	width: 224px;
	margin:0;
}
#briefing .flow .block .text{
	margin:0 0 0 244px;
}
#briefing .flow .block .text h3{
	color: #00ABFC;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
	margin:0 0 10px;
}
#briefing .flow .block .text p:last-of-type{
	margin:0;
}
@media screen and (max-width: 737px){
	#briefing .flow .block .img{
		float: none;
		text-align: center;
		width: auto;
		margin:0 0 10px;;
	}
	#briefing .flow .block .text{
		margin:0;
	}
	#briefing .flow .block .text h3{
		text-align: center;
	}
	#briefing .flow .debut{
		text-align: left;
		padding:20px;
	}
}

/* point */
#briefing .point .block{
	position:relative;
}
#briefing .point .block:before{
	content:"1";
	display:block;
	width:36px;
	height: 36px;
	background: #00ABFC;
	border-radius:50%;
	text-align: center;
	font-weight: bold;
	color:#FFF;
	font-size: 1.633em;
	line-height: 36px;
	position:absolute;
	left:-10px;
	top:-10px;
}
#briefing .point .block:nth-of-type(2):before{
	content:"2";
}
#briefing .point .block:nth-of-type(3):before{
	content:"3";
}
#briefing .point .block:nth-of-type(4):before{
	content:"4";
}
#briefing .point .block:nth-of-type(5):before{
	content:"5";
}
#briefing .point .block:nth-of-type(6):before{
	content:"6";
}
#briefing .point .block:nth-of-type(7):before{
	content:"7";
}
#briefing .point .block:nth-of-type(8):before{
	content:"8";
}


/* review */
#briefing .review .unit-imgL {
	border-bottom: none;
}
#briefing .review .unit-imgL .left-col {
	width: 250px;
}
#briefing .review .unit-imgL .right-col {
	margin-left: 270px;
}
@media screen and (max-width: 737px){
	#briefing .review .unit-imgL .left-col {
		width: auto;
	}
	#briefing .review .unit-imgL .right-col {
		margin-left: 0;
	}
}


/*  date */
#briefing .date-list {
	margin-bottom: 40px;
}
#briefing .date-list dd > ul li {
	border-bottom: 1px dotted #CCC;
	font-size: 20px;
	font-size: 2.0rem;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
#briefing .place dd > .map {
	width: 246px;
	float: left;
}
#briefing .place dd > .address {
	margin-left: 266px;
	font-size: 16px;
	font-size: 1.6rem;
}
@media screen and (max-width: 737px){
	#briefing .date-list dd > ul li {
		border-bottom: 1px dotted #CCC;
	}
	#briefing .place dd > .map {
		width: auto;
		float: none;
	}
	#briefing .place dd > .address {
		margin-left: 0;
	}
}


#briefing #main .date table {
	width: 100%;
	margin: 0 0 40px;
	border: solid 2px #ccc;
	font-size: 1.4rem;
}

#briefing #main .date table th {
	padding: 10px 0;
	background-color: #eee;
	border: solid 2px #ccc;
	text-align: center;
	font-weight: bold;
}

#briefing #main .date table td {
	padding: 10px;
	border: solid 2px #ccc;
}
#briefing #main .date table td p{ margin: 0;}

#briefing #main .date table th:nth-of-type(1){
	width: 40%;
	box-sizing: border-box;	
}
#briefing #main .date table th:nth-of-type(3){
	width: 12%;
	box-sizing: border-box;
}

#briefing #main .date table th:nth-of-type(2) {
	width: 48%;
	box-sizing: border-box;
}

#briefing #main .date table td:nth-of-type(3) {
	text-align: center;
}

#briefing #main .date table td a {
	text-decoration: underline;
}

#briefing #main .date table td a:hover {
	text-decoration: none;
}

#briefing #main table tr td span.attention{ color:#ff4000;}

#briefing #main #form table tr th{
	background-color: #eee;
}

#briefing #main #form table tr td span.attention{
	color:#ff4000;
	display: block;
}

@media screen and (max-width: 737px){
	#briefing #main .date table {
		margin: 0 0 2em;
		font-size: 1.2rem;
	}
	
	#briefing #main .date table th:nth-of-type(1){
		width: 40%;
	}

	#briefing #main .date table th:nth-of-type(2) {
		width: 40%;
	}
	#briefing #main .date table th:nth-of-type(3){
		width: 20%;
	}

}


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

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

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

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

#contact .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;
	}
}

#company #main section p {
	font-size: 15px;
	font-size: 1.5rem;
	margin-bottom: 30px;
}
#company #main .place-list h3 {
	color: #00ABFC;
	font-weight: bold;
	font-size: 24px;
	font-size: 2.4rem;
	margin-bottom: 30px;
}
#company #main .place-list .unit {
	margin-bottom: 50px;
}
#company #main .place-list table.type02 {
	margin-bottom: 30px;
}

@media screen and (max-width: 737px){
	#company #main .place-list h3 {
	}
}



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

ブログ（#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:#FFFFFF;
	background: #FF5B10;
	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 #sub .sub-blog {
		margin-bottom: 20px;
	}
}


/* 詳細 */
#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;
}
#blog .article-post {
	padding-bottom: 40px;
}
#blog .article-post p {
	margin-bottom: 20px;
}
#blog .article-pagenav ul {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 0 0 40px;
}
#blog .article-pagenav li {
	display: table-cell;
	height: 40px;
	line-height: 40px;
	border: 1px solid #CCC;
	background: #F5F5F5;
	text-align: center;
	font-weight: bold;
}
#blog .article-pagenav li.prev:before {
	content: "<";
	display: inline-block;
	padding-right: .5em;
}
#blog .article-pagenav li.next:after {
	content: ">";
	display: inline-block;
	padding-left: .5em;
}
#blog .article-pagenav li a {
	color: #333;
}
@media screen and (max-width: 737px){
	#blog .article-pagenav ul {
		box-sizing: border-box;
		padding: 0 10px;
	}
}