@charset "utf-8";
/* CSS Document */
/*========================================
　　会社概要
========================================*/
#companyOutline {
	padding: 60px 0 0;
	overflow: hidden;
}
#companyOutline table {
	width: 100%;
	margin: 0 0 60px;
}
#companyOutline table th {
	width: 200px;
	padding-top: 15px;
	padding-bottom: 15px;
}
#companyOutline table td {
	padding-top: 15px;
	padding-bottom: 15px;
}
#companyOutline #map_canvas {
	margin: 0 0 80px;
	width: 100%;
	height: 600px;
	overflow: hidden;
}
#companyOutline b.subtitle {
	display: block;
	padding: 0 0 20px;
	font-size: 120%;
	line-height: 150%;
}
#companyOutline div.img {
	max-width: 768px;
	margin: 0 auto 80px;
}
#companyOutline div.img div {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin: 0 -20px;
}
#companyOutline div.img div ul:first-child {
	width: 66.66%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
#companyOutline div.img div ul:last-child {
	width: 33.33%;
}
#companyOutline div.img ul li {
	padding: 0 20px;
}
#companyOutline div.img div ul:first-child li {
	width: 50%;
}
#companyOutline div.img ul li img {
	width: 100%;
	height: auto;
}
@media screen and (max-width: 768px) {
	#companyOutline {
		padding: 50px 0 0;
	}
	#companyOutline #map_canvas {
		height: 400px;
		margin: 0 0 60px;
	}
	#companyOutline div.img {
		margin: 0 auto;
		padding: 0 0 60px;
	}
	#companyOutline div.img div {
		margin: 0 -10px;
	}
	#companyOutline div.img div ul:first-child {
		width: auto;
	}
	#companyOutline div.img div ul:first-child li {
		padding: 0 10px 20px;
	}
	#companyOutline div.img div ul:last-child {
		width: 50%;
		padding: 0;
	}
	#companyOutline div.img ul li {
		padding: 0 10px;
	}
}
@media screen and (max-width: 480px) {
	#companyOutline table {
		display: table;
		margin: 0 0 40px;
	}
	#companyOutline table th {
		display: table-cell;
		width: 7em;
		padding-left: 0;
		padding-right: 0;
		font-size: 94%;
	}
	#companyOutline table td {
		display: table-cell;
		width: auto;
		border-left: none;
		border-top: 1px solid #DDD;
	}
}
#companyProfile div.main {
	display: flex;
}
#companyProfile div.main div.left {
	width: 50%;
	padding: 0 30px 0 0;
}
#companyProfile div.main div.right {
	width: 50%;
	padding: 0 0 0 30px;
}
#companyProfile dl {
	padding: 0 0 60px;
}
#companyProfile dl dt {
	padding: 0 0 10px;
	font-size: 120%;
	line-height: 140%;
}
#companyProfile ul li {
	position: relative;
	padding: 0 0 0 30px;
	line-height: 180%;
	margin: 0 0 10px;
}
#companyProfile ul li::before {
	content: '\e5ca';
	position: absolute;
	left: 0;
	top: 5px;
	width: 20px;
	height: 1em;
	font-size: 20px;
	line-height: 1em;
	font-weight: 700;
	font-family: "Material Symbols Outlined";
}
@media screen and (max-width: 768px) {
	#companyProfile div.main {
		display: block;
	}
	#companyProfile div.main div.left {
		width: auto;
		padding: 0 0 60px;
	}
	#companyProfile div.main div.right {
		width: auto;
		padding: 0 0 30px;
	}
	#companyProfile dl {
		padding: 0 0 60px;
	}
	#companyProfile dl dt {
		font-size: 114%;
		line-height: 140%;
	}
}
#companyGreeting {
	padding: 0 0 40px;
}
#companyGreeting div.templateContent {
	position: relative;
	display: block;
	padding: 460px 0 80px;
}
#companyGreeting div.templateContent::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 400px;
	background: no-repeat 50% 50% / cover;
}
#companyGreeting div.templateContent.greeting01::before {
	background-image: url("../../img/company/1.jpg");
}
#companyGreeting div.templateContent.greeting02::before {
	background-image: url("../../img/company/2.jpg");
}
#companyGreeting div.templateContent.greeting03::before {
	background-image: url("../../img/company/3.jpg");
}
#companyGreeting div.templateContent.greeting04::before {
	background-image: url("../../img/company/4.jpg");
}
#companyGreeting div.templateContent.greeting05::before {
	background-image: url("../../img/company/5.jpg");
}
#companyGreeting div.templateContent.greeting06::before {
	background-image: url("../../img/company/6.jpg");
}
#companyGreeting div.templateContent.greeting07::before {
	background-image: url("../../img/company/7.jpg");
}
#companyGreeting div.templateContent.greeting08::before {
	background-image: url("../../img/company/8.jpg");
}
#companyGreeting div.templateContent.greeting09::before {
	background-image: url("../../img/company/9.jpg");
}
#companyGreeting div.templateContent div.text {
	width: auto;
	max-width: 900px;
	margin: 0 auto;
}
#companyGreeting b.subtitle2 {
	display: block;
	padding: 0 0 40px;
	font-size: 160%;
	line-height: 150%;
	font-weight: 700;
}
#companyGreeting ul {
	padding: 40px 0 20px;
}
#companyGreeting ul li {
	position: relative;
	padding: 0 0 0 30px;
	line-height: 180%;
	margin: 0 0 20px;
}
#companyGreeting ul li::before {
	content: '\e5ca';
	position: absolute;
	left: 0;
	top: 5px;
	width: 20px;
	height: 1em;
	font-size: 20px;
	line-height: 1em;
	font-weight: 700;
	font-family: "Material Symbols Outlined";
}
#companyGreeting ol {
	margin: 50px 0;
	padding: 40px 40px 20px;
}
#companyGreeting ol li {
	position: relative;
	padding: 0 0 0 30px;
	line-height: 180%;
	margin: 0 0 20px;
}
#companyGreeting ol li::before {
	position: absolute;
	left: 0;
	top: -0.5em;
	width: 26px;
	height: 2em;
	font-size: 26px;
	line-height: 2em;
	font-weight: 700;
}
#companyGreeting ol li:nth-child(1)::before {
	content: '1';
}
#companyGreeting ol li:nth-child(2)::before {
	content: '2';
}
#companyGreeting ol li:nth-child(3)::before {
	content: '3';
}
#companyGreeting ol li:nth-child(4)::before {
	content: '4';
}
#companyGreeting ol li:nth-child(5)::before {
	content: '5';
}
#companyGreeting dl dt {
	margin: 0 0 30px;
	padding: 5px 20px;
	line-height: 180%;
	background: #F1F1F1;
}
#companyGreeting dl dd {
	padding: 0 0 60px;
}
@media screen and (max-width: 768px) {
	#companyGreeting {
		padding: 0 0 20px;
	}
	#companyGreeting div.templateContent {
		padding: 320px 0 50px;
	}
	#companyGreeting div.templateContent::before {
		height: 260px;
	}
	#companyGreeting div.templateContent.greeting01::before {
		background-image: url("../../img/company/1_sp.jpg");
	}
	#companyGreeting div.templateContent.greeting02::before {
		background-image: url("../../img/company/2_sp.jpg");
	}
	#companyGreeting div.templateContent.greeting03::before {
		background-image: url("../../img/company/3_sp.jpg");
	}
	#companyGreeting div.templateContent.greeting04::before {
		background-image: url("../../img/company/4_sp.jpg");
	}
	#companyGreeting div.templateContent.greeting05::before {
		background-image: url("../../img/company/5_sp.jpg");
	}
	#companyGreeting div.templateContent.greeting06::before {
		background-image: url("../../img/company/6_sp.jpg");
	}
	#companyGreeting div.templateContent.greeting07::before {
		background-image: url("../../img/company/7_sp.jpg");
	}
	#companyGreeting div.templateContent.greeting08::before {
		background-image: url("../../img/company/8_sp.jpg");
	}
	#companyGreeting div.templateContent.greeting09::before {
		background-image: url("../../img/company/9_sp.jpg");
	}
	#companyGreeting b.subtitle2 {
		padding: 0 0 30px;
		font-size: 120%;
		line-height: 150%;
	}
	#companyGreeting ol {
		padding: 40px 20px 20px;
	}
}