@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');



/* #mainimage
-----------------------------------------------------------------------------------*/
#mainimage {background: url("../company/img/mainimage-company.jpg") center/cover no-repeat;}





/* greeting
-----------------------------------------------------------------------------------*/
#greeting p {
	text-align: justify;
	font-size: 1.125em;
}
#greeting .img {
	margin: 0 0 1em;
	width: 100%;
	height: 400px;
	border-radius: 10px;
	float: right;
	background: #ddd;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2em;
	font-weight: 600;
	color: #fff;
}
#greeting .ceo-sign {
	text-align: right;
	font-size: 1.25em;
}

@media screen and (max-width: 1280px) {
	#greeting .img {height: 30vh;}
}





/* philosophy
-----------------------------------------------------------------------------------*/
a.link-blank {color: #ff5656;}
a.link-blank:hover {color: #777;}
a.link-blank::before {background-color: #ff5656;}





/* philosophy
-----------------------------------------------------------------------------------*/
.philosophy-text {
	box-sizing: border-box;
	height: 300px;
	background-color: #fff;
	border: solid #e6c0c0 5px;
	border-radius: 5px;
	/*box-shadow: 0 0 5px rgba(0,0,0,0.2);*/
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	text-align: center;
	line-height: 1.8;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size: 2.1em;
	font-weight: 600;
	position: relative;
	overflow: hidden;
}
.philosophy-text::before,
.philosophy-text::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	mix-blend-mode: multiply;
}
.philosophy-text::before {background: linear-gradient(165deg, rgba(247,246,245,0) 0%,rgba(247,246,245,0) 70%,rgba(247,246,245,1) 70.1%,rgba(247,246,245,1) 100%);}
.philosophy-text::after {background: linear-gradient(-165deg, rgba(247,246,245,0) 0%,rgba(247,246,245,0) 70%,rgba(247,246,245,1) 70.1%,rgba(247,246,245,1) 100%);}

@media screen and (max-width: 480px) {
	.philosophy-text {font-size: 5.5vw;}
}

/*.philosophy-box {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	grid-row-gap: 2em;
}
.philosophy-box .box {
	width: calc(95% / 2);
	padding: 2.5em 0;
	border-radius: 1em;
	box-sizing: border-box;
	background-color: #fff;
	border: solid #e6c0c0 1px;
	overflow: hidden;
	position: relative;
}
.philosophy-box .box::after {
	position: absolute;
	inset: -0.12em auto auto -0.04em;
	margin: auto;
	counter-increment: number 1;
	content: counter(number, decimal-leading-zero);
	line-height: 1;
	font-size: 9.5em;
	font-weight: 600;
	color: #f6e0e0;
}
.philosophy-box .box .title {
	margin-bottom: 2em;
	padding-bottom: 1.5em;
	text-align: center;
	line-height: 1.3;
	font-size: 1.5625em;
	font-weight: 600;
	position: relative;
	z-index: 1;
}
.philosophy-box .box .title br {display: none;}
.philosophy-box .box .title::before,
.philosophy-box .box .title::after {
	content: '';
	position: absolute;
	margin: auto;
}
.philosophy-box .box .title::before {
	inset: auto 0 -0.35em;
	width: 0.6em;
	height: 0.6em;
	background-color: #fff;
	border-bottom: solid #ff5656 3px;
	border-right: solid #ff5656 3px;
	transform: rotate(45deg);
}
.philosophy-box .box .title::after {
	inset: auto 0 -1px;
	width: 3em;
	height: 3px;
	background-color: #ff5656;
	z-index: -1;
}
.philosophy-box .box .text {
	padding: 0 2.5em;
	background-color: #fff;
	border-radius: 0.7em;
	text-align: justify;
	font-size: 1.2em;
}

@media screen and (max-width: 897px) {
	.philosophy-box .box {width: 100%;}
}

@media screen and (max-width: 480px) {
	.philosophy-box .box {
		padding-bottom: 1.5em;
		width: 100%;
		min-height: 230px;
	}
	.philosophy-box .box .title br {display: block;}
	.philosophy-box .box .text {
		padding: 0 1em;
		font-size: 1.125em;
	}
}*/





/* history
-----------------------------------------------------------------------------------*/
.table.t_history table tr:not(:last-child) {border-bottom: solid #f8f8f8 1em;}
.table.t_history table th {
	padding: 0;
	width: 20%;
	line-height: 1;
	font-family: "Questrial", serif;
	font-size: 3em;
	font-weight: 600;
}
.table.t_history table td {
	padding: 2em;
	background-color: #fff;
	border-radius: 5px;
	position: relative;
}
.table.t_history table td::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: solid #f1f1f1 1px;
	border-radius: 5px;
}
.table.t_history table td span {
	display: block;
	font-size: 1.125em;
	font-weight: 600;
}

@media screen and (max-width: 480px) {
	.table.t_history table th,
	.table.t_history table td {
		display: block;
		width: 100%;
	}
	.table.t_history table th {
		padding: 0.5em 0;
		text-align: left;
		font-size: 2.1em;
	}
	.table.t_history table td {padding: 1.5em 1em 2em 2em;}
}





/* access
-----------------------------------------------------------------------------------*/
.access-box {
	padding: 2.5em;
	background-color: #fff;
	border: solid #f1f1f1 1px;
	border-radius: 5px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	grid-row-gap: 1em;
}
.access-box > * {
	box-sizing: border-box;
}
.access-box:not(:last-of-type) {margin-bottom: 50px;}
.a-location,.a-tel,.a-fax,.a-train,.a-walk,.a-car {padding-left: 1.5em;}
.a-location {order: 0;}
.a-tel,.a-fax {
	max-width: 250px;
	order: 1;
}
.a-location::before,.a-tel::before,.a-fax::before,.a-train::before,.a-car::before,.a-walk::before {
	display: block;
	margin-left: -1.5em;
	padding-left: 1.5em;
	line-height: 1.2;
	font-weight: 600;
}
.a-location::before {
	content: '所在地';
	background: url("../img/icon-location.svg") top left/contain no-repeat;
}
.a-tel::before {
	content: 'TEL';
	background: url("../img/icon-tel.svg") top left/contain no-repeat;
}
.a-fax::before {
	content: 'FAX';
	background: url("../img/icon-fax.svg") top left/contain no-repeat;
}
.a-train::before {
	content: '最寄駅';
	background: url("../img/icon-train.svg") top left/contain no-repeat;
}
.a-car::before {
	content: '自動車でご来社の場合';
	background: url("../img/icon-car.svg") top left/contain no-repeat;
}
.a-walk::before {
	content: '最寄駅から徒歩';
	background: url("../img/icon-walk.svg") top left/contain no-repeat;
}
.a-map {
	width: 100%;
	min-height: 350px;
	order: 2;
}
.a-map iframe {
	width: 100%;
	height: 100%;
	border: none;
}
.a-station {order: 3;}
.a-btn {order: 4;}

@media screen and (max-width: 480px) {
	.access-box {
		padding: 1.5em;
	}
	.a-station {order: 4;}
	.a-btn {
		order: 3;
		width: 100%;
	}
	.access-box.fukuyama div:first-child {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
}