@charset "utf-8";

/* -----------------------------------------------------------------------------
 Philosophy
----------------------------------------------------------------------------- */
#philosophy {
	position:relative;
	width:770px;
	padding-top:55px;
	text-align:left;
	float:right;
	z-index:9999;
}

#philosophy h2 {
	font-size:1.4em;
	font-weight:normal;
	padding-left:10px;
	border-left:3px solid #FFF;
	line-height:0.9em;
}

#philosophy h2 .jp {
	font-size:10px;
	padding-left:5px;
}

#philosophy .catch {
	font-size:1.7em;
	margin-top:75px;
	line-height:1.75em;
}

#philosophy div dl.cri {
	width:33%;
	text-align:center;
	float:left;
}

#philosophy div dl.cri:nth-child(1) {
	width:150px;
	margin-right:85px;
	margin-left:50px;
}

#philosophy div dl.cri:nth-child(2) {
	width:176px;
	margin-right:60px
}

#philosophy div dl.cri:nth-child(3) {
	width:190px;
}

#philosophy dl.cri dt {
	margin:70px 0 60px;
}

#philosophy dl.cri dt img {
	width:89px;
	height:auto;
}

#philosophy dl.cri dd.txt {
	font-size:1.15em;
	margin:10px 0 0;
	line-height:1.5em;
}

#philosophy dl.cri dd img {
	width:auto;
	height:19px;
}

#philosophy dl.cri dd span {
	display:block;
}

#philosophy .cri-sp {
	display:none;
}


#philosophy .color {
	margin-top:85px;
}


#philosophy .color h3 {
	color:#fff100;
	font-size:1.05em;
	font-weight:normal;
	width:250px;
	min-height:37px;
	padding-left:33px;
	background:url(../../img/philosophy/color_img.png) left center no-repeat;
	background-size:auto 37px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float:left;
}

#philosophy .color h3 span {
	padding-bottom:3px;
	border-bottom:1px solid #fff100;	
	display:inline-block;
}

#philosophy .color p {
	margin-left:270px;
}


#philosophy .about h3 {
	font-size:1.4em;
	font-weight:normal;
	margin:100px 0 20px;
}

#philosophy .about p {
	margin-top:1em;
}

#philosophy .pagetop.pc-none {
	display:none;
}



/* *****************************************************************************
   PC用のスタイル記述
@media screen and (min-width: 769px), print {
}
***************************************************************************** */


/* *****************************************************************************
   スマートフォン用のスタイル記述
***************************************************************************** */
@media screen and (max-width: 769px) {

#philosophy {
	width:auto;
	padding:30px 7px 0;
	float:none;
}

#philosophy h2 {
	font-size:1.3em;
	font-weight:normal;
	padding-left:10px;
	border-left:3px solid #FFF;
	line-height:0.8em;
}

#philosophy h2 .jp {
	font-size:10px;
	padding-left:5px;
}


#philosophy .catch {
	font-size:1.05em;
	margin:30px 0;
	line-height:1.75em;
	text-align:center;
}

#philosophy .catch span {
	display:block;
}

#philosophy .catch br {
	display:none;
}

#philosophy div dl.cri {
	display:none;
}

#philosophy .cri-sp {
	margin:0 14px;
	display:block;
}

#philosophy .cri-sp li {
	padding:30px 0;
	border-top:1px dashed #ffe900;
}

#philosophy .cri-sp li:last-child {
	border-bottom:1px dashed #ffe900;
}

#philosophy .cri-sp li img {
	max-width: 100%;
	height: auto;
	width /***/:auto;
}



#philosophy .color {
	margin-top:40px;
}


#philosophy .color h3 {
	color:#fff100;
	font-size:1.05em;
	font-weight:normal;
	width:auto;
	min-height:25px;
	margin:0 14px !important;
	padding-left:25px;
	background:url(../../img/philosophy/color_img.png) left center no-repeat;
	background-size:auto 25px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float:none;
}

#philosophy .color h3 span {
	width:100%;
	padding-bottom:3px;
	border-bottom:1px solid #fff100;	
	display:inline;
}

#philosophy .color p {
	margin:10px 14px 0 !important;
}


#philosophy .about h3 {
	font-size:1.1em;
	font-weight:normal;
	margin:15px 14px 20px;
}

#philosophy .about p {
	font-size:0.85em;
	margin:1em 14px 0;
}

#philosophy .pagetop.pc-none {
	display:block;
}







}