/* index.less */
#wrap .title_box font span{transform:translate(-50%,-50%) rotate(0deg);-webkit-transform:translate(-50%,-50%) rotate(0deg);}#wrap .title_box font b{transform:translate(0,-20px);-webkit-transform:translate(0,-20px);}#wrap .title_box.showtime font span{transform:translate(-50%,-50%) rotate(-30deg);-webkit-transform:translate(-50%,-50%) rotate(-30deg);}#wrap .title_box.showtime font b{transform:translate(0,-9px);-webkit-transform:translate(0,-9px);}#wrap .img_show:before{transform:skew(19deg,0);-webkit-transform:skew(19deg,0);}#wrap .img_show.showtime:before{transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out;}

/* section */
section {padding: 30px 0;}
section.last {}
section.section_pad {padding: 90px 0;}
section >* { z-index: 3; }
section .title_box {margin: 0 auto 50px;}
section .title_box font { padding: 10px 0; box-sizing: border-box; line-height: 1; font-size: 50px; z-index: 5; }
section .title_box font span { width: 280px; height: 3px; top: calc((100% - 3px) / 2); left: 50%; z-index: 1; }
section .title_box font span:before , section .title_box font span:after {position: absolute;width: 50%;height: 100%;background: #eee;display: block;top: 0;left: 0;content: "";}
section .title_box font span:after { left: auto; right: 0; }
section .title_box font b {line-height: 100%;letter-spacing: .15em;font-size: max(1.5*(1vw + 1vh) / 2, 20px);font-weight: 400;text-transform: uppercase;z-index: 4;opacity: 0;margin-top: 3px;}
section .title_box font b.entitle{font-family: 'Oswald', sans-serif;letter-spacing: 0;font-size: max(3*(1vw + 1vh) / 2, 30px);font-weight: bold;margin: 0;color: #619781;}
section .title_box font .sub_title { font-weight: bold; font-size: 22px; text-transform: uppercase; font-style: italic; top: 80px; left: 85px; opacity: 0; }
section .title_box.showtime font span:before , section .title_box.showtime font span:after { width: 25%; -webkit-transition-delay: .2s; transition-delay: .2s; }
section .title_box.showtime font b { opacity: 1; -webkit-transition-delay: .6s; transition-delay: .6s; }
section .title_box.showtime font .sub_title { opacity: 1; -webkit-transition-delay: .8s; transition-delay: .8s; }
section .img_show:before {position: absolute;width: 200%;height: 100%;background: #fff;content: "";top: 0;left: -50%;z-index: 10;}
section .img_show.showtime:before { left: 120%; }

/* bg_box */
.bg_box { width: 100%; height: 100%; background: no-repeat 50% / cover; opacity: .5; top: 0; left: 0; }
.bg_box:before {width: 100%;height: 100%;display: block;background: rgba(var(--white-rgb), .3);content: "";}
.bg_box.white:before { background: rgba(var(--white-rgb), .2); }

/* about_area */
#about_area .workframe{display: flex;justify-content: space-between;}
#about_area article p {margin-bottom: 30px;line-height: 210%;letter-spacing: 2px;font-weight: 400;font-size: 15px;text-align: justify;color: #494949;}
#about_area .more {bottom: 0;text-align: end;width: 80%;}
#about_area .atitleBox{display:flex;position: relative;overflow: hidden;justify-content: center;flex-wrap: wrap;padding: 200px 0 220px;margin-bottom: 100px;}
#about_area .atitleBox h2{color:#fff;line-height: 100%;letter-spacing: .15em;font-size: max(3*(1vw + 1vh) / 2, 24px);font-weight: 400;text-transform: uppercase;z-index: 5;letter-spacing: 1em;margin-left: 0.5em;margin-bottom: 10px;}
#about_area .atitleBox h1{position:absolute;color: #fff;font-family: 'Oswald', sans-serif;bottom: 20px;font-size: 200px;letter-spacing: 20px;}
#about_area .atitleBox .videobox .video-bg:after{content:'';position:absolute;background:#000;width: 100%;height: 100%;top: 0;left: 0;opacity: .5;}
#about_area .atitleBox .videobox .video-bg video{position: absolute;left: 0px;bottom: 0px;width: 100%;}
#about_area#about_area h2.title_box{font-size: 30px;letter-spacing: 5px;margin: 0 0 20px;}
#about_area{
	background-image: linear-gradient(#ffffff, #ffffff, #e5e5e5);
}
#about_area .mmJJbar{
    position: absolute;
    bottom: 0;
}
#about_area .mmJJbar.mootop{
    top: 0;
    bottom: unset;
    z-index: 3;
    -moz-transform: scaleY(-1);
    -webkit-transform:scaleY(-1);
    -o-transform:scaleY(-1);
    transform:scaleY(-1);
}
.Javideoobo{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.Javideoobo .rJinfo{
    font-size: max(1.5*(1vw + 1vh) / 2, 18px);
    color: #ffffff;
    z-index: 5;
    line-height: 150%;
    font-weight: 200;
}
/* news_area */
#news_area .bg_box{background:#eee;opacity: 1;}
#news_area li >div{margin:0 20px;}
#news_area .time {font-weight: 500;line-height: 120%;margin-top: 10px;font-family: 'Lato', sans-serif;font-size: 14px;color: #898989;}
#news_area .img_cover {height: 300px;}
#news_area h3 {height: 45px;line-height: 45px;letter-spacing: 1px;font-weight: 600;font-size: 20px;}
#news_area p.more{font-size:14px;overflow: hidden;height: 45px;color: #898989;}
#news_area .slick-current h3:before { width: 100%; }
#news_area .more font { font-weight: 600; font-style: italic; }
#news_area .more svg { margin-left: 10px; width: 18px; height: 13px; }
#news_area .list_box{
    margin: 80px 0 50px;
}
/* product_list */
#product_list { margin: auto; width: 90%; }
#product_list .img_show { z-index: 1; }
#product_list .img_cover { height: 400px; }
#product_list .info_box { margin: -50px auto 30px; padding: 20px 30px; width: calc(90% - 60px); box-shadow: 0 0 10px rgba(var(--black-rgb), .2); z-index: 5; }
#product_list .info_box h3 { margin-bottom: 5px; height: 37px; letter-spacing: .15em; font-size: 22px; }
#product_list .info_box .price_box p { margin-right: 10px; vertical-align: bottom; }
#product_list .info_box .price_box p * { line-height: 100%; font-size: 18px; vertical-align: text-bottom; }
#product_list .info_box .price_box p span { margin-right: 2px; font-size: 12px; }
#product_list .info_box .price_box p.price * { font-weight: 600; }
#product_list .info_box .price_box p.old font { font-size: 15px; text-decoration: line-through; }

/* book_area */
#book_area{
	background:url(/images/43/acpt_bg.gif)
}
#book_area li >div{position:relative;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;border: 10px solid #eee;margin: 0 20px;}
#book_area li:hover >div{border: 10px solid #689985;}
#book_area li a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;}
#book_area a b { margin: auto; padding: 0 10%; width: 80%; height: 42px; letter-spacing: .15em; font-weight: 700; font-size: 25px; }
#book_area .slick-current a b { letter-spacing: .4em; }
#book_list ul{
    margin: 80px 0 30px;
}
#book_area li .jantext{
    text-align: center;
    padding: 20px 0;
    font-size: 18px;
}
#book_area .btnBox{
    display: flex;
    flex-direction: column;
    align-items: center;
}
/* process_area */
#processbox{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;padding: 0;list-style: none;margin: 100px 0 50px;}
#processbox >div{width: calc((100%/3) - 60px);position: relative;padding: 30px 30px 90px;clear: both;}
#processbox >div:before {content: '';width: 100%;height: 1px;background: #eee;position: absolute;bottom: 26px;left: 0;transition: all 0.4s ease;}
#processbox >div:nth-of-type(4n+1):before{width: calc(100% - 30px);left: 30px;  }
#processbox >div:nth-of-type(4n):before{width: calc(100% - 30px);left: 0;  }
#processbox >div:hover:before{background: #689985;}
#processbox >div .free{}
#processbox >div .free .num{width: 32px;height: 32px;background: #ffffff;border: 1px solid #eee;border-radius: 50%;text-align: center;color: #454545;font-size: 13px;line-height: 30px;letter-spacing: 0;position: absolute;bottom: 10px;left: 90px;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
#processbox >div:hover .free .num{background: #689985;color: #fff;}
#processbox >div .free .icon{width: 48px;height: 55px;float: left;margin-right: 15px;position: relative;overflow: hidden;}
#processbox >div .free .icon img{width: 100%;position: absolute;top: 0;left: 0;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;display: inline-block;}
#processbox >div:hover .free .icon img{top: -52px;}
#processbox h2{font-weight:400;color: #111;font-size: 21px;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
#processbox h3{color: #494949;font-size: 15px;line-height: 20px;letter-spacing: 0.6px;overflow: hidden;margin-top: 5px;font-weight: 300;line-height: 150%;}
#pandr-title .small-talk{float:right}
#pandr-title .small-talk p{text-align:right;font-size:16px;color:#e19dc5;line-height:180%;width:280px}

