@import "//fonts.googleapis.com/earlyaccess/notosansjapanese.css";

#philosophy-area h2{
  color:#333333;
}
#philosophy-area h2 span{
	display:block;
	margin-top:.4em;
	margin-bottom:.4em;
	margin-left:.65em;
	font-size:.55em;
	font-weight:normal;
	line-height:1.4;
	text-indent:-.65em;
	}
#philosophy-area #slogan p,
#philosophy-area #philosophy p,
#philosophy-area #experience p,
#philosophy-area #quality p,
#philosophy-area .diagram p.pict{
	text-align:center;
	}
#philosophy-area #slogan p strong{
	font-size:1.8em;
	}
#philosophy-area #philosophy p strong{
	font-size:1.6em;
	}
#philosophy-area #way dl dt{
	margin:1.2em 0 0.2em;
	font-size:1.4em;
	font-weight:bold;
	}
#philosophy-area #way dl dt:first-child{
	margin-top:0;
	}
#philosophy-area #experience p,
#philosophy-area #quality p{
	font-size:1.4em;
	font-weight:bold;
	line-height:2;
	}
#philosophy_wrap {
	max-width:580px;
	height: auto;
	margin-bottom: 3em;
	margin-left: auto;
	margin-right: auto;
}
#philosophy_wrap.embed-responsive .embed-responsive-item,
#philosophy_wrap.embed-responsive embed,
#philosophy_wrap.embed-responsive iframe,
#philosophy_wrap.embed-responsive object {
  position: relative;
	height: 580px;
}

@media screen and (min-width:580px) and (max-width: 767px){
	#philosophy-area #experience dl{
		width:325px;
	}
}

@media screen and (min-width:530px) and (max-width: 580px){
#philosophy_wrap.embed-responsive .embed-responsive-item,
#philosophy_wrap.embed-responsive embed,
#philosophy_wrap.embed-responsive iframe,
#philosophy_wrap.embed-responsive object {
	max-height: 580px;
	}
}

@media screen and (min-width:480px) and (max-width: 530px){
#philosophy_wrap.embed-responsive .embed-responsive-item,
#philosophy_wrap.embed-responsive embed,
#philosophy_wrap.embed-responsive iframe,
#philosophy_wrap.embed-responsive object {
	max-height: 530px;
	}
}

@media screen and (min-width:420px) and (max-width: 480px){
#philosophy_wrap.embed-responsive .embed-responsive-item,
#philosophy_wrap.embed-responsive embed,
#philosophy_wrap.embed-responsive iframe,
#philosophy_wrap.embed-responsive object {
	max-height: 480px;
	}
}

@media screen and (min-width:380px) and (max-width: 420px){
#philosophy_wrap.embed-responsive .embed-responsive-item,
#philosophy_wrap.embed-responsive embed,
#philosophy_wrap.embed-responsive iframe,
#philosophy_wrap.embed-responsive object {
	max-height: 420px;
	}
}

@media screen and (max-width: 380px){
#philosophy_wrap.embed-responsive .embed-responsive-item,
#philosophy_wrap.embed-responsive embed,
#philosophy_wrap.embed-responsive iframe,
#philosophy_wrap.embed-responsive object {
	max-height: 380px;
	}
}<!--0.0001380443572998-->