@charset "UTF-8";


/*----------------------------------------------
----------------------------------------------*/
.fade{
opacity: 0;
}

#container{
width: 100%;
padding: 150px 0 ;
margin: 50px auto -50px;
background: url(../images/about_bg01.jpg) no-repeat center top;
background-size: cover;
color: #fff;
}
#container .aboutInner{
width: 600px;
margin: auto;
}

#container .aboutInner p{
line-height: 2.2;
}
#container .aboutInner .title_page01{
margin-top: 0;
}
.lead{
text-align: center;
font-weight: bold;
font-size: 1.8rem;
margin-top: 40px;
}
.picArea {
margin: 80px auto 0;
width: 100%;
}
.picArea li.infoItem {
display: inline-block;
float: left;
width: 25%;
}
.title_page01 h1 span.sub {
color: #fff;
}

/*--media--*/
@media screen and (max-width: 768px) {
#container{
padding: 80px 0 100px;
margin-top: 0;
margin-bottom: 0;
}
#container .aboutInner{
width: 82%;
}
.picArea {
margin: 40px auto 0;
}
.picArea li.infoItem {
width: 50%;
}
}
@media screen and (max-width: 375px) {
.lead{
text-align: left;
}

}