#wrap { z-index: 5; }
#wrap:after{content:'';width: 1px;height: 100%;position: absolute;right: calc(10% - 5px);top: 0;background: #c1c1c1;opacity: .2;z-index:6}
#wrap:before{content:'';width: 1px;height: 100%;position: absolute;left: calc(5% + 170px);top: 0;background: #c1c1c1;opacity: .2;z-index: 6;}

/* section */
section {padding: 5vw 0;}
section >* { z-index: 3; }
section .title_box {padding-bottom: 3vw;font-size: 50px;font-family: "Anybody", sans-serif;font-weight: 500;line-height: 1.5;}
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%); }

/* product_area */
#product_area, #news_area {z-index: 9;}
#product_area .titleBox *{text-align:center;}
#product_area .title_box{padding-bottom: .5vw;}
#product_area .catalogBox:before{content:'';position: absolute;width: 28%;height: 375px;background: #f5f5f5;top: 90px;left: 0;z-index: -1;}
#product_area .catalogBox:after{content:'';position: absolute;width: 28%;height: 375px;background: #f5f5f5;top: 90px;right: 0;z-index: -1;}
#product_area .item >a{z-index:2}
#product_area .catalogList .Txt{min-height:210px;font-family:"Oswald",sans-serif;position:relative;padding:12px 20px 20px;text-align:center;margin-top:-170px;display:-webkit-box;display:-ms-flexbox;display:flex;opacity:0;pointer-events:none}
#product_area .catalogList .slick-current .Txt{display:-webkit-box;display:-ms-flexbox;display:flex;opacity:1;pointer-events:auto}
#product_area .catalogList .clip{width:100%;max-width:750px;margin:0 auto;transform:scale(0.7)}
#product_area .catalogList .slick-current{z-index:5}
#product_area .catalogList .item:not(.slick-cloned,.slick-current) .clip img{margin:0 0 0 auto}
#product_area .catalogList .slick-current .clip img{margin:0 auto;}
#product_area .catalogList .item:not(.slick-current){margin-top:-70px;}
#product_area .catalogList .slick-current .clip{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:none;filter:none;margin-bottom:30px}
#product_area .catalogList .Txt{min-height:210px;position:relative;padding:12px 20px 20px;text-align:center;margin-top:-170px;display:-webkit-box;display:-ms-flexbox;display:flex;opacity:0;pointer-events:none}
#product_area .catalogList .Txt .leftBox{width:100%;position:relative;-webkit-transform:translateX(-40%);transform:translateX(-70%);}
#product_area .catalogList .Txt .leftBox .h3 a{font-size:80px;font-weight:500;line-height:1;letter-spacing:0.8px;font-family: "Anybody", sans-serif;text-transform: uppercase;}
#product_area .catalogList .Txt .text,#product_area .catalogList .Txt .title{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}
#product_area .catalogList .slick-current .Txt .title{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
#product_area .catalogList .Txt .text{border-left:1px solid #333333;text-align:left;padding-left:30px;margin-top:30px;position:relative;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin-left: 27px;}
#product_area .catalogList .Txt .text p{color:#474747}
#product_area .catalogList .slick-current .Txt .text{opacity:1;-webkit-transform:translateX(0px);transform:translateX(0px);-webkit-transition-delay:0.2s;transition-delay:0.2s}
#product_area .catalogList .Txt .rightBox{width:auto;position:relative;-webkit-transform:translateX(50%);transform:translateX(100%);text-align:right;position:absolute;top:0;right:-25%}
#product_area .catalogList .Txt .num{color:#1d1b1b;font-size:80px;letter-spacing:0.15px;opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px);font-family:"Anybody",sans-serif;font-weight:500;margin-top:-20px;margin-bottom:30px}
#product_area .catalogList .slick-current .Txt .num{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition-delay:0.3s;transition-delay:0.3s}
#product_area .catalogBox {display:flex;flex-direction: column;align-items: center;height: 690px;}
#product_area .catalogList{width:100%;}
#product_area .controlBox{display:flex;position: absolute;bottom: 0;gap: 20px;align-items: center;}
#product_area .controlBox .arrow {font-family: "Anybody", sans-serif;font-size: 15px;font-weight: 500;cursor: pointer;}
#product_area .controlBox span{width:80px;height: 1px;background: #dedede;}

