@charset "UTF-8";


div#philosophy_title{
	height: 330px;
	margin: 5em 0 2em;
	background-image: url(../img/philosophy.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
div#philosophy_title>*{
	font-size: 0 !important;
	line-height: 0 !important;
	letter-spacing: 0 !important;
}

div#philosophy_contents{
	margin: 50px 10px;
}
div#philosophy_contents>div>div{
	height: 150px;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	margin: 25px 0;
}
@media screen and (max-width: 950px) {
	div#philosophy_title{
		height: 0;
		padding-top: 48%;
	}
	div#philosophy_contents>div>div{
		height: 0;
		padding-top: 21.739%;
	}
}
@media screen and (max-width: 768px) {
	div#philosophy_title{
		height: 0;
		padding-top: 66%;
		margin-top: 4em;
	}
}
div#philosophy_contents>div:nth-child(1)>div{
	background-image: url(../img/1_responsibility.png);
}
div#philosophy_contents>div:nth-child(2)>div{
	background-image: url(../img/2_contribution.png);
}
div#philosophy_contents>div:nth-child(3)>div{
	background-image: url(../img/3_happiness.png);
}
div#philosophy_contents>div>div>p{
	font-size: 0;
	line-height: 0;
	letter-spacing: 0;
}

div.inview,
div.inview_tmp{
	position: relative;
}
div.inview>div,
div.inview_tmp>div{
	position: relative;
	opacity: 0;
	transition: top 1s,left 1s,right 1s,opacity 2s;
	transition-timing-function: ease-out;
}

div.inview.from_left>div,
div.inview_tmp.from_left>div{
	left: -100px;
}
div.inview.from_right>div,
div.inview_tmp.from_right>div{
	right: -100px;
}
div.inview.from_bottom>div,
div.inview_tmp.from_bottom>div{
	top: 100px;
}

div.inview_done{
	position: relative;
}
div.inview_done>div{
	position: relative;
	top: 0;
	left: 0;
	opacity: 1;
	transition: top 1s,left 1s,right 1s,opacity 2s;
	transition-timing-function: ease-out;
}
div.inview_done2>div{
	position: relative;
	top: 0;
	right: 0;
	opacity: 1;
	transition: top 1s,left 1s,right 1s,opacity 2s;
	transition-timing-function: ease-out;
}