.section_area {padding: 5vw 0;}
.section_area .area_title { position: relative; padding-bottom: .3em; letter-spacing: .1em; text-align: center; }
.section_area .area_title:before { position: absolute; width: 3em; height: .1em; background: var(--primary); display: block; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ""; }
.section_area .sub_title {font-weight: 500;font-size: 20px;font-family: "Montserrat", sans-serif;letter-spacing: .5px;}
.section_area .h2title {font-weight: 400;font-size: 40px;letter-spacing: 1px;}
.section_area .more_btn {font-weight: 500;font-family: "Roboto", sans-serif;color: var(--primary);display: flex;align-items: center;}
.section_area .more_btn b{width: 55px;aspect-ratio: 1/1;background: var(--primary);border-radius: 50px;display: flex;align-items: center;justify-content: center;margin-left: 30px;}
.section_area .more_btn svg{width: 14px;height: 14px;fill: white;}
.section_area .list_box {margin-top: 4vmax;}
.section_area .list_box .item_row {margin: 0 2em;}
.section_area .list_box .slick-dots { position: relative; margin: 1em 0; bottom: 0; }

/* wrap */
#wrap:before{content:'';width: 1px;height: 100%;position: absolute;top: 0px;left: 190px;z-index: 2;opacity: 0.2;background: rgb(230, 230, 230);}

/* about_area */
#about_area {position:relative;}
#about_area:after{content:'';position: absolute;width: 65%;height: 32%;background: var(--primary);right: 0;bottom: 0;z-index: -1;}
#about_area .video-bg{width: 35%;margin-left: 7%;margin-top: -90px;z-index: 2;position: relative;}
#about_area .video-bg video{width:100%;}
#about_area .workframe {display: grid;grid-template-columns: 50% 50%;width: min(90%, 1330px);}
#about_area em{font-family: "Montserrat", sans-serif;font-size: 40px;font-style: unset;letter-spacing: 1px;margin-top: 30px;display: block;}
#about_area .Rinfo_box {margin-top:100px;}
#about_area .Rinfo_box h1, #about_area .Rinfo_box article p{font-size:18px;line-height: 2.5;text-align: justify;font-weight: 400;width: 95%;}
#about_area .Rinfo_box article{margin-bottom: 70px;}

/* service_area */
#service_area{background: #fdfdfd;position: relative;overflow: hidden;padding-top: 0;padding-bottom: 2vw;}
#service_area:before{content:'';position: absolute;width: 90%;height: 95%;background: linear-gradient(90deg, rgb(253 253 253 / 0%), #fdfdfd 35%);left: 0;bottom: 0;z-index: 1;}
#service_area:after{content:'';position: absolute;width: 65%;height: 32%;background: var(--primary);right: 0;top: 0;z-index: 0;}
#service_area .workframe{position:relative;z-index: 2;display: grid;grid-template-columns: 25% 70%;justify-content: space-between;}
#service_area .h2title{word-spacing: 100vw;}
#service_area .video-bg{position:absolute;width: 100%;height: 100%;bottom: -15%;left: -45%;z-index: 0;opacity: .2;overflow: hidden;}
#service_area .video-bg:before{content:'';position: absolute;width: 100%;height: 40%;background: linear-gradient(
0deg, rgb(253 253 253 / 0%), #fdfdfd);}
#service_area .listbox {margin-top: 110px;display: grid;grid-template-columns: repeat(2, 1fr);gap: 15px 55px;width: 95%;}
#service_area .listbox .item_row{border-top:1px solid #e6e6e6;padding: 40px;}
#service_area .listbox .item_row:before{content:'';position: absolute;width: 0;height: 3px;background: linear-gradient(90deg, var(--fourth), var(--primary));top: 0;left: 0;}
#service_area .listbox .item_row:hover:before{width:45px;}
#service_area .listbox .item_row .h3{font-size:22px;height: auto;font-weight: 500;letter-spacing: 1px;}
#service_area .listbox .item_row p{height:auto;-webkit-line-clamp: 3;text-align: justify;line-height: 2;}
#service_area .listbox .item_row font{width: 60px;display: flex;align-items: center;justify-content: center;aspect-ratio: 1/1;background: #f2f2f2;border-radius: 50px;margin: 20px 0 0 auto;}
#service_area .listbox .item_row:hover font{background:var(--primary)}
#service_area .listbox .item_row svg{width:15px;height:15px;}
#service_area .listbox .item_row:hover svg{fill:white}

/* product_area */
#product_area .workframe{width: min(90%, 1580px);}
#product_area .h2title {text-align:center;}
#product_list li .number{writing-mode: vertical-lr;position: absolute;left: -10px;top: 7%;font-family: "Montserrat", sans-serif;font-size: 12px;font-weight: 500;letter-spacing: 1px;display: flex;flex-direction: row;align-items: center;gap: 15px;}
#product_list li:hover .number{top:3%}
#product_list li .number:after{content:'';width: 1px;height: 30px;background: #e6e6e6;}
#product_list li .img_box{position:relative;display: flex;align-items: center;justify-content: center;}
#product_list li:hover .img_box img{ transform: scale(0.95); }
#product_list li .img_box:after{position:absolute;content:'';background: #f7f7f7;width: 90%;height: 90%;z-index: -1;}
#product_list li .info_box{display:flex;align-items: center;gap: 15px;margin-left: 5%;}
#product_list li .info_box span{width: 7px;display: block;aspect-ratio: 1/1;background: var(--primary);border-radius: 50px;}
#product_list li .h3{font-size: 18px;height:auto;font-weight: 400;}

/* 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: 1161px){
	#photo_area .item_row:hover { border-color: var(--primary); }
}
@media screen and (max-width: 1440px){
    #service_area .listbox{width: 85%;}
    #about_area:after{height: 25%;}
}
@media screen and (max-width: 1280px){
    #service_area .workframe{grid-template-columns:1fr}
    #about_area .video-bg{width: 90%;margin: 50px auto 0;}
    #about_area .Rinfo_box{margin-top: 30px;}
    #wrap:before{display:none;}
    #about_area em{font-size: 30px;}
    #about_area .workframe{grid-template-columns:1fr}
}
@media screen and (max-width: 768px){
    #service_area .listbox .item_row{padding:40px 0}
    .section_area{padding: 10vw 0;}
    #service_area{padding-top:5vw}
    #service_area .listbox{width: 100%;gap: 15px 45px;}
	#about_area .img_box { width: 100%; max-width: inherit; }
}
@media screen and (max-width: 550px){
    #service_area .listbox .item_row p{-webkit-line-clamp: 2;}
    #service_area .video-bg{left: 0;height: 40%;}
    #service_area .listbox{width: 100%;gap: 15px 45px;margin-top: 60px;grid-template-columns: 1fr;}
    #about_area:after, #service_area:after, #service_area:before{display:none;}
    .section_area .h2title{font-size: 30px;}
	#product_list { margin: 2vmax auto 0; width: min(100%, 350px); }
}