@charset "utf-8";
/* CSS Document */
.allbx{
	position:relative;
	width:100%;
	overflow:hidden;
	}
.allbg{
	position:relative;
	width:100%;
	padding-bottom:50.4%;/*1008*/
	display:block;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 0%;
	background-image:url(../images/bg.jpg);
	background-size:100% auto;
	overflow:hidden;
	}
.bg_video,.bg_video video,.fire,.fire video,#h_page,.logo{position:absolute;}
.bg_video,.fire,#h_page{
	width:100%;
	height:100%;
	top:0;
	left:0;
	overflow:hidden;
	}
.bg_video{pointer-events:none;}
.bg_video video,.fire video{
	width:100%;
	height:auto;
	pointer-events:none;
	top:50%;
  	left:50%;
  	transform: translate(-50%,-50%);
	}
.bg_video::after{
	position:absolute;
	width:100%;
	height:100%;
	content:'';
	display:block;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:0% 0%;
	background-size:auto 100%;
	background-image:url(../images/bg_v.png);
	top:0;
	left:0;
	}
.fire{/*video*/
	mix-blend-mode: screen;
	-moz-mix-blend-mode: screen;
	-webkit-mix-blend-mode: screen;
	-o-mix-blend-mode: screen;
	-ms-mix-blend-mode: screen;
	opacity:.8;
	pointer-events:none;
	z-index:3;
	}
.logo{
	width:17.75%;/*355*/
	display:block;
	top:0;
	left:0;
	z-index:3;
	transition: all .5s;
	}
.logo::before{
	width:100%;
	padding-bottom:56.33802816901408%;/*200*/
	content:'';
	display:block;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 0%;
	background-size:100% auto;
	background-image:url(../images/logo.png);
	}
.allbx.inc .logo{left:-0.9%;}
/**/
.slogan,.slogan::after{position:absolute;}
.slogan{
	width:46.35%;/*927*/
	pointer-events:none;
	top:7.5vw;/*110*/
	left:32.6%;/*652*/
	z-index:3;
	opacity:0;
	/**/
	transition: all .8s;
	}
#h_page.on .slogan{pointer-events:auto;opacity:1;top:5.5vw;}
.slogan::before,.slogan::after{
	width:100%;
	content:'';
	display:block;
	pointer-events:none;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 0%;
	background-size:100% auto;
	}
.slogan::before{
	position:relative;
	padding-bottom:69.36353829557713%;/*643*/
	background-image:url(../images/slogan_2.png);
	}
.slogan::after{
	height:100%;
	background-image:url(../images/slogan_0.png);
	top:9%;
	left:0;
	}
@supports (background-image:url(../images/slogan_1.webp)) {
  .slogan::after{
    background-image:url(../images/slogan_1.webp);
	filter:saturate(1.5)contrast(1.15);  
  	}
}
.slogan .play_v{
  	position:absolute;
  	width:13%;
  	padding-bottom:13%;
  	display:block;
  	cursor: pointer;
  	border-radius:50%;
	bottom: 23%;
  	left:9%;
	z-index:3;
	}
.hpbx{
	position:absolute;
	width:65%;/*1300*/ 
	bottom:0;
	left:0;
	transition: all .5s;
	}
.hpbx::before,.hpbx::after{
	width:100%;
	content:'';
	display:block;
	pointer-events:none;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:0% 0%;
	background-size:100% auto;
	}
.hpbx::before{
	position:absolute;
	height:100%;
	background-image:url(../images/hp_1.png);
	bottom:0;
	left:-7%;
	opacity:0;
	transition: all 1s ease-in-out;
	}
#h_page.on .hpbx::before{left:0;opacity:1;}
.hpbx::after{
	position:relative;
	padding-bottom:77.53846153846154%;/*1008*/
	background-image:url(../images/hp_2.png);
	}
.upd_bt{
	position:absolute;
    display:none;
    left:50%;
    transform: translateX(-50%);
	}
.upd_bt::before,.upd_bt::after{
	width:100%;
	content:'';
	display:block;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	}
.upd_bt::before{
	position:relative;
	padding-bottom:100%;
	background-image:url(../images/upd_bt_1.png);
	z-index:1;
	-webkit-filter: drop-shadow(0 5px 10px rgba(39, 12, 12, 1));
  	filter: drop-shadow(0 5px 10px rgba(39, 12, 12, 1));
	}
