@charset "utf-8";

/*==================================================
	【company】ページ固有のスタイル
==================================================*/
#company {
	position: relative;
}
#company::before {
	content: "";
	background: url("../img/company/bg01.png") no-repeat top left/100%;
	width: 263px;
	height: 361px;
	position: absolute;
	top: 0;
	left: 0;
}
#company .ceo_msg {
	width: 690px;
	margin: 0 auto;
	padding: 60px 0 150px;
}
#company .ceo_msg::before {
	background: url("../img/company/bg-txt01.png") no-repeat bottom left/100%;
	width: 57px;
	height: 510px;
	position: absolute;
	top: 60%;
	transform: translateY(-50%);
	left: 0;
}
#company .ceo_msg::after {
	background: url("../img/company/bg02.png") no-repeat bottom right/100%;
	width: 302px;
	height: 240px;
	position: absolute;
	top: auto;
	bottom: 0;
	left: auto;
	right: 0;
}
#company .ceo_msg .txt {
	line-height : 30px;
	letter-spacing : 1.4px;
}
#company .ceo_msg .txt_b {
	font-size : 20px;
	line-height : 63px;
	letter-spacing : 4px;
	color : #000000;
}
#company .company_prof {
	background: url("../img/company/bg03.jpg") no-repeat top center/100%;
}
#company .company_prof .box {
	margin-top: 160px;
	background: rgba(255,255,255,0.9);
	width: 1100px;
	margin: 0 auto;
	padding: 0 70px 70px;
}
#company .company_prof .box h3.sub {
	padding-top: 30px;
}
#company .company_prof .box h3.sub::after {
	top: -15px;
}
#company .company_prof .box h3.sub span {
	padding-bottom: 15px;
}
#company .company_prof .box dl {
	border-top: 1px solid #999;
	padding: 20px 0;
	display: flex;
	line-height : 30px;
	letter-spacing : 1.4px;
}
#company .company_prof .box dl:last-of-type {
	border-bottom: 1px solid #999;
	margin-bottom: 50px;
}
#company .company_prof .box dt {
	width: 20%;
}
#company .company_prof .box iframe {
	width: 100%;
	height: 442px;
	border: 0;
}
@media print, screen and (min-width: 769px){ /* PCのみ */
}
@media print, screen and (min-width: 641px){ /* PC・タブレット */
}
@media only screen and (max-width: 768px) and (min-width: 641px){ /* タブレットのみ */
}
@media only screen and (max-width: 768px) {  /* タブレット以下 */
	#company::before {
		width: 25%;
	}
	#company .ceo_msg::before {
		background: url(../img/company/bg-txt01.png) no-repeat bottom left / contain;
	}
	#company .ceo_msg::after {
		width: 25%;
		right: -20px;
	}
	#company .ceo_msg {
		width: calc(100% - 40px);
		margin: 0 auto;
	}
	#company .ceo_msg .txt {
		line-height: 1.8em;
		letter-spacing: normal;
	}
	#company .ceo_msg .txt_b {
		font-size: 18px;
	}
	#company .company_prof .box {
		width: calc(100% - 40px);
		padding: 0 30px 30px;
	}
	#company .company_prof .box dl {
		padding: 15px 0;
		line-height: 1.8em;
		letter-spacing: normal;
	}
	#company .company_prof .box dt {
		width: 30%;
	}
	#company .company_prof .box dd {
		width: 70%;
	}
	#company .company_prof .box iframe {
		height: 250px;
	}
}
@media only screen and (max-width: 640px){ /* スマホ */
	#company::before {
		width: 40%;
	}
	#company .ceo_msg::after {
		width: 55%;
	}
	#company .ceo_msg .txt_b {
		letter-spacing: normal;
		font-size: 16px;
	}
	#company .company_prof .box {
		padding: 0 15px 15px;
	}
	#company .company_prof .box dl {
		flex-direction: column;
	}
	#company .company_prof .box dt {
		width: 100%;
		margin-bottom: 15px;
	}
	#company .company_prof .box dd {
		width: 100%;
	}
}