#wrap {z-index: 5;margin-left: 190px;}

/* section */
section {padding: 5vw 0;}
section >* { z-index: 3; }
section .title_box {font-size: 37px;font-weight: 500;letter-spacing: 2px;line-height: 170%;}
section .emtitle_box{display: inline-block;font-style: unset;font-size: 34px;font-weight: 500;letter-spacing: 2px;line-height: 150%;font-family: "DM Sans", sans-serif;}
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%); }
section .bg_box {z-index:-1}

/* product_area */
#product_area {padding-bottom:9vw}
#product_area .titbox {position:absolute;width: 50%;right: 0;z-index: 10;top: 18%;}
#product_list .boxlist li.item{display:grid;grid-template-columns: 40% 50%;align-items: center;justify-content: space-between;margin: 0 5px;}
#product_list .boxlist li.item .clip{aspect-ratio: 3/3.8;padding: 0;border-radius: 20px;margin: 0;}
#product_list .boxlist li.item .info_box{display:flex;flex-direction: column;align-items: flex-start;gap: 10px;margin-top: 20%;}
#product_list .boxlist li.item img{width:100%;aspect-ratio:3/3.5;border-radius: 20px;}
#product_list .boxlist li.item .h3{font-size: 22px;height: auto;margin-bottom: 10px;}
#product_list .boxlist li.item p{width:80%;-webkit-line-clamp: 3;height: 100px;line-height: 2;font-weight: 300;}
#product_list .slick-dots{display: flex !important;bottom: -85px;}
#product_list .slick-dots *{width:100%;height: 2px;margin: 0;padding: 0;background: #e3e3e3;}
#product_list .slick-dots .slick-active, #product_list .slick-dots .slick-active *{background:var(--primary)}
#product_list .slick-dots li button:before{display:none;}

/* about_area */
#about_area:before{content:'';width: 49%;height: 60%;position: absolute;right: 0;top: 0;z-index: -1;background: var(--complement);}
#about_area .jumbotron {padding:0;border-radius: 20px;margin: 0;}
#about_area .workframe >.jumbotron {width: 55%;aspect-ratio: 4/2.5;margin: auto 0 auto auto;}
#about_area .imgbox{display: flex;justify-content: space-between;margin-top: -10%;}
#about_area .imgbox .jumbotron {width: 335px;height: 460px;margin-top: 15%;}
#about_area .imgbox .jumbotron.left {width: 40%;margin-left: -13%;margin-top: -10%;height: 600px;}
#about_area .imgbox .jumbotron.right {width: 50%;height: 440px;margin-right: -15%;margin-top: 25%;}
#about_area article p {margin-bottom: 45px;line-height: 2.2;font-weight: 400;text-align: justify;width: 80%;font-size: 17px;}
#about_area .emtitle_box{margin-top:15px;}
#about_info{margin-top: -5%;}
#about_img{width: 80%;margin-top: 60px;}

/* 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 .jumbotron{width:30%;right: -7%;height: 80%;border-radius: 20px;padding: 0;top: 10%;margin: 0;}
#news_area .jumbotron.small{right: 26%;width: 20%;height: auto;aspect-ratio: 3.2/4;top: 30%;}
#news_area .workframe >div{width: 45%;}
#news_area .titbox {display:flex;align-items: baseline;gap: 20px;margin-bottom: 50px;}
#news_area li{border-bottom:1px solid #ddd;padding: 30px 0;}
#news_area li p{font-family: "DM Sans", sans-serif;font-size: 15px;color: #555;}
#news_area li .h3{font-size:18px;height: auto;}
#news_area li svg{fill:var(--black);right: 0;}
#news_area li:hover svg{animation: arrow-move-right-data-v-1d069175 .5s .2s;}
#news_area li .info_box{display:flex;flex-direction: column;justify-content: center;}

/* book_area */
#book_area{display: flex;padding-bottom: 0;flex-direction: column;}
#book_area .tit{display: flex;align-items: flex-end;width: 100%;justify-content: center;margin-bottom: 30px;}
#book_area .tit *{margin:0;padding:0;}
#book_area .tit h2{margin-bottom:5px;margin-left: 20px;}
#book_area .workframe{display: grid;grid-template-columns: 55% 40%;align-items: start;justify-content: space-between;}
#book_area li.img_scale{border-bottom: 1px solid #ededed;padding: 25px 70px 25px 10px;}
#book_area li.img_scale:hover{background:#f7f7f7}
#book_area li.img_scale h3:before{content:attr(data-th);position: absolute;top: 0;left: 0;opacity: 0;writing-mode: vertical-lr;}
#book_area li.img_scale:hover h3:before{opacity:1}
#book_area li.img_scale:first-child{border-top:1px solid #ededed}
#book_area li h3 {height: 62px;font-size: 18px;color: #555252;font-weight: 400;-webkit-line-clamp: 2;margin-bottom: 10px;}
#book_area li:hover svg{margin-left:20px;}
#booklist li{position: relative;!;}
#booklist li .img_box img{aspect-ratio: 4.5/3;object-fit: cover;}
#booklist li h3{display: flex;align-items: center;color: var(--primary);font-size: 22px;margin: 15px 30px 0;position: relative;height: auto;font-weight: 500;}

