#wrap { z-index: 5; }
#wrap:before{content:'';width: 100%;height: 80vh;position: absolute;top: 0;left: 0;background-image: url(/images/44/wrapBg.png);background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;opacity: .7;}

/* section */
section {padding: 5vw 0;}
section >* { z-index: 3; }
section .title_box {padding-bottom: 3vw;font-size: 35px;font-weight: bold;position: relative;padding-left: 25px;color: var(--primary););}
section .title_box:before{content:'';width: 10px;height: 10px;display: inline-block;border-radius: 50px;background: var(--secondary);position: absolute;top: 15px;left: 0;box-shadow: 0 10px var(--primary);}
section .entitle{font-family: "Tenor Sans", sans-serif;font-size: 80px;text-transform: uppercase;line-height: 1.2;display: none;}
section .clip { margin: auto; width: 100%; }
section .clip img { height: 100%; }
section .clip iframe { width: 100%; height: 100%; top: 0; left: 0; }
section .clip video { width: auto; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }

/* slogan */
#slogan{position:relative;}
#slogan:after{content:url(/images/44/img-slogan.png);position: absolute;right: 0;bottom: 0;animation-name: fish;animation-direction: alternate;animation-iteration-count: infinite;animation-timing-function: ease-in-out;animation-duration: 2s;}
@keyframes fish{0%{transform-origin:right bottom;transform:rotate(-3deg);}100%{transform-origin:right bottom;transform:rotate(3deg);}}
#slogan .workframe{width:min(90%, 800px);text-align: end;font-size: 26px;letter-spacing: 8px;font-weight: 500;line-height: 2.4;color: #603813;}

/* product_sub_list */
#product_sub_list >div { margin: auto; width: 100%; }
#product_sub_list li {width: 210px;display: block;}
#product_sub_list li .clip { height: 210px; -webkit-clip-path: url(#clip_sub_product); clip-path: url(#clip_sub_product); }
#product_sub_list li h3 { font-weight: 300; }

/* product_list */
#product_list { width: 600px; }
#product_list li .clip { height: 690px; -webkit-clip-path: url(#clip_product); clip-path: url(#clip_product); }
#product_list li .info_box { width: 367px; height: 228px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 367 228'%3E%3Cpath d='M367.78 126C374 16.84 244.78 11.74 169 1.62c-30.92-4.22-65.18-.49-89.25 18.28-10.07 8.27-21.49 9.51-30.69 14.7-10.8 7-24 26.55-31.88 38.77-20.79 30.78-25.12 73.93 3.58 101.93 42.82 40.82 125.08 59.41 182.75 51.15 18.44-2.61 31-8 48.42-10.85 17.13-1.86 30.89-3.56 48.43-10.85 33.48-12.81 54.43-40.22 67.42-78.75z' fill='%23f4ece5'/%3E%3C/svg%3E") no-repeat center / 100%; bottom: 0; left: 0; }
#product_list li .info_box >div { margin: auto; width: 80%; }
#product_list li .info_box h3 { height: auto; font-size: 20px; }
#product_list li .info_box p { margin-right: 10px; font-weight: 300; }
#product_list li .info_box p:first-letter { margin-right: 2px; font-size: 12px; }

/* about_area */
#about_area {padding-bottom: 5vw;padding-top: 0;background: linear-gradient(180deg, #ffffff, rgb(255 255 255 / 5%));}
#about_area h2 { font-size: 45px; font-style: italic; }
#about_area article {line-height: 210%;letter-spacing: 2px;font-weight: bold;font-size: 22px;background: #f8e8db;padding: 40px 30px;border-radius: 50px 20px 50px 20px;text-align: end;display: inline-block;color: var(--complement);position: relative;}
#about_area article:before{content:url(/images/44/img-squirrel4.png);position: absolute;left: -140px;bottom: -100px;}
#about_area .clip {-webkit-clip-path: url(#clip_about);clip-path: url(#clip_about);}
#about_area .about_sub_1 { width: 350px; top: -10vw; left: -3vw; }
#about_area .about_sub_1 .clip { -webkit-clip-path: url(#clip_about_sub_1); clip-path: url(#clip_about_sub_1); }
#about_area .about_sub_2 {width: 470px;top: -26vw;right: 14vw;}
#about_area .about_sub_2 .clip { -webkit-clip-path: url(#clip_about_sub_2); clip-path: url(#clip_about_sub_2); }
#about_area .about_sub_3 { width: 300px; bottom: -11vw; left: 35vw; }
#about_area .about_sub_3 .clip { -webkit-clip-path: url(#clip_about_sub_3); clip-path: url(#clip_about_sub_3); }
#about_area #about_img{ right: -110px; }

