*{margin:0;padding:0;}
html,body,div,section,article,ul,li,p,span,a,strong,header,footer,nav,h1,h2,h3,h4 {margin:0;padding:0;}
ul {list-style:none;}
a {color:#888;text-decoration:none;}


html, body, #wrap {width:100%;height:100%;}
.inner_wrap {width:100%;max-width:1650px;margin:0 auto;}

#content {background:url(/src/img/intro/intro_bg.jpg) center center no-repeat;background-size:cover;width:100%;height:100%;overflow-x:hidden;}

#content p.logo {text-align:center;padding:70px 0 40px 0;}
#content ul.island {font-size:0;text-align:center;}
#content ul.island li {width:24.04%;margin:0 1.27% 0 0;display:inline-block;vertical-align:top;}
#content ul.island li:last-child {margin:0;}
#content ul.island li .island_img {width:100%;}
#content ul.island li .tit_wrap {background:#fff;}
#content ul.island li .tit_wrap img {width:100%;max-width:254px;padding:40px 0;}


footer {text-align:center;margin:70px 0 0  0;}
footer ul {vertical-align:baseline;}
footer ul li {font-size:12px;color:#fff;font-weight:bold;text-shadow:1px 1px 1px #000;margin:0 0 5px 0;}




@media all and (max-width:1650px){
.inner_wrap {width:90%;}


}

@media all and (max-width:1024px){
#content ul.island li {width:49%;margin:0 1% 1% 0;box-sizing:border-box;overflow:hidden;}
#content ul.island li:nth-child(2n) {margin-right:0;}
	footer {padding:0 0 30px 0;}
}


@media all and (max-width:768px){
#content ul.island li {width:100%;}


}