.upd_bt::after{
	position:absolute;
	height:100%;
	background-size:93% auto;
	background-image:url(../images/upd_bt_2.png);
	top:0;
	left:0;
	opacity:.8;
	}
/**/
#inside_page{
	position:absolute;
	width:78.75%;/*1575*/
	display:none;
	pointer-events:none;
	top:3.15vw;/*63*/
	left:15.2%;/*304*/
	}
.allbx.inc #inside_page{pointer-events:auto;}
#inside_page .inbx{
	position:relative;
	width:100%;
	opacity:0;
	/**/
	transition: all .8s;
	/**/
  	-webkit-filter: drop-shadow(0 10px 55px rgba(39, 12, 12, .8));
  	filter: drop-shadow(0 10px 55px rgba(39, 12, 12, .8));
	}
.allbx.inc #inside_page.on{display:block;}
.allbx.inc #inside_page.on .inbx{opacity:1;}
#inside_page .inbx::before,#inside_page .inbx::after{
	position:relative;
	width:100%;
	content:'';
	display:block;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-size:100% auto;
	}
#inside_page .inbx::before{
	padding-bottom:8.126984126984127%;/*128*/
	background-position:50% 100%;
	background-image:url(../images/box_01.png);
	}
#inside_page .inbx::after{
	padding-bottom:6.158730158730159%;/*97*/
	background-position:50% 0%;
	background-image:url(../images/box_05.png);
	}
#inside_page .inbx .box{
	position:relative;
	width:100%;
	display:block;
	background-attachment:scroll;
	background-repeat:no-repeat,no-repeat,repeat-y;
	background-position:50% 0,50% 100%,50% 50%;
	background-image:url(../images/box_02.png),url(../images/box_04.png),url(../images/box_03.png);
	background-size:100% auto;
	z-index:1;
	}
#inside_page .inbx .box::before{
	position:relative;
	width:100%;
	padding-bottom:43.61904761904762%;/*687*/
	content:'';
	display:block;
	}
#inside_page .inbx .title_bx{
	position:absolute;
	width:37.20634920634921%;/*586*/
	pointer-events:none;
	top:-1.15vw;
	left:50%;
	transform:translateX(-50%);
	z-index:2;
	}
#inside_page .inbx .title_bx::before{
	position:relative;
	width:100%;/*586*/
	padding-bottom:25.08532423208191%;/*147*/
	content:'';
	display:block;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position:50% 50%;
	background-image: url(../images/title_bx.png);
	background-size:100% auto;
	}
#inside_page .inbx .title_bx > p{
	position:absolute;
	width: 100%;
	padding-bottom:11.94539249146758%;/*70*/
	display: block;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-image: url(../images/title_1.png);
	background-size:100% auto;
	left: 0;
	top:19.72789115646259%;/*29*/
	/**/
	transition: all .5s;
	}
/**/
.tcn{
  	position:absolute;
  	width:92%;
	/*height:3vw;*/
  	display:block;
  	top:-1.5vw;/*30 -5%*/
  	left: 50%;
 	transform:translateX(-50%);
  	margin: 0 auto;
	font-size:var(--fs1);
	line-height:var(--fh1);
  	text-align: center;
  	color:#473b2e;
  	z-index: 1;
  	transition: all .5s;
	/*background-color:rgba(30,0,255,.5);*/
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position:50% 100%;
	background-image: url(../images/tcn_bg.png);
	background-size:100% auto;
	}
.tcn > div{
	position:relative;
	width:96%;/*1335*/
	display:none;
	text-align:center;
	margin:0 auto;
	padding:1vw 0 .5vw;/*16*/
	}
.tcn > div.on{display:block;}
.mt_1{
	position:relative;
	width:98%;
	margin:0 auto;
	padding: 0 0 1vw;
	text-align:left;
	}
.s1d{
	position:absolute;
	width:100%;
	height:0.2vw;/*4*/
	display: block;
	margin:0 auto;
	background-attachment:scroll;
	background-repeat:repeat-x;
	background-position:50% 50%;
	background-image:url(../images/s1.png);
	background-size:auto 100%;
	bottom:0;
  	left: 50%;
 	transform:translateX(-50%);
	}
