@charset "utf-8";
html {overflow-y:scroll;font-size: 10px; height:100%;}  
body,td,th {line-height:1.8em;color: #282828; background-attachment: fixed; background-size: 100%; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;animation: fadeIn 2s ease 0s 1 normal;-webkit-animation: fadeIn 2s ease 0s 1 normal; }
body {margin:0;padding: 0;width:100%;height:100%;position:relative;font-family:din , -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Noto Sans JP', sans-serif;background:#fff;}
h1,h2,h3,h4,h5,h6 {padding:0;margin:0;font-weight:inherit;font-size:inherit;color: inherit;}
p,ul{padding:0;margin:0;}
.cl:after { content: "";clear: both;display: block;}
.soon{ opacity: 0.2;}
.none{ display:none;}
div{ padding:0; margin:0;}
img {border:0;border-style:none; width:100%;-ms-interpolation-mode: bicubic;-webkit-interpolation-mode: bicubic; }
a img:hover {opacity: 0.4 ;-webkit-transition: 0.7s;-moz-transition: 0.7s;-o-transition: 0.7s;transition: 0.7s;}
li {list-style-type:none;}
a:link {text-decoration: none; color:inherit; font-size:inherit; font-weight:inherit;}
a:visited {text-decoration: none; color:inherit;}
a:hover {text-decoration: none; color: #000;}
a:active {text-decoration: none; color:inherit;}
a,a:hover {-webkit-transition: 0.7s;-moz-transition: 0.7s;-o-transition: 0.7s;transition: 0.7s;}
::selection {background: #333;color: #fff;}
::-moz-selection {background: #333;color: #fff;}
.pc{ display:block;}
.sp{ display:none;}
.unmax{ display: none;}
.w100{width: 100%;}
.wrap{width:100%; height:100vh;}
.img{width: 100%; margin:auto; padding:5%; background: url(../images/bg.jpg) center/90% auto no-repeat; height: 100vh; box-sizing: border-box;}
@media screen and (max-width:650px) {
}