@charset "UTF-8";

#philosophy-top a img:hover {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}


.aboutuspage h2 span, .aboutuspage h3 span{
font-weight: bold;	
}
.aboutuspage .visual-title-area .visual {
position: relative;
}
.aboutuspage .visual-title-area .visual h1 {
position: absolute;
top: 50%;
right: 20px;
color: #fff;
margin-top: -20px;
font-size: 30px;
}
.aboutuspage .article {
margin-top: 32px;
max-width: 690px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.aboutuspage .contents-menu.philosophy-top {
margin-top: 32px;
}

.aboutuspage .row {
margin: 0 -4px;
}
.container > .row {
position: relative;
}
.aboutuspage .row > .col-md-4 {
padding-left: 4px;
padding-right: 4px;
}
.aboutuspage .contents-menu a {
display: block;
overflow: hidden;
position: relative;
}
.aboutuspage .contents-menu .contents-title {
font-size: 15px;
position: absolute;
z-index: 2;
top: 50%;
left: 5%;
margin-top: -28px;
line-height: 1.3;
color: #4d4d4d;
}
.aboutuspage .contents-menu.philosophy-top .contents-title {
display: none;
}
.aboutuspage .contents-menu.philosophy-top a:hover .contents-title {
	display:block;
}

.aboutuspage .contents-menu.philosophy-top a .visual:after {
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:-100%;
	width:100%;
	height:100%;
	background-image:url(../images/visual-o.png);
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	background-size:cover;
	transition:left 0.1s ease-in-out;
}
.aboutuspage .contents-menu.philosophy-top a:hover .visual:after,
.aboutuspage .contents-menu.philosophy-top a:focus .visual:after {
	left:0;
}



@media only screen and (max-device-width: 1280px) and (max-width: 640px){
.aboutuspage .visual-title-area .visual h1 {
position: static;
height: auto;
margin-top: 10px;
padding-right: 10px;
color: #666;
font-size: 21px;
}
.aboutuspage .article {
margin-top: 18px;
padding-left: 0;
padding-right: 0;
text-align: left;
}
.aboutuspage .contents-menu.philosophy-top {
margin-top: 10px;
}
.aboutuspage .contents-menu [class^="col-"]:first-child {
margin-top: 0;
}
.aboutuspage .contents-menu.philosophy-top .contents-title{
font-size: 13px;
display: block;
position: static;
top: 0;
left: 0;
margin-top: 0;
padding: 6px;
background-color: #F2F2F2;
background-image: url(../images/icn-arrow-right.png);
background-repeat: no-repeat;
background-size: 7px 7px;
background-position: 97% 50%;
background-position: right 9px top 50%;
text-align: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.aboutuspage .contents-menu.philosophy-top .contents-title br {
display: none;
}
.aboutuspage .contents-menu.philosophy-top a:hover .visual:after,
.aboutuspage .contents-menu.philosophy-top a:focus .visual:after {
	left:-100%;
}
}