#main-inner{max-width:unset;}

#top #logo{display:flex; position:relative; width:100%; max-width:1100px; justify-content:center; align-items:center; margin:0 auto; z-index:3;}
#top #logo > p{position:relative;}
#top #logo > div{position:absolute; width:100%; top:0; left:0;}

#slider{position:relative;}
@media screen and (max-width:640px){#slider{margin:50px auto 0;}}
#slider .swiper-slide{border:1px solid #002a61; box-shadow:0 0 3px #002a61 , 0 0 3px #002a61 , 0 0 3px #002a61;}
#slider .swiper-slide a img{transition:opacity .2s ease;}
#slider .swiper-slide a:hover img{opacity:.8;}
#slider .swiper-pagination{display:flex; width:100%; position:relative; bottom:-15px; justify-content:center;}
#slider .swiper-pagination span{display:block; border-radius:50%; width:10px; height:10px; background:#fff; opacity:1; margin:0 5px; cursor:pointer;}
#slider .swiper-pagination span.swiper-pagination-bullet-active{background:#0070ff;}

#news{width:100%; max-width:1200px; margin:100px auto 0;}
#news h2{margin:0 auto 50px !important;}
@media screen and (max-width:640px){#news h2{margin:0 auto 40px !important;}}
@media screen and (max-width:480px){#news{margin:50px auto 0;}}

ul#sns{display:flex; width:100%; justify-content:center; margin:50px auto 0;}
ul#sns li img{width:100%; max-width:60px; transition:.35s ease-in-out;}
ul#sns li a:hover img{opacity:.7;}
@media screen and (max-width:980px){ul#sns{margin:50px auto 30px;}}
@media screen and (max-width:480px){ul#sns li img{max-width:50px;}}