@charset "UTF-8";

#company_top {
	background-image:url( images/company_header.jpg )
}

#company_body {
	padding:80px 0;
}

#company_ceo {
	padding:100px 0 0 0;
	background-image:url( images/company_ceoback.jpg );
}

#company_text {
	width:100%;
	display:flex;
}

#company_text > div:first-of-type {
	width:39%;
	position:relative;
}

#company_text > div:first-of-type > p:first-of-type {
	font-family:'Zen Kaku Gothic New';
	font-weight:600;
	color:#98830F;
	font-size:17px;
}

#company_text > div:first-of-type > h3 > span:first-of-type {
	font-size:42px;
	line-height:1.3em;
	font-weight:600;
	margin-top:25px;
	display:inline-block;
	border-bottom:2px solid #98830F;
}

#company_text > div:first-of-type > h3 > span:last-of-type {
	font-size:58px;
	margin-top:12px;
	line-height:1.3em;
	font-weight:600;
	display:inline-block;
	border-bottom:2px solid #98830F;
}

#company_ceo_photo {
	position:absolute;
	left:0;
	bottom:10px;
	width:100%;
	text-align:center;
}

#company_ceo_photo > img {
	height:490px;
	aspect-ratio: 468 / 578;
}

#company_ceo_photo2 {
	display:none;
}

#company_text > div:last-of-type {
	width:61%;
	padding-left:40px;
	padding-bottom:100px;
}

#company_word_1 {
	margin-top:50px;
}

#company_word_1 > p {
	font-size:18px;
	line-height:2.6em;
}

#company_word_2 {
	font-size:17px;
	line-height:1.5em;
	margin-top:50px;
}

#company_word_2 > p {
	font-family:'Zen Kaku Gothic New';	
	line-height:1.6em;
}

#company_word_2 > p + p {
	margin-top:28px;
}

#company_value {
	background:linear-gradient(#fff,#F2F7FD);
	padding-top:1px;
	position:relative;
	padding-bottom:80px;
}

#company_value > div {
	margin-top:-60px;
	padding:30px 50px;
	border:2px solid #A79837;
	background-color:#fff;
}

#company_value > div > h3 {
	color:#A29234;
	font-family:'Zen Kaku Gothic New';
	font-weight:700;
	letter-spacing:1px;
}

#company_value > div > ol {
	margin:30px auto 10px auto;
	counter-reset: cnt;
}

#company_value > div > ol > li {
	list-style-type:none;
	counter-increment:cnt;
}

#company_value > div > ol > li:nth-of-type( n+2 ) {
	margin-top:32px;
}

#company_value > div > ol > li > h3 {
	font-size:25px;
	line-height:48px;
	align-items:baseline;
	padding-left:2em;
	border-bottom:2px solid #A79837;
	position:relative;
	padding-top:4px;
	padding-bottom:5px;
}

#company_value > div > ol > li > h3::before {
	content: counter(cnt)'.';
	position:absolute;
	left:0;
	top:0;
	font-size:40px;
}

#company_value > div > ol > li > h3 + div {
	margin-top:20px;
}

#company_value > div > ol > li > h3 + div > p {
	line-height:1.8em;
	font-family:'Zen Kaku Gothic New';
}

#company_about {
	padding:60px 0;
}

#company_about h3 {
	font-size:30px;
	line-height:1.5em;
	padding-bottom:12px;
	border-bottom:2px solid #7E92A3;
}

#company_about h3:nth-of-type( n+2 ) {
	margin-top:60px;
}

#company_about_tbl {
	display:flex;
	flex-wrap:wrap;
	border-top:1px solid #94A4B2;
	width:1024px;
	max-width:calc( 100% - 16px );
	margin:60px auto 0 auto;
}

#company_about_tbl dt {
	width:150px;
	padding:20px;
	font-family:'Zen Kaku Gothic New';
	background-color:#F6F6F6;
	border-bottom:1px solid #94A4B2;
	font-weight:500;
}

#company_about_tbl dd {
	width:calc( 100% - 150px );
	padding:20px;
	font-family:'Zen Kaku Gothic New';
	border-bottom:1px solid #94A4B2;
}

#company_map {
	margin-top:50px;
	width:100%;
	height:500px;
	max-height:90vh;
}

#company_map > iframe {
	border:0;
	width:100%;
	height:100%;
}

#company_access {
	margin:20px 0 30px 0;
}

#company_access ul {
	display:flex;
	align-items:flex-end;
	flex-wrap:wrap;
}

#company_access ul li {
	list-style-type:none;
	padding-left:20px;
	font-size:20px;
	font-family:'Zen Kaku Gothic New';
}

#company_access ul li:nth-of-type( 1 ) {
	padding-left:0;
	font-size:23px;
	padding-bottom:4px;
}

#company_access dl {
	display:flex;
	flex-wrap:wrap;
	border-top:1px solid #000;
	width:1024px;
	max-width:calc( 100% - 32px );
	margin:30px auto;
}

#company_access dl > dt {
	width:220px;
	padding:20px 0;
	font-size:20px;
	font-family:'Zen Kaku Gothic New';
	border-bottom:1px solid #000;
}

#company_access dl > dd {
	width:calc( 100% - 220px );
	padding:20px 0;
	font-size:20px;
	font-family:'Zen Kaku Gothic New';
	border-bottom:1px solid #000;
}

@media screen and ( max-width:1280px ) {
	#company_text > div:first-of-type {
		padding-left:8px;
	}
}

@media screen and ( max-width:1040px ) {
	#company_text > div:first-of-type {
		width:43%;
	}
	#company_text > div:last-of-type {
		width:57%;
	}
}

@media screen and ( max-width:930px ) {
	#company_ceo_photo {
		display:none;
	}
	#company_ceo_photo2 {
		display:block;
		text-align:center;
	}
	#company_ceo_photo2 > img {
		width:380px;
		max-width:100%;
		height:auto;
		margin-bottom:28px;
		margin-top:-20px;
	}
	#company_text {
		display:block;
	}
	#company_text > div:first-of-type {
		width:100%;
		padding-right:8px;
	}
	#company_text > div:last-of-type {
		width:100%;
		padding-left:8px;
		padding-bottom:0;
	}
	#company_value > div {
		padding:30px 20px;
	}
}