@charset "utf-8";

/*------------------------------------------------------------
	philosophy
------------------------------------------------------------*/

#gNavi li:first-child a {
	background: #CC0000;
}

.mainVisual {
	margin-bottom: 61px;
	background: url(../img/philosophy/main_visual.jpg) no-repeat center center;
	background-size: cover;
}

.mainVisual h2 {
	padding: 17px 0 7px;
	background: url(../img/philosophy/h2_bg.png) repeat left top;
}

#main {
	margin-bottom: 58px;
}

#sideBar {
	margin-top: 0;
}

#conts .headLine01 {
	margin-bottom: 34px;
	background: url(../img/philosophy/h3_bg.png) no-repeat center center;
	background-size: cover;
}

#conts .h3Ttl01 {
	margin-bottom: 23px;
}

#conts .imgBox {
	margin: 0 28px 56px 0;
}

#conts .imgBox .photoBox {
	float: right;
}

#conts .imgBox .textBox {
	margin-top: 13px;
	width: 524px;
	float: left;
}

#conts .imgBox .textBox .title {
	margin-bottom: 28px;
	font-weight: bold;
	font-size: 4.5em;
	line-height: 1.28;
}

#conts .imgBox .textBox .title span {
	color: #fdd000;
}

#conts .imgBox .textBox p {
	margin: 0 0 6px;
	font-size: 1.8em;
	line-height: 2.11;
}

#conts .imgBox .textBox .nameTxt {
	font-weight: bold;
	font-size: 1.4em;
	line-height: 1.78;
	text-align: right;
}

#conts .imgBox .textBox .nameTxt span {
	margin-left: 18px;
	font-size: 2.14em;
	line-height: 1;
}

#conts p {
	margin: 0 20px 65px 0;
	font-size: 1.8em;
	line-height: 2.11;
}

#conts .txt01 {
	margin-bottom: 55px;
}

#conts p:last-child {
	margin-bottom: 0;
}

#conts .title01 {
	margin: 0 0 19px;
	font-weight: bold;
	font-size: 3.5em;
	line-height: 1.37;
}

#conts .title02 {
	margin: 0 0 27px;
	font-weight: bold;
	font-size: 4.5em;
	line-height: 1.06;
}

#conts .title01 span,
#conts .title02 span {
	color: #fdd000;
}

#conts .h3Ttl02 {
	margin-bottom: 38px;
}