.section_area {padding: 5vw 0;}
.section_area .area_title {position: relative;padding-bottom: .2em;letter-spacing: .1em;font-size: 22px;}
.section_area .sub_title { font-weight: 500; font-size: 1.1em; color: var(--primary); }
.section_area .en_title {font-weight: 500;font-size: 50px;color: var(--secondary);font-family: "Arimo", sans-serif;}
.section_area .p_title {font-size: 18px;letter-spacing: .1em;}
.section_area .more_btn {padding: 12px 85px;font-weight: 300;background: var(--secondary);color: white;}
.section_area .more_btn:hover{background:var(--primary)}

/* product_area */
#product_area{background-size:cover;background-position: top;padding: 3vw 0;}
#product_area .workframe{width:100%}
#product_list{width: 92%;margin: 60px 0 0 auto;background: white;padding: 70px 110px;position: relative;}
#product_list .btn{position:absolute;padding: 0;left: -36.5px;bottom: 120px;display: flex;flex-direction: column;align-items: center;gap: 20px;}
#product_list .btn a:not(.morebtnn){width: 73px;background:#ababab;text-align: center;aspect-ratio: 1/1;line-height: 73px;border-radius: 50px;}
#product_list .btn a:not(.morebtnn) img{height: 24px;}
#product_list .btn a#product_next img{transform:scaleX(-1);}
#product_list .btn a.morebtnn{background:#ababab;writing-mode: vertical-lr;width: 73px;display: flex;align-items: center;color: white;padding: 60px 0;border-radius: 50px;}
#product_list .btn a:hover{background:var(--primary)}
#product_list li{margin:0 25px;}
#product_list li img{aspect-ratio:1/1}
#product_list li .info_box{margin-top:20px}
#product_list li .info_box .h3{-webkit-line-clamp:2;font-size: 22px;height: 74px;font-weight: 400;}
#product_list li:hover .info_box .h3{color:var(--primary)}
#product_list li .info_box p.tt{color:#4b4c4c;font-size: 15px;-webkit-line-clamp: 2;height: 51px;margin-top: 10px;}
#product_list li .info_box .price_box{display:flex;align-items: baseline;gap: 15px;margin: 20px 0;}
#product_list li .info_box .price_box ins{text-decoration: none;font-size: 1em;color: var(--secondary);font-family: "Arimo", sans-serif;}
#product_list li .info_box .price_box del{color:#a5a4a4;font-family: "Arimo", sans-serif;font-size: 14px;}
#product_list li .info_box [data-action="buy"] {padding: 1em .8em;position: relative;background: var(--primary);font-size: .9em;color: white;z-index: 11;display: flex;align-items: center;justify-content: center;gap: 15px;width: 100%;}
#product_list li .info_box button:hover{background: #2c404d;}
#product_list li .info_box button svg{width:20px;height: 20px;fill: white;}
#product_area .slogan {width: min(90%, 1310px);margin: 70px auto 20px;display: grid;grid-template-columns: 65% 35%;align-items: center;justify-items: start;}
#product_area .slogan h1, #product_area .slogan h2{font-size:22px;font-weight: 400;letter-spacing: .5px;}

