@charset "utf-8";
/*------------------------------------------------------------
	message
------------------------------------------------------------*/
#container {
	padding-top: 78px;
}

.sub-page-title {
	background-image: url("../img/company/philosophy/page_title_img.jpg");
}
#main {
	margin-bottom: 0;
}
#main h3 {
	margin-bottom: 28px;
	font-size: 3rem;
	letter-spacing: 0.1em;
	font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', serif;
}
#main p {
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 2.5;
	font-feature-settings: "palt"; 
	-moz-font-feature-settings: "palt";
}
#main p:not(:last-of-type) {
	margin-bottom: 40px!important;
}
#main .sec01 {
	padding: 332px 0 342px;
	position: relative;
}
#main .sec01::after {
	width: calc(100% - 360px);
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #F7F7F7;
	content: '';
}
#main .sec01::before {
	width: 90px;
	height: 669px;
	position: absolute;
	top: calc(50% - 325px);
	left: calc(100% - 450px);
	background: url("../img/company/philosophy/text_img01.png") no-repeat center / 90px;
	z-index: 1;
	content: '';
}
#main .sec01 .content {
	position: relative;
	z-index: 1;
}
#main .sec02 {
	padding: 342px 0 332px;
	position: relative;
}
#main .sec02 .sub {
	margin: 0 0 0 auto;
	max-width: 780px;
}
#main .sec02::before {
	width: 90px;
	height: 357px;
	position: absolute;
	top: calc(50% - 396px);
	right: calc(100% - 450px);
	background: url("../img/company/philosophy/text_img02.png") no-repeat center / 90px;
	z-index: 1;
	content: '';
}
@media all and (max-width: 767px) {
	.page-title {
		margin-bottom: 60px;
	}
	#main .sec01 {
		padding: 60px 0;
	}
	#main h3 {
		margin-bottom: 35px;
		font-size: 3rem;
	}
	#main p {
		font-size: 1.4rem;
		line-height: 1.75;
	}
	#main p:not(:last-of-type) {
		margin-bottom: 20px!important;
	}
	#main .sec01 {
		padding: 60px 0;
		background-color: #F7F7F7;
	}
	#main .sec01 .content {
		margin-right: 40px;
	}
	#main .sec01::after {
		display: none;
	}
	#main .sec01::before {
		width: 45px;
		height: 669px;
		position: absolute;
		top: calc(50% - 325px);
		left: auto;
		right: -5px;
		background: url("../img/company/philosophy/text_img01.png") no-repeat center / 45px;
		z-index: 1;
		content: '';
	}
	#main .sec02 {
		padding: 60px 0;
	}
	#main .sec02 .content {
		margin-left: 40px;
	}
	#main .sec02 .sub {
		margin: 0 auto;
		max-width: inherit;
	}
	#main .sec02::before {
		width: 45px;
		height: 357px;
		position: absolute;
		top: calc(50% - 178px);
		right: auto;
		left: -5px;
		background: url("../img/company/philosophy/text_img02.png") no-repeat center / 45px;
		z-index: 1;
		content: '';
	}
}