@charset "UTF-8";

/**************************************************/
/* トップページ */
/**************************************************/
#title .sectionBox{text-align:center;}
#title h1{width:57.3%;margin:auto;padding:6.2% 0;position:relative;}
#title img{width:64.573%;height:auto;display:block;margin:auto;}
#title h1:before{content:'';display:block;width:11.519%;padding-top:16.405%;position:absolute;left:0;top:0;margin-top:7.505%;background:url(../images/index/titleLogo.png) no-repeat center;background-size:100%;}

#indexMenu{background:url(../images/index/menuBg.png) repeat center;}

.menuLayout{position:relative;margin-bottom:9%;}
.menuLayout:after{content:'';display:block;clear:both;}
.menuLayout p{width:31%;padding-top:6%;}
.menuLayout a{display:block;position:relative;padding-top:116.13%;}
.menuLayout img{position:absolute;left:0;top:0;display:block;width:100%;height:auto;}

#menuImg1{float:left;}
#menuImg2{position:absolute;top:0;left:34.5%;}
#menuImg3{float:right;}

#btnMore{padding-bottom:6.5%;}
#btnMore a{display:block;}

@media screen and (max-width: 767px){

#title h1{width:77.334%;padding:8% 0 6.668%;}
#title img{width:77.587%;margin-left:17.069%;}
#title h1:before{width:11.38%;padding-top:16.207%;margin-top:6.035%;}

#indexMenu{background-size:0.934% auto;}

.menuLayout{margin-bottom:2.668%;padding-top:7.2%;}
.menuLayout p{width:80%;margin:auto;padding-top:0;padding-bottom:12%;}
.menuLayout a{display:block;position:relative;padding-top:81.668%;}
.menuLayout a:after{content:'';display:block;position:absolute;left:0;top:0;width:100%;padding-top:90.334%;background-repeat:repeat;background-position:center;background-size:100%;}
.menuLayout img{display:none;}

#menuImg1{float:none;}
#menuImg2{position:static;top:auto;left:auto;}
#menuImg3{float:none;}

#menuImg1 a:after{background-image:url(../images/index/sp/btnImg1.png);}
#menuImg2 a:after{background-image:url(../images/index/sp/btnImg2.png);}
#menuImg3 a:after{background-image:url(../images/index/sp/btnImg3.png);}

#btnMore{width:80%;margin:auto;padding-bottom:15.334%;}
#btnMore a{position:relative;padding-top:81.668%;}
#btnMore a:after{content:'';display:block;position:absolute;left:0;top:0;width:100%;padding-top:90.334%;background-repeat:repeat;background-position:center;background-size:100%;}
#btnMore img{display:none;}

#btnMore a:after{background-image:url(../images/index/sp/btnMore.png);}

}

/**************************************************/