#wrap { z-index: 5; }

/* section */
section { padding: 5vw 0; }
section >* { z-index: 3; }
section .title_box {padding-bottom: 1vw;font-size: 30px;color: #2a2927;font-weight: 500;letter-spacing: 3px;}
section .entitle {font-family: "Nunito Sans", sans-serif;font-size: 92px;color: #4c4b49;font-weight: 800;font-style: italic;}
section .entitle:first-letter{color:var(--primary)}
section .dot{content:'';width: 15px;aspect-ratio: 1 / 1;display: block;background: var(--primary);border-radius: 50px;box-shadow: 30px 0 var(--complement), 59px 0 var(--secondary);}
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%); }

/*taJmore*/
.taJmore{position:relative}
.taJmore a{display:flex;align-items:center;justify-content:space-between;width:min(176px,100%);margin-top:68px}
.taJmore a:hover{width:min(165px,100%)}
.taJmore a:hover .coumJ{background:#f1922e}
.taJmore a:hover .coumJ b{background:#ffffff}
.taJmore a .underlinJ{padding-bottom:0px;border-bottom:#4e4e4e 1px solid;font-size:max(1.25 * (1vw + 1vh) / 2,16px)}
#news_area .taJmore a .underlinJ{border-bottom:#ffffff 1px solid;color:#ffffff}
#news_area .taJmore a .coumJ b{background:#ffffff}
.taJmore a .coumJ{width:50px;aspect-ratio:1/1;border:#d8d8d8 1px solid;border-radius:500px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.taJmore a .coumJ b{width:5px;aspect-ratio:1/1;background:#3a3737;border-radius:55px}

/*taJtitle*/
.taJtitle{position:relative;margin-bottom:50px;display:flex;flex-direction:column}
.taJtitle:before{content:"";background:url(/images/44/sun_img.png);position: absolute;width: 25px;aspect-ratio: 1/1;background-position: 50%;background-repeat: no-repeat;left: -35px;top: -16px;animation: rotate 4s linear infinite;}
.paJbox .taJinfo .innretext p{line-height: 200%;color: #3c3c3c;letter-spacing: 0.01em;}
.taJtitle p{text-transform: uppercase;font-size: max(2 * (1vw + 1vh) / 2, 28px);letter-spacing: 0.04em;}
.taJtitle h2{font-size: max(3.9 * (1vw + 1vh) / 2,34px);background:linear-gradient(to right,#31909f,#97a687,#97a687,#97a687);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:400}
/* about_area */
#about_area {padding-bottom: 0;z-index: 5;background-repeat: no-repeat;background-position: 100% 28px;background-size: auto;position: relative;display: flex;justify-content: flex-end;}
#about_area .paJbox{display:grid;width:92%;grid-template-columns:1fr 64vw;gap:10px;}
#about_area .paJbox .aboutJ_left{display:flex;flex-direction:column}
#about_area .paJbox .aboutJ_right{display:flex;flex-direction:column;width:81vw;position:absolute;right:-20vw;bottom:0}
#about_area .paJbox .aboutslick ul li{margin: 0 10px;}
#about_area .paJbox .aboutslick ul li img{border-radius: 30px;}
#about_area:before{content:'';width: 13.4vw;height: 143%;position: absolute;right: 0;top: 0;background: linear-gradient(60deg, #cc3d32, #dc6c47, #fbc672, #f3b272, #ea9972);border-radius: 0px 0px 0px 250px;}
#about_area .workframe{width: min(90%, 1370px);}

#about_area article {line-height: 210%;letter-spacing: 2px;font-weight: 400;font-size: 19px;}
#about_area .more_btn{position:absolute;bottom: 0;right: 0;}
#pulsing{width: 97%;margin: 60px auto 0;position: relative;}
#pulsing:after{content:url(/images/44/dottedline.png);position: absolute;left: -2%;bottom: -20%;}
#pulsing ul{padding:0;margin:0;list-style-type:none;display: grid;gap:2vw;grid-template-columns: repeat(5, 1fr);}
#pulsing .boxes li{border-radius: 50px;aspect-ratio: 4 / 3;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;transition:unset;-webkit-transition:unset;}

/* product_area */
#product_area{position: relative;z-index: 2;}
#product_area:after{content:"";background:url(/images/44/rigJimg.png);aspect-ratio:90/384;position:absolute;width:4.5vw;right:8vw;bottom:-1vw;background-size:cover;animation:sway 5s infinite ease-in-out;transform-origin:top center}
@keyframes sway{0%{transform:rotate(5deg)}
50%{transform:rotate(-5deg)}
100%{transform:rotate(5deg)}
}
#product_area .slick-list{overflow: hidden;}
#product_area .titleBox{width: min(90%, 1420px);margin: 0 auto;display: grid;align-items: flex-end;grid-template-columns: 30% 70%;position: relative;}
#product_area .titleBox:before{content:url(/images/44/circle.png);position: absolute;right: 20px;}
#product_area .dot, #custom_area .dot, #book_area .dot{background:#fff;box-shadow: 30px 0 var(--white), 59px 0 var(--white);}
#product_area .title_box, #custom_area .title_box, #book_area .title_box{margin-top: 10px;color: var(--white);padding-bottom: 38px;}
#product_area .news_btn{width: min(90%, 1420px);margin: 0 auto 50px;display: flex;align-items: center;}
#product_area .news_btn a {line-height: 15px;}
#product_area .news_btn svg{fill:#fff;width: 15px;height: 15px;}
#product_area .news_btn a:first-child  svg{-webkit-transform: scaleX(-1);transform: scaleX(-1);}
#product_area .news_btn font {margin: 0 15px;font-size: 0;display: inline-flex;}
#product_area .news_btn font span {margin-left: 10px;display: inline-block;font-weight: 400;font-size: 13px;font-family: "Prosto One", sans-serif;color: #fff;}
#product_area .news_btn font span:first-child {padding-left: 10.03px;}
#product_area .noBox{font-weight: 400;font-size: 13px;font-family: "Prosto One", sans-serif;color: #fff;position: absolute;top: -73px;left: -250px;opacity: 0;}
#product_area li.slick-current .noBox{opacity:1;}
#product_area li{display:grid;grid-template-columns: 1fr;justify-content: space-between;margin: 0 30px;opacity: 0;align-items: center;}
#product_area li .clip img{border-radius: 50px;height: 510px;width: 100%;}
#product_area li .info_box{display:none;opacity: 0;}
#product_area li .info_box >a{position:relative;z-index:8;}
#product_area li .info_box h3{font-size: 22px;height: auto;padding-bottom: 10px;margin-bottom: 20px;color: #ffffff;font-weight: 400;}
#product_area li .info_box p{font-size: 16px;-webkit-line-clamp: 2;height: auto;line-height: 2.2;margin-bottom: 140px;width: 100%;color: #ffffff;font-weight: 300;height: 71px;}
#product_area li.slick-current .info_box{display:block;opacity: 1;width: 90%;}
#product_area li.slick-current{grid-template-columns: 62% 29%;opacity: 1;gap: 9%;}
#product_list,#product_list *{transition:unset;-webkit-transition:unset;}
#product_list{margin-left: 2.5%;}
#product_area .mid_Jbox{width:90%;overflow:hidden;background:#97a687;border-radius:195px;padding:90px 3% 90px 8%;display:grid;grid-template-columns:135px 90%;gap:10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin:32px 0 0}
#product_area .taJtitle p{position:absolute;width:auto;height:100%;webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;right:21px;margin-top:15px;color:#ffffff}
#product_area .taJtitle{margin-top:10px}
#product_area .taJtitle:before{filter:brightness(22222)}
#product_area .taJtitle h2{position:absolute;width:auto;height:100%;webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background:unset;right:78px;margin-top:15px;color:#ffffff}


#product_area .slick-dots{bottom: 69px;width: auto;display: flex !important;flex-direction: row;align-items: center;right: calc(8% - -160px);}
#product_area .slick-dots li{margin: 2px 0;opacity:1;}
#product_area .slick-dots li button{border: 1px solid #75757500;border-radius: 50px;}
#product_area .slick-dots li.slick-active button{border: 1px solid #ffffff;}
#product_area .slick-dots li button:before{opacity:1;color:#ffffff}
#product_area .taJtitle:before{left: auto;right: 0;}

/*Jambotton*/
.Jambotton{position:absolute;display:flex;right:4%;bottom:0%;align-items:center;z-index:9;width:160px;aspect-ratio:1/1;justify-content:center}
.Jambotton:hover .qua01:after{left:75%}
.Jambotton:before{content:"";position:absolute;width:100%;aspect-ratio:1/1;background:url(/images/44/runruntext.png);background-size:cover;background-position:50%;animation:rotate 20s linear infinite;filter:brightness(22222)}
@keyframes rotate{0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}.Jambotton a{position:absolute}
.Jambotton .qua01:after{content:"";width:5px;height:5px;background-color: #ffffff;border-radius:50%;position:absolute;left: 31%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.Jambotton .qua02{width:10px;height:10px;border-right: 2px solid #ffffff;border-bottom: 2px solid #ffffff;-webkit-transform: rotate(316deg);transform: rotate(316deg);display:block}
.Jambotton .qua01{width: 45px;height: 18px;border-radius:12.5px;background-color: rgb(229 229 229 / 48%);position:relative;overflow:hidden;margin-bottom: 0;display: flex;align-items: center;margin-right: 10px;z-index: -1;}



/* custom_area */
#custom_area{background: #f39800;}
#custom_area .workframe{display:grid;grid-template-columns: 25% 75%;align-items: center;width: 90%;margin: 0 -5% 0 auto;}
#custom_area .entitle, #custom_area .entitle:first-letter, #book_area .entitle, #book_area .entitle:first-letter{color:#fff;}
#custom_area .parallax_svg.top { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 64' preserveAspectRatio='none'%3E%3Cpath d='M1440 64V16.67c-90 24.285-138.35 6.45-203.49-2.259-59.67-7.998-119.29 10.198-179.14 5.869-78.82-5.09-135.28-41.99-217.6-1.58C797.82 34.596 776 42.875 718.33 38.326c-164.07-15.317-329.57 33.862-490.92 5.169C150.6 31.857 79.33-8.834 0 16.62V64h1440z' fill='%23E2CEBC'/%3E%3C/svg%3E"); }
#custom_area .parallax_svg.bottom { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 64' preserveAspectRatio='none'%3E%3Cpath d='M0 0v47.33c90-24.285 138.35-6.45 203.49 2.259 59.67 7.998 119.29-10.198 179.14-5.869 78.82 5.09 135.28 41.99 217.6 1.58C642.18 29.403 664 21.125 721.67 25.674c164.07 15.317 329.57-33.862 490.92-5.169C1289.4 32.143 1360.67 72.834 1440 47.38V0H0z' fill='%23E2CEBC'/%3E%3C/svg%3E"); }
#custom_area ul li >div {margin: 0 10px;background: var(--white);padding: 70px 60px;border-radius: 50px;}
#custom_area ul li .clip { width: 250px; height: 250px; -webkit-clip-path: url(#clip_custom); clip-path: url(#clip_custom); }
#custom_area ul li h3 {margin: 0 0 15px;font-size: 18px;font-weight: 500;letter-spacing: 1px;}
#custom_area ul li h3 span{color:#DAA520;margin-left: 30px;}
#custom_area ul li h3 span b{color:#DAA520;margin-left: 10px;}
#custom_area ul li article {font-weight: 400;font-size: 16px;overflow: hidden;margin: 10px 0 0;height: auto;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

/* news_area */
#news_area{position: relative;z-index: 1;margin: 0;padding: 0 0 60px;}
#news_area .bg_box{border-radius: 0 50px 50px 0;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;padding-left: 9vw;display: flex;flex-direction: column;}
#news_area .newsJlist{width:90%}
#news_area .taJmore{display:flex;flex:1}
#news_area .yetime{color:#b7b6b6;font-size:18px}
#news_area:before{content:"";position:absolute;width:31vw;height:130%;background:linear-gradient(90deg,#cc3d32,#ea9972);left:0;top:-150px;border-radius:100px 10px 150px 0px}

#news_area .workframe{width:87%;margin:0;display:grid;grid-template-columns:29% 59%;justify-content:space-between;gap:0 100px;align-items:stretch}
#news_area .entitle{display:inline-block}
#news_area .title_box{display:inline-block;padding:0;margin-left:20px;margin-top:28px}
#news_area li{border-bottom:1px solid #ddd;padding: 8px 0 60px;margin-bottom:60px}
#news_area li .info_box{display:grid;grid-template-columns:135px 1fr 163px;gap:10px;align-items:start}
#news_area li .btnn{display:inline-flex;align-items:center;padding-left:29px;font-size:16px;color:#2c2c2c;justify-content:space-between}
#news_area li .btnn img{margin-left:10px;margin-bottom:5px}
#news_area li .info_box 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:hover .info_box b{background:var(--info)}
#news_area li .info_box b svg{width: 15px;height: 15px;fill: var(--white);}
#news_area li h3 {margin-top: 0;height: 32px;line-height: 1.7;font-size: 20px;-webkit-line-clamp: 2;color: #333333;font-weight: 500;}
#news_area li .time {color: #666666;font-size: 15px;font-family: "Nunito Sans", sans-serif;}

/* book_area */
#book_area{padding: 30px 0 10px;margin-top: -40px;}
#book_area:after{content: "";background: url(/images/44/downban.png);position: absolute;height: 329px;aspect-ratio: 43/329;z-index: 1;right: 9vw;top: -148px;background-size: cover;}
#book_area .workframe {width: 100%;display: grid;grid-template-columns: 100%;justify-content: space-between;align-items: center;z-index: 2;}
#book_area .left{order:2}
#book_area .title_box{word-spacing: 100vw;padding-bottom: 0;}
#book_area li{margin: 0 0px;}
#book_area li .img_box{border-radius: 0;aspect-ratio: 473/306;}
#book_area .taJtitle{margin-left:36vw;display: grid;grid-template-columns: 1fr 65% 27%;align-items: center;}
#book_area .taJtitle h2{margin-left:10px;}
#book_area .bookbtn {display: flex;align-items: center;gap: 5%;margin-left: 5%;margin-bottom: 13px;}
#book_area .bookbtn button {width: 70px;aspect-ratio: 1/1;background: linear-gradient(197deg, #f8c573, #97a687);border-radius: 35px;}
#book_area .bookbtn button:hover{cursor: pointer;}
#book_area .bookbtn button img {width: 60%;aspect-ratio: 1/1;object-fit: contain;}
#book_area .bookbtn button:nth-child(1) { -webkit-transform: scaleX(-1); transform: scaleX(-1); }

@media screen and (min-width: 1025px){
	#news_area .taJtitle *{color:#ffffff;background:unset;-webkit-background-clip:unset;-webkit-text-fill-color:unset;}
	#news_area .taJtitle:before{filter:brightness(22222)}
}
@media screen and (max-width: 1680px) {
	#product_area .titleBox:before{right: 100px;}
	#product_area .noBox{left: -312px;top: -72px;}
}
@media screen and (max-width: 1470px) {
	.taJmore a{margin-top: 30px;}
	.taJtitle{margin-bottom: 30px;}
	#about_area .paJbox .aboutJ_right{width: 85vw;right: -25vw;}
	#product_area li .clip img{height: 330px;}
	#product_area li.slick-current{grid-template-columns: 54% 40%;gap: 6%;}
	.Jambotton{width: 124px;}
	#product_area .slick-dots{bottom: 51px;}
	#product_area .noBox{left: -296px;top: -72px;}
	#custom_area .workframe{width:95%;grid-template-columns: 30% 70%;}
	#book_area:after{display:none;}
}
@media screen and (max-width: 1400px) {
	#product_area .noBox{left: -281px;}
}
@media screen and (max-width: 1280px) {
	section .entitle{ font-size: 70px;}
	#news_area:after{zoom:80%;}
	#product_area .noBox{left: -263px;}
	#about_area .more_btn{position:relative;margin-top: 30px;}
	#book_area .taJtitle{grid-template-rows: repeat(2, 1fr);grid-auto-flow: column;grid-template-columns: unset;align-items: end;}
	#book_area .bookbtn{grid-row: 1 / 3;}
	#book_area .taJtitle h2{margin-left:0;}
}
@media screen and (max-width: 1024px) {
	#book_area .workframe{width:90%;margin:0 auto;display:block}
	#book_area .left{margin-bottom:50px}
	#news_area .workframe{width:100%;grid-template-columns:1fr;gap:30px 0}
	#news_area .bg_box{width:90%}
	#news_area .right{width:90%;margin:0 auto}
	#news_area:after{display:none}
	#news_area:before{top:55vh;display:none}
	#news_area li h3{height:69px;-webkit-line-clamp:2}
	#news_area li{margin-bottom:40px}
	#product_area li .info_box{display:block;opacity:1}
	#product_area li.slick-current{display:flex;flex-direction:column;padding:25px 0}
	#product_area{margin-top:0;padding-top:0}
	#product_area .mid_Jbox{width:100%;padding:0;margin:0;border-radius:0;display:flex;flex-direction:column}
	#product_area .titleBox:before{right:50px}
	#product_list:before{right:calc(20% + 28px)}
	#pulsing:after{display:none}
	#pulsing ul{grid-template-columns:repeat(3,1fr)}
	#pulsing li:last-child{display:none}
	#about_area .paJbox{display:flex;flex-direction:column}
	#about_area .paJbox .aboutJ_right{position:relative;width:100%;right:0;margin:25px 0 90px}
	#about_area:before{border-radius:120px 0px 0px 0px;height:60%;top:auto;bottom:0;width:23.4vw}
	#product_area .taJtitle p,#product_area .taJtitle h2{webkit-writing-mode:horizontal-tb;writing-mode:horizontal-tb;position:relative;height:auto;left:0}
	#product_area .taJtitle{width:90%;margin:30px auto 20px;padding-left:5%}
	#product_area .taJtitle:before{right:auto;left:0}
	#product_area li.slick-current .info_box{margin:30px 0 10px}
	#product_area li .info_box p{padding-bottom:90px}
	#product_area .slick-dots{right:auto;left: 5%;bottom:116px}
	.Jambotton{bottom:60px}
	#product_area:after{bottom:-110px}
	#news_area .taJmore{display:none}
	#book_area .taJtitle{margin-left:5%;}
	
}
@media screen and (max-width: 980px) {
	.taJtitle h2{line-height: 150%;}
	#custom_area .workframe{margin:0 auto;width: 90%;display: block;}
	#product_area:after{display:none;}
	#product_area li .info_box, #product_area li.slick-current .info_box{width: 95%;margin: 0 auto;}
	#product_area li, #product_area li.slick-current{grid-template-columns: 1fr;gap: 30px 0;}
	#product_area .dot, #news_area .dot, #book_area .dot{transform: unset;}
	#product_area .news_btn, #product_area .noBox{display:none;}
	#product_area:before{width: 90%;height: 46%;bottom: unset;top: 0;}
	#product_area .titleBox{grid-template-columns:1fr}
	#product_area .title_box{padding-bottom: 0;}
	#product_area .entitle, #product_area .entitle:first-letter{color:#fff;margin-bottom: 30px;}
	#about_area:after, #product_area .titleBox:before, #product_list:before{display:none;}
	#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; }
}
@media screen and (max-width: 760px) {
	#news_area:before{zoom:80%;#news_area:before;top: 67vh;}
	section .entitle{ font-size: 60px;}
	#pulsing ul{grid-template-columns: repeat(2, 1fr);}
	section {padding: 12vw 0;}
	#product_area li .clip img{height:300px;}
	#product_area li .info_box p{
    padding-bottom: 110px;
}
}
@media screen and (max-width: 640px){
	#book_area .taJtitle{display: flex;flex-direction: column;align-items: flex-start;}
	#book_area .bookbtn{margin: 10px 0;}
	#book_area .bookbtn button{width: 50px;}
	#book_area .bookbtn button img{width: 100%;}
}
@media screen and (max-width: 550px) {
	#news_area li .info_box{display:block}
	#news_area li .btnn{display:none}
	section .title_box{font-size:22px}
	#about_area #about_img{width:80vw}
	#about_area .about_sub_2{bottom:60vw}
	#news_area li .row{margin:auto;width:280px}
	#about_area .paJbox{width:90%;margin:0 auto}
	.taJtitle{width:90%;margin:0 auto 20px}
	.bommbox{position:relative;width:100vw;left:-5vw;display:flex;flex-direction:column}
	#book_area .taJtitle h2{word-spacing:100vw;max-width:100%}
	#about_area:before{
    height: 50%;
    width: 30.4vw;
    border-radius: 95px 0px 0px 0px;
}
}
@media screen and (max-width: 480px) {
	#book_area li.row { margin: auto; width: 250px; }
}