.section_area {padding: 5vw 0;position: relative;}
.section_area .area_title {font-size: 30px;font-weight: bolder;letter-spacing: 1px;color: var(--info);line-height: 1.5;margin-bottom: 25px;text-align: center;}
.section_area .sub_title { font-weight: 500; font-size: 1.1em; color: var(--primary); }
.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; }

/* onebox */
#onebox .servicebox {bottom: 0;background: white;width: 35vw;padding: 30px 5% 30px 2%;border-left: 10px solid var(--primary);}
#onebox .servicebox .info{margin: 15px 15px 0;display: flex;flex-direction: column;align-items: center;gap: 10px;}
#onebox .servicebox .info:hover{transform: translateY(-10px);}
#onebox .servicebox .info .h3 { font-size: 15px; text-align: center; font-weight: 500; }
#onebox .servicebox .info img {width: 45px;aspect-ratio: 1/1;object-fit: contain;filter: saturate(10%);}
#onebox .servicebox .info:hover img{filter: saturate(100%);}
#onebox .servicebox  .slick-arrow { position: absolute; top: 50%; right: -65px; z-index: 5; width: 48px; height: 48px; border: 0; border-radius: 50%; background: var(--info); color: transparent; font-size: 0; cursor: pointer; transform: translateY(-50%); transition: .3s ease; }
#onebox .servicebox  .slick-arrow:hover {background: #ffa02e;transform: translateY(-50%) translateX(4px);}
#onebox .servicebox  .slick-arrow::before { content: ""; position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: translate(-65%,-50%) rotate(45deg); }
#onebox .servicebox  .slick-prev { display: none !important; }
#onebox .servicebox  .slick-dots { display: none !important; }

/* about_area */
#about_area .workframe {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;width: min(90%, 1300px);}

/* solutionCarousel */
#solutionCarousel {position: relative;overflow: hidden;padding: 1vw 0 4vw;}
#solutionCarousel .workframe { position: relative; }
#solutionCarousel .area_title {position: relative;z-index: 5;text-align: center;margin-bottom: 0;}
#solutionCarousel .sc_stage {position: relative;width: 100%;height: 540px;margin: 0 auto 50px;perspective: 1600px;display: flex;align-items: center;justify-content: center;}
#solutionCarousel .sc_track { position: relative; width: 100%; height: 420px; transform-style: preserve-3d; }
#solutionCarousel .sc_item {position: absolute;left: 50%;top: 44%;width: 400px;aspect-ratio: 3/4;display: block;text-decoration: none;color: var(--info);transform-style: preserve-3d;transform-origin: center center;transition: transform .85s cubic-bezier(.22,.9,.25,1),opacity .6s ease,filter .6s ease;will-change: transform,opacity,filter;white-space: unset;}
#solutionCarousel .sc_item.is-active{aspect-ratio:4/3}
#solutionCarousel .sc_photo {position: relative;width: 100%;height: 100%;overflow: hidden;border-radius: 12px;box-shadow: 0 22px 55px rgb(7 26 51 / 0%);transition: box-shadow .45s ease,border-radius .45s ease;}
#solutionCarousel .sc_photo img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .65s ease; }
#solutionCarousel .sc_item .title {position: absolute;left: 50%;top: calc(100% + 24px);width: min(460px,120%);font-size: 22px;font-weight: 600;line-height: 1.4;letter-spacing: .04em;text-align: center;color: var(--info);opacity: 0;transform: translate(-50%,12px);transition: opacity .45s ease,filter .45s ease,transform .45s ease;}
#solutionCarousel .sc_item p {position: absolute;left: 50%;top: calc(100% + 60px);width: min(520px,135%);margin: 0;font-size: 16px;line-height: 1.85;letter-spacing: .04em;text-align: center;color: var(--sub);opacity: 0;transform: translate(-50%,12px);transition: opacity .45s ease .06s,filter .45s ease .06s,transform .45s ease .06s;}
#solutionCarousel .sc_item.is-active .sc_photo::after { opacity: .22; }
#solutionCarousel .sc_item.is-active .title,#solutionCarousel .sc_item.is-active p {opacity: 1;filter: blur(0);transform: translate(-50%,0);}
#solutionCarousel .sc_item.is-active:hover .sc_photo img { transform: scale(1.045); }
#solutionCarousel .sc_controls {position: absolute;left: 50%;bottom: -10%;z-index: 30;display: flex;align-items: center;gap: 18px;height: 52px;padding: 0 24px;border-radius: 999px;background: rgba(255,255,255,.78);transform: translateX(-50%);backdrop-filter: blur(14px);}
#solutionCarousel .sc_arrow { display: grid; place-items: center; width: 32px; height: 32px; padding: 0; border: 0; background: transparent; color: var(--info); cursor: pointer; transition: transform .3s ease,color .3s ease; }
#solutionCarousel .sc_arrow:hover { color: var(--primary); transform: scale(1.12); }
#solutionCarousel .sc_arrow svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
#solutionCarousel .sc_dots { display: flex; align-items: center; justify-content: center; gap: 8px; }
#solutionCarousel .sc_dot { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 999px; background: #b9c3cf; cursor: pointer; transition: width .35s ease,background .35s ease; }
#solutionCarousel .sc_dot.is-active { width: 28px; background: var(--primary); }
#solutionCarousel .sc_item,#solutionCarousel .sc_item .title,#solutionCarousel .sc_item p,#solutionCarousel .sc_photo,#solutionCarousel .sc_photo img { filter: none !important; -webkit-filter: none !important; }
#solutionCarousel .sc_item .title,#solutionCarousel .sc_item p { text-shadow: none; -webkit-font-smoothing: antialiased; }

