html{margin: 0px; padding: 0px; width: 100%; overflow-x: hidden;}
body{margin: 0px; padding: 0px; background-color: #fff; overflow-x: hidden;}

.relative{position: relative;}
.absolute{position: absolute;}

.box{display: -webkit-flex; display: flex;}
.flex-direction-row{flex-direction: row;}
.flex-direction-row-r{flex-direction: row-reverse;}
.flex-direction-column{flex-direction: column;}
.flex-direction-column-r{flex-direction: column-reverse;}
.flex-wrap-now{flex-wrap: nowrap}
.flex-wrap-wrap{flex-wrap: wrap}
.flex-wrap-wrap-r{flex-wrap: wrap-reverse}
.justify-content-start{justify-content: flex-start}
.justify-content-end{justify-content: flex-end}
.justify-content-center{justify-content: center}
.justify-content-between{justify-content: space-between}
.justify-content-around{justify-content: space-around}
.align-items-start{align-items: flex-start}
.align-items-end{align-items: flex-end}
.align-items-center{align-items: center}
.align-items-baseline{align-items: baseline}
.align-items-stretch{align-items: stretch}
.align-content-start{align-content: flex-start}
.align-content-end{align-content: flex-end}
.align-content-center{align-content: center}
.align-content-between{align-content: space-between}
.align-content-around{align-content: space-around}
.align-content-stretch{align-content: stretch}

.w1920{max-width: 1600px; width: 100%; margin: 0px auto;}
.w1218{max-width: 990px; width: 100%; margin: 0px auto;}

/* .w1218{height: 100%;} */

#wrap{max-width: 1280px; width: 100%; margin: 0px auto;}
.block{position: absolute; width: 64%; top: -20%; left: 50%; margin-left: -32%; height: 100%;}

@media (max-width:750px){
    .contentBlock{width: 140%; margin-left: -20%;}
}

#imgBlock01 .block{top: 15%;}

.menu{position: absolute; top: 15%; width: 94%; left: 3%;}
.menu a{padding: 0px 2%;}
.menu a:hover{opacity: 1;}

.menu a .active{display: block; width: 100%;}
.menu a:hover .active{display: none;}

.menu a .hover{display: none; width: 100%;}
.menu a:hover .hover{display: block;}

._buuttonList{position: absolute; width: 43%; font-size: 0px;}

._buuttonList .button{display: inline-block; width: 50%; box-sizing: border-box; padding: 0px 10px; position: relative;}

@media (max-width:750px){
    ._buuttonList .button{display: inline-block; width: 50%; box-sizing: border-box; padding: 0px 3px; position: relative;}
}


#imgBlock01 ._buuttonList{top: 35%; left: 47.5%;}
#imgBlock02 ._buuttonList{top: 58%; left: 8%;}
#imgBlock03 ._buuttonList{top: 58%; left: 47.5%;}
#imgBlock04 ._buuttonList{top: 58%; left: 8%;}
#imgBlock05 ._buuttonList{top: 56%; left: 47.5%;}
#imgBlock06 ._buuttonList{top: 58%; left: 8%;}
#imgBlock07 ._buuttonList{top: 58%; left: 47.5%;}
#imgBlock08 ._buuttonList{top: 58%; left: 8%;}
#imgBlock09 ._buuttonList{top: 58%; left: 47.5%;}
#imgBlock10 ._buuttonList{top: 58%; left: 8%;}
#imgBlock11 ._buuttonList{top: 53%; left: 47.5%;}
#imgBlock12 ._buuttonList{top: 68%; left: 8%;}
#imgBlock13 ._buuttonList{top: 55%; left: 47.5%;}
#imgBlock14 ._buuttonList{top: 72%; left: 8%;}
#imgBlock15 ._buuttonList{top: 51%; left: 47.5%;}

.sub_buuttonList{width: 110%; position: absolute; top: 100%; left: -5%; padding-top: 4px; display: none;}
.sub_buuttonList a{margin: 0px 0px 5px; display: block;}

.pc{display: block;}
.mobile{display: none;}

@media (max-width:750px){
    .pc{display: none;}
    .mobile{display: block;}
}