@charset "UTF-8";


/*****************************************************
　.pagehead　
*****************************************************/
.pagehead{
	background:url('../img/company/pagehead_bg.jpg') no-repeat center center;
	background-size:cover;
}



/*****************************************************
　ミッション　
*****************************************************/
#mission{
	align-items:center;
	background:#fff;
	display:flex;
	justify-content:space-between;
	left:0;
	margin:0 auto;
	max-width:1346px;
	padding:35px 40px 30px 80px;
	position:relative;
	top:-40px;
	width:100%;
	z-index:1;
}
/* .mission-head 
------------------------------------------------- */
.mission-head .en{
	color:#8d9aa8;
	display:block;
	font-size:18px;
	font-size:1.8rem;
	font-weight:bold;
	margin:0 0 15px 30px;
}
.mission-head .catchcopy{
	color:#2255a4;
	font-size:45px;
	font-size:4.5rem;
	letter-spacing:0.14em;
	line-height:1.4;
}
/* .mission-txt 
------------------------------------------------- */
.mission-txt p{
	font-size:20px;
	font-size:2.0rem;
	letter-spacing:0.2em;
	line-height:2;
}


/*****************************************************
　会社概要　
*****************************************************/
#company{
	margin:25px auto 0;
	max-width:1170px;
	width:100%;
}


/*****************************************************
　コーソクグループ各社一覧　
*****************************************************/
#group{
	margin:100px auto 0;
	max-width:1170px;
	width:100%;
}
/* .group-block 
------------------------------------------------- */
.group-block + .group-block{
	margin-top:95px;
}
.group-block .group-ttl{
	color:#2255a4;
	font-size:29px;
	font-size:2.9rem;
	font-weight:normal;
	letter-spacing:0.14em;
	line-height:1.4;
	margin:0 0 20px;
}
.group-box{
	align-items:center;
	border-left:8px solid #2255a4;
	display:flex;
	padding:15px 0;
}
.group-box + .group-box{
	margin-top:24px;
}
.group-box dt{
	color:#2255a4;
	font-weight:normal;
	letter-spacing:0.2em;
	line-height:1.5;
	padding-left:35px;
	width:320px;
}
.group-box dd{
	align-items:center;
	display:flex;
	justify-content:space-between;
	width:calc(100% - 320px);
}
.group-box dd,
.group-box dd p,
.group-box dd a{
	line-height:1.8;
}
.group-box dd .map{
	background:#fff;
	border:1px solid #2255a4;
	font-size:12px;
	font-size:1.2rem;
	letter-spacing:0.1em;
	text-align:center;
	width:178px;
}
.group-box dd .map a{
	color:#2255a4;
	display:block;
	padding:9px 0;
	position:relative;
}
.group-box dd .map a span{
	background:url('../img/common/tab.png') no-repeat right center;
	background-size:14px 13px;
	display:inline-block;
	padding-right:30px;
	vertical-align:middle;
}