/* cooperate_area */
#cooperate_area {position: relative;overflow: hidden;}
#cooperate_area .area_title {position:relative;z-index: 12;}
#cooperate_area .case_title { margin-bottom: 28px; font-size: 28px; font-weight: 800; line-height: 1.5; letter-spacing: .04em; color: var(--info); }
#cooperate_area .case_subtitle { margin-bottom: 24px; font-size: 15px; font-weight: 700; line-height: 1.5; color: var(--sub); }
#cooperate_area .case_logo_box {position: relative;width: 100%;margin-top: 50px;}
#cooperate_area:before,#cooperate_area:after {content: "";position: absolute;top: 0;z-index: 10;width: 10%;height: 100%;pointer-events: none;}
#cooperate_area:before {left: 0;background: linear-gradient(90deg, #ffffff 30%,  rgb(255 255 255 / 0%) 100%);}
#cooperate_area:after {right: 0;background: linear-gradient(-90deg, #ffffff 30%,  rgb(255 255 255 / 0%) 100%);}
#cooperate_area .case_logo_track {display: flex;width: max-content;animation: caseLogoMarquee 50s linear infinite;}
#cooperate_area .case_logo_box:hover .case_logo_track { animation-play-state: paused; }
#cooperate_area .case_logo_group { display: flex; align-items: center; gap: 24px; padding-right: 24px; }
#cooperate_area .case_logo_item {flex: 0 0 auto;background: white;border-radius: 100px;padding: 15px 55px;box-shadow: 0 0 22px rgba(0, 0, 0, .08), inset 0 0 0 1px rgba(255, 255, 255, .9);}
#cooperate_area .case_logo_item a { display: flex; align-items: center; justify-content: center; width: 170px; height: 58px; padding: 10px 24px; border-radius: 999px; background: #fff; box-shadow: 0 8px 22px rgba(0,0,0,.08),inset 0 0 0 1px rgba(255,255,255,.9); transition: transform .3s ease,box-shadow .3s ease; }
#cooperate_area .case_logo_item a:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(0,0,0,.12),inset 0 0 0 1px rgba(255,255,255,.95); }
#cooperate_area .case_logo_item img {aspect-ratio: 9/5;display: block;object-fit: contain;transition: filter .3s ease,opacity .3s ease;width: 145px;filter: saturate(0%);}
#cooperate_area .case_logo_item:hover img { filter: saturate(100%); opacity: 1; }
@keyframes caseLogoMarquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* news_area */
#news_area{padding: 2vw 0 0;background-repeat: no-repeat;background-position:50% 50%;background-size:cover;}
#news_area .workframe{width:min(90%, 1650px);margin: 0;display: grid;grid-template-columns: 45% 45%;justify-content: space-between;}
#news_area .titt {display:flex;flex-direction: column;align-items: flex-start;und;}
#news_area .titt .title_box, #news_area .titt .area_title {padding-left: 50%;}
#news_area .title_box {font-size: 40px;font-weight: bolder;letter-spacing: 1px;color: var(--primary);}
#news_area .img {margin-top:50px;width: 100%;}
#news_area .img img{width:100%;aspect-ratio: 4 / 3;object-fit: cover;}
#news_area .more_btn {margin-top: 50px;}
#news_list {margin:0}
#news_list li .item_row{margin:0;border-bottom: 1px solid #e0dbd4;padding: 40px 20px;position: relative;}
#news_list li .item_row:before{content:'';position: absolute;left: 0;bottom: -1px;width: 10px;height: 2px;background: var(--secondary);}
#news_list li:hover .item_row:before{width:100%}
#news_list .info_box {display:grid;grid-template-columns: 85px 1fr;gap: 40px;}
#news_list .info_box .time {font-size: 30px;color: #9b9c9e;display: flex;flex-direction: column;align-items: center;font-weight: 600;}
#news_list .info_box .time b{display:flex;flex-direction: column;align-items: center;gap: 5px;color: #7d7d7d;font-weight: 500;font-size: 18px;}
#news_list .info_box .time b:before{content:'';width: 1px;height: 17px;background: #cac3b9;display: block;}
#news_list .info_box .h3 {margin: .2em 0 .5em;color: var(--g_charcoal);font-size: 21px;font-weight: 600;}
#news_list .info_box article {height: 3.2em;color: #7d7d7d;-webkit-line-clamp: 2;}