/* news_area */
#news_area .workframe{width: min(90%, 1330px);}
#news_area .tit_box {margin: 0 90px 85px;}
#news_area .tit_box .more_btn {bottom:0;right: 40px;}
#news_area .box{display:grid;grid-template-columns: 25% 68%;justify-content: space-between;}
#R_news_list li >div{padding: 32px 0;border-bottom: 1px solid #d5d5d5;}
#R_news_list .info_box{display:grid;grid-template-columns: 190px 1fr 45px;gap: 30px;align-items: center;}
#news_list .img_box {aspect-ratio: 235 / 197;}
#news_list .info_box {margin-top: 15px;}
#news_list .info_box .time, #R_news_list .info_box .time{font-size: 14px;display: flex;align-items: center;font-family: "Arimo", sans-serif;gap: 10px;}
#news_list .info_box .time b, #R_news_list .info_box .time b{font-family: "Arimo", sans-serif;font-size: 14px;font-weight: 500;color: var(--primary);}
#news_list .info_box .h3 {margin: .2em 0 .7em;-webkit-line-clamp: 2;height: 61px;font-size: 18px;font-weight: 400;}
#news_list .info_box article {height: auto;font-size: .9em;color: var(--g_600);-webkit-line-clamp: 2;}
#R_news_list .info_box .h3 {-webkit-line-clamp: 1;height: auto;font-size: 18px;font-weight: 400;}
#R_news_list li:hover .info_box .h3{color:var(--primary)}
#R_news_list .info_box .more{background:var(--primary);width: 45px;aspect-ratio: 1/1;display: flex;align-items: center;justify-content: center;border-radius: 50px;}
#R_news_list li:hover .info_box .more{background:var(--secondary)}
#R_news_list .info_box  .more img{width:20px;height: 20px;object-fit: contain;transform: scaleX(-1);}

/* other_area */
#other_area{background-image: url(/images/01/otherBg.jpg);background-repeat:no-repeat;background-position: 50% 20%;background-size:cover;}
#other_area .workframe{width: min(90%, 1330px);grid-template-columns: repeat(2, 1fr);display: grid;align-items: center;gap: 180px;}
#other_area .box{position:relative;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;gap: 35px;}
#other_area .box h2{font-size:35px;font-weight: 500;line-height: 1.3;}
#other_area .box p{font-size:18px;width: 92%;letter-spacing: .5px;text-align: justify;margin-bottom: 20px;line-height: 2;}
#other_area .box:not(:last-child):after{content:'';position:absolute;right: -80px;width: 1px;height: 80%;background: #dcdcdc;}

@media screen and (min-width: 1161px){
	#photo_area .item_row:hover { border-color: var(--primary); }
}
@media screen and (max-width: 1024px){
    #product_area .slogan{grid-template-columns:1fr;gap: 25px;width: min(90%, 860px);}
}
@media screen and (max-width: 768px){
    #R_news_list li:nth-child(3), #R_news_list li:nth-child(4), #other_area .box:not(:last-child):after{display:none;}
    .section_area, #product_area{padding:10vw 0}
    #other_area .workframe{grid-template-columns:1fr;gap: 30px;}
    #news_area .box{display:block;}
    #news_area .list_box {border-bottom: 1px solid #d5d5d5;padding-bottom: 40px;}
    #news_area .tit_box{margin: 0 0 85px;}
    #product_list{width:100%;padding: 90px 40px;}
	#about_area .img_box { width: 100%; max-width: inherit; }
	#about_area .info_box { order: 1; }
    #product_list .btn{display:flex;flex-direction: row;align-items: center;justify-content: center;left: 0;width: 100%;bottom: unset;top: -36.5px;}
    #product_list .btn a.morebtnn{writing-mode:unset;height: 73px;padding: 0 60px;width: auto;}
}
@media screen and (max-width: 550px){
    #R_news_list .info_box{display:flex;flex-direction: column;align-items: flex-start;gap: 7px;}
    #news_area .tit_box .more_btn{display:none;}
    #product_list{padding: 90px 20px;}
    #product_list .btn a:not(.morebtnn) img{height: 18px;}
    #product_list .btn{gap: 10px;top: -26.5px;}
    #product_list .btn a.morebtnn{height: 53px;padding: 0 30px;font-size: 14px;}
    #product_list .btn a:not(.morebtnn){width: 53px;line-height: 53px;}
    .section_area .area_title, #product_list li .info_box .h3{font-size:20px;}
    .section_area .en_title{font-size: 38px;}
    #other_area .box h2{font-size:28px;}
    #product_area .slogan h1, #product_area .slogan h2{font-size: 18px;}
    .section_area .p_title{font-size:16px;}
    #R_news_list .info_box .more{position:absolute;right: 0;bottom: 40px;}
	#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%; }
    #R_news_list .info_box .h3{width:85%;-webkit-line-clamp: 2;}
    #other_area .workframe{gap: 70px;}
}