@charset "utf-8";
/*------------------------------------------------------------
	philosophy
------------------------------------------------------------*/
.pageTitle {
	margin-bottom: 13.2rem;
	background-image: url("../img/company/philosophy/page_img.jpg");
}
#main .sec01 {
	padding: 0 0 15rem;
}
#main .sec01 .headLine02 {
	margin-bottom: 6.3rem;
}
#main .sec01 h4 {
	margin-bottom: 4.1rem;
	font-size: 3.6rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.75;
}
#main .sec01 .imgBox {
	margin-bottom: 14.7rem;
}
#main .sec01 .imgBox .txtBox {
	width: 74rem;	
}
#main .sec01 .imgBox .txtBox p {
	letter-spacing: 0.1em;
	line-height: 2;
	text-align: justify;
}
#main .sec01 .imgBox .phoBox {
	margin-top: 0.9rem;
	width: 34.8rem;
	text-align: center;
}
#main .sec01 .imgBox .phoBox .txt {
	margin-top: 1.2rem;
	display: block;
	text-align: center;
	letter-spacing: 0.1em;
}
#main .sec01 .imgBox .phoBox .name {
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: 0.1em;
}
#main .sec01 .picImg {
	max-width: 174.0rem;
}
#main .sec01 .picImg img {
	border-radius:  0 3rem 3rem 0;
}
#main .sec02 {
	margin-bottom: -6rem;
	padding: 13.2rem 0 12rem;
	border-radius: 6rem 6rem 0 0;
	background-color: #EDF3FB;	
}
#main .sec02 .headLine02 {
	margin-bottom: 6.8rem;
}
#main .sec02 .txtInner {
	margin-bottom: 8.1rem;
}
#main .sec02 .txtInner .ttlBox {
	margin-top: 0.3rem;
	width: 43rem;
}
#main .sec02 .txtInner .ttlBox p {
	padding: 0 3rem;
	min-width: 34.1rem;
	min-height: 6rem;
	width: fit-content;
	color: #003B94;
	font-weight: 700;
	font-size: 4.8rem;
	text-align: center;
	letter-spacing: 0.1em;
	line-height: 1.2;
	background: url("../img/company/philosophy/icon01.png") no-repeat left 0.7rem / 1.7rem ,url("../img/company/philosophy/icon02.png") no-repeat right 0.7rem / 1.7rem ;
}
#main .sec02 .txtInner .txtBox {
	width: 74rem;
}
#main .sec02 .txtInner .txtBox h4 {
	margin-bottom: 3.5rem;
	font-size: 3.6rem;
	font-weight: 700;
	letter-spacing: 0.1em;
}
#main .sec02 .txtInner .txtBox p {
	font-size: 1.8rem;
	line-height: 2.22;
	letter-spacing: 0.1em;
}
#main .sec02 .photo {
	max-width: 80rem;
	margin: -0.9rem auto 0;
}
@media all and (max-width: 896px) {
	#main .sec01 {
		padding: 0 0 5rem;
	}
	#main .sec01 h4 {
		margin-bottom: 3rem;
		font-size: 2rem;
	}
	#main .sec01 .imgBox {
		margin-bottom: 5rem;
		display: block;
	}
	#main .sec01 .imgBox .txtBox {
		width: auto;	
	}
	#main .sec01 .imgBox .phoBox {
		margin: 2rem auto 0;
		width: 70%;
	}
	#main .sec01 .picImg img {
		border-radius: 0;
	}
	#main .sec02 {
		margin-bottom: -3rem;
		padding: 5rem 0 7rem;
		border-radius: 3rem 3rem 0 0;
	}
	#main .sec02 .txtInner {
		margin-bottom: 4rem;
		display: block;
	}
	#main .sec02 .txtInner .ttlBox {
		margin: 0 0 3rem;
		width: auto;
	}
	#main .sec02 .txtInner .ttlBox p {
		margin: 0 auto;
		padding: 0 2rem;
		min-width: 25rem;
		min-height: inherit;
		font-size: 3.4rem;
		background: url("../img/company/philosophy/icon01.png") no-repeat left 0.5rem / 1rem ,url("../img/company/philosophy/icon02.png") no-repeat right 0.5rem / 1rem ;
	}
	#main .sec02 .txtInner .txtBox {
		width: auto;
	}
	#main .sec02 .txtInner .txtBox h4 {
		margin-bottom: 2rem;
		font-size: 1.8rem;
	}
	#main .sec02 .txtInner .txtBox p {
		font-size: 1.5rem;
		line-height: 1.75;
	}
	#main .sec02 .photo {
		width: 80%;
	}
}