@charset "utf-8";
html {overflow-y:scroll;font-size: 10px; height:100%;}  
body {line-height:1.8em;color: #333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;margin:0; padding:0;min-height: 100vh; width:100%;position:relative;font-family: acumin-pro, sans-serif;font-optical-sizing: auto;font-style: normal;letter-spacing: 0.02em; background: url(../images/bg.jpg) center/cover no-repeat;}
.top{padding: 0;}
h1,h2,h3,h4,h5,h6 {padding:0;margin:0;font-weight:inherit;font-size:inherit;color: inherit;}
p,ul,ol{padding:0;margin:0;text-align: justify;}
.cl:after { content: "";clear: both;display: block;}
.none{ display:none;}
div{ padding:0; margin:0; line-height: 1em;;}
img {border:0;border-style:none; width:100%;-ms-interpolation-mode: bicubic;-webkit-interpolation-mode: bicubic;}
a img:hover {opacity: 0.7 ;-webkit-transition: 0.7s;-moz-transition: 0.7s;-o-transition: 0.7s;transition: 0.7s;}
li {list-style-type:none;}
a {cursor: pointer; display: block;}
a:link {text-decoration: none; color:inherit; }
a:visited {text-decoration: none; color:inherit;}
a:hover {text-decoration: none; color: inherit;}
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: #000;color: #fff;}
::-moz-selection {background: #000;color: #fff;}
.in,.in2{ padding:0 5%; max-width: 1150px; margin: auto; position: relative; }
.tr{-webkit-transition: 0.7s;-moz-transition: 0.7s;-o-transition: 0.7s;transition: 0.7s;}
.hdn{overflow: hidden;}
.pc{ display:block;}
.sp{ display:none;}
.on_pc{ display: block;}
.on_sp{ display: none;}
.blk{display: block;}
.tbl{display: table;}
.po_re{ position: relative;}
.po_ab{ position: absolute;}
.flx{ display: flex!important; flex-wrap: wrap;}
.flx_b{ display: flex !important; flex-wrap: wrap; justify-content: space-between;}
.flx_r{flex-direction: row-reverse;}
.flx_c{ display: flex!important; flex-wrap: wrap; align-items: center;}
.fw5{ font-weight: 500;}
.fw7{ font-weight: 700;}
.f_w{ color: #fff;}
/*header*/
.idx_w{ height: 100vh;align-items:flex-end;display: flex; flex-wrap: wrap;}
.idx_in{width: 80%; max-width: 500px; margin:0 auto;align-items:flex-end;display: flex; flex-wrap: wrap; padding: 0 0 calc(20px + 1%) 0;}
.idx_logo{ width: 85%; margin: 0 auto calc(40px + 2.5%) auto;}
.idx_p{ font-size: 1.8rem; line-height: 1.6em; color: #fff; font-weight: 600;margin: 0 0 calc(40px + 4.5%) 0; width: 100%; letter-spacing: -0.02em;}
.copy{ font-size: 1.8rem; line-height: 1em; padding:15px 0; text-align: center; font-weight: 600; color: #fff; width: 100%;}
/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
@media screen and (max-width:1250px) {
}
/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
@media screen and (max-width:1024px) {
    /*header*/
}
/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
@media screen and (max-width:768px) {
    .pc{ display:none !important;}
    .sp{ display:block !important;}

    /*header*/
}
/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
@media screen and (max-width:620px) {
    .on_pc{ display: none !important;}	
    .on_sp{ display:block !important;}
    /*header*/
	
	/*contents*/
	.idx_in{width: 65%;}
	.idx_logo{}
	.idx_p{ font-size: 1.4rem;}
	.copy{ font-size: 1.6rem;}
}