@charset "UTF-8";
header{background:#fff;position:relative;z-index:15}@media screen and (max-width:768px){header{position:fixed;top:0;left:0;width:100%}}.headerinner{max-width:1160px;margin:0 auto}.headerwrap{position:relative;padding:4% 0}@media screen and (max-width:768px){.headerwrap{padding:30px 0}}.logo{width:16%;margin:0 auto;display:block}@media screen and (max-width:768px){.logo{width:130px}}.sns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:50%;right:8%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media screen and (max-width:768px){.sns{width:100px;right:4%}}.sns_icon{width:25px;margin:0 10px}@media screen and (max-width:768px){.sns_icon{margin:0 6%}}body{-webkit-animation:fadeIn 1s ease;animation:fadeIn 1s ease}.innercontents{max-width:1366px;margin:0 auto}.hover-effect{-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.hover-effect:hover{opacity:.7}@media screen and (max-width:768px){.hover-effect:hover{opacity:1}}.hover-effect-zoom{display:block;overflow:hidden}.hover-effect-zoom img{-webkit-transition:all .35s ease-in-out;transition:all .35s ease-in-out}.hover-effect-zoom img:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}@media screen and (max-width:768px){.hover-effect-zoom img:hover{-webkit-transform:scale(1);transform:scale(1)}}.copyright{position:absolute;left:0;right:0;margin:0 auto 20px;bottom:0;max-width:256px}@media screen and (max-width:768px){.copyright{margin-top:33.33333333333333vw}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}