/* ---------------------------------------------------------------
start contact CSS
--------------------------------------------------------------- */

/* --------------- company --------------- */

#wrap.sub.company {
	background-image: url(../img/company/bg_company.gif);
	background-repeat: no-repeat;
	background-size: 1864px auto;
	background-position: -320px 607px;
}

.company .bg_pagettl {
	background-image: url(../img/company/bg_pagettl.jpg);
	background-repeat: no-repeat;
}

.company .bg_pagettl .pagettl .en {
	width: 386px;
}

.company .bg_pagettl .pagettl .jp {
	color: #fff;
}

.company .col_subcontent {
	margin-bottom: 70px;
}

.col_company {
	width: 100%;
	max-width: 870px;
	margin: 0 auto;
	padding: 0 0 30px;
	color: #666;
}

.mds_company {
	width: 22.67vw;
	max-width: 102px;
	margin: 0 auto 30px;
	padding: 0;
}

ul.list_overview_company {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: solid 1px #e6e6e6;
}

ul.list_overview_company li {
	width: 100%;
	margin: 0;
	padding: 10px 0;
	border-bottom: solid 1px #e6e6e6;
	display: flex;
	justify-content: center;
}

ul.list_overview_company li .mds {
	width: 168px;
	margin: 0;
	padding: 0 15px 0 0;
	font-weight: 500;
	box-sizing: border-box;
}

ul.list_overview_company li .cont {
	width: calc( 100% - 168px );
	max-width: 475px;
	margin: 0;
	padding: 0;
}

ul.list_overview_company li .cont dl {
	margin: 0 0 10px;
	padding: 0;
}

ul.list_overview_company li .cont dl dt {
	margin: 0;
	padding: 0;
	font-weight: 500;
}

ul.list_overview_company li .cont dl dd {
	margin: 0;
	padding: 0 0 0 1em;
}

.col_company.history { padding-top: 30px; }

ul.list_overview_company li .year {
	width: 230px;
	margin: 0;
	padding: 0 15px;
	font-weight: 500;
	box-sizing: border-box;
	display: flex;
}

ul.list_overview_company li .year .era {
	width: 76px;
	margin: 0;
	padding: 0;
}

ul.list_overview_company li .cont_history {
	width: calc( 100% - 230px );
	max-width: 420px;
	margin: 0;
	padding: 0;
}

.col_company.org { padding-top: 30px; }

.col_organization {
	width: 100%;
	margin: 0;
	padding: 15px 0 0;
}

.col_organization .committee {
	width: 170px;
	margin: 0 auto 24px;
	padding: 4px 5px 5px;
	color: #fff;
	font-size: 18px;
	line-height: 1.3;
	text-align: center;
	background-color: #0071bb;
	box-sizing: border-box;
	position: relative;
	z-index: 0;
}

.col_organization .committee:before {
	content: "";
	width: 1px;
	height: 24px;
	margin: 0;
	padding: 0;
	background-color: #666;
	position: absolute;
	top: 100%;
	left: 50%;
}

.col_organization .committee:nth-child(2) { margin-bottom: 40px; }
.col_organization .committee:nth-child(2):before { height: 40px; }

.list_department {
	width: 100%;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
	position: relative;
	z-index: 0;
}

.list_department:before {
	content: "";
	width: 77%;
	height: 1px;
	margin: 0;
	padding: 0;
	background-color: #666;
	position: absolute;
	top: 0;
	left: 11.5%;
}

.list_department dl {
	width: 23%;
	margin: 0;
	padding: 40px 0 0;
	position: relative;
	z-index: 0;
}

.list_department dl:before {
	content: "";
	width: 1px;
	height: 40px;
	margin: 0;
	padding: 0;
	background-color: #666;
	position: absolute;
	top: 0;
	left: 50%;
}

.list_department dl dt {
	margin: 0;
	padding: 4px 5px 5px;
	color: #fff;
	font-size: 18px;
	line-height: 1.3;
	text-align: center;
	background-color: #0071bb;
}

.list_department dl dd {
	margin: 0;
	padding: 5px 5px 6px;
	line-height: 1.4;
	text-align: center;
	background-color: #dbe1f2;
	border-bottom: dashed 1px #0071bb;
}

.list_department dl dd:last-child {
	border-bottom: none;
}


/* ---------------------------------------------------------------
	start max 1033px
--------------------------------------------------------------- */

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






}

/* ---------------------------------------------------------------
	end max 1033px
--------------------------------------------------------------- */


