#wrap { z-index: 5; }

/* section */
section {padding: 5vw 0;}
section >* { z-index: 3; }
section .title_box {padding-bottom: 3vw;font-size: 35px;color: var(--black);font-weight: 500;letter-spacing: 0.08em;}
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{padding: 0;}
#product_area .title_box{position:relative;display: flex;flex-direction: column;align-items: center;}
#product_area .title_box:after{content:'';display: block;width: 50px;height: 2px;background: var(--primary);margin-top: 20px;border-radius: 15px;}
#product_area .workframe{width: min(90%, 1660px);text-align: center;}
#product_list{margin-bottom: 40px;}
#product_list li {margin:0 20px}
#product_list li img{aspect-ratio:4/3}
#product_list li .info_box .h3 {height: auto;font-size: 18px;text-align: center;margin-top: 20px;}
#product_area .btn{position: relative;padding: 0;display: flex;width: 110%;left: -5%;}
#product_area .btn button {position: absolute;width: 46px;height: 46px;border: solid #bcbcbc;display: block;top: calc(30% - 270px);z-index: 20;background: transparent;cursor: pointer;}
#product_area .btn button#product_prev {border-width: 1px 0 0 1px;transform: rotate(-45deg);left: 0;}
#product_area .btn button#product_next {border-width: 1px 1px 0 0;transform: rotate(45deg);right: 0;}

/* #about_area */
#about_area .about_inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,1.08fr);align-items:stretch;gap: 30px;width: min(90%, 1660px);margin:0 auto;}
#about_area .about_content{display:flex;flex-direction:column;justify-content:space-between;padding:clamp(25px,4vw,70px) 0 0;}
#about_area .about_text{padding-left:clamp(30px,7vw,130px);}
#about_area .about_title{font-size:clamp(25px,2.25vw,43px);font-weight:400;line-height:1.55;letter-spacing:.08em;color:#303030;}
#about_area .about_desc{margin: clamp(28px,3vw,52px) 0;font-size: 18px;font-weight:400;line-height:2;letter-spacing:.08em;color:#686868;}
#about_area .about_detail{display:grid;grid-template-columns:42px minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap: 30px;margin-top: clamp(55px,8vw,90px);}
#about_area .about_en{display:flex;align-items: flex-end;justify-content:center;padding-top:8px;color:#afbb69;font-size:12px;font-weight:500;line-height:1;letter-spacing: .32em;white-space:nowrap;writing-mode:vertical-rl;text-orientation:mixed;font-family: "Arimo", sans-serif;}
#about_area .about_detail_img{position:relative;overflow:hidden;aspect-ratio:1/1;}
#about_area .about_detail_img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.22,.61,.36,1);}
#about_area .about_detail_img:hover img{transform:scale(1.04);}
#about_area .about_main_img{position:relative;overflow:hidden;min-height:680px;}
#about_area .about_main_img:after{content:"";position:absolute;inset:0;border:1px solid rgba(175,187,105,.18);pointer-events:none;}
#about_area .about_main_img img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;}

/* #processArea */
#processArea .title_box{padding-bottom:0}
#processArea .process_desc{margin-top:8px;color:#777;font-size: 18px;font-weight:400;letter-spacing: .13em;}
#processArea .process_list{display:grid;grid-template-columns:minmax(150px,1fr) minmax(55px,.5fr) minmax(150px,1fr) minmax(55px,.5fr) minmax(150px,1fr) minmax(55px,.5fr) minmax(150px,1fr);align-items:center;max-width:1450px;margin:clamp(35px,4vw,60px) auto 0;}
#processArea .process_item{display:flex;flex-direction:column;align-items:center;min-width:0;}
#processArea .process_icon{display:flex;align-items:center;justify-content:center;width:clamp(78px,7vw,108px);aspect-ratio:1/1;border-radius:50%;background:#f1f5df;transition:background-color .35s ease,transform .35s ease;}
#processArea .process_icon svg{width:53%;height:53%;fill:none;stroke:#71832e;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;}
#processArea .process_item:hover .process_icon{transform:translateY(-5px);}
#processArea .process_content{display:flex;align-items:flex-start;justify-content:center;gap:13px;width:100%;margin-top:18px;}
#processArea .process_number{flex:none;color:#8da23d;font-size: clamp(19px,1.7vw,24px);font-weight:700;line-height:1.25;letter-spacing:.02em;font-family: "Arimo", sans-serif;}
#processArea .process_text{min-width:0;}
#processArea .process_name{font-size:clamp(15px,1.15vw,19px);font-weight:700;line-height:1.4;letter-spacing:.04em;}
#processArea .process_note{margin-top:9px;color:#777;font-size:clamp(12px,.9vw,14px);font-weight:400;line-height:1.8;letter-spacing:.03em;}
#processArea .process_arrow{display:flex;align-items:center;margin-top:-80px;padding:0 15px;}
#processArea .process_arrow span{width:100%;border-top:2px dotted #c5c5c5;}
#processArea .process_arrow svg{flex:none;width:17px;height:17px;margin-left:-2px;fill:none;stroke:#383838;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}