/*****************************************************
　コーソクグループ保有車両　
*****************************************************/
#fleet-vehicle{
	margin:128px auto 0;
	max-width:1170px;
	width:100%;
}
/* タイトル 
------------------------------------------------- */
#fleet-vehicle .acc-ttl{
	background:#2255a4;
	color:#fff;
	font-size:20px;
	font-size:2.0rem;
	font-weight:normal;
	letter-spacing:0.14em;
	line-height:1.4;
	padding:21px 90px;
	position:relative;
}
#fleet-vehicle .acc-ttl:before{
	background:#fcf363;
	content:'';
	display:block;
	height:3px;
	left:50px;
	position:absolute;
	top:50%;
	transform:translate(0,-50%);
	width:19px;
}
#fleet-vehicle .acc-ttl span:before,
#fleet-vehicle .acc-ttl span:after{
	background:#fff;
	content:'';
	display:block;
	position:absolute;
	top:50%;
	transform:translate(0,-50%);
	z-index:0;
}
#fleet-vehicle .acc-ttl span:before{
	height:2px;
	right:53px;
	width:16px;
}
#fleet-vehicle .acc-ttl span:after{
	height:16px;
	right:60px;
	width:2px;
}
#fleet-vehicle.open .acc-ttl span:after{
	display:none;
}
/* .fleet-vehicle-imglist 
------------------------------------------------- */
.fleet-vehicle-imglist{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-top:100px;
}
.fleet-vehicle-imglist .img{
	max-width:330px;
	text-align:center;
	width:32%;
}
.fleet-vehicle-imglist .img:nth-child(1),
.fleet-vehicle-imglist .img:nth-child(2),
.fleet-vehicle-imglist .img:nth-child(3),
.fleet-vehicle-imglist .img:nth-child(4){
	margin-bottom:50px;
}
.fleet-vehicle-imglist .img figcaption{
	color:#2255a4;
	letter-spacing:0.2em;
	line-height:1.4;
	margin-top:10px;
}
/* .fleet-vehicle-list 
------------------------------------------------- */
.fleet-vehicle-list{
	display:flex;
	margin-top:60px;
}
.fleet-vehicle-list .fvl-box:nth-child(1){
	max-width:490px;
	width:48%;
}
.fleet-vehicle-list .fvl-box:nth-child(2){
	max-width:540px;
	width:53%;
}
.fleet-vehicle-list .fvl-item{
	align-items:center;
	border-left:8px solid #2255a4;
	display:flex;
	padding:25px 0;
}
.fleet-vehicle-list .fvl-item + .fvl-item{
	margin-top:20px;
}
.fleet-vehicle-list .fvl-item dt{
	color:#2255a4;
	font-weight:normal;
	letter-spacing:0.2em;
	line-height:1.5;
	padding-left:35px;
	width:230px;
}
.fleet-vehicle-list .fvl-item dd{
	align-items:center;
	display:flex;
	line-height:1.8;
	justify-content:space-between;
	width:calc(100% - 230px);
}


/*****************************************************
　沿革　
*****************************************************/
#history{
	margin:60px auto 0;
	max-width:1170px;
	width:100%;
}
/* .table-basic 
------------------------------------------------- */
.table-basic th,
.table-basic td{
	padding:5px 0;
}
.table-basic th{
	padding-left:30px;
	width:170px;
}
.table-basic .date{
	display:flex;
	line-height:inherit;
	justify-content:space-between;
}
.table-basic .date.no-year{
	justify-content:flex-end;
}
.table-basic .date span{
	line-height:inherit;
}
.table-basic .date .month{
	color:#1a1a1a;
}
.table-basic td{
	padding-left:30px;
	width:calc(100% - 170px);
}


/*****************************************************
　交通アクセス　
*****************************************************/
#access .page-subttl{
	margin:90px auto 0;
	max-width:1170px;
	width:100%;
}
#access .content_inner{
	margin:0 auto;
	max-width:1170px;
	width:100%;
}
/* 地図 
------------------------------------------------- */
#access .map{
	height:0;
	margin:55px 0 35px;
	overflow:hidden;
	padding-bottom:28.8%;
	position:relative;
}
#access .map iframe{
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
}
#access p{
	line-height:1.8;
	margin-bottom:120px;
}