/* custom_area */
#custom_area{padding-bottom: 14vw;}
#custom_area .workframe {width: 140%;margin: 0 -45% 0 auto;}
#custom_area .slick-prev{display: none !important;}
#custom_area .infoBox {display: flex;flex-wrap: wrap;justify-content: space-around;align-items: center;}
#custom_area .slick-list{overflow:unset;}
#custom_area li{margin:0 20px;position: relative;}
#custom_area li .clip{order: 1;width: 100%;position: relative;}
#custom_area li.slick-current .clip{order: 1;width: 70%;}
#custom_area .clip a img{aspect-ratio: 5 / 3;width: 100%;height: 520px;border-radius: 50px;box-shadow: 0 0 50px rgb(0 0 0 / 15%);}
#custom_area li .info{width:0%;display:none;;}
#custom_area li .info em{font-family: "Tenor Sans", sans-serif;font-size: 80px;display: block;font-style: unset;line-height: 1;margin-bottom: 20px;color: var(--primary);}
#custom_area li .info h3{font-size:33px;font-weight: bold;color: #603813;}
#custom_area li .info article{margin: 5px 0 100px;font-size: 33px;font-weight: bold;color: #603813;}
#custom_area li.slick-current .info{width:30%;display: flex;flex-direction: column;align-items: center;}
#custom_area ul *{transition:unset;-webkit-transition:unset;}
#custom_area .slick-next{right: calc(50% - 60px);width: 75px;height: 75px;}
#custom_area .slick-next:before{content:url(/images/44/arrow-right.png);opacity: 1;}
#custom_area .more_btn b{transition: all linear 0.3s;}
#custom_area li .clip:after{content:url(/images/44/img-squirrel.png);position:absolute;left: 70px;top: 5px;opacity: 0;}
#custom_area li.slick-current .clip:after{top: -105px;opacity:1;}
#custom_area:after{content:'';background-image: url(/images/44/img-separate.png);background-repeat: no-repeat;background-position: 50% bottom;background-size: cover;width: 100%;height: 540px;position: absolute;bottom: 0;z-index: -1;}

/* reviews_area */
#reviews_area{padding-top: 7vw;}
#reviews_area li{margin:0 20px;border: 1px solid var(--primary);border-radius: 20px;overflow: hidden;}
#reviews_area li .box{position:relative;background: #e5edd7;padding: 20px;}
#reviews_area li .box .img{width: 60px;aspect-ratio: 1 / 1;border-radius: 50px;overflow: hidden;position: absolute;}
#reviews_area li .box h3{position:relative;padding-left: 90px;font-size: 20px;}
#reviews_area li .box p{position:relative;padding-left: 90px;color: #Daa522;}
#reviews_area li .photo{padding:20px;background:#fff;}
#reviews_area li .photo img{width:100%;}

/* news_area */
#news_area:before{content:url(/images/44/img-squirrel3.png);position: absolute;z-index: 4;top: -60px;left: 15%;}
#news_area .bg_box{height: 110%;background-repeat: no-repeat;}
#news_area .bg_box:before{display:none;}
#news_area .title_box:before{left: 45%;background: var(--white);box-shadow: 0 10px var(--white);}
#news_area .title_box, #news_area .entitle{color:var(--white)}
#news_area .title_box{padding-bottom: 2vw;margin-top: 2vw;}
#news_area li{margin: 0 25px;}
#news_area li >div{background: #f5f5f5;padding: 0 !important;border-radius: 50px;overflow: hidden;box-shadow: 0 0 30px rgb(0 0 0 / 10%);margin: 30px 0;}
#news_area li .info_box {margin: 30px;}
#news_area li .time { width: 65px; font-weight: 400; font-size: 13px; }
#news_area li .more_btn { margin-left: 10px; padding: 2px 15px; max-width: calc(100% - 105px); height: 22px; font-weight: 100; font-size: 13px; z-index: 6; }
#news_area li h3 {height: auto;line-height: 150%;font-size: 20px;-webkit-line-clamp: 1;font-weight: 600;margin-bottom: 20px;color: var(--primary);}
#news_area li p{height:auto;-webkit-line-clamp: 2;color: #603813;font-weight: 400;}
#news_area li .more{font-family: "Barlow", sans-serif;display: flex;align-items: center;justify-content: flex-end;font-size: 13px;font-weight: 500;margin-top: 30px;color: #603813;}
#news_area li .more b{background: var(--secondary);width: 45px;height: 45px;display: inline-flex;justify-content: center;align-items: center;border-radius: 50px;margin-left: 15px;}
#news_area li .more b svg{width: 15px;height: 15px;}