#process_area{
	background: linear-gradient(#e5e5e5,#f5f5f5, #ffffff);
}
section#process_area .title_box font span:before, section#process_area .title_box font span:after{
    background: #cccccc;
}
@media screen and (min-width: 1281px){
	#product_list { width: var(--width-xl); }
	#book_area li:hover a b { letter-spacing: .4em; }
}
@media screen and (min-width: 1025px){
	section {padding: 90px 0 70px;}
	#about_area #photo_list {order: 0;}
	#about_area #about_info{order: 1;}
	#about_area #about_info:before{
		content: "ABOUT";
		position: absolute;
		font-size: 140px;
		bottom: 45px;
		color: #fafafa;
		z-index: 0;
		font-weight: 600;
		opacity: 0.3;
	}
	#about_area article { width: 80%; }
	#about_area .btnBox{
    display: flex;
    width: 100%;
    justify-content: flex-end;
    align-items: center;
}
	
}

@media screen and (max-width: 1470px){
	#about_area .atitleBox{
    padding: 170px 0 180px;
}
}
@media screen and (max-width: 1280px){
	#news_area .img_cover{height: 250px;}
	#about_area .workframe{width:90%;}
}
@media screen and (max-width: 1024px){
	#about_area h2.title_box{margin-top:10px;}
	#about_area .more {margin-top: 15px;width: 100%;}
	#processbox >div{width: calc(50% - 60px);}
	#processbox >div:nth-of-type(4n+1):before{left:0;width: 100%;}
}
@media screen and (max-width: 640px){
	#about_area .workframe{
    display: flex;
    flex-direction: column;
    align-items: center;
}
	#about_area .workframe .btnBox{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}
	section.section_pad{
    padding: 20px 0;
}
	#about_area .workframe #photo_list{
    width: 100%;
}
	#about_area article{
    margin-bottom: 50px;
}
	#processbox{
    margin: 0px 0 0px;
}
	#process_area{
    padding: 1px 0;
}
	#news_area .list_box{
    margin: 0px 0 50px;
}
	#about_area .workframe #about_info{width: 100%;margin-top: 30px;}
	#processbox >div{width: calc(100% - 0px);padding: 30px 0px 90px;}
	#about_area .atitleBox{padding: 80px 0 80px;margin-bottom: 80px;}
	#about_area .atitleBox .videobox .video-bg video{width: 150%;}
	#about_area .atitleBox h1{font-size:100px;letter-spacing: 10px;}
	section .title_box { margin: 30px auto; }
	section .title_box font span {display: none;}
	section .title_box font b {font-size: 20px;}
	section .title_box font .sub_title { font-size: 17px; left: 55px; }
	#book_area li >div{margin:0 10px}
}

@media screen and (max-width: 480px){
	#book_area{
    background-position: 50%;
    background-size: cover;
}
	#book_list ul{
    margin: 30px 0 30px;
}
	#about_area .mmJJbar img{width: 250%;max-width: 250%;}
	#about_area .mmJJbar.mootop{
    top: -1px;
}
	#about_area .mmJJbar{
    bottom: -1px;
}
}
@media screen and (max-width: 380px){
	section .title_box.showtime font span:before , section .title_box.showtime font span:after { width: 10%; }
}