.s1d::before{
	position:absolute;
	width:1.1vw;/*18 22*/
	padding-bottom:1.1vw;
	content:'';
	display:block;
	background-attachment:scroll;
	background-repeat: no-repeat;
	background-position:50% 50%;
	background-image: url(../images/sa.png);
	background-size:100% auto;
  	left: 50%;
	top: 50%;
 	transform:translate(-50%,-50%);
	}
.s1d::after{
	position:absolute;
	width:100%;
	padding-bottom:0.5vw;/*10*/
	content:'';
	display:block;
	pointer-events: none;
	background-attachment:scroll;
	background-repeat: no-repeat;
	background-position:0% 50%,100% 50%;
	background-image: url(../images/sb.png),url(../images/sb.png);
	background-size:auto 100%;
  	left: 50%;
	top: 50%;
 	transform:translate(-50%,-50%);
	}
.bt_1_bx,.bt_2_bx,.bt_3_bx{position:relative;}
.bt_1_bx a,.bt_2_bx > a,.bt_3_bx a{
	position:relative;
	display:inline-block;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	margin:0 0 0.5%;/*0 0 1.35%*/
	opacity:.56;
	transition: all .5s;
	}
.bt_1_bx a::before,.bt_2_bx > a::before,.bt_3_bx a::before{
	position:relative;
	content:'';
	display:block;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	opacity:0;
	transition: all .5s;
	}

.bt_1_bx a{width:11.46%;/*153x46*/}
.bt_1_bx a::before{
	width:100%;/*200*/
	padding-bottom:30%;/*60*/
	}


.bt_1_bx a.on::before,.bt_2_bx > a.on::before,.bt_3_bx a.on::before{
	opacity:1;
	/**/
  	-webkit-filter: drop-shadow(0 0 8px rgba(50, 33, 18, .35));
  	filter: drop-shadow(0 0 8px rgba(50, 33, 18, .35));
	}
/*1*/
.bt_1_bx > span{display:block;}
.bt_1_bx a:hover,.bt_1_bx a.on{opacity:1;}
.bt_1_1{background-image: url(../images/bt_1_1.png);}
.bt_1_1::before{background-image: url(../images/bt_1_1_on.png);}
.bt_1_2{background-image: url(../images/bt_1_2.png);}
.bt_1_2::before{background-image: url(../images/bt_1_2_on.png);}
.bt_1_3{background-image: url(../images/bt_1_3.png);}
.bt_1_3::before{background-image: url(../images/bt_1_3_on.png);}
.bt_1_4{background-image: url(../images/bt_1_4.png);}
.bt_1_4::before{background-image: url(../images/bt_1_4_on.png);}
.bt_1_5{background-image: url(../images/bt_1_5.png);}
.bt_1_5::before{background-image: url(../images/bt_1_5_on.png);}
.bt_1_6{background-image: url(../images/bt_1_6.png);}
.bt_1_6::before{background-image: url(../images/bt_1_6_on.png);}
.bt_1_7{background-image: url(../images/bt_1_7.png);}
.bt_1_7::before{background-image: url(../images/bt_1_7_on.png);}
.bt_1_8{background-image: url(../images/bt_1_8.png);}
.bt_1_8::before{background-image: url(../images/bt_1_8_on.png);}
/*2*/
.bt_2_bx > a{width:7.49%;/*100x46*/}
.bt_2_bx > a::before{
	width:100%;/*130*/
	padding-bottom:46.15384615384615%;/*60*/
	}