/* book_area */
#book_area li h3 { margin-top: 10px; height: 30px; font-size: 18px; }

/* photo_area */
#photo_area .item {width: 260px;height: 200px;}
#photo_area .item img {height: 100%;object-fit: cover;}

@media screen and (max-width: 1680px) {
	#slogan:after{zoom:80%}
	#news_area .bg_box{height:100%}
}
@media screen and (max-width: 1460px) {
	#slogan:after{zoom: 60%;}
	#about_area .about_sub_1 , #about_area .about_sub_2 , #about_area .about_sub_3 { width: 20vw; }
	#product_list { width: 500px; margin-left: 30px; }
	#product_list li .clip { height: 590px; }
	#about_area .about_sub_2 { top: -20vw; right: 6vw; }
}
@media screen and (max-width: 1280px) {
	#custom_area .workframe{width:90%;margin: 0 auto;}
	#news_area:before{left:5%}
	#news_area .title_box:before{left: 43%;}
}
@media screen and (max-width: 1024px) {
	#news_area:before{zoom:80%}
	section {padding: 10vw 0;}
	#custom_area li .clip:after{zoom:80%}
	#slogan:after{display:none;}
	#product_list { margin: auto; }
	#news_area li h3 { height: 30px; -webkit-line-clamp: 1; }
}
@media screen and (max-width: 980px) {
	#news_area:before{zoom: 70%;top: -40px;}
	#news_area .title_box:before{left:40%}
	#news_area{padding-top:15vw;padding-bottom: 5vw;}
	#custom_area li.slick-current .clip, #custom_area li .clip{width: 100%;}
	#product_list { width: 500px; }
	#product_list li .clip { height: 590px; }
	#about_area #about_info { margin-bottom: 8vw; }
	#about_area .about_sub_2 { top: auto; bottom: 35vw; width: 35vw; }
	#about_area .about_sub_3 { width: 29vw; left: 10vw; }
	#custom_area li .info em{display:none;}
	#custom_area li.slick-current .info, #custom_area li .info{display: flex;width: 100%;order: 2;margin-top: 30px;flex-direction: column;align-items: center;}
}
@media screen and (max-width: 760px) {
	#product_sub_list>div { margin: 10px auto 50px; }
	#product_sub_list li { width: 150px; }
	#product_sub_list li .clip { height: 150px; }
	#product_list { width: 70vw; }
	#product_list li .clip { height: 80vw; }
	#product_list li .info_box { width: 45vw; height: 30vw; }
}
@media screen and (max-width: 550px) {
	#about_area article:before{left: -90px;bottom: -120px;}
	#news_area .title_box:before{left: 32%;}
	#news_area{padding-top: 25vw;}
	#news_area:before{display:none;}
	section .entitle{font-size: 45px;}
	section .title_box{font-size: 25px;padding-bottom: 5vw;}
	#about_area article{margin-top:40px}
	#custom_area:after{height: 160px;}
	#custom_area li .info article{margin-bottom:40px}
	#custom_area{padding-top: 23vw;}
	#custom_area li .clip:after{zoom:50%}
	#custom_area .clip a img{height:auto;}
	#slogan .workframe{font-size: 18px;letter-spacing: 3px;}
	#product_sub_list li { margin: 10px; width: 35vw; }
	#product_sub_list li .clip { height: 35vw; }
	#product_list { width: 90vw; }
	#product_list li .clip { height: 100vw; }
	#product_list li .info_box { width: 55vw; height: 40vw; }
	#about_area #about_img { width: 80vw; }
	#about_area .about_sub_2 { bottom: 60vw; }
	#news_area li .row { margin: auto; width: 280px; }
}
@media screen and (max-width: 480px) {
	#book_area li.row { margin: auto; width: 250px; }
}