@media screen and (max-width:1024px){
	/*****************************************************
	　ミッション　
	*****************************************************/
	#mission{
		display:block;
		margin-top:12.5vw;
		max-width:none;
		padding:5.46vw 4.68vw;
		position:static;
	}
	/* .mission-head 
	------------------------------------------------- */
	.mission-head .en{
		font-size:2.81vw;
		margin:0 0 2.34vw 4.68vw;
	}
	.mission-head .catchcopy{
		font-size:7.03vw;
		margin-bottom:2.34vw;
	}
	/* .mission-txt 
	------------------------------------------------- */
	.mission-txt p{
		font-size:3.12vw;
	}
	.mission-txt p br{
		display:none;
	}


	/*****************************************************
	　会社概要　
	*****************************************************/
	#company{
		margin:9.37vw auto 0;
		max-width:none;
	}
	#company .content_inner{
		margin:0 3.12vw;
	}


	/*****************************************************
	　コーソクグループ各社一覧　
	*****************************************************/
	#group{
		margin:15.62vw auto 0;
		max-width:none;
	}
	#group .content_inner{
		margin:0 3.12vw;
	}
	/* .group-block 
	------------------------------------------------- */
	.group-block + .group-block{
		margin-top:14.84vw;
	}
	.group-block .group-ttl{
		font-size:4.53vw;
		margin:0 0 3.12vw;
	}
	.group-box{
		border-left-width:1.25vw;
		display:block;
		padding:2.34vw 0;
	}
	.group-box + .group-box{
		margin-top:3.75vw;
	}
	.group-box dt{
		margin-bottom:1.56vw;
		padding-left:5.46vw;
		width:auto;
	}
	.group-box dt br{
		display:none;
	}
	.group-box dd{
		display:block;
		padding-left:5.46vw;
		width:auto;
	}
	.group-box dd .map{
		font-size:1.87vw;
		margin-top:1.56vw;
		width:27.81vw;
	}
	.group-box dd .map a{
		padding:1.4vw 0;
	}
	.group-box dd .map a span{
		background-size:2.18vw 2.03vw;
		padding-right:4.68vw;
	}


	/*****************************************************
	　コーソクグループ保有車両　
	*****************************************************/
	#fleet-vehicle{
		margin:20vw auto 0;
		max-width:none;
	}
	#fleet-vehicle .content_inner{
		margin:0 3.12vw;
	}
	/* タイトル 
	------------------------------------------------- */
	#fleet-vehicle .acc-ttl{
		font-size:3.12vw;
		padding:3.28vw 10.93vw;
	}
	#fleet-vehicle .acc-ttl:before{
		height:0.46vw;
		left:4.68vw;
		width:2.96vw;
	}
	#fleet-vehicle .acc-ttl span:before{
		height:0.31vw;
		right:5.15vw;
		width:2.5vw;
	}
	#fleet-vehicle .acc-ttl span:after{
		height:2.5vw;
		right:6.25vw;
		width:0.31vw;
	}
	/* .fleet-vehicle-imglist 
	------------------------------------------------- */
	.fleet-vehicle-imglist{
		margin-top:7.81vw;
	}
	.fleet-vehicle-imglist .img{
		max-width:none;
		text-align:center;
		width:49%;
	}
	.fleet-vehicle-imglist .img:nth-child(1),
	.fleet-vehicle-imglist .img:nth-child(2),
	.fleet-vehicle-imglist .img:nth-child(3),
	.fleet-vehicle-imglist .img:nth-child(4){
		margin-bottom:4.68vw;
	}
	.fleet-vehicle-imglist .img img{
		width:100%;
	}
	.fleet-vehicle-imglist .img figcaption{
		margin-top:1.56vw;
	}
	/* .fleet-vehicle-list 
	------------------------------------------------- */
	.fleet-vehicle-list{
		justify-content:space-between;
		margin-top:9.37vw;
	}
	.fleet-vehicle-list .fvl-box:nth-child(1),
	.fleet-vehicle-list .fvl-box:nth-child(2){
		max-width:none;
		width:49%;
	}
	.fleet-vehicle-list .fvl-item{
		border-left-width:1.25vw;
		display:block;
		padding:3.9vw 0;
	}
	.fleet-vehicle-list .fvl-item + .fvl-item{
		margin-top:3.12vw;
	}
	.fleet-vehicle-list .fvl-item dt{
		margin-bottom:1.56vw;
		padding-left:5.46vw;
		width:auto;
	}
	.fleet-vehicle-list .fvl-item dd{
		display:flex;
		padding-left:5.46vw;
		width:auto;
	}


	/*****************************************************
	　沿革　
	*****************************************************/
	#history{
		margin:9.37vw auto 0;
		max-width:none;
	}
	#history .content_inner{
		margin:0 3.12vw;
	}
	/* .table-basic 
	------------------------------------------------- */
	.table-basic th,
	.table-basic td{
		padding:5px 0;
	}
	.table-basic th{
		padding-left:4.68vw;
		width:26.56vw;
	}
	.table-basic td{
		padding-left:4.68vw;
		width:calc(100% - 26.56vw);
	}


	/*****************************************************
	　交通アクセス　
	*****************************************************/
	#access .page-subttl{
		margin:14.06vw auto 0;
		max-width:none;
	}
	#access .content_inner{
		max-width:none;
	}
	/* 地図 
	------------------------------------------------- */
	#access .map{
		margin:8.59vw 0 5.46vw;
		padding-bottom:60%;
	}
	#access p{
		margin-bottom:18.75vw;
	}
}