/* photo_area */
#photo_area .title_box{margin-bottom:40px;text-align:center;}
#photo_area li{margin:0 15px;display: flex;align-items: center;justify-content: center;border-radius: 20px;overflow: hidden;}
#photo_area li img{aspect-ratio:4/3;}
#photo_area li .info_box {opacity:0;width: 100%;height: 100%;background: rgb(44 44 44 / 75%);display: flex;align-items: center;justify-content: center;outline: 1px solid rgb(235 235 235 / 15%);outline-offset: -25px;}
#photo_area li .info_box .h3{color:white;font-size: 22px;height: auto;}
#photo_area li:hover .info_box {opacity:1}

@media screen and (max-width: 1680px) {
    #book_area .tit h2{margin-bottom: 2px;}
}
@media screen and (max-width: 1460px) {
}
@media screen and (max-width: 1366px){
    #book_area .tit h2{margin-bottom: 0;}
	#fakeNumber{position:relative;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
	#book_area .tit{margin-top:3vw;}
}
@media screen and (max-width: 1280px) {
    #product_area{padding-bottom:12vw}
    #wrap{margin:0}
}
@media screen and (max-width: 1024px) {
    section{padding:12vw 0}
    #news_area{padding-bottom:0}
    #photo_area{padding-top:8vw}
    #about_area .imgbox .jumbotron{width: 275px;height: 380px;}
    #about_area .imgbox .jumbotron.left{height: 470px;}
    #fakeNumber li h2{font-size: 30px;}
    #fakeNumber li{margin:0}
	#fakeNumber{width: 90%;padding: 30px;order: -1;margin-bottom: 30px;}
	#book_area .workframe{display: block;width: 90%;margin: 0 auto;}
	section .title_box{font-size: 30px;}
	#book_area{padding: 2vw 0 5vw;}
	#book_area .workframe >div:last-child{display:none;}
	#about_area .workframe{grid-template-columns:1fr}
	#about_area article p{width:100%;}
	#product_list { margin: auto; }
    #fakeNumber li p{font-size:18px;}
	#news_area li h3 { height: 30px; -webkit-line-clamp: 1; }
}
@media screen and (max-width: 980px) {
    #news_area .jumbotron{display:none;}
    #news_area .workframe >div{width:100%}
    #product_list .slick-dots{bottom: -45px;}
    #product_list .boxlist li.item p{width:100%}
    #product_area .titbox{position:relative;top: 0;width: 90%;margin: 0 auto 40px;}
    #about_area:before{height: 40%;}
    #about_area .imgbox .jumbotron{width: 185px;height: 270px;}
    #about_area .imgbox .jumbotron.left{height: 340px;}
    #about_area .imgbox .jumbotron.right{height: 290px;}
	#news_area .tabs_btn{    align-items: center;}
	#news_area .tabs_btn ul{display:flex;flex-direction: row;flex-wrap: wrap;}
	#news_area .tabs_btn .more_btn{display:none;}
	#news_area .tabs_box{grid-template-columns:1fr;gap: 40px;}
	#fakeNumber ul{grid-template-columns: repeat(3, 1fr);gap: 30px;}
	#product_list .slick-prev:before, #product_list .slick-next:before{zoom: 60%;}
	#product_list .slick-prev{left: -50px;}
	#product_list .slick-next{right:-50px;}
	#news_area .tabs_btn li:hover a, #news_area .tabs_btn li.active a{background: linear-gradient(to right, var(--secondary), var(--primary));color: #fff;}
	#news_area .tabs_btn li a{font-size:17px;background: #ececec;padding: 5px 40px;border-radius: 5px;margin-right: 15px;}
}
@media screen and (max-width: 760px) {
    #product_list .boxlist li.item{display:flex;flex-wrap: wrap;}
    #product_list .boxlist li.item .info_box{margin:0}
    #about_area:before{height: 30%;}
    #about_img{width:100%;}
    #about_area .imgbox{margin-top:-5%}
    #about_area .imgbox .jumbotron{width: 105px;height: 180px;}
    #about_area .imgbox .jumbotron.left{height: 230px;}
    #about_area .imgbox .jumbotron.right{height: 190px;width: 40%;}
    #product_list li .info_box{padding:30px 30px 60px;}
	#news_area .news_list li{padding:25px 0;}
	#news_area .tabs_body .tab_info .items .Txt{grid-template-columns:50% 50%;}
	#news_area li h3{grid-column: 1 / 3;order: 2;margin-top: 20px;}
	#news_area .tabs_btn li a, #news_area .tabs_btn li:hover a, #news_area .tabs_btn li.active a{display:block;margin: 0;text-align: center;padding: 5px 20px;}
	#news_area .tabs_btn ul{display:grid;grid-template-columns: repeat(2, 1fr);gap: 10px;margin-top: 10px;margin-bottom: 0;}
	#booklist li h3{writing-mode:unset;height: auto;font-size: 20px;color: #2f3332;display: -webkit-box;}
	#book_area .tit{margin-top:8vw}
	#book_area .tit h2{margin-bottom:0}
	#booklist li{grid-template-columns:1fr;gap: 20px;}
	#fakeNumber li{margin:0}
	#fakeNumber{padding: 50px 30px;}
	#fakeNumber ul{grid-template-columns: repeat(2, 1fr);gap: 30px;}
	#product_list .slick-prev{left: -25px;}
	#product_list .slick-next{right:-25px;}
	#product_list li .clip img{aspect-ratio:3/5.5}
	#product_list{margin-top:30px}
	section .clip img{height:auto;}
    #product_list .slick-dots{bottom: -5px;}
}
@media screen and (max-width: 550px) {
	#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; }
	#fakeNumber li h2{align-items:center}
	#fakeNumber li h2 b{font-size:36px}
}