@charset "utf-8";
/*topArea */
.topArea{
width: 100%;
height: 970px;
margin-top: 100px;
}
@media screen and (max-width:767px){
.topArea{
height:495px;
margin-top: 70px;
}
}
.topArea .slider{
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.topArea .slider .itemDisplay{
width: 100%;
height: 100%;
}
.topArea .slider .slide01{
background: url("../images/common/bg-slide01.jpg") center;
background-size: cover;
}
.topArea .slider .slide02{
background: url("../images/common/bg-slide02.jpg") center;
background-size: cover;
}
.topArea .slider .slide03{
background: url("../images/common/bg-slide03.jpg") center;
background-size: cover;
}
@media screen and (max-width:767px){
.topArea .slider .slide01{
background: url("../images/common/bg-slide01-s.jpg") center;
background-size: cover;
}
.topArea .slider .slide02{
background: url("../images/common/bg-slide02-s.jpg") center;
background-size: cover;
}
.topArea .slider .slide03{
background: url("../images/common/bg-slide03-s.jpg") center;
background-size: cover;
}
}
/*aboutArea*/
.aboutArea .content01{
padding-top: 100px;
}
@media only screen and (max-width:767px){
.aboutArea .content01{
background: none;
padding-top:0;
}
}
.aboutArea .content02{
padding-top: 100px;
}
@media only screen and (max-width:767px){
.aboutArea .content02{
background: none;
padding-top:30px;
position: relative;
}
.aboutArea .content02:before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 50%;
background:#dcdddd;
}
}
@media only screen and (max-width:767px){
.aboutArea .btn a{
margin: 0 auto;
display: block;
 }