@media screen and (min-width: 1161px){
	#photo_area .item_row:hover { border-color: var(--primary); }
}
@media screen and (max-width: 1680px){
    #onebox .servicebox{width:40vw}
}
@media screen and (max-width: 1440px){
    #news_area .img img{aspect-ratio:1/1;object-position: 90% 50%;}
    #onebox .servicebox{width:50vw}
    #onebox .servicebox .slick-arrow{right: -45px;}
}
@media screen and (max-width: 1280px){
    #news_area .titt .title_box, #news_area .titt .area_title{padding-left: 30%;}
    #cooperate_area .case_logo_item img{width:100px}
    #solutionCarousel .sc_controls{bottom:-8%}
}
@media screen and (max-width: 1024px){
    #news_list{margin-left:5%;margin-bottom: 50px;}
    #news_area .img img{aspect-ratio: 3/1;object-position: 90% 60%;}
    #news_area .workframe{display:flex;flex-direction: column;width: 95%;}
    .section_area .area_title{font-size:26px}
    #onebox .servicebox{width:70%;padding: 30px 7% 30px 2%;}
    #news_area .img{margin:0}
}
@media screen and (max-width: 768px){
    #news_area .titt .title_box, #news_area .titt .area_title{padding-left: 10%;}
    #solutionCarousel{padding:8vw 0}
    #onebox .servicebox{position:relative;width: 100%;padding-right: 20%;}
	#about_area .img_box { width: 100%; max-width: inherit; }
	#about_area .info_box { order: 1; }
}
@media screen and (max-width:640px) {
    #solutionCarousel .sc_item{aspect-ratio:4/3}
    #cooperate_area .case_logo_item{padding: 7px 25px;}
    .section_area .area_title{font-size:24px}
    #solutionCarousel .sc_item p{font-size:14px;}
    #solutionCarousel .sc_item{width: 280px;}
    #solutionCarousel .sc_controls{bottom: -20%;}
    #solutionCarousel .area_title, #cooperate_area .area_title{padding:0 2.5%}
    #solutionCarousel .sc_stage{height: 350px;margin-bottom: 100px;}
    .section_area, #solutionCarousel{padding: 10vw 0;}
	#onebox .servicebox{padding-right: 30%;}
	#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%; }
}