@charset "utf-8";
#bg_main_image_recruit {
	background-image: url(../img/img_main.jpg);
}


@media screen and (min-width:1025px) {
	.taxi_about > .detail{
		padding: 0 8.6%;
	}
	.taxi_about > .detail > dt{
		font-size: 30px;
	}
	.taxi_about > .detail > dd{
		margin-top: 25px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 751px) {
	.taxi_about > .detail{
		padding: 0 4.3%;
	}
	.taxi_about > .detail > dt{
		font-size: 24px;
	}
	.taxi_about > .detail > dd{
		margin-top: 15px;
	}
}

@media print, screen and (min-width: 751px) {
	#about1{
		background-image: url(../img/bg_intro.jpg);
		background-position: center bottom;
		background-repeat: no-repeat;
		background-size: 1080px auto;
		padding-bottom: 365px;
		padding-top: 80px;
	}
	#about1 h2{
		color: #2BABD5;
		font-size: 40px;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: bold;
		text-align: center;
		line-height: 1.479;
	}
	#about1 p{
		font-size: 20px;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		text-align: center;
		margin-top: 30px;
	}
	#about1 p > span{
		display: block;
	}
	
	
	#about2{
		margin-top: 105px;
	}
	#about2 .taxi_about{
		background-color: #FFF;
		display: flex;
		align-items: center;
	}
	#about2 .taxi_about.reverse{
		flex-direction: row-reverse;
	}
	#about2 .taxi_about > .image,
	#about2 .taxi_about > .detail{
		width: 50%;
	}
	#about2 .taxi_about > .image{
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		padding-bottom: 490px;
	}
	#about2 .taxi_about > .detail > dt{
		color: #2BABD5;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: bold;
		line-height: 1.33;
	}
	#about2 #taxi_about1 > .image{
		background-image: url(../img/img_photo01.jpg);
	}
	#about2 #taxi_about2 > .image{
		background-image: url(../img/img_photo02.jpg);
	}
	#about2 #taxi_about3 > .image{
		background-image: url(../img/img_photo03.jpg);
	}

	
	#dot_band{
		background: url(../../../../common/img/recruit/bg_dot_driver.png);
		background-size: 102px auto;
		margin-top: 120px;
		padding: 60px 20px;
	}
	#dot_band_inner{
		margin: 0 auto;
		max-width: 1080px;
	}
	#dot_band_inner > a{
		background-color: #5DC6A9;
		background-image: url(../img/icon_arrow.png);
		background-position: right 30px center;
		background-repeat: no-repeat;
		background-size: 66px auto;
		border-radius: 10px;
		box-shadow: 0 3px 4px rgba(0,0,0,.16);
		color: #FFF;
		font-size: 28px;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: bold;
		display: block;
		padding: 55px 90px 55px 60px;
		line-height: 1;
		text-align: center;
		text-decoration: none;
		width: 100%;
	}
}

@media screen and (max-width: 750px) {
	#about1{
		background-image: url(../img/bg_intro.jpg);
		background-position: center bottom;
		background-repeat: no-repeat;
		background-size: 100% auto;
		padding-bottom: 44%;
		padding-top: 40px;
	}
	#about1 h2{
		color: #2BABD5;
		font-size: 20px;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: bold;
		text-align: center;
		line-height: 1.479;
	}
	#about1 p{
		font-size: 16px;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		margin-top: 15px;
	}
	
	
	
	#about2{
		margin-top: 50px;
	}
	#about2 .taxi_about{
		background-color: #FFF;
	}
	#about2 .taxi_about > .image{
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		padding-bottom: 40%;
	}
	#about2 .taxi_about > .detail{
		padding: 40px 20px;
	}
	#about2 .taxi_about > .detail > dt{
		color: #2BABD5;
		font-size: 20px;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: bold;
		line-height: 1.33;
	}
	#about2 .taxi_about > .detail > dd{
		margin-top: 15px;
	}
	#about2 #taxi_about1 > .image{
		background-image: url(../img/img_photo01.jpg);
	}
	#about2 #taxi_about2 > .image{
		background-image: url(../img/img_photo02.jpg);
	}
	#about2 #taxi_about3 > .image{
		background-image: url(../img/img_photo03.jpg);
	}
	

	
	#dot_band{
		background: url(../../../../common/img/recruit/bg_dot_driver.png);
		background-size: 102px auto;
		margin-top: 60px;
		padding: 30px 20px;
	}
	#dot_band_inner > a{
		background-color: #5DC6A9;
		background-image: url(../img/icon_arrow.png);
		background-position: right 30px center;
		background-repeat: no-repeat;
		background-size: 33px auto;
		border-radius: 10px;
		box-shadow: 0 3px 4px rgba(0,0,0,.16);
		color: #FFF;
		font-size: 20px;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: bold;
		display: block;
		padding: 25px 45px 25px 30px;
		line-height: 1;
		text-align: center;
		text-decoration: none;
		width: 100%;
	}
}