.bt_2_bx > a:hover,.bt_2_bx > a.on{opacity:1;}
.bt_2_1{background-image: url(../images/bt_2_1.png);}
.bt_2_1::before{background-image: url(../images/bt_2_1_on.png);}
.bt_2_2{background-image: url(../images/bt_2_2.png);}
.bt_2_2::before{background-image: url(../images/bt_2_2_on.png);}
.bt_2_3{background-image: url(../images/bt_2_3.png);}
.bt_2_3::before{background-image: url(../images/bt_2_3_on.png);}
.bt_2_4{background-image: url(../images/bt_2_4.png);}
.bt_2_4::before{background-image: url(../images/bt_2_4_on.png);}
.bt_2_5{background-image: url(../images/bt_2_5.png);}
.bt_2_5::before{background-image: url(../images/bt_2_5_on.png);}
.bt_2_6{background-image: url(../images/bt_2_6.png);}
.bt_2_6::before{background-image: url(../images/bt_2_6_on.png);}
.bt_2_7{background-image: url(../images/bt_2_7.png);}
.bt_2_7::before{background-image: url(../images/bt_2_7_on.png);}
.bt_2_8{background-image: url(../images/bt_2_8.png);}
.bt_2_8::before{background-image: url(../images/bt_2_8_on.png);}
/*3*/
.bt_3_1{background-image: url(../images/bt_3_1.png);}
.bt_3_1::before{background-image: url(../images/bt_3_1_on.png);}
.bt_3_2{background-image: url(../images/bt_3_2.png);}
.bt_3_2::before{background-image: url(../images/bt_3_2_on.png);}
.bt_3_3{background-image: url(../images/bt_3_3.png);}
.bt_3_3::before{background-image: url(../images/bt_3_3_on.png);}
.bt_3_4{background-image: url(../images/bt_3_4.png);}
.bt_3_4::before{background-image: url(../images/bt_3_4_on.png);}
.bt_3_5{background-image: url(../images/bt_3_5.png);}
.bt_3_5::before{background-image: url(../images/bt_3_5_on.png);}
.bt_3_6{background-image: url(../images/bt_3_6.png);}
.bt_3_6::before{background-image: url(../images/bt_3_6_on.png);}
.bt_3_7{background-image: url(../images/bt_3_7.png);}
.bt_3_7::before{background-image: url(../images/bt_3_7_on.png);}
.bt_3_8{background-image: url(../images/bt_3_8.png);}
.bt_3_8::before{background-image: url(../images/bt_3_8_on.png);}
.bt_3_9{background-image: url(../images/bt_3_9.png);}
.bt_3_9::before{background-image: url(../images/bt_3_9_on.png);}
.bt_3_10{background-image: url(../images/bt_3_10.png);}
.bt_3_10::before{background-image: url(../images/bt_3_10_on.png);}
/*4*/
.bt_4_1{background-image: url(../images/bt_4_1.png);}
.bt_4_1::before{background-image: url(../images/bt_4_1_on.png);}
.bt_4_1::after{
	position:absolute;
	width:100%;
	padding-bottom:31.25%;/*85*/
	content:'';
	display:block;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	background-image: url(../images/bt_4_1a.png);
	left:0;
	top:50%;
	transform:translateY(-50%);
	}
.bt_4_1.on::after{background-image: url(../images/bt_4_1a_on.png);}

.bt_4_2{background-image: url(../images/bt_4_2.png);}
.bt_4_2::before{background-image: url(../images/bt_4_2_on.png);}
.bt_4_3{background-image: url(../images/bt_4_3.png);}
.bt_4_3::before{background-image: url(../images/bt_4_3_on.png);}
.bt_4_4{background-image: url(../images/bt_4_4.png);}
.bt_4_4::before{background-image: url(../images/bt_4_4_on.png);}
.bt_4_5{background-image: url(../images/bt_4_5.png);}
.bt_4_5::before{background-image: url(../images/bt_4_5_on.png);}
.bt_4_6{background-image: url(../images/bt_4_6.png);}
.bt_4_6::before{background-image: url(../images/bt_4_6_on.png);}
.bt_4_7{background-image: url(../images/bt_4_7.png);}
.bt_4_7::before{background-image: url(../images/bt_4_7_on.png);}
.bt_4_8{background-image: url(../images/bt_4_8.png);}
.bt_4_8::before{background-image: url(../images/bt_4_8_on.png);}
.bt_4_9{background-image: url(../images/bt_4_9.png);}
.bt_4_9::before{background-image: url(../images/bt_4_9_on.png);}
.bt_4_10{background-image: url(../images/bt_4_10.png);}
.bt_4_10::before{background-image: url(../images/bt_4_10_on.png);}
/*5*/
.bt_3_bx > span{display:block;}
.bt_3_bx a{width:15.65%;/*209x46*/}
.bt_3_bx a::before{
	width:100%;/*272*/
	padding-bottom:22.05882352941176%;/*60*/
	}
