img{width:100%;}
.wrap{overflow:hidden;}
.green{color:#1d5c39}
.yellow{color:#f6d57b}
.red{color:#ff3259}
.flash{transition: all 0.5s 1s;-webkit-animation: flash 2s ease-in-out infinite 3s;-moz-animation: flash 2s ease-in-out infinite 3s;-ms-animation: flash 2s ease infinite 3s;-o-animation: flash 2s ease-in-out infinite 3s;animation: flash 2s ease-in-out infinite 3s;-webkit-transition: all 0.5s 1s;}
 .down{transition: all 0.5s 1s;-webkit-animation: down 2s ease-in-out infinite 3s;-moz-animation: down 2s ease-in-out infinite 3s;-ms-animation: down 2s ease infinite 3s;-o-animation: down 2s ease-in-out infinite 3s;animation: down 2s ease-in-out infinite 3s;-webkit-transition: all 0.5s 1s;}
 
.inbox{width:94vw; margin:0 auto;}
.header{left:0; top:0; width:100%; padding-top:2vw;  background-color:#fff}
.header h1{width:28.7vw;margin:0 auto 2vw;}
.header h1 a{display:block;}

.header.scroll{position:fixed;z-index: 50;}
.header .call_btn{position:absolute; top:3vw; right:3vw; display:block; width:6vw; height:6vw;    }
 
 .mainmenu{ background-color:#743e2a; }
 .mainmenu li{display: inline-block;width: auto;}
 .mainmenu li a{display:block; height:9vw; line-height:9vw; color:#e4c3b7; font-size:4vw; padding:0 3vw;}
.mainmenu li a.active{color:#fff; font-weight:bold;}
  
  
  .visual{position: relative;overflow: hidden;background:url(/img_up/shop_pds/taplay11/build/img/visual.png) no-repeat 50% 100%;background-size: cover;}
  
.visual .v_bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2;overflow: hidden;}
.visual .v_bg video{position:absolute;top:0;left: -100%;width: 300%;height:100%;}

.v_bg {
  }
/* .visual .v_bg{background:url(https://drive.google.com/uc?export=view&id=1aTGxPi2N5XanC-ZM67Xi4qkXZA5f3hbM) no-repeat 50%; background-size:cover !important;} */

.visual .inbox{position:relative;height:123.2vw;z-index: 5;}
 .visual .inbox img{z-index: 1;position:absolute;right: -3vw;bottom:0;width:54vw;}
 
.v_video{position:absolute;top: 43vw;left: 50%;width: 84vw;height: 47vw;overflow: hidden;margin-left: -42vw;}
.v_video iframe{position: relative;width:100%;height:100%;top: 0;left: 0;}
 
 
 
 
/*.visual h3{text-align:center;color:#fff;font-size:120px;font-family:'Happiness-Sans-Title',sans-serif;text-shadow: 0 0 10px rgb(0 0 0 / 90%);letter-spacing: 0;}
.visual h3 font{font-size:70px;}
.visual h3 span{font-size:120px;letter-spacing: -2px;color: rgba(56,255,144,0);   text-shadow: 0 0 20px #38ff90, 1px 1px 20px #38ff90, 2px 2px 20px #38ff90, -1px -1px 20px #38ff90, -2px -2px 20px #38ff90;-webkit-animation-name:text;animation-name:text;   animation-duration: 0.7s;animation-delay:1.5s; -webkit-animation-fill-mode:both;animation-fill-mode:both}*/
.visual .v_tit{text-align:center;}
.visual svg{position: absolute;letter-spacing: 0;width: 100%;}
 .int1 {left: 0;top: 14vw;transform: translate(21.5vw, 0);}
  
 .int2{left: 0;top: 21vw;text-align: right;transform: translate(3.7vw, 0);}
.int3{left: 36vw;top: 21vw;transform: translate(15.5vw, 0);}

 
svg.intro {
}
svg.intro .text {
 
}
svg.intro .text {
 
  display: inline-block;
  font-family:'Happiness-Sans-Title',sans-serif;
}
svg.int1 .text{font-size: 10.5vw !important;}
svg.int2 .text{font-size: 13vw !important;}
 svg.int3 .text{font-size: 13vw !important;}
 
svg.intro .text-stroke {
  fill: none;
  stroke: #4e4e4e;
  stroke-width: 9vw;
  stroke-dashoffset: -900;
  stroke-dasharray: 900;
  stroke-linecap: butt;
  stroke-linejoin: round;
}
svg.intro.go .text-stroke {
	 -webkit-animation: dash 3s ease-in-out forwards;
  animation: dash 3s ease-in-out forwards;
}
svg.int1.go .text-stroke:nth-child(1) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
  transform: translateY(2vw);
  position: relative;
}
 
svg.int2.go .text-stroke:nth-child(1) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
  /* transform: translateY(5vw); */
}
  
svg.int3.go .text-stroke:nth-child(1) {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
} 
svg.intro.go .text-stroke-2 {
  stroke: #462e1d;
}
svg.intro.go .text-stroke-3 {
  stroke: #1d5c39;
}


@-webkit-keyframes dash {
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes dash {
  100% {
    stroke-dashoffset: 0;
  }
}



.v_txt{position:absolute;left: -3vw;bottom:0;width: 100vw;height: 75.1vw;background: url(/img_up/shop_pds/taplay11/build/m_img/visual.png) no-repeat 50% 100%;background-size:100vw auto;}
.v_txt>div{position:absolute;padding: 3vw 2vw;border: 1vw solid rgba(255,255,255,0.5);z-index: -1;}
.v_txt>div strong,.v_txt>div p{text-align:left;color:#fff;line-height: 1.4em;}
.v_txt>div strong{font-weight:900;/* display:block; */}
.v_txt>div p{font-size:4vw; }
.vt1 strong{font-size:4vw;}
.vt2 strong{font-size: 4vw;}

.vt1{left: 3vw;bottom: 45vw;}
.vt2{right: 5vw;bottom: 64vw;}
.vt2 .heart{position:absolute;top:-11vw;right:-6.5vw;height:33vw;width: 18.2vw; }
.vt2 .heart i{position:absolute;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:normal;animation-play-state:running;-webkit-animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:normal;-webkit-animation-play-state:running;animation-name:hearts;-webkit-animation-name:hearts;text-shadow: 5px 5px 4px rgba(0,0,0,0.5);opacity: 0.8;}
 
@keyframes hearts {
	0% {transform:rotate(10deg);opacity:1;}
	30% {transform:rotate(-10deg);}
	50% {transform:rotate(10deg);opacity:0;}
	100% {top:-300px;transform:rotate(10deg);opacity:0;}
}

@-webkit-keyframes hearts {
0% {transform:rotate(10deg);opacity:1;}
	30% {transform:rotate(-10deg);}
	50% {transform:rotate(10deg);opacity:0;}
	100% {top:-300px;transform:rotate(10deg);opacity:0;}
} 
.heart .h1{
	animation-delay:1.8s;
	-webkit-animation-delay:1.8s;
	left: 5vw;
	color: #ff3b59;
	font-size: 6vw;
	top: 0vw;
	animation-duration:2.2s;
	-webkit-animation-duration:2.2s;
}

.heart .h2{
	animation-delay:1.5s;
	-webkit-animation-delay:1.5s;
	left: 3vw;
	color: #ff6f88;
	font-size: 4vw;
	top: 3vw;
	animation-duration:2.5s;
	-webkit-animation-duration:2.5s;
}
.heart .h3{
	animation-delay:2s;
	-webkit-animation-delay:2s;
	right: 1vw;
	color: #ff3b59;
	font-size: 5vw;
	top: 11vw;
	animation-duration:2.5s;
	-webkit-animation-duration:2.5s;
	}

.heart .h4 {
	animation-delay:0.7s;
	-webkit-animation-delay:0.7s;
	left: 0vw;
	color: #ff6f88;
	font-size: 3vw;
	top: 29vw;
	animation-duration:4s;
	-webkit-animation-duration:4s;
}

.heart .h5{
animation-delay:2.5s;
	-webkit-animation-delay:2.5s;
	left: 0;
	color: #ff6f88;
	font-size: 3vw;
	top: 29vw;
animation-duration:4s;-webkit-animation-duration:4s;}


.con1{position:relative;padding-bottom: 16vw;background:url(/img_up/shop_pds/taplay11/build/m_img/con1_bg.png) no-repeat 50% 0;overflow:hidden;background-size: cover;}
 


.bg3{position:absolute;left:0;bottom: 17vw;width:1187.4vw;height:27vw;display: flex;-webkit-animation: loop 100s infinite linear 1s both;animation: loop 100s infinite linear 1s both;}
.bg3:hover{    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
.bg3 img{display:inline-block; width:50%;margin-right:2vw}

.con1 .con1_txt{padding: 28vw 3vw 32vw;}
.con1 .con1_txt p{position: relative;color:#fff;font-size:4.3vw;font-weight:300;line-height: 1.5em;z-index: 3;}
.con1 .con1_txt p span{font-weight:900;position: relative;}

.con1_txt p span::after{position: absolute;left: -1px;top: -12%;width: 101%;height: 120%;background-color: #001e0a;content: '';z-index: -1;transform-origin: 0 50%;transform: scaleX(0);}
.con1_txt p span.line1.animate__animated::after{-webkit-animation-name:underline;animation-name:underline;   animation-duration: 0.7s;animation-delay:0.7s; -webkit-animation-fill-mode:both;animation-fill-mode:both} 
.con1_txt p span.line2.animate__animated::after{-webkit-animation-name:underline;animation-name:underline;   animation-duration: 0.7s;animation-delay:1.4s; -webkit-animation-fill-mode:both;animation-fill-mode:both} 


.con1_txt2{
    padding: 0 3vw;
}
.con1_txt2 p{color:#001e0a;font-size: 4.3vw;font-weight:300;z-index:1;position: relative;line-height: 1.6em;}
.con1_txt2 p strong{padding-top: 7.5vw;color:#1d5c39;font-size: 7.5vw;font-weight:300;background: url(/img_up/shop_pds/taplay11/build/m_img/con1_point.png) no-repeat 50% 0;display: inline-block;vertical-align: super;background-size: 16vw auto;}
.con1_txt2 p strong font{display:inline-block; padding:0 3px;font-family: 'Happiness-Sans-Title', sans-serif;}

.con1_txt2 p span{position:relative;display:inline-block;color:#001e0a;font-size: 5.5vw;font-family: 'Happiness-Sans-Title', sans-serif;margin-bottom: 2vw;}
.con1_txt2 p span::after{position: absolute;left: -5px;top: -9%;width: 102%;height: 116%;background-color: #f6d57b;content: '';z-index: -1;transform-origin: 0 50%;transform: scaleX(0);}


.con1_txt2 p span.line1.animate__animated::after{-webkit-animation-name:underline;animation-name:underline;   animation-duration: 0.7s;animation-delay:1s; -webkit-animation-fill-mode:both;animation-fill-mode:both} 
.con1_txt2 p span.line2.animate__animated::after{-webkit-animation-name:underline;animation-name:underline;   animation-duration: 0.7s;animation-delay:1.4s; -webkit-animation-fill-mode:both;animation-fill-mode:both} 
.con1_txt2 p span.line3.animate__animated::after{-webkit-animation-name:underline;animation-name:underline;   animation-duration: 0.7s;animation-delay:1.8s; -webkit-animation-fill-mode:both;animation-fill-mode:both} 



.tit{text-align: center;}
.tit>div{position:relative;display:inline-block;color: #001e0a;font-size: 4vw;font-family:'Happiness-Sans-Title',sans-serif;z-index: 1;margin-bottom: 4.5vw;letter-spacing: 0;}
.tit>div::after{position: absolute;left: -7%;top: -23%;width: 114%;height: 145%;background-color: #001e0a;content: '';z-index: -1;transform-origin: 0 50%;/* transform: scaleX(0); */} 
.tit>div.animate__animated::after{-webkit-animation-name:underline;animation-name:underline;    animation-duration: 0.7s;animation-delay:0.7s; -webkit-animation-fill-mode:both;animation-fill-mode:both} 

.tit h5{color:#001e0a;font-size: 6.9vw;font-family: 'Happiness-Sans-Title',sans-serif;font-weight: 400;letter-spacing: 0;line-height: 1.4em;}
.tit p{color:#fff;font-size: 4vw;text-align:center;line-height: 1.3em;}
.tit strong{font-size: 10vw;}

.tit2{text-align: center;}
.tit2>div{color: #c0ffdd;font-size: 4.5vw;font-family:'Happiness-Sans-Title',sans-serif;z-index: 1;margin-bottom: 1vw;letter-spacing: 0;}

.tit2 h5{position:relative;color:#fff;font-size: 8vw;font-family: 'Happiness-Sans-Title',sans-serif;font-weight: 400;letter-spacing: 0;z-index:1;}
.tit2 h5 span{position:relative;}
 
.tit2 h5 span::after{position: absolute;left: -2%;top: 10%;width: 107%;height: 82%;background-color: #001e0a;content: '';z-index: -1;transform-origin: 0 50%;transform: scaleX(0); } 

.tit2>h5 span.animate__animated::after{-webkit-animation-name:underline;animation-name:underline;    animation-duration: 0.7s;animation-delay:0.7s; -webkit-animation-fill-mode:both;animation-fill-mode:both} 


.tit3{text-align: center;}
.tit3>div{position:relative;display:inline-block;color: #fff;font-size: 4vw;z-index: 1;margin-bottom: 2vw;letter-spacing: 0;}
.tit3>div::after{position: absolute;left: -1%;top: -8%;width: 102%;height: 116%;background-color: #001e0a;content: '';z-index: -1;transform-origin: 0 50%;transform: scaleX(0);}  
.tit3 h5{color: #fff;font-size: 7vw;font-family: 'Happiness-Sans-Title',sans-serif;font-weight: 400;letter-spacing: 0;}


.tit3>div.animate__animated::after{-webkit-animation-name:underline;animation-name:underline;animation-duration: 0.7s;animation-delay:0.7s;-webkit-animation-fill-mode:both;animation-fill-mode:both} 



.con2{padding-top: 18vw;}
.con2 .tit{margin-bottom:40px;}
.con2 .tit h5{margin-bottom:3vw}
.con2 .tit div::after{
    width: 102%;
    left: -1%;
}

.benefit{position:relative;width: 94vw;margin:0 auto;background-color:#eee;z-index: 10;padding-top: 5vw;}
.benefit::after{position:absolute;top:100%;left:0;width:100%;height: 8vw;background-color:#eee;content:''}
.benefit .bf_tit{width:100%;height: 10.4vw;background: url(/img_up/shop_pds/taplay11/build/m_img/con2_tit.png) no-repeat 50%;background-size: 100vw auto;}

.benefit ul{/* margin: 0 -3vw; */}
.benefit li{position:relative;float:left;margin: 6vw 3vw 0;width: 41vw;display:table;border:1px solid #2e2e2e;height: 35vw;background-color:#fff;}
.benefit li div{display:table-cell;vertical-align: top;text-align:center;padding-top: 6vw;}
.benefit li div>span{position:absolute;left:50%;margin-left: -4.3vw;top: -3.2vw;width: 8.6vw;height: 6.4vw;background: url(/img_up/shop_pds/taplay11/build/m_img/con2_num.png) no-repeat 50%;line-height: 6.1vw;color:#db284a;font-size: 3vw;text-align:center;font-family:'Happiness-Sans-Title',sans-serif;padding-right: 0.5vw;background-size: 100% auto;}
.benefit li div>img{display:block;margin:0 auto;width: 15vw;}
.benefit li h6{position:relative;display:inline-block;margin-top: 1vw;color:#1d5c39;font-size: 3.5vw;font-family:'Happiness-Sans-Title',sans-serif;z-index:1;line-height: 1.1em;}
.benefit li h6 img{position:absolute; z-index:-1}
.benefit li h6 span{display:block;font-size: 3.5vw;line-height: 1.4em;}

.benefit li p{color:#2e2e2e;font-size: 3vw;}

.point1 h6 img{right: -6.4vw;bottom: 3vw;width: 7.4vw;}
.point2 h6 img{width: 13.3vw;right: -9vw;bottom: 8vw;}
.point3 h6 img{right: -3vw;bottom: 8.5vw;width: 13.3vw;}
.point4 h6 img{right: -6.5vw;bottom: 14vw;width: 10.4vw;}

.benefit li.w2{}



.new_receipt{background: url(/img_up/shop_pds/taplay11/build/m_img/receipt_bg.png) no-repeat 50% 0;padding: 20vw 0 23vw;background-size: 100% auto;}
.new_receipt .tit,.new_receipt .store_list{}

.con3 .tit{position:relative;text-align: center;}
.con3 .tit img{width: 86.7vw;}
.con3 .tit div{position:absolute;bottom:85%;left:0;width:100%;text-align:center;}
.con3 .tit div img{width:90.1vw;}
/*.con3 .tit>div{position:relative;margin-bottom: 2vw;}*/
.con3 .tit>div .point{position:absolute; width:17.6vw; top: -95px;right: -115px;z-index: -1;}
.con3 .tit h5{color:#fff;position: relative;z-index: 1;line-height: 1.3em;font-size: 15vw;margin-bottom: 2vw;}
.con3 .tit strong{font-size:15vw;}

.con3 .tit h5 span{/* display:block; */margin-bottom:2vw}
.con3 .tit h5 em{font-size:15vw; font-style:normal}
.con3 .tit h5 span{position:relative;}

.con3 .tit h5  span::after{position: absolute;left: -2%;top: 8%;width: 105%;height: 87%;background-color: #001e0a;content: '';z-index: -1;transform-origin: 0 50%;transform: scaleX(0);}
.con3 .tit h5 span.animate__animated::after{-webkit-animation-name:underline;animation-name:underline;animation-duration: 0.7s;animation-delay: 0.7s;-webkit-animation-fill-mode:both;animation-fill-mode:both} 
 
@-webkit-keyframes point {
   0% {
	 top: 20vw;
    right: -27vw;
	z-index:10;
    }

    30% {
      top: 6vw;
    right: 56vw;
	z-index:10;
    }
	100%{
    top: -10vw;
    right: -9vw;
	z-index:-1;
	}
}

@keyframes point {
   0% {
	 top: 20vw;
    right: -27vw;
	z-index:10;
    }

    30% {
      top: 6vw;
    right: 56vw;
	z-index:10;
    }
	100%{
    top: -10vw;
    right: -9vw;
	z-index:-1;
	}
}
.animate__point{ -webkit-animation-name:point;animation-name:point}

 


.receipt{position:relative;width:100%;height:148.2vw;margin:5vw auto 0;padding: 15vw 13vw 0 30vw;background:url(/img_up/shop_pds/taplay11/build/m_img/con3_img1.png) no-repeat 50%;background-size: 88.7vw auto;}
.receipt>div{position:relative;font-size:3.4vw;color:#db284a;font-family:'Happiness-Sans-Title',sans-serif;}

.receipt>div span{font-size:5vw;color:#db284a;font-family:'Happiness-Sans-Title',sans-serif;margin-left:2vw;letter-spacing: 0px;position: absolute;top: -1vw;right: 0;text-align: right;}
.receipt strong{letter-spacing:1px}
.receipt ul{padding-left:3.5vw;margin-top: 8vw;}
.receipt li{position:relative;color:#2e2e2e;font-size:4vw;font-family: 'Happiness-Sans-Title',sans-serif;}
.receipt li.fir{margin-bottom: 3.5vw;}
.receipt li span{position:absolute; top:0; right:0; display:inline-block; vertical-align:middle; color:#2e2e2e; font-size:4vw;  }
.receipt p{margin-top: 5vw;color:#2e2e2e;font-size:2.5vw;line-height:1.3em;text-align: center;width: 52vw;}

.receipt .img1{position:absolute;left:0;top:19vw;width: 33.6vw;}
.receipt .img2{position:absolute;right:5.6vw;bottom: 39vw;width:43.6vw}


.con4{position:relative;padding:15vw 0 17.5vw;background: url(/img_up/shop_pds/taplay11/build/m_img/con4_bg.png) no-repeat 50%  #eeeeee;margin-top: -9vw;z-index: 2;background-size: 100% auto;background-attachment: fixed;}
.con4 .img{position:absolute; bottom:-13vw; right:0; display:block; width:34.5vw; height:38.3vw; background:url(/img_up/shop_pds/taplay11/build/m_img/con5_bg2.png) no-repeat 50%; background-size:100% auto !important;}
.con4 li{margin-bottom: 10vw;}
.con4 li>div{display:inline-block;width: 86vw;box-shadow: 0 0 15px rgba(0,0,0,0.15);border: 1px solid #1d5c39;}
.con4 li .imgbox .video{position:relative;height: 47vw;overflow: hidden;}
.con4 li .imgbox .video:after{position:absolute; top:0; left:0; width:100%; height:100%; content:'';}
.con4 li .imgbox .video iframe{position:absolute;top: -37%;left: 0%;width: 100%;height: 174%;}
.con4 li .conbox{padding: 3.5vw 3vw;text-align:left;background-color: #fff;}
.con4 li h6{color:#001e0a;font-size: 5vw;line-height: 1.4em;margin-bottom: 2vw;font-family:'Happiness-Sans-Title',sans-serif;}
.con4 li h6 strong{color:#1d5c39}
.con4 li p{color:#2e2e2e;font-size: 3vw;font-weight:300;line-height: 1.6em;}


.con5{position:relative;padding:15vw 0 13vw;background:url(/img_up/shop_pds/taplay11/build/m_img/con5_bg1.png) no-repeat 50% 0;background-size: cover;}
.con5 .tit2{margin-bottom: 7vw;}

.review_slide{position:relative;}
.review_slide{overflow: visible !important;}
.review_slide .swiper-slide{width: 53.7vw !important;height:107vw;text-align: center;padding-top: 18vw;}
.review_slide .swiper-slide img{width: 32.8vw;}
.review_slide .swiper-slide-prev{}
.review_slide .swiper-slide-active{position: relative;height: auto;margin-top: -18vw;}
.review_slide .swiper-slide-active img{width: 53.7vw;}
.review_slide .swiper-slide-active div{ text-align: center;}
 
.review_slide .phone span{box-shadow: inset 0 -5px 20px rgba(0,0,0,0.5);position: absolute;top: 1px;left: 7px;width: 48.3vw;height: 100vw;z-index: 10;border-radius: 9vw;}
.review_slide .phone{position:absolute;top: 0;left:50%;margin-left: -27.4vw;width: 51.3vw;height: 104vw;background: url(/img_up/shop_pds/taplay11/build/m_img/con5_phone.png) no-repeat 50%;z-index: 1;background-size: 100% auto;}


.sec_video{
    background-color: #f6f2e7;
    padding: 15vw 0;
}
.sec_video .tit{margin-bottom:7vw;}
.sec_video .tit div::after{display:none;}
.sec_video .tit div{font-size:3.5vw;}
 
.sec_video .inbox >div{position:relative;/* float:left; */width: 100%;margin-bottom: 4vw;height: 57vw;overflow: hidden;}
.sec_video iframe{position:absolute;top: 0;left:0;width:100%;height: 100%;}
.sec_video .inbox >div:first-child iframe{/* top: -18%; */}



.con5 .img{position:absolute;bottom: -18.5vw;left:0;display:block;width:37.7vw;height:37.6vw;background:url(/img_up/shop_pds/taplay11/build/m_img/con5_bg3.png) no-repeat 50%;z-index: 10;background-size: 100% auto;}



.bingon{position:relative;background:url(/img_up/shop_pds/taplay11/build/m_img/bg.png) no-repeat 50%;height:215vw;overflow: hidden;background-size: cover;}
.bingon .bg{position:absolute;top: 0; left:0; width:100%;height: 160vw; display:block;background: url(/img_up/shop_pds/taplay11/build/m_img/bingon.png) no-repeat 50% 0;transition: all 0.5s 1s;-webkit-animation: bingon 15s linear infinite;-moz-animation: bingon2 30s linear infinite;-ms-animation: bingon2 30s linear infinite;-o-animation: bingon2 30s linear infinite;animation: bingon2 30s linear infinite;-webkit-transition: all 0.5s 1s; background-size:100% auto}
.bingon .inbox{position:relative; z-index:1;padding-top: 20vw;height: 100%;}
.bingon .inbox .bo1,.bingon .inbox .bo2{position:absolute}
.bingon h5{position:relative;width: 44.4vw;height: 23.3vw; background:url(/img_up/shop_pds/taplay11/build/m_img/tit_off.png) no-repeat 50%; margin:0 auto;background-size: 100% auto;}
.bingon h5 font{position:absolute; width:100%; height:100%; background:url(/img_up/shop_pds/taplay11/build/m_img/tit_on.png) no-repeat 50%;background-size: 100%; opacity:0;
transition: all 0.5s 1s;-webkit-animation: fadeIn2 6s ease-in-out infinite 1.5s;-moz-animation: fadeIn2 6s ease-in-out infinite 1.5s;-ms-animation: fadeIn 6s ease infinite 1.5s;-o-animation: fadeIn2 6s ease-in-out infinite 1.5s;animation: fadeIn2 6s ease-in-out infinite 1.5s;-webkit-transition: all 0.5s 1s;}
 
.bingon h6{color:#000;font-size: 10vw; font-family:'Happiness-Sans-Title',sans-serif;transform: skewX(-10deg);margin-bottom: 30px;}
.bingon h6 span{position:relative;}
.bingon h6 span::after {position: absolute;left: -3%;top: 9%;width: 107%;height: 85%;content: '';z-index: -1;transform-origin: 0 50%;transform: scaleX(0);}

.bo1 h6 span{margin-left: 12vw;top: 1vw;}
.bo1 h6 span.animate__animated::after {
  -webkit-animation-name: underline;
    animation-name: underline;
    animation-duration: 0.7s;
    animation-delay: 1.1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;*/
}

.bo2 h6 span{top:-1vw}
.bo2 h6 span.animate__animated::after {
  -webkit-animation-name: underline;
    animation-name: underline;
    animation-duration: 0.7s;
    animation-delay: 1.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;*/
}

.bo1 {top: 61vw; left:0;}
.bo1 h6{margin-bottom: 19vw;}
.bo1 h6 span::after{background-color: #1d5c39;}
.bo1 .text1{color:#1e1e1e;font-size: 4vw; line-height:1.4em;text-shadow: rgb(255 255 255 / 60%) 1px 1px 5px;}
.bo1 .text2{margin-top: 0.5vw; font-family:'Happiness-Sans-Title',sans-serif;font-size: 6.5vw; line-height:1.4em; color:#1e1e1e;text-shadow: rgb(255 255 255 / 60%) 0 0px 9px;}
.bo1 .text1 span{display:inline-block; background-color:#fff;padding: 0.1vw 1vw;}
.bo1 .text1 strong{display:block;margin-bottom: 3vw;font-size: 4vw;}

.bo2 {right: 0;top: 83.5vw;}
.bo2 h6 {display:inline-block; text-align:center;padding-left: 53vw;}
.bo2 h6 span::after{background-color: #e4264a;}
.bo_text{position: absolute;width: 100%;padding: 5vw 4vw;background-color: rgba(255,255,255,0.8);bottom: 11.8vw;left: 0;border-radius: 2vw;}
.bo_text p strong{display:block; color:#1e1e1e;font-size: 5vw; font-weight:bold;margin-bottom: 2vw;}
.bo_text p{color:#1e1e1e;font-size: 3.5vw; font-weight:300;line-height: 1.5em;}




.con6{
    padding: 15vw 0 16vw;
}
.store_list{
    margin-top: 14vw;
    position: relative;
}
.store_list li{position:relative;/* width: 60.8vw !important; */height: 85.2vw;/* margin: 0 10vw; */background-size:100% auto !important;background:url(/img_up/shop_pds/taplay11/build/m_img/receipt.png) no-repeat 50%;margin: 0 auto;background-size: 60.8vw auto !important;}
.store_list li div{position:absolute;top: 7vw;right: 1vw;width: 100%;}
.store_list li div>span{display:block;width: 25vw;height: 10vw;line-height: 10vw;color:#1d5c39;font-size: 6.4vw;font-weight:400;text-align:center;border-radius: 5vw;margin:0 auto;border:1px solid #1d5c39}
.store_list li div h6{color:#1e1e1e;font-size: 9.6vw;font-weight:900;text-align:center;margin: 5vw 0 15vw;}
.store_list li div p{position:relative;color:#df0d35;font-size: 8vw;font-weight:500;text-align:center;}
.store_list li div p strong{font-size: 10vw;font-weight:900}
.store_list li div p span{position:absolute;right: 23.5vw;top: -8vw;display:block;width: 15.7vw;height: 10.5vw;padding-top: 1.5vw;text-align:center;color:#fff;font-size: 5vw;font-weight:900;background:url(/img_up/shop_pds/taplay11/build/m_img/ball.png) no-repeat 50%;background-size:100% auto!important;}
 
 
.store_list >span{position:absolute;top:50%;color:#fff;font-size: 6vw;cursor:pointer;margin-top: -5vw;z-index: 1;width: 10vw;height: 10vw;line-height: 10vw;border-radius: 50%;background-color: #1d5c39;text-align: center;}
.left_btn{left:2vw;}
.right_btn{right:2vw;}
 


.con6 h5{position:relative; text-align:center; }
.con6 h5::after{position:absolute;left:0;top:50%;height:1px;border-bottom:1px dotted #1d5c39;content:'';width: 100%;}
.con6 h5 span{display:inline-block;color:#1d5c39;padding: 0 5vw;font-size: 7.5vw;background-color:#fff;font-family:'Happiness-Sans-Title',sans-serif;position: relative;z-index: 1;}


.recomend{position:relative;margin: 9vw 0 11vw;}
.recomend li{position:relative;width:50%;text-align:center;padding-top: 2.5vw;}
.recomend li img{width:18vw;}
.recomend li span{position:absolute;top: 0;right: 9vw;display:block;width: 12.5vw;height: 12.5vw;border-radius:50%;text-align:center;color:#fff;line-height: 12.5vw;font-family:'Happiness-Sans-Title',sans-serif;font-size: 3.5vw;letter-spacing:0;}
.recomend li span.cate1{background-color:#1d5c39}
.recomend li span.cate2{background-color:#db284a}
.recomend li p{color:#001e0a;font-size: 3vw;text-align:center;}
.recomend>span{position:absolute;display:block;width: 9vw;height: 9vw;top:50%;border-radius:50%;background-color:#eee;color:#001e0a;line-height: 9vw;cursor:pointer;margin-top: -4.5vw;text-align:center;font-size: 4vw;z-index: 10;}
.recomend .l_btn{left:0;}
.recomend .r_btn{right:0;}


.menu_cate{padding: 5vw 3vw 2vw;background-color:#1d5c39;margin-bottom:50px}
.menu_cate div{/* text-align: center; */font-size: 0;}
.menu_cate div>span{position: relative;display:inline-block;color:#fff;font-size: 3.5vw;font-weight:500;margin-bottom: 3vw;}

.menu_cate .selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.menu_cate div>span{}
 .menu_cate div label{letter-spacing: -0.03em;}
 
.menu_cate div>span input[type="checkbox"] + label span {position:relative;display: inline-block;vertical-align: middle;text-align: center;border: 1px solid #9dd1b4;width: 2.7vw;height: 2.7vw;} 
.menu_cate div>span input[type="checkbox"] + label span i{display:none;color: #fff;position:absolute;top: -0.7vw;right: -0.5vw;font-size: 3vw;}
.menu_cate div>span  input[type="checkbox"]:checked + label {}
.menu_cate div>span input[type="checkbox"]:checked + label span{}
.menu_cate div>span  input[type="checkbox"]:checked + label span i{display:block;} 


.cate1{}
.cate1>span:nth-child(1),.cate1>span:nth-child(4){width:40vw}
.cate1>span:nth-child(2),.cate1>span:nth-child(5){width:34vw}
.cate1>span:nth-child(3),.cate1>span:nth-child(6){width:10vw}

.cate2>span:nth-child(1){width:20vw}
.cate2>span:nth-child(2){width:14vw}
.cate2>span:nth-child(3){width:20vw}
.cate2>span:nth-child(4){width: 19.9vw;}
.cate2>span:nth-child(5){width:10vw}

.cate3>span:nth-child(1){width:20vw}
.cate3>span:nth-child(2){width:23vw}
.cate3>span:nth-child(3){width: 30.9vw;}
.cate3>span:nth-child(4){width:10vw}

.menu_list{}
.menu_list ul{margin: 0 -2.4vw;}
.menu_list li{float:left;display:table;width: 45vw;margin: 0 2.2vw 4.8vw;background-color:#eee;height: 60vw;}
.menu_list li div{ display:table-cell; vertical-align:middle; text-align:center;}
.menu_list li div img{
    width: 18vw;
}
.menu_list li div img:hover{transform:scale(1.1)}
.menu_list li div p{color:#4c4c4c;font-size: 3.5vw;margin-top:2vw;}

.nostore{margin:0 auto;padding: 4% 0;font-size: 3.5vw;line-height: 1.4em;}
.nostore i{color:#1d5c39;font-size: 5vw;}


.menu{}
.menu button{display:block;width: 30vw;height: 10vw;color:#1d5c39;font-size: 3vw;font-weight:300;margin: 5vw auto 0;background-color:transparent;border:1px solid #1d5c39}
.menu button:hover{background-color:#1d5c39; color:#fff;}


.load{text-align:center;color: #1d5c39;padding: 30px 0;font-size: 56px;display:none;}
.load i{display:inline-block; color:#1d5c39}





.con7{position:relative;background-color:#f6f2e7; padding:13vw 0 15vw;}
.con7::after{position:absolute; top:0; right:0; width:3vw; height:100%; background-color:#fff; content:''}
 

.branding1{ }
.branding1 h5{color:#001e0a;font-size:6vw;font-family:'Happiness-Sans-Title',sans-serif;font-weight:400;line-height: 1.7em;margin-bottom:4vw;}
.branding1 h5 strong{font-size:8vw; color:#1d5c39;}
.branding1>div{padding-left:36vw;background:url(/img_up/shop_pds/taplay11/build/m_img/con7_bg1.png) no-repeat 0 0;background-size:31vw;margin-top:7vw;padding-right: 6vw;}
.con7 .video{position:relative;width:100%;height: 34vw;background: #aaa;overflow:hidden;margin-bottom: 5vw;}
.con7 .video iframe{    position: absolute;top: -30%;left: -1%;width: 102%;height: 160%;}
 
.branding1 p{position:relative;font-size:4vw; color:#4c4c4c; font-weight:300; line-height:1.5em}
.branding1 p span{color:#001e0a;font-size:5vw;font-family: 'Happiness-Sans-Title',sans-serif;line-height: 1.5em;position: relative;z-index: 1;}
.branding1 p span strong{color:#001e0a;position: relative;}
.branding1 p span strong::after{position: absolute;left: -1%;top: 3%;width: 102%;height: 93%;background-color: #001e0a;content: '';z-index: -1;transform-origin: 0 50%;transform: scaleX(0);} 
.branding1 p span strong.animate__animated::after{ -webkit-animation-name:underline;animation-name:underline;   animation-duration: 0.7s;animation-delay:2s; -webkit-animation-fill-mode:both;animation-fill-mode:both} 


.branding2{margin-top: 10vw;padding: 11vw 0 30vw;background-color:#fff;}
.branding2>div{}
.branding2>div h5{color:#001e0a;font-size: 5vw;font-family:'Happiness-Sans-Title',sans-serif;line-height:1.3em;position: relative;z-index: 1;text-align: center;}
.branding2 h5 span{color:#001e0a;position: relative;}
.branding2 h5 span::after{position: absolute;left: -1%;top: -5%;width: 102%;height: 110%;background-color: #001e0a;content: '';z-index: -1;transform-origin: 0 50%;transform: scaleX(1); } 
.branding2 h5 span.animate__animated::after{ -webkit-animation-name:underline;animation-name:underline;   animation-duration: 0.7s;animation-delay:0.7s; -webkit-animation-fill-mode:both;animation-fill-mode:both} 

.branding2>div>p{margin-top: 2vw;color:#4c4c4c;font-size: 4vw;font-weight:300;line-height:1.4em;text-align: center;}

.colorbox{position:relative;margin-top: 3vw;}
.colorbox ul{
    text-align: center;
}
.colorbox li{display: inline-block;width: 11vw;height: 14vw;margin:0 5px;}
.colorbox li span{position:relative;display:block;width: 11vw;height: 11vw;cursor:pointer;border:1px solid #001e0a;z-index: 3;}
.colorbox li span:after{position:absolute;top: 91%;left:50%;width: 2vw;height: 2vw;margin-left: -1vw;content:'';z-index: -1;/* background-color: #001e0a; */border-right: 1vw solid transparent;border-bottom: 1vw solid transparent;border-left: 1vw solid #001e0a;border-top: 1vw solid #001e0a;transform: rotate(-134deg);display:none}
.colorbox li.on span:after{display:block;}
.col1 span{background-color:#6c3b2b}
.col2 span{background-color:#e1dcd9}
.col3 span{background-color:#205d39}
.col4 span{background-color:#ffffff}
.col5 span{background-color:#050607}

.colorbox li div{position:absolute;top: 100%;left: 50%;width: 75vw;padding: 5vw 0;background-color:#f6f2e7;display: none;margin-left: -37.5vw;}
.colorbox li div strong{display:block;color:#4c4c4c;font-size: 4vw;font-weight: 600;margin-bottom: 2vw;}
.colorbox li div p{color:#4c4c4c;font-size: 2.7vw;}


.con8{position: relative;z-index: 1;padding: 14vw 0 0;}
 
.con8 p{color:#4c4c4c;font-size:4vw;font-weight:300;line-height: 1.3em;}
.con8 p font{color:#1d5c39}
.con8 p span{display: block;color:#001e0a;font-family:'Happiness-Sans-Title',sans-serif;font-size:5vw;line-height:1.3em;margin-bottom: 1vw;}
.con8 p strong{color:#001e0a;position: relative; z-index:1}
.con8 p strong::after{position: absolute;left: -1%;top: -5%;width: 102%;height: 110%;background-color: #001e0a;content: '';z-index: -1;transform-origin: 0 50%;transform: scaleX(0);}
.con8 p strong.animate__animated::after{-webkit-animation-name:underline;animation-name:underline;animation-duration: 0.7s;animation-delay:0.7s;-webkit-animation-fill-mode:both;animation-fill-mode:both} 


.exterior {position:relative;z-index:1;padding-left:46vw;background:url(/img_up/shop_pds/taplay11/build/m_img/con7_bg2.png) no-repeat 0 0;background-size:44vw auto !important;margin-top: 7vw;padding-bottom: 10vw;}
.interior{position:relative;margin-top: -6vw;background-color:#eee;padding: 12vw 0 14vw;}
.interior::after{position:absolute; top:0; left:0; width:3vw; height:100%; background-color:#fff; content:''}

.interior span{margin-bottom: 4vw !important;}
.interior img{margin-left: 8vw;width:92.2vw;margin-top:6vw}

 
 
.con9{padding:16vw 0 15vw; background-color:#205d39;}
.con9 .table{
    margin-top: 5vw;
}
.con9 .table p{color:#d7edde;font-size:2.8vw;font-weight:300;margin:10px 0;line-height: 1.5em;}
.con9 .table table{border-top:0.5vw solid #000}
.con9 .table th,.con9 .table td{text-align:center;}
.con9 .table th{height:8.5vw; color:#fff; font-size:3.5vw; font-weight:300; background-color:#134127;}
.con9 .table td{position:relative;color:#fff;font-size:3vw;border-bottom:1px solid #000;padding: 2vw 0;line-height: 1.3em; word-break:keep-all;}
.con9 .table td.left{padding-left:3vw}
.con9 .table td span{position:absolute;top:50%;left:50%;width:0;height:2vw;background:url(/img_up/shop_pds/taplay11/build/m_img/con8_line.png) no-repeat 0 50%;margin-top: -3vw;margin-left:-8.3vw;transform-origin: 0 50%;background-size:16.6vw auto;}
.con9 .table td em{font-style:normal}
.con9 .table td.point1 img{width:20.9vw;}
.con9 .table td.point2 img{width:24.2vw;}
.con9 .result td{background-color:#db284a; font-weight:900}

.cost_tab{margin: 8vw 0 4vw;font-size:0;text-align: center;}
.cost_tab span{display:inline-block;width: 27vw;height: 10vw;line-height: 10vw;color: #fff;font-size: 4vw;text-align:center;background-color: #000000;margin: 0 1vw;cursor:pointer}
.cost_tab span em{font-style:normal; font-size:3vw;}
.cost_tab span.on{color: #fff;font-weight:bold;background-color: #db284a;box-shadow: 8px 8px 10px rgba(0,0,0,0.15);}

 @-webkit-keyframes tb_line {
   from {
    width:0;
    }

    to {
    width:16.6vw;
    }
}

@keyframes tb_line {
   from {
    width:0;
    }

    to {
    width:16.6vw;
    }
}
.animate__tb_line{ -webkit-animation-name:tb_line;animation-name:tb_line}


.con10{padding:15vw 0 10vw; background-color:#f6f2e7;}
.con10 .tit3>div{color:#000;}
.con10 .tit3>div::after{display:none;}
.con10 .tit3 h5{color:#000}


.form_box{margin: 5vw auto 0;}

.policy{position:relative;border: 1px solid #d2d2d2;background-color: #fff;padding: 3vw;margin-bottom: 7vw;} 
 
  .selec_chk {width:18px;height:18px;margin-top: -5px;left: 0;position: absolute;top: 50%;opacity: 0;}
.chk_box2 {}
.chk_box2 input[type="checkbox"] + label {position:relative; }

.chk_box2 input[type="checkbox"] + label span {width: 4vw;height: 4vw;display: inline-block;border-radius: 50%;vertical-align: middle;margin-top: -4px;background-color: #c1c1c1;line-height: 37px;text-align: center;margin-right: 1vw;}
.chk_box2 input[type="checkbox"] + label span i{display:none;color: #fff;font-size: 2.5vw;vertical-align: top;margin-top: 0.8vw;}

.write_div .chk_box2 input[type="checkbox"] + label, .bo_vc_w .chk_box2 input[type="checkbox"] + label {padding-left:20px}
.write_div .chk_box2 input[type="checkbox"] + label span, .bo_vc_w .chk_box2 input[type="checkbox"] + label span {position:absolute;top:2px;left:0;width:15px;height:15px;display:block;margin:0;background:#fff;border:1px solid #d0d4df;border-radius:3px}
.chk_box2 input[type="checkbox"]:checked + label {}
.chk_box2 input[type="checkbox"]:checked + label span i {display:inline-block}
.all_chk.chk_box2 input[type="checkbox"] + label span {top:0;left:0}


.agree_chk2 {}
.agree_chk2 input{/* display:none; */}
.agree_chk2 label{display: block;height: 5vw;line-height: 5vw;color: #3a3532;cursor:pointer;vertical-align: middle;font-size: 3vw;}
.agree_chk2 .agree_icon{display:inline-block; width:18px; height:18px; background:url(/m_images/frachise/chk_off.png) no-repeat; vertical-align:top; margin-right:10px;}
.agree_chk2 input[type="checkbox"]:checked + label .agree_icon{background:url(/m_images/frachise/chk_on.png) no-repeat;}
.agree_chk2 a{display:block;position:absolute;top: 50%;right: 3vw;height: 7vw;line-height: 7vw;color:#fff;text-align:center;background-color: #c1c1c1;font-size: 2.8vw;width: 13vw;margin-top: -3.5vw;font-weight: bold;}



.inquiry_form{}
.require{display:inline-block;margin-right: 1vw;color: #cf000d;vertical-align:middle;font-size: 2.8vw;margin-top: -0.5vw;}
.inquiry_form h5{color: #000;font-size: 4vw;font-weight: 400;margin-bottom: 3vw;}
.inquiry_form h5 p{display:inline-block;color: #000;font-size: 2.8vw;margin-left: 2vw;font-weight: 300;}

.inquiry_form {}
.inquiry_form table{width:100%;border-collapse: collapse;}
.inquiry_form th,.inquiry_form td{text-align:left;padding: 1.5vw 0;}
.inquiry_form th{color: #3a3532;vertical-align: middle;font-size: 3.5vw;font-weight: 400;padding: 1.5vw 0;}
.inquiry_form td{font-weight:400;}
.inquiry_form .phone>span{color: #3a3532;margin: 0px 1vw;}
.inquiry_form td div{position:relative;float:left;width: 17vw;margin-left: -1px;}
.inquiry_form td .current{color:#1b1b1b;}

.inquiry_form table .nice-select, .inquiry_form table input, .inquiry_form table textarea{border: 1px solid #d2d2d2;background-color:#fff;}
.inquiry_form table .nice-select,.inquiry_form table input[type="text"]{padding: 0 5px;height: 8vw;font-size: 3vw;}
.inquiry_form table .nice-select{position:relative;width: 20vw;display: inline-block;vertical-align: middle;}
.inquiry_form table .nice-select span{height: 8vw;line-height: 8vw;}
.inquiry_form table .phone input{width: 19vw;}

.store_chk  span {display:block;height: 8vw;line-height: 8vw;border:1px solid #d2d2d2;text-align:center;font-size: 2.8vw;color:#3a3532;background-color:#fff;cursor:pointer;}
.store_chk input[type="radio"]:checked + label span {border: 1px solid #205d39;background-color: #205d39;color:#fff;}

.inquiry_form .time{padding:2vw 0;}
.inquiry_form .time label{width: 29%;display:inline-block;vertical-align:middle;color: #3a3532;font-size: 3vw;line-height: 20px;vertical-align: middle;}
.inquiry_form .time label input{width: 3vw;height: 3vw;appearance: auto;margin-right: 1vw;vertical-align: middle;}



.inquiry_form td textarea{width:100%;height: 20vw;}
.inquiry_form .submit{width: 25vw;height: 10vw;text-align:center;color:#fff;background-color: #205d39;font-size: 4vw;border:0;display:block;margin: 6.6vw auto 0;font-family:'Happiness-Sans-Title',sans-serif;letter-spacing: 0;}

.inquiry_form .bo_w_flie{width:100%}
.inquiry_form .frm_input {padding-left:50px}
.inquiry_form .lb_icon {position:absolute;top:0px;left: 2vw;border-radius:3px 0 0 3px;height: 8vw;line-height: 8vw;font-size: 3vw;text-align:center;color:#b2b2b2;}
.inquiry_form .frm_file {padding-left: 6vw;margin-top:0;border:0;font-size: 3vw;}
.inquiry_form .file_wr {position:relative;border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding: 1.2vw 5px;height: 8vw;margin:0;width: 100%;}
.inquiry_form .frm_input {margin:10px 0 0}
.inquiry_form .file_del {position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d}


.footer{padding: 9vw 0 38vw;background: url(/2312/mb/mark.png) no-repeat 98% 10% #001e0a;background-size: 38.7vw;}
.footer h4{width:9.5vw;height:9.9vw;margin-bottom: 2vw;background:url(/img_up/shop_pds/taplay11/build/m_img/f_logo.png) no-repeat 50%;background-size:100% auto;}
.footer p{color:#838f87;font-size:2.5vw;line-height:1.5em;text-align:center;text-align: left;}
.footer p a{color:#838f87; }

.quick{padding: 3vw 0;position:fixed;width:100%;left: 0;bottom: 0;z-index:9999;/* overflow:hidden; */background-color: #205d39;}
.quick .inbox{
    position: relative;
}

 
.quick h3{/* margin-right:18px; */padding-left:7vw;font-size:6vw;color:#fff;font-family:'Happiness-Sans-Title',sans-serif;letter-spacing:0;background:url(/img_up/shop_pds/taplay11/build/m_img/db_logo.png) no-repeat 0 50%;background-size:5.8vw auto;margin-bottom: 2.5vw;}
.quick h3 a{margin-right: 0;font-size:6vw;color:#f6d57b;font-family:'Happiness-Sans-Title',sans-serif;letter-spacing:0;}

.quick .inbox>a{position:absolute;bottom: 120%;right:0;width: 10vw;height: 10vw;border-radius:50%;background: url(/images/kt.svg) no-repeat 57% 54% #ffe812;background-size: 70% auto;z-index: 10;}
.quick .inbox>a img{width:50px}

.quick p{}
.quick .chk_box3{position:absolute;top:0;right:0;height: 6vw;line-height: 6vw;padding-left:1%;}
.quick form{}
.quick form input{text-indent:5px;}
.quick form input[type="text"], .quick form select, .quick form button{display:block;float:left;font-size:100%;height: 8vw;line-height: 8vw;border: 0;border-radius: 3px;font-size: 3vw;margin-top: 1vw;}
.quick form input[type="text"], .quick form select{width: 30.6vw;margin-right: 1vw;}
.quick form input[name="wr_1"] {margin-right:0;}
.quick form button {right: 0;display: block;width: 100%;height: 8vw;display:block;background-color: #f6d57b;color: #001e0a;text-align:center;font-weight: bold;background-size: 100%;font-size: 4vw;font-family: 'Happiness-Sans-Title',sans-serif;}
 
.selec_chk {position:absolute;top:50%;left:0;/* opacity:0; */outline:0;z-index:-1;overflow:hidden;}
.chk_box3 .selec_chk {width:30px; height:30px; margin-top:-15px;}
.chk_box3 {}
.chk_box3 input[type="checkbox"] + label {position:relative; }

.chk_box3 input[type="checkbox"] + label span {width: 3.5vw;height: 3.5vw;display: inline-block;border-radius: 50%;vertical-align: middle;margin-top: -1.7vw;text-align: center;/* margin-right: 5px; */border: 1px solid #fff;position: absolute;top: 50%;left: 1vw;}
.chk_box3 input[type="checkbox"] + label span i{display:none;color: #fff;font-size: 12px;vertical-align: middle;}

.write_div .chk_box input[type="checkbox"] + label, .bo_vc_w .chk_box2 input[type="checkbox"] + label {padding-left:20px}
.write_div .chk_box input[type="checkbox"] + label span, .bo_vc_w .chk_box2 input[type="checkbox"] + label span {position:absolute;top:2px;left:0;width:15px;height:15px;display:block;margin:0;background:#fff;border:1px solid #d0d4df;border-radius:3px}
.chk_box3 input[type="checkbox"]:checked + label {}
.chk_box3 input[type="checkbox"]:checked + label span i {display:inline-block}
.all_chk.chk_box2 input[type="checkbox"] + label span {top:0;left:0}

.agree_chk {}
.agree_chk input{/* display:none; */opacity: 0;}
.agree_chk label{display:inline-block;/* line-height: 36px; */color: #fff;font-size: 3vw;cursor:pointer;vertical-align: middle;padding-left: 5vw;}
.agree_chk .agree_icon{display:inline-block; width:40px; height:40px; background:url(/images/frachise/chk_off.png) no-repeat; vertical-align:top; margin-right:10px;}
.agree_chk input[type="checkbox"]:checked + label .agree_icon{background:url(/images/frachise/chk_on.png) no-repeat;}
.agree_chk a{color: #fff;letter-spacing: -0.08em;font-size: 3vw;}