/* ---------------------------------------------------------------
	start max 850px
--------------------------------------------------------------- */

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





}

/* ---------------------------------------------------------------
	end max 850px
--------------------------------------------------------------- */
/* ---------------------------------------------------------------
	start min 701px
--------------------------------------------------------------- */

@media print,screen and ( min-width: 701px ) {





}

/* ---------------------------------------------------------------
	end min 701px
--------------------------------------------------------------- */
/* ---------------------------------------------------------------
	start max 700px
--------------------------------------------------------------- */

@media print,screen and ( max-width: 700px ) {

/* --------------- company --------------- */
	
	#wrap.sub.contact { background-image: none; }
	
	.company .bg_pagettl {
		background-image: url(../img/company/sp/bg_pagettl.jpg);
		background-repeat: no-repeat;
		position: relative;
		z-index: 1;
	}
	
	.company .bg_pagettl .pagettl .en {
		width: 69.5vw;
		max-width: 386px;
	}
	
	.company .col_subcontent {
		margin: 0;
		padding: 30px 20px 0;
	}
	
	.col_company {
		position: relative;
		z-index: 0;
	}
	
	.mds_company {
		margin: 0 auto 20px;
	}
	
	.col_company.overview:before {
		content: "";
		width: 102vw;
		height: 133vw;
		margin: 0;
		padding: 0;
		background-image: url(../img/company/sp/bg_company_left.gif);
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-position: right bottom;
		position: absolute;
		left: calc( -40.9vw - 20px );
		bottom: -150px;
		z-index: -1;
	}
	
	ul.list_overview_company li .mds {
		width: 120px;
	}
	
	ul.list_overview_company li .cont {
		width: calc( 100% - 120px );
	}
	
	.col_company.history {
		padding-top: 0;
	}
	
	.col_company.history:before {
		content: "";
		width: 102vw;
		height: 133vw;
		margin: 0;
		padding: 0;
		background-image: url(../img/company/sp/bg_company_right.gif);
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-position: left bottom;
		position: absolute;
		right: calc( -41.2vw - 20px );
		bottom: -120px;
		z-index: -1;
	}
	
	ul.list_overview_company li .year {
		width: 190px;
	}
	
	ul.list_overview_company li .cont_history {
		width: calc( 100% - 190px );
	}
	
	.col_company.org {
		padding: 0 0 40px;
	}
	
	.col_organization {
		border-top: solid 1px #e6e6e6;
		padding: 25px 0 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.col_organization .committee {
		width: 34px;
		height: 160px;
		margin: 0 15px 0 0;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
	}
	
	.col_organization .committee:before {
		width: 15px;
		height: 1px;
		top: 50%;
		left: 100%;
	}
	
	.col_organization .committee:nth-child(2) { margin-bottom: 0; }
	.col_organization .committee:nth-child(2):before { height: 1px; }
	
	.list_department {
		width: calc( 100% - 98px );
		max-width: 220px;
		padding: 0 ;
		display: block;
	}
	
	.list_department:before {
		width: 1px;
		height: calc( 100% - 49px );
		top: 15px;
		left: 0;
	}
	
	.list_department dl {
		width: 100%;
		margin: 0 0 18px;
		padding: 0 0 0 20px;
	}
	
	.list_department dl:before {
		width: 20px;
		height: 1px;
		top: 15px;
		left: 0;
	}
	


}

/* ---------------------------------------------------------------
	end max 700px
--------------------------------------------------------------- */
/* ---------------------------------------------------------------
	start max 550px
--------------------------------------------------------------- */

@media screen and ( max-width: 550px ) {
	
/* --------------- contact --------------- */
	
	
	
	
}
/* ---------------------------------------------------------------
	end max 550px
--------------------------------------------------------------- */
/* ---------------------------------------------------------------
	start max 450px
--------------------------------------------------------------- */

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

/* --------------- company --------------- */
	
	.company .bg_pagettl .pagettl .en {
		width: 57.5vw;
		max-width: 386px;
	}
	
	ul.list_overview_company li .mds {
		width: 80px;
		padding: 2px 10px 0 0;
		line-height: 1.4;
	}
	
	ul.list_overview_company li .year {
		width: 84px;
		padding: 2px 0 0;
		line-height: 1.4;
		display: block;
	}
	
	ul.list_overview_company li .cont_history {
		width: calc( 100% - 84px );
	}
	
	



}

/* ---------------------------------------------------------------
	end max 450px
--------------------------------------------------------------- */