.bt_3_bx a:hover,.bt_3_bx a.on{opacity:1;}
.bt_5_1{background-image: url(../images/bt_5_1.png);}
.bt_5_1::before{background-image: url(../images/bt_5_1_on.png);}
.bt_5_2{background-image: url(../images/bt_5_2.png);}
.bt_5_2::before{background-image: url(../images/bt_5_2_on.png);}
.bt_5_3{background-image: url(../images/bt_5_3.png);}
.bt_5_3::before{background-image: url(../images/bt_5_3_on.png);}
.bt_5_4{background-image: url(../images/bt_5_4.png);}
.bt_5_4::before{background-image: url(../images/bt_5_4_on.png);}
.bt_5_5{background-image: url(../images/bt_5_5.png);}
.bt_5_5::before{background-image: url(../images/bt_5_5_on.png);}
.bt_5_6{background-image: url(../images/bt_5_6.png);}
.bt_5_6::before{background-image: url(../images/bt_5_6_on.png);}
.bt_5_7{background-image: url(../images/bt_5_7.png);}
.bt_5_7::before{background-image: url(../images/bt_5_7_on.png);}
/*6*/
.bt_6_1{background-image: url(../images/bt_6_1.png);}
.bt_6_1::before{background-image: url(../images/bt_6_1_on.png);}
.bt_6_2{background-image: url(../images/bt_6_2.png);}
.bt_6_2::before{background-image: url(../images/bt_6_2_on.png);}
.bt_6_3{background-image: url(../images/bt_6_3.png);}
.bt_6_3::before{background-image: url(../images/bt_6_3_on.png);}
.bt_6_4{background-image: url(../images/bt_6_4.png);}
.bt_6_4::before{background-image: url(../images/bt_6_4_on.png);}
.bt_6_5{background-image: url(../images/bt_6_5.png);}
.bt_6_5::before{background-image: url(../images/bt_6_5_on.png);}
.bt_6_6{background-image: url(../images/bt_6_6.png);}
.bt_6_6::before{background-image: url(../images/bt_6_6_on.png);}
.bt_6_7{background-image: url(../images/bt_6_7.png);}
.bt_6_7::before{background-image: url(../images/bt_6_7_on.png);}
.bt_6_8{background-image: url(../images/bt_6_8.png);}
.bt_6_8::before{background-image: url(../images/bt_6_8_on.png);}

.con{
  	position:absolute;
  	width:91%;
  	bottom:-3%;
  	left:50%;
  	transform: translateX(-50%);
  	margin: 0 auto;
  	transition: all .5s;
	/*background-color:rgba(0,255,0,.8);*/
	}
.topbx {
  position:absolute;
  width: 2.5%;
  padding-bottom: 2.5%;
  display: block;
  cursor: pointer;
  border-radius: 99px 0 0 99px;
  background-color: #a0835d;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image:url(../images/top.png),url(../images/tpbg.jpg);
  background-size: 85% auto,100% 100%;
  right: 1.68vw;
  bottom: 10vw;
  z-index: 1;
  transition:all .5s;
}
.topbx.on{border-radius:99px;}


/**/
#light_bx {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,.9);
  z-index: 15;
  overflow:auto;
  display:none;
  backdrop-filter:blur(5px);
}
#light_bx .vcbx {
  position: relative;
  width: 100%;
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.vd{
  	position: relative;
  	display:inline-block;
	width:800px;
  	margin: 1rem auto 3rem;
    /*left:.5%;*/
	}
.vd::before{
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	content:"";
	pointer-events:none;
	top: 0;
	left: 0;
	background-attachment:scroll;
	background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,repeat-x,repeat-y,repeat-x,repeat-y;
	background-position:0% 0%,100% 0%,100% 100%,0% 100%,50% 0%,100% 50%,50% 100%,0% 50%;
	background-image:url(../images/phb1_1.png),url(../images/phb2_1.png),url(../images/phb3_1.png),url(../images/phb4_1.png),url(../images/phb2a.png),url(../images/phb1a.png),url(../images/phb2a.png),url(../images/phb1a.png);
	z-index: 1;
	}
.vd p{
	position:absolute;
	width: 100%;
	height: 100%;
	display:block;
	pointer-events:none;
	top: 0;
	left: 0;
	z-index: 1;
	}
.vd p::before,.vd p::after{
	position:absolute;
	display: block;
	content:"";
	background-attachment:scroll;
	background-repeat: no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	}