/* about_area */
#about_area {z-index: 5;background-image: url(/images/44/aboutBg.jpg);background-repeat: no-repeat;background-position: top right;background-size: cover;padding: 6vw 0 0;}
#about_area:after{content:'';position: absolute;width: 50%;height: 100%;background: var(--primary);top: 0;}
#about_area:before{content:url(/images/44/img-ab.png);position: absolute;z-index: 2;top: 35%;}
#about_area .workframe {display:grid;grid-template-columns: 53% 44.6%;width: min(90%, 1620px);align-items: start;}
#about_area .about_sub {left: 107px;top: 13%;display: flex;align-items: center;justify-content: center;z-index: 4;}
#about_area .about_sub:after{content:url(/images/44/circle.png);position: absolute;-webkit-animation-name: circle;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: linear;-webkit-animation-duration: 15s;}
@keyframes circle{0%{transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0);}100%{transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);}}
#about_area #about_info{background:white;padding: 70px 70px 70px 80px;}
#about_area article {margin-bottom: 70px;letter-spacing: .5px;margin-left: 80px;}
#about_area article *{line-height:2}
#about_area .moreBox { margin-left: 80px;}
#about_area .imm {bottom: -153px;right: -105px;z-index: 2;}

/* custom_area */
#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: auto; width: 70% }
#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: 10px 0 5px; font-size: 20px; }
#custom_area ul li article { font-weight: 300; font-size: 14px; overflow: hidden; margin: 10px 0 60px; height: 66px; text-align: center; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

/* news_area */
#news_area .bg_box {left:unset;right: 0;width: calc(100% - 149px);}
#news_area:before{content:url(/images/44/img-n.png);position: absolute;left: 0;bottom: -10px;}
#news_area .workframe{width:min(90%, 1400px)}
#news_area li{margin:0 15px;}
#news_area li .img_box img{aspect-ratio: 4/3;object-fit: cover;}
#news_area li .info_box {padding: 15px 20px;background: white;}
#news_area li .time {font-weight: 400;font-size: 14px;color: #919191;}
#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 {margin: 16px 0;height: 60px;line-height: 150%;font-size: 20px;-webkit-line-clamp: 2;color: #474747;}
#news_area li p.txt_clamp {margin: 16px 0;height: 60px;line-height: 150%;font-size: 14px;-webkit-line-clamp: 3;color: #474747;}
#news_area li .more{background:#e9e9e9;text-align: center;padding: 10px 0;font-family: "Anybody", sans-serif;}

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

/* photo_area */
#photo_area{padding-top:0;z-index: 7;}
#photo_area:after{content:url(/images/44/productBg.jpg);position: absolute;top: 0;left: 0;z-index: -1;zoom: 99%;}
#photo_area .workframe {width: min(90%, 1700px);margin: 0 0 0 auto;background: white;display: grid;grid-template-columns: 34% 66%;align-items: center;}
#photo_area .box{padding: 80px 50px 80px 130px;}
#photo_area .rightBox{background:var(--primary);padding: 110px 200px 110px 100px;}
#photo_area .item {margin:0 20px;}
#photo_area .item img {object-fit: contain;aspect-ratio: 180 / 287;margin: 0 auto;height: 145px;}
#photo_area .item p {text-align:center;color: #c1c0c0;margin-top: 35px;}
#photo_area .item:hover p{margin-top:25px}
#photo_area .circle-button{width: 75px;aspect-ratio: 1/1;border: 1px solid rgb(255 255 255 / 50%);border-radius:50%;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;position: absolute;right: 3.5%;cursor: pointer;}
#photo_area .arrow{display:inline-block;width: 8px;height: 8px;border-right: 1px solid white;border-bottom: 1px solid white;transform:rotate(-45deg);margin-left: -2px;}

