.section_area {padding: 5vw 0 2vw;}
.section_area .area_title {padding-bottom: .3em;text-align: center;position: relative;font-size: max(5 * (1vw + 1vh) / 2, 28px);line-height: 1;margin-bottom: 0;}
.section_area .sub_title { font-weight: 500; font-size: 1.1em; color: var(--primary); }
.section_area .more_btn {}
.section_area .list_box { margin-top: 2vmax; }
.section_area .list_box .item_row { margin: 0 1em; }
.section_area .list_box .slick-dots { position: relative; margin: 1em 0; bottom: 0; }

/* about_area */
#about_area{position:relative}
#about_area:before{content:'';position:absolute;top:0;left:0;width:185px;height:430px;background-image:url(/images/01/deco-03.png);background-size:contain;background-repeat:no-repeat;z-index:0}
#about_area .workframe{width:min(90%,1680px);display:flex;margin-right:0;justify-content:space-between}
#about_area .info_box{width:42%}
#about_area .info_box h2{width:fit-content;position:relative;font-size:max(5 * (1vw + 1vh) / 2,28px);line-height:1;margin-bottom:0}
#about_area .info_box h2:before{content:'';position:absolute;bottom:0;right:-18px;width:90px;height:20px;background-image:url(/images/01/text-bg.png);background-size:contain;background-repeat:no-repeat;z-index:-1}
#about_area .info_box h1{font-size:max(2 * (1vw + 1vh) / 2,20px)}
#about_area .info_box article{margin:50px 0}
#about_area .info_box article p{font-size:16px;margin-bottom:20px}
#about_area .info_box article .advantage{display:flex;flex-direction:row;gap:40px;padding-top:25px}
#about_area .info_box article .advantage img{width:75px;aspect-ratio:3/4;object-fit:contain}
#about_area .img_box{max-width:50%}
#about_area .img_box img{width:100%;height:100%}
#about_area .img_box .Sealbox{bottom:-5%;left:-18%;width:300px}
#about_area .img_box .Sealbox img{width:300px;aspect-ratio:1/1;object-fit:contain}

/* product_area */
#product_list li{padding:5vw 0}
#product_list .item_row{display:grid;grid-template-columns:45% 50%;justify-content:space-between}
#product_list .item_row .img_box a{position:relative;display:flex;justify-content:center}
#product_list .item_row .img_box .deco04{left:-50%;bottom:-11%;z-index:-1}
#product_list .item_row .img_box:hover img{transform:translate(0%,-2%)}
#product_list .item_row .info_box{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
#product_list .item_row .info_box p.pNo{font-size:max(20* (1vw + 1vh) / 2,180px);color:#f5f5f5;font-weight:bold;right:-6%;top:-9%;z-index:-9;line-height:1;white-space:nowrap}
#product_list .item_row .info_box h3{width:80%;position:relative;font-size:max(5 * (1vw + 1vh) / 2,28px);line-height:1.2;margin-bottom:0}
#product_list .item_row .info_box article{width:85%;height:140px;-webkit-line-clamp:4;font-size:24px;line-height:1.4;margin:75px 0}

/* book_list */
#book_area{padding:5vw 0 5vw}
#book_area .workframe{width:min(90%,1200px)}
#book_list li{position:relative;margin:40px;transform:scale(0.8)}
#book_list li.slick-center{transform:scale(1.08);-webkit-transform:scale(1.4)}
#book_list li .img_box{aspect-ratio:16/9}
#book_list li .atag_item{display:flex;justify-content:center;align-items:center}
#book_list li .atag_item span{position:relative;max-width:90%;height:auto;color:var(--g_100);opacity:0;z-index:5;-webkit-line-clamp:2}
#book_list .slick-prev:before{content:'';position:absolute;left:-25px;top:-10px;width:35px;height:35px;background-image:url(/images/01/arrow-left.png);background-size:contain;background-repeat:no-repeat;z-index:0}
#book_list .slick-next:before{content:'';position:absolute;right:-25px;top:-10px;width:35px;height:35px;background-image:url(/images/01/arrow-right.png);background-size:contain;background-repeat:no-repeat;z-index:0}

/* photo_area */
#photo_area .item_row { padding: 4% 6%; border: 2px var(--g_100) solid; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#photo_area .item_row .img_box img { width: 100px; aspect-ratio: 1/1; }
#photo_area .item_row .info_box { margin-left: 6%; width: 1%; flex: 1 1 auto; }
#photo_area .item_row .info_box h3 { margin-bottom: .5em; max-height: 3.2em; height: auto; -webkit-line-clamp: 2; }
#photo_area .item_row .info_box font { padding: .5em 1em; background: var(--primary); border-radius: 2em; display: inline-block; line-height: 1; font-weight: 300; font-size: .9em; color: white; }

/* news_list */
#news_list .img_box { aspect-ratio: 5/3; }
#news_list .info_box { margin-top: .5em; }
#news_list .info_box .time { font-size: .9em; color: var(--g_500); }
#news_list .info_box h3 { margin: .2em 0 .5em; }
#news_list .info_box article { margin-bottom: .5em; height: 3.2em; font-size: .9em; color: var(--g_600); -webkit-line-clamp: 2; }

@media screen and (min-width: 1281px){
	#photo_area .item_row:hover { border-color: var(--primary); }
}
@media screen and (max-width:1280px){
    #about_area .workframe{display:flex;flex-direction:column-reverse;margin:0 auto;align-items:center;gap:80px}
    #about_area .info_box{width:100%}
    #about_area .img_box{max-width:80%}
    #book_list .slick-prev{left:0}
    #book_list .slick-next{right:0}
}
@media screen and (max-width: 1024px){
	#book_list li{margin: 0;}
	#book_list li.slick-center{transform: scale(0.8);}
}
@media screen and (max-width: 768px){
	#about_area .img_box { width: 100%; max-width: inherit; }
	#about_area .img_box .Sealbox{width: 250px;left: 0%;}
	#about_area .info_box h2:before{display:none;}
	#about_area .info_box article{margin: 30px 0;}
	#about_area:before{left: -35%;}
	#product_list .item_row{
    grid-template-columns: 1fr;
    gap: 50px;
    }
	#product_list .item_row .info_box article{margin:40px 0;font-size: 16px;height: 93px;width: 100%;}
	#product_list .item_row .img_box .deco04{display:none;}
	#product_list .item_row .img_box a img{
    width: 250px;
    aspect-ratio: 9/16;
    object-fit: contain;
}
	
}
@media screen and (max-width: 640px) and (min-width: 551px){
	#photo_area .item_row .img_box { width: 100%; }
	#photo_area .item_row .img_box img { width: 100%; aspect-ratio: 1/1; }
	#photo_area .item_row .info_box { margin: .5em 0 0; width: 100%; }
}
@media screen and (max-width: 550px){
	#about_area .img_box .Sealbox{width: 190px;}
	#about_area .info_box article .advantage{display: grid;grid-template-columns: repeat(4, 1fr);gap: 15px;}
	#book_list .slick-prev:before{width: 25px;}
	#book_list .slick-next:before{width: 25px;}
	#book_list .slick-prev{left: 15px;}
	#book_list .slick-next{right: 27px;}
}
@media screen and (max-width:400px){
	#about_area .img_box .Sealbox{width: 131px;bottom: -10%;}
	#product_list .item_row .img_box a img{width: 180px;}
}