/* newother_area */
#newother_area{}
#newother_area .workframe{display:grid;grid-template-columns: 61% 33%;justify-content: space-between;align-items: start;}
#newother_area .other{border-left: 1px dashed #dfd7d7;padding-left: 90px;margin-top: 0;display: flex;flex-direction: column;gap: 30px;}
#newother_area .box img{width:100%;aspect-ratio: 190/160;object-fit: cover;}
#newother_area .box .tit{font-size: 16px;font-family: "Arimo", sans-serif;font-weight: 200;letter-spacing: 0.04em;}
#newother_area .box .entit{font-size: 25px;text-transform: uppercase;letter-spacing: 3px;margin-top: 15px;}

/* news_area */
#news_area .titbox {display:flex;align-items: flex-start;flex-direction: column;position: relative;}
#news_area .title_box{padding:0}
#news_area .titbox a{position:absolute;right: 0;}
#news_area .titbox .entitle_box{margin:0}
#news_area ul{margin-top: 10px;}
#news_area li {border-bottom: 1px #dfd7d7 dashed;padding: 50px 0;}
#news_area li .time {font-size: 15px;color: #656565;font-weight: normal;font-family: "Arimo", sans-serif;}
#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;font-weight: 500;}
#news_area li:hover .h3{color:#919191}


@media screen and (max-width: 1680px) {
    #product_area .btn{width: 105%;left: -2.5%;}
}
@media screen and (max-width: 1440px) {
    #product_area .btn button{top: calc(30% - 220px);}
}
@media screen and (max-width: 1024px) {
    #processArea .process_list{grid-template-columns:1fr 60px 1fr;gap:42px 10px;max-width:700px;}
    #processArea .process_arrow{margin-top:-70px;padding:0 8px;}
    #processArea .process_arrow:nth-of-type(4){display:none;}
    #processArea .process_item:nth-of-type(5){grid-column:1;}
    #processArea .process_arrow:nth-of-type(6){grid-column:2;}
    #processArea .process_item:nth-of-type(7){grid-column:3;}
    #product_area .btn{display:none;}
    #about_area .about_inner{grid-template-columns:minmax(0,.95fr) minmax(360px,1.05fr);gap:35px;}
    #about_area .about_text{padding-left:40px;}
    #about_area .about_main_img{min-height:600px;}
    #about_area .about_inner{grid-template-columns:1fr;gap:35px;}
    #about_area .about_content{padding-top:0;}
    #about_area .about_text{padding-left:0;text-align: center;}
    #about_area .about_text *{text-align:center;}
    #about_area .about_detail{margin-top:55px;grid-template-columns:35px minmax(0,1fr) minmax(0,1fr);}
    #about_area .about_main_img{min-height:0;aspect-ratio:4/3;display: none;}
}
@media screen and (max-width: 980px) {
	section { padding: 10vw 0; }
	#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; }
    #newother_area .workframe{display:block;}
    #newother_area .other{margin-top: 50px;padding: 0;border: 0;}
}
@media screen and (max-width: 760px) {
    section .clip img{height:auto;}
}
@media screen and (max-width: 550px) {
#processArea .process_list{display:flex;flex-direction:column;gap:0;margin-top:40px;}
#processArea .process_item{width:100%;flex-direction:row;align-items:center;}
#processArea .process_icon{flex:none;width:82px;}
#processArea .process_content{justify-content:flex-start;margin:0 0 0 20px;}
#processArea .process_arrow{position:relative;width:82px;height:50px;margin:0;align-self:flex-start;padding:0;}
#processArea .process_arrow span{position:absolute;left:40px;top:0;width:0;height:100%;border-top:0;border-left:2px dotted #c5c5c5;}
#processArea .process_arrow svg{position:absolute;left:33px;bottom:-2px;width:16px;height:16px;margin:0;transform:rotate(90deg);}
#processArea .process_arrow:nth-of-type(4){display:block;}
#processArea .process_note br{display:none;}
    #about_area{padding:65px 0;}
#about_area .about_inner{padding:0 20px;}
#about_area .about_title{font-size:24px;line-height:1.6;}
#about_area .about_desc{font-size:14px;line-height:1.9;}
#about_area .about_detail{grid-template-columns:25px 1fr 1fr;gap:5px;margin-top:40px;}
#about_area .about_en{font-size:9px;}
#about_area .about_main_img{aspect-ratio:3/4;}
    #news_area .titbox a{position:relative;margin-top: 20px;display: none;}
	#about_area #about_img { width: 80vw; }
	#about_area .about_sub_2 { bottom: 60vw; }
	#news_area li .row { margin: auto; width: 280px; }
    #news_area li .h3{-webkit-line-clamp:2}
}
@media screen and (max-width: 480px) {
	#book_area li.row { margin: auto; width: 250px; }
}