@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; width:100%;position:relative;font-family: "游明朝 Medium", "Yu Mincho Medium", "YuMincho Medium", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif;letter-spacing: 0.02em;padding:0; font-weight: 500;}
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: 1400px; margin: auto; position: relative; height: 100%; width: 100%; box-sizing: border-box;}
.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;}
.mvbg{ width: 100%; min-height: 100vh; color: #fff !important;position:relative; overflow: hidden;}
.mvbgimg{background: url(../images/mv_pc.jpg) center/cover no-repeat; position:absolute;width: 100%; height: 100%;
  top:0;
  left:0;
  animation:bgAnime 70s infinite; }
@keyframes bgAnime {
   0% {transform: scale(1, 1); }
	 50% {transform: scale(1.3, 1.3);}
 100% {transform: scale(1, 1);}
}
.logo{ padding: calc(30px + 2%) 0 calc(50px + 4%) 0; margin: auto; max-width:240px; width: 52%;}
.din{font-family: din-2014, sans-serif; font-weight: 600;}
.und{ text-align: center; font-size: 5rem; line-height: 1em; letter-spacing: 0.08em; padding: 0 0 calc(15px + 1.5%) 0;}
.und_tx{ font-size: 1.4rem; text-align: center; line-height: 1.55em; padding: 0 0 calc(20px + 3%) 0;}
.und_tel{ font-size: 4.8rem; line-height: 1em; text-align: center; letter-spacing: 0.06em; margin: 0 0 calc(35px + 2.5%) 0;}
.und_tel span{ font-size: 0.7em; padding: 0 4px 0 0;}
.und_cmp{ font-size: 1.8rem; text-align: center; line-height: 1em; padding: 0 0 calc(10px + 0.5%) 0;}
.und_add{ font-size: 1.4rem; text-align: center; line-height: 1em;}

/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
@media screen and (max-width:1250px) {
	.und{ font-size: 3.57vw;}

}
/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
@media screen and (max-width:1024px) {
	
}
/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
@media screen and (max-width:768px) {
    .pc{ display:none !important;}
    .sp{ display:block !important;}
	


}
/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
@media screen and (max-width:620px) {
    .on_pc{ display: none !important;}	
    .on_sp{ display:block !important;}
    /*header*/
	.mvbgimg{background: url(../images/mv_sp.jpg) center/cover no-repeat;}
	.und{ font-size: 8.3vw; letter-spacing: 0.02em;}
	.und_tx{text-align: left; font-size: 3.5vw;}
	.und_tel{ font-size: 8.6vw; padding: 12px 0; background: url(../images/arrow.png) 97.5% center/16px no-repeat; border: 1px solid #fff; border-radius: 5px;}
	.und_cmp{ font-size: 4.6vw;}
	.und_add{ font-size: 3.5vw;}
	}