@media screen and (max-width: 1680px) {
    #news_area .bg_box{width: calc(100% - 90px);}
    #about_area .imm{bottom: -293px;right: -118px;}
    #photo_area .box{padding: 80px 50px 80px 80px;}
}
@media screen and (max-width: 1460px) {
    #news_area .bg_box{width: calc(100% - 40px);}
    #wrap:before{left: calc(5% + 145px);}
    #product_area .catalogList .Txt .leftBox .h3 a{font-size:50px}
    #about_area .workframe{grid-template-columns: 44% 48.6%;}
	section .title_box{font-size: 40px;}
}
@media screen and (max-width: 1400px) {
    #about_area .workframe{grid-template-columns: 44% 55.6%;}
}
@media screen and (max-width: 1024px) {
    #product_area .catalogList .clip, #product_area .catalogList .slick-current .clip{transform:scale(1);margin: 0 0 30px;}
#product_area .catalogList .item:not(.slick-current){margin-top:0;}
    #about_area .moreBox{margin:0}
    #product_area .controlBox{position:relative;margin-top: 30px;}
    #product_area .catalogList .Txt .num{transform: translateX(-50%);}
    #product_area .catalogBox{height:auto;}
    #product_area .catalogList .Txt{margin-top: -40px;min-height: auto;opacity: 1;}
    #product_area .catalogList .Txt .leftBox{transform: translateX(0%);width: 85%;margin: 0 auto;}
    #product_area .catalogList .Txt .rightBox{right:0;transform: translateX(0%);display: none;}
    #photo_area .workframe{width:100%;}
    #about_area article{margin-left: 0;width: 75%;}
    #about_area .about_sub{top: 8%;left: 77px;}
    #about_area{padding: 10vw 0 0;}
    #about_area .workframe{grid-template-columns:1fr}
	#wrap:before, #wrap:after, #news_area:before{display: none;}
	#news_area .bg_box{width: 100%;}
	#product_list { margin: auto; }
	#news_area li h3 { height: 30px; -webkit-line-clamp: 1; }
}
@media screen and (max-width: 980px) {
    #product_area .catalogBox:after{width: 85%;}
    #photo_area{padding:0}
    #photo_area .circle-button{top: 140px;border: 0;background: var(--gray);right: 80px;}
    #photo_area .arrow{border-color: #555;}
    #photo_area .rightBox{padding: 80px;}
    #photo_area .workframe{display: block;}
    #about_area #about_info, #about_area:after{background:none}
    #about_area .workframe{width:100%}
    #about_area{padding:0}
    #about_area .about_sub, #about_area:before, #product_area .catalogBox:before{display:none;}
	section { padding: 13vw 0 ; }
}
@media screen and (max-width: 760px) {
    #news_area li .more{font-size:14px;}
    #product_area .catalogList .Txt .leftBox{width:95%}
    #product_area .catalogList .Txt .text p{font-size: 14px;}
    #product_area .catalogList .Txt .text{margin-left:0}
    #product_area .catalogList .Txt .leftBox .h3 a{font-size: 35px;}
    #product_area .catalogList .Txt{margin:0}
    #product_area .catalogBox:after{height:220px;top: 60px;}
    #product_area .catalogList .clip{max-width:100%}
    #product_area .catalogList .clip img{aspect-ratio: 4/3;object-fit: contain;}
    #photo_area .item img{height:135px;}
    #photo_area .item p{font-size:15px;}
    #photo_area .item{margin:0 10px;}
    #photo_area .rightBox{padding: 50px 20px;}
    #photo_area .title_box {width:80%;}
    #photo_area .moreBox, #photo_area:after {display:none;}
    #photo_area .circle-button{right: 20px;width: 65px;top: 60px;}
    #about_area article{width:100%;}
	section .title_box{font-size: 30px;padding-bottom: 7vw;}
    #about_area #about_info, #photo_area .box{padding: 50px 40px;}
    #about_area .imm{display:none;}
	section .clip img{height: auto;}
}