.vd p::before{
	width:145px;
	padding-bottom:286px;
	top:-16px;
	left:-30px;
	background-image: url(../images/flt.png);
	}
.vd p::after{
	width:356px;
	padding-bottom:304px;
	right: -30px;
	bottom: -45px;
	background-image: url(../images/frd.png);
	}
	
.vd > div{
	position:relative;
	width:100%;
	padding-bottom:56.25%;
  	overflow: hidden;
	background-color: #f1e9de;
	}
.vd  > div video,
.vd  > div iframe{
    position:absolute;
    width: 100%;
    height: 100%;	
    top:0%;
    left:0%;
	}
.clos_2 {
  position: absolute;
  width: 50px;
  padding-bottom: 71px;
  display: block;
  cursor: pointer;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-image: url(../images/close_s.png);
  background-size: 100% auto;
  top: 0%;
  right:2.5%;
  z-index: 2;
}
.pebx{
	position:absolute;
	width:38.75vw;/*775*/
	height:50vw;/*1000*/
	pointer-events:none;
	right:-8vw;
	bottom:-1.7vw;/*-1.6*/
	overflow:hidden;
	}
.pebx > div{
	position:absolute;
	width:100%;
	height:100%;
	display:block;
 	background-attachment:scroll;
  	background-repeat: no-repeat;
	background-position:50% 100%;
  	background-size: 100% auto;
	right:-15%;
	bottom:0;
	opacity:0;
	transition:all .5s;
	}
.pebx > div.on{right:0%;opacity:1;}
.pe1{background-image: url(../images/pe1.png);}
.pe2{background-image: url(../images/pe2.png);}
.pe3{background-image: url(../images/pe3.png);}
.pe4{background-image: url(../images/pe4.png);}
.pe5{background-image: url(../images/pe5.png);}
.pe6{background-image: url(../images/pe6.png);}
.pe7{background-image: url(../images/pe7.png);}
.pe8{background-image: url(../images/pe8.png);}
.pebx_m{
	position:relative;
	width:95%;
	display:none;
	margin:0 auto 1.5rem;
	}
.pebx_m img{
	position:relative;
	width:100%;
	display:block;
	}

@media only screen and (max-width:1600px){
/**/

}
@media only screen and (max-width:1400px){
/**/
.tcn {}
	
}
@media only screen and (max-width:1200px){
/**/
.vd{width:90%;}
/**/
.pebx{bottom:-6vw;}
.pebx > div.on{right:-5%;}
/**/
}
@media only screen and (max-width:1000px){	
/**/
/*.s1d{height:2px;}
.s1d::before{
	width:13px;
	padding-bottom:13px;
	}	
.s1d::after{padding-bottom:6px;}*/
	
}
@media only screen and (max-width:900px){
/**/
.vd{margin:1rem auto 2rem;}
.vd p::before{
	width:16.11111111111111vw;/*145  24.16666666666667*/
	padding-bottom:31.77777777777778vw;/*286 47.66666666666667*/
	top:-1.777777777777778vw;/*-16 -2.666666666666667*/
	left:-3.446666666666667vw;/*-33 -5.5*/
	}
.vd p::after{
	width:39.55555555555556vw;/*356 59.33333333333333*/
	padding-bottom:33.77777777777778vw;/*304 50.66666666666667*/
	right: -3.333333333333333vw;/*-30 -5*/
	bottom: -5vw;/*45 -7.5*/
	}	
}
@media only screen and (max-width:780px){
/**/
.allbg{
	padding-bottom:170.25%;/*1328*/
	background-image:url(../images/bg_m.jpg);
	}
.allbx.inc .allbg{padding-bottom:0%;}
.bg_video,.fire{display:none;}
.logo{
	width:42.6923%;/*333*/
	top:-1.2%;
	left:-1.65%;
	}
.allbx.inc .logo{
	top:-0.55vw;
	left:50%;
	transform:translateX(-50%);
	}
/**/
.slogan{
	width:105%;/*927*/
	top:58.38461538461538vw;/*432*/
	left:-2.5%;
	}
#h_page.on .slogan {top:55.38461538461538vw;}
.hpbx{width:100%;}
.hpbx::after{/*.hpbx::before,*/
	padding-bottom:170.2564102564103%;/*1328*/
	}
.hpbx::before{
	background-image:url(../images/hp_1_m.png);
	left:0;
	bottom:-3%;
	}
.hpbx::after{background-image:url(../images/hp_2_m.png);}
#h_page.on .hpbx::before{bottom:0;}	
#h_page.on .upd_bt{
	width:32.82051282051282%;/*256*/
    display:block;
	bottom:4.6%;
	}
.upd_bt::after{
	-moz-animation: rotate 5.5s linear infinite;
    -webkit-animation: rotate 5.5s linear infinite;
    -o-animation: rotate 5.5s linear infinite;
    -ms-animation: rotate 5.5s linear infinite;
    animation: rotate 5.5s linear infinite;
	}
/**/
#inside_page{
	position:absolute;
	width:100%;
	padding:22vw 0 0;
	/*margin-top:22vw;*/
	top:0;
	left:0;
	}
.allbx.inc #inside_page{
	position:relative;
	/*margin-top:24.5vw;*/
	padding:24.5vw 0 8vw;
	}
#inside_page .inbx {
	-webkit-filter: drop-shadow(0 10px 55px rgba(39, 12, 12, 1));
	filter: drop-shadow(0 10px 55px rgba(39, 12, 12, 1));
	}
#inside_page .inbx::before{
	padding-bottom:12.30769230769231%;/*96*/
	background-image:url(../images/box_01_m.png);
	}
#inside_page .inbx::after{
	padding-bottom:9.230769230769231%;/*72*/
	background-image:url(../images/box_05_m.png);
	}
#inside_page .inbx .box{
	min-height:80vh;
	padding-bottom: 0%;
	display:block;
	background-image:url(../images/box_02_m.png),url(../images/box_04_m.png),url(../images/box_03_m.png);
	}
#inside_page .inbx .box::before {
	padding-bottom: 0%;
	}
#inside_page .inbx .title_bx{
	width:83%;
	top:-5.15vw;
	}
/**/
.tcn {
  	position:relative;
  	height:auto;
  	top: 0;
  	left: 0;
  	transform: translateX(0%);
	background-size:100% 10vw;
	}
.con {
 	position:relative;
	height:auto;
 	top: 0;
 	left: 0;
 	bottom: 0;
 	transform: translateX(0%);
	}
/**/
.tcn > div{padding:3vw 0 ;/*16*/}/*717*/
/*1*/
.bt_1_bx > span{display:inline;}
.bt_1_bx a{width:32.49%;/*233x70*/margin:0 -1px 1.35%;}
/*2*/
.bt_2_bx > a{width:21.1%;/*152x70*/margin:0 0.25% 1.35%;}
/*5*/
.bt_3_bx > span{display:inline;}
.bt_3_bx a{width:44.2%;/*317x70*/margin:0 0.25% 1.35%;}
	
.mt_1{
	width:97%;
	padding: 0 0 3.5vw;
	}
.s1d{height:0.5vw;/*4*/}
.s1d::before{
	width:4vw;/*18*/
	padding-bottom:4vw;
	}	
.s1d::after{padding-bottom:1.5vw;}/*10 1.28*/
.topbx {
    position:fixed;
    width: 35px;
    padding-bottom: 40px;
    right: 1.3%;
    bottom: 43%;
    background-position: 80% 50%;
    background-size: 90% auto ,100% 100%;
  }	
.topbx.on{border-radius: 99px 0 0 99px;}
.pebx{display:none;right:0;} 
.pebx_m{display:block;} 
/**/
.vd::before {
  background-size:3.3vw auto,3.3vw auto,3.3vw auto,3.3vw auto,1.7948vw auto,0.3846vw auto,1.7948vw auto,0.3846vw auto;
	}

}
@media only screen and (max-width:685px){ 
/**/

}
@media only screen and (max-width:580px){
/**/
		
}
@media only screen and (max-width:560px){
/**/
.vd{width:92%;}
.clos_2 {
    width:9.5%;
    padding-bottom: 14.2%;
    right: 3.8%;
      }
}
@media only screen and (max-width:470px){
/**/
/*.s1d::before{
	width:15px;
	padding-bottom:15px;
	}	
.s1d::after{padding-bottom:8px;}*/
    
}
@media only screen and (max-width:380px){
/**/

}
@media only screen and (max-width:360px){
/**/
}
@media only screen and (max-width:340px){
/**/
}