/* #product_area */
#product_area .list_box ul li {transform:translate(0,0);-webkit-transform:translate(0,0)}

/* #book_area */
#book_area .list_box li .img_box:before,#book_area .list_box li .img_box:after {transform:scaleY(0);-webkit-transform:scaleY(0)}
#book_area .list_box li .img_box:after {transform-origin:center bottom;-webkit-transform-origin:center bottom}

/* #youtube_box */
#youtube_box a {width:83px;height:83px;border-radius:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-webkit-animation:spineer 2s infinite;animation:spineer 2s infinite}
:root {--main:#0f506c;--main-light:#5b9fc0;--main-deep:#0a4058;--text:#47555d;--text-light:#76848b;--line:#8ba2ad;--light-bg:#f3f7fb;--white:#fff;--section-space:110px}
.section_space {position:relative;padding:var(--section-space) 0}
.section_light {background:var(--light-bg)}
.workframe {position:relative;margin:0 auto;z-index:2}
.commtitle {position:relative;display:inline-block;color:var(--main)}
.commtbig {color:var(--main);font-family:"Times New Roman","Noto Serif TC",serif;font-size:48px;font-weight:400;line-height:1;letter-spacing:.01em}
.commtsmall {margin-top:15px;display:flex;align-items:center;color:var(--main-deep);font-size:18px;font-weight:500;line-height:1.5;letter-spacing:.08em}
.commtsmall span {display:block;width:150px;height:1px;margin-right:17px;background:var(--line)}
.centermore {position:relative;margin-top:58px;text-align:center;z-index:3}
.commmore {position:relative;width:285px;height:58px;padding:0 34px;border-radius:50px;display:inline-flex;align-items:center;justify-content:center;gap:35px;color:var(--white);font-size:16px;line-height:1;background:linear-gradient(100deg,#9cc6dc 0%,#4c94b8 55%,#277aa3 100%);box-shadow:0 12px 28px rgba(43,121,158,.13);overflow:hidden;transition:.4s ease}
.commmore:before {content:"";position:absolute;left:-110%;top:0;width:100%;height:100%;background:linear-gradient(100deg,#357f9f,#135e7f);transition:.45s ease;z-index:-1}
.commmore:hover:before {left:0}
.commmore:hover {box-shadow:0 15px 32px rgba(37,108,141,.23);transform:translateY(-3px)}
.commmore>span {position:relative;width:25px;height:1px;background:rgb(255 255 255);z-index:2;transition:.3s ease}
.commmore>span:after {content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid rgb(255 255 255);border-right:1px solid rgb(255 255 255);transform:rotate(45deg)}
.commmore:hover>span {width:32px}
.commmore {z-index:1}
.commmore>* {z-index:2}
.masklink {position:absolute;left:0;top:0;width:100%;height:100%;z-index:5}
.centertitle {display:block;width:100%;text-align:center}
.centertitle .commtbig {text-align:center}
.commline {width:52px;height:1px;margin:18px auto 0;background:var(--line)}
header.scroll {background:rgba(var(--secondary-rgb),.9)}

/* #openform */
#openform {background:rgba(var(--white-rgb),.3)}
section {padding:5vw 0 3vw}
section.section_pad {padding:5vw 0}
section>* {z-index:3}
section .title_box {margin-bottom:40px}
section .title_box .area_title {font-weight:400;font-size:45px}
section .title_box .sub_title {font-weight:300;font-size:23px}
.bg_box {width:100%;height:100%;background:no-repeat 50% / cover;background-attachment:fixed;opacity:.3;top:0;left:0}
.bg_box:before {width:100%;height:100%;display:block;background:rgba(var(--primary-rgb),.2);content:""}
.bg_box.white:before {background:rgba(var(--white-rgb),.2)}

/* #severJ_area */
#severJ_area {position:relative;background:#f3f7fb;padding-top:60px}
#severJ_area:before {content:"";position:absolute;background:url(/images/40/severJ_area_img.jpg);width:100%;height:100%;background-size:cover;background-position:50% 50%;top:0}
#severJ_area:after {content:"";position:absolute;background:linear-gradient(to bottom,#f3f7fb,rgb(255 255 255 / 15%),#f3f7fb);width:100%;height:100%;z-index:0;top:0}
#severJ_area .workframe {z-index:3}
#severJ_area .commtitle {margin-left:2%}
#severJ_area .service_list {position:relative;margin-top:45px;display:grid;grid-template-columns:repeat(6,1fr);gap:32px;align-items:start}
#severJ_area .service_item {position:relative;text-align:center;min-width:0}
#severJ_area .ptimg {position:relative;width:100%;aspect-ratio:4/5;border-radius:50% 50% 42% 42% / 38% 38% 28% 28%;overflow:hidden;background:#f2e8dc;box-shadow:0 15px 30px rgba(34,83,105,.04)}
#severJ_area .ptimg:after {content:"";position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid rgba(255,255,255,.5);border-radius:inherit;pointer-events:none}
#severJ_area .ptimg img {display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.22,1,.36,1),filter .5s ease}
#severJ_area .service_item:hover .ptimg img {transform:scale(1.055);filter:brightness(1.03)}
#severJ_area .ptinfo {position:relative;margin-top:25px;display:flex;flex-direction:column;align-items:center}
#severJ_area .ptntitle {color:#68615d;font-size:20px;line-height:1.35;text-transform:uppercase;letter-spacing:.02em;transition:.3s ease}
#severJ_area .ptnttext {margin-top:9px;color:#68615d;font-size:12px;line-height:1.6;letter-spacing:.08em;transition:.3s ease}
#severJ_area .service_item:hover .ptntitle,#severJ_area .service_item:hover .ptnttext {color:var(--main)}
#severJ_area .severJ_area_bg {position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;pointer-events:none}
#severJ_area .service_bgitem {position:absolute;pointer-events:none}
#severJ_area .service_bgitem img {display:block;width:100%;height:auto}
#severJ_area .top_img {right:41vw;top:0;width:9vw;animation:serviceFloat01 7s ease-in-out infinite alternate}
#severJ_area .down_img {left:-15px;bottom:-2vw;width:190px;animation:serviceFloat02 8s ease-in-out infinite alternate}
@keyframes serviceFloat01{0%{transform:translate3d(0,-5px,0) rotate(-2deg)}100%{transform:translate3d(-8px,12px,0) rotate(2deg)}}
@keyframes serviceFloat02{0%{transform:translate3d(-4px,7px,0) rotate(1deg)}100%{transform:translate3d(8px,-8px,0) rotate(-2deg)}}

/* #about_area */
#about_area .info_box article {margin-bottom:30px;width:90%;line-height:210%;letter-spacing:1.5px;font-weight:300}

/* #product_area */
#product_area {overflow:hidden;max-width:100vw}
#product_area .slick-list {overflow:visible}

/* #news_area */
#news_area {position:relative;overflow:hidden;background:#f3f7fb;padding-bottom:130px;padding-top:10px}
#news_area .workframe {z-index:3}
#news_area .centertitle .commtsmall {justify-content:center;margin-top:15px}
#news_area .nwelist {position:relative;width:100%;max-width:100%;margin:55px auto 0}
#news_area .slick-list {margin:0 -15px;overflow:visible}
#news_area .slick-slide {padding:0 15px}
#news_area .nweitem {position:relative}
#news_area .nwecard {position:relative;height:100%;padding:24px 24px 22px;border:1px solid rgba(73,128,153,.06);border-radius:8px;background:rgba(255,255,255,.82);box-shadow:0 12px 35px rgba(51,103,129,.045);transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease,background .45s ease}
#news_area .nwecard:hover {transform:translateY(-8px);background:#fff;box-shadow:0 20px 45px rgba(51,103,129,.1)}
#news_area .nwtop_box {position:relative;display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}
#news_area .nwtop_left {display:flex;align-items:center;gap:15px;min-width:0}
#news_area .nwbrand {display:flex;align-items:center;gap:7px;color:#6596ad;font-size:14px;font-weight:600;line-height:1;letter-spacing:.06em;white-space:nowrap}
#news_area .nwbrand span {position:relative;width:15px;height:15px;border:2px solid #84b3c8;border-radius:50%}
#news_area .nwbrand span:after {content:"";position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:#84b3c8;transform:translate(-50%,-50%)}
#news_area .nwdate {color:#77848a;font-family:"Times New Roman",serif;font-size:14px;line-height:1.4;white-space:nowrap}
#news_area .nwate {flex:0 0 auto;padding:6px 14px;border:1px solid rgba(76,139,168,.42);border-radius:30px;color:#4d89a5;font-size:14px;line-height:1;white-space:nowrap}
#news_area .nwimg_box {position:relative;width:100%;aspect-ratio:16/7.5;border-radius:7px;overflow:hidden;background:#eaf2f6}
#news_area .nwimg_box:after {content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(74,147,180,.04));pointer-events:none}
#news_area .nwimg_box img {display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.22,1,.36,1)}
#news_area .nwecard:hover .nwimg_box img {transform:scale(1.055)}
#news_area .nwcontent {position:relative;padding:23px 3px 0}
#news_area .nwtitle {min-height:62px;color:#303b41;font-family:"Noto Serif TC","Times New Roman",serif;font-size:23px;font-weight:600;line-height:1.45;letter-spacing:.035em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;transition:color .3s ease}
#news_area .nwecard:hover .nwtitle {color:var(--main)}
#news_area .nwinfo_box {position:relative;margin-top:20px}
#news_area .nwtext {height:56px;color:#718087;font-size:16px;line-height:1.75;letter-spacing:.03em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
#news_area .nw_more {position:relative;width:100%;height:50px;margin-top:22px;border-radius:50px;display:flex;align-items:center;justify-content:center;gap:28px;color:#366c84;font-size:16px;font-weight:500;letter-spacing:.08em;background:linear-gradient(90deg,#edf4f8 0%,#d6e6ee 100%);overflow:hidden;transition:.4s ease}
#news_area .nw_more:before {content:"";position:absolute;left:-110%;top:0;width:100%;height:100%;background:linear-gradient(100deg,#9fc7da,#6ba4bf);transition:.45s ease;z-index:-1}
#news_area .nw_more span {position:relative;width:24px;height:1px;background:currentColor;z-index:2;transition:.3s ease}
#news_area .nw_more span:after {content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg)}
#news_area .nwecard:hover .nw_more {color:#fff}
#news_area .nwecard:hover .nw_more:before {left:0}
#news_area .nwecard:hover .nw_more span {width:30px;background:white}
#news_area .nwecard:hover .nw_more span:after {border-color:white}
#news_area .nw_more {z-index:1}
#news_area .nw_more>* {position:relative;z-index:2}
#news_area .masklink {z-index:5}
#news_area .news_area_bg {position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:hidden}
#news_area .news_area_bgitem {position:absolute;pointer-events:none}
#news_area .news_area_bgitem img {display:block;width:100%;height:auto}
#news_area .left_img {left:-25px;top:15%;width:190px;animation:newsFloat01 8s ease-in-out infinite alternate;opacity:0.5}
#news_area .right_img {right:-20px;bottom:4%;width:210px;animation:newsFloat02 9s ease-in-out infinite alternate;opacity:0.5}
@keyframes newsFloat01{0%{transform:translate3d(-5px,-5px,0) rotate(-1deg)}100%{transform:translate3d(7px,12px,0) rotate(2deg)}}
@keyframes newsFloat02{0%{transform:translate3d(4px,7px,0) rotate(1deg)}100%{transform:translate3d(-8px,-8px,0) rotate(-2deg)}}
.shape_J_box {position:absolute;z-index:2;margin-top:-100px}

/* #cooperation_area */
#cooperation_area {position:relative;width:100%;padding-bottom:300px;padding-top:100px;overflow:hidden;background:#f3f7fb}
#cooperation_area .cooperation_bg {position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}
#cooperation_area .cooperation_bg:after {content:"";position:absolute;left:0;top:0;width:100%;height:33%;background:linear-gradient(180deg,rgb(243 247 251) 0%,rgba(255,255,255,0) 100%);pointer-events:none}
#cooperation_area .cooperation_bg:before {content:"";position:absolute;background:url(/images/40/about_decoration03.png) center/cover no-repeat;width:5vw;height:5vw;top:11vw;left:46vw;opacity:.7;pointer-events:none}
#cooperation_area .cooperation_bg img {display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
#cooperation_area .cooperation_inner {position:relative;height:100%;display:flex;align-items:center;z-index:3}
#cooperation_area .cooperation_info {position:relative;width:52%;padding-bottom:25px}
#cooperation_area .cooperation_kicker {position:relative;margin-bottom:18px;display:flex;align-items:center;gap:14px;color:#6795aa;font-family:"Times New Roman",serif;font-size:13px;line-height:1;letter-spacing:.22em}
#cooperation_area .cooperation_kicker span {display:block;width:38px;height:1px;background:#77a9bf}
#cooperation_area .cooperation_title {position:relative;color:var(--main);font-family:"Noto Serif TC","Times New Roman",serif;font-size:48px;font-weight:500;line-height:1.35;letter-spacing:.07em}
#cooperation_area .cooperation_title:before {content:"";position:absolute;left:-27px;top:9px;width:1px;height:72px;background:linear-gradient(180deg,#5e9fbb 0%,rgba(94,159,187,0) 100%)}
#cooperation_area .cooperation_title_line {position:relative;margin-top:18px;display:flex;align-items:center;gap:8px}
#cooperation_area .cooperation_title_line span {display:block;width:54px;height:2px;background:#4c91af}
#cooperation_area .cooperation_title_line i {display:block;width:6px;height:6px;border-radius:50%;background:#94bed1}
#cooperation_area .cooperation_text {margin-top:24px;color:#5c6b72;font-size:17px;line-height:1.9;letter-spacing:.045em}
#cooperation_area .cooperation_feature {position:relative;margin-top:28px;padding:17px 0;display:flex;align-items:center;border-top:1px solid rgba(67,126,151,.16);border-bottom:1px solid rgba(67,126,151,.16)}
#cooperation_area .cooperation_feature_item {position:relative;flex:1;min-width:0;padding:0 20px;display:flex;align-items:center;gap:11px}
#cooperation_area .cooperation_feature_item:first-child {padding-left:0}
#cooperation_area .cooperation_feature_item:last-child {padding-right:0}
#cooperation_area .cooperation_feature_item+.cooperation_feature_item:before {content:"";position:absolute;left:0;top:50%;width:1px;height:35px;background:rgba(67,126,151,.17);transform:translateY(-50%)}
#cooperation_area .cooperation_feature_no {flex:0 0 auto;color:rgba(45,119,151,.20);font-family:"Times New Roman",serif;font-size:28px;font-style:italic;line-height:1}
#cooperation_area .cooperation_feature_txt {min-width:0}
#cooperation_area .cooperation_feature_txt span {display:block;margin-bottom:4px;color:#6d9caf;font-family:"Times New Roman",serif;font-size:11px;line-height:1;letter-spacing:.13em}
#cooperation_area .cooperation_feature_txt div {color:#3d6272;font-size:15px;font-weight:500;line-height:1.4;letter-spacing:.05em;white-space:nowrap}
#cooperation_area .cooperation_more {margin-top:30px;display:flex;align-items:center;gap:20px}
#cooperation_area .cooperation_btn {position:relative;width:205px;height:56px;padding:0 27px;border-radius:50px;display:flex;align-items:center;justify-content:space-between;font-size:16px;letter-spacing:.08em;overflow:hidden;transition:.4s ease}
#cooperation_area .cooperation_btn span,#cooperation_area .cooperation_btn i {position:relative;z-index:2}
#cooperation_area .cooperation_btn i {width:24px;height:1px;background:currentColor;transition:.3s ease}
#cooperation_area .cooperation_btn i:after {content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg)}
#cooperation_area .cooperation_btn:hover i {width:31px}
#cooperation_area .cooperation_btn_main {color:#fff;background:linear-gradient(110deg,#8dbbd2 0%,#4c96ba 52%,#277ba5 100%);box-shadow:0 10px 25px rgba(47,126,163,.15)}
#cooperation_area .cooperation_btn_main span,#cooperation_area .cooperation_btn_main i {color:#fff}
#cooperation_area .cooperation_btn_main:before {content:"";position:absolute;left:-110%;top:0;width:100%;height:100%;background:linear-gradient(110deg,#397f9f,#145d7c);transition:.45s ease}
#cooperation_area .cooperation_btn_main:hover:before {left:0}
#cooperation_area .cooperation_btn_main:hover {transform:translateY(-3px);box-shadow:0 14px 30px rgba(47,126,163,.23)}
#cooperation_area .cooperation_btn_line {color:var(--main);border:1px solid rgba(23,81,107,.55);background:rgba(255,255,255,.35);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
#cooperation_area .cooperation_btn_line:before {content:"";position:absolute;left:0;bottom:0;width:100%;height:0;background:var(--main);transition:.4s ease}
#cooperation_area .cooperation_btn_line:hover {color:#fff;border-color:var(--main)}
#cooperation_area .cooperation_btn_line:hover:before {height:100%}
#cooperation_area .cooperation_btn_line:hover span,#cooperation_area .cooperation_btn_line:hover i {color:#fff}
#cooperation_area .cooperation_slogan {position:absolute;right:-6.6%;top:55%;color:rgb(11 11 11 / 62%);font-family:"Times New Roman",serif;font-size:16px;line-height:1.25;letter-spacing:.32em;text-align:left;display:none}
#cooperation_area .cooperation_wave {position:absolute;left:0;bottom:-2px;width:100%;z-index:4;pointer-events:none}
#cooperation_area .cooperation_wave img {display:block;width:100%;height:auto}

/* #book_area */
#book_area .list_box img {height:450px}
#book_area .list_box .img_box {border:var(--white) solid;border-width:0 1px 1px 0}
#book_area .list_box .img_box:before,#book_area .list_box .img_box:after {position:absolute;width:100%;height:100%;background:var(--white);z-index:9;opacity:.4;content:""}
#book_area .list_box .img_box:after {right:0;bottom:0}
#book_area .list_box .atag_item {z-index:10}
#book_area .list_box .badge {margin:auto;padding:10px 20px;max-width:calc(80% - 40px);height:34px;line-height:36px;font-size:20px}

/* #youtube_box */
#youtube_box {min-height:1px;padding-bottom:30%}
#youtube_box a {position:absolute;background:var(--white);display:flex;top:50%;left:50%;z-index:99}
#youtube_box a i {margin:auto;font-size:30px;color:var(--primary)}
#youtube_box iframe {position:absolute;width:100%;height:100%;top:0;left:0;z-index:5}

/* #custom_area */
#custom_area {margin:0;padding:5vw 0 3vw}
#custom_area:before {position:absolute;width:100%;height:75%;background:rgba(var(--primary-rgb),.1);display:block;bottom:0;left:0;opacity:.3;content:""}

/* #custom_box */
#custom_box {padding:8vw 0 5vw}
#custom_box li .row {margin:30px 20px;padding:30px;display:block;border-bottom:2px var(--primary) solid}
#custom_box li .row h2 {font-size:20px}
#custom_box li .row article {margin-top:30px;line-height:200%}
@-webkit-keyframes spineer{0%{-webkit-box-shadow:0 0 0 0 var(--info)}70%{-webkit-box-shadow:0 0 0 20px transparent}100%{-webkit-box-shadow:0 0 0 0 transparent}}
@keyframes spineer{0%{box-shadow:0 0 0 0 var(--info)}70%{box-shadow:0 0 0 20px transparent}100%{box-shadow:0 0 0 0 transparent}}

/* @media */
@media screen and (max-width:1400px) {
  :root { --section-space: 95px }
  .commtbig { font-size: 44px }
  #severJ_area .service_list { gap: 24px }
  #severJ_area .ptntitle { font-size: 18px }
  #severJ_area .ptnttext { font-size: 16px }
  #news_area .nwelist { width: 92% }
  #news_area .slick-list { margin: 0 -12px }
  #news_area .slick-slide { padding: 0 12px }
  #news_area .nwecard { padding: 21px 21px 20px }
  #news_area .nwtitle { font-size: 21px }
  #news_area .left_img { width: 160px }
  #news_area .right_img { width: 180px }
  #cooperation_area { padding-top: 90px; padding-bottom: 260px }
  #cooperation_area .cooperation_title { font-size: 44px }
  #cooperation_area .cooperation_info { width: 55% }
  #cooperation_area .cooperation_bg img { object-position: 55% center }
  #cooperation_area .cooperation_feature_item { padding: 0 15px }
  #cooperation_area .cooperation_feature_no { font-size: 25px }
  #cooperation_area .cooperation_feature_txt div { font-size: 15px }
}
@media screen and (max-width:1200px) {
  :root { --section-space: 85px }
  .commtsmall span { width: 120px }
  #severJ_area .service_list { grid-template-columns: repeat(3,1fr); gap: 50px 38px }
  #severJ_area .ptimg { max-width: 280px; margin: 0 auto }
  #severJ_area .top_img { width: 180px }
  #severJ_area .down_img { width: 150px }
  #news_area .nwelist { width: 94%; margin-top: 48px }
  #news_area .nwtop_left { gap: 10px }
  #news_area .nwbrand { font-size: 13px }
  #news_area .nwdate { font-size: 13px }
  #news_area .nwate { padding: 6px 11px; font-size: 13px }
  #cooperation_area { padding-top: 80px; padding-bottom: 230px }
  #cooperation_area .cooperation_bg:after { width: 100% }
  #cooperation_area .cooperation_title { font-size: 40px }
  #cooperation_area .cooperation_text { font-size: 16px }
  #cooperation_area .cooperation_info { width: 60% }
  #cooperation_area .cooperation_slogan { right: 1%; font-size: 15px }
  #cooperation_area .cooperation_feature_item { padding: 0 12px; gap: 8px }
  #cooperation_area .cooperation_feature_no { font-size: 23px }
  #cooperation_area .cooperation_bg:before { width: 6vw; height: 6vw; left: 45vw; top: 13vw }
}
@media screen and (max-width:991px) {
  #news_area .nwelist { width: 90% }
  #news_area .slick-list { overflow: hidden }
  #news_area .nwtitle { min-height: 58px; font-size: 20px }
  #news_area .left_img { left: -40px; width: 135px; opacity: .7 }
  #news_area .right_img { right: -35px; width: 145px; opacity: .7 }
  #cooperation_area { padding-top: 75px; padding-bottom: 200px }
  #cooperation_area .cooperation_bg img { object-position: 65% center }
  #cooperation_area .cooperation_bg:after { width: 100%; height: 100%; background: linear-gradient(90deg,rgba(243,247,251,.96) 0%,rgba(243,247,251,.84) 48%,rgba(243,247,251,.22) 100%) }
  #cooperation_area .cooperation_info { width: 70% }
  #cooperation_area .cooperation_kicker { font-size: 12px }
  #cooperation_area .cooperation_title { font-size: 37px }
  #cooperation_area .cooperation_title:before { left: -18px }
  #cooperation_area .cooperation_slogan { display: none }
  #cooperation_area .cooperation_bg:before { width: 7vw; height: 7vw; left: auto; right: 9vw; top: 12vw }
}
@media screen and (max-width:768px) {
  #youtube_box { padding-bottom: 60vw }
  #custom_box li .row { margin: 10px 15px; padding: 10px 0 }
}
@media screen and (max-width:767px) {
  :root { --section-space: 70px }
  .workframe { width: calc(100% - 40px) }
  .commtbig { font-size: 38px }
  .commtsmall { margin-top: 12px; font-size: 16px }
  .commtsmall span { width: 85px; margin-right: 13px }
  .centermore { margin-top: 45px }
  .commmore { width: 245px; height: 52px; font-size: 15px }
  #severJ_area .commtitle { margin-left: 0 }
  #severJ_area .service_list { margin-top: 35px; grid-template-columns: repeat(2,1fr); gap: 42px 20px }
  #severJ_area .ptinfo { margin-top: 18px }
  #severJ_area .ptntitle { font-size: 16px }
  #severJ_area .ptnttext { margin-top: 7px; font-size: 15px }
  #severJ_area .top_img { right: -40px; width: 135px; opacity: .75 }
  #severJ_area .down_img { left: -30px; width: 120px; opacity: .75 }
  #news_area .nwelist { width: 100%; margin-top: 38px }
  #news_area .slick-list { margin: 0 -8px; overflow: visible }
  #news_area .slick-slide { padding: 0 8px }
  #news_area .nwecard { padding: 18px 18px 19px }
  #news_area .nwtop_box { margin-bottom: 15px }
  #news_area .nwimg_box { aspect-ratio: 16/8 }
  #news_area .nwcontent { padding-top: 18px }
  #news_area .nwtitle { min-height: 0; font-size: 18px; line-height: 1.5 }
  #news_area .nwinfo_box { margin-top: 14px }
  #news_area .nwtext { height: 52px; font-size: 15px }
  #news_area .nw_more { height: 46px; margin-top: 18px; font-size: 15px }
  #news_area .left_img { width: 105px }
  #news_area .right_img { width: 115px }
  #cooperation_area { padding-top: 70px; padding-bottom: 165px }
  #cooperation_area .cooperation_inner { align-items: center }
  #cooperation_area .cooperation_bg img { object-position: 68% center }
  #cooperation_area .cooperation_bg:after { height: 100%; background: linear-gradient(90deg,rgba(243,247,251,.97) 0%,rgba(243,247,251,.90) 58%,rgba(243,247,251,.42) 100%) }
  #cooperation_area .cooperation_info { width: 86%; padding-bottom: 20px }
  #cooperation_area .cooperation_kicker { margin-bottom: 14px; font-size: 11px }
  #cooperation_area .cooperation_kicker span { width: 30px }
  #cooperation_area .cooperation_title { font-size: 32px; line-height: 1.4 }
  #cooperation_area .cooperation_title:before { display: none }
  #cooperation_area .cooperation_title_line { margin-top: 15px }
  #cooperation_area .cooperation_title_line span { width: 45px }
  #cooperation_area .cooperation_text { margin-top: 18px; font-size: 15px; line-height: 1.8 }
  #cooperation_area .cooperation_feature { margin-top: 22px; padding: 15px 0 }
  #cooperation_area .cooperation_feature_item { padding: 0 9px; gap: 7px }
  #cooperation_area .cooperation_feature_no { font-size: 20px }
  #cooperation_area .cooperation_feature_txt span { font-size: 10px }
  #cooperation_area .cooperation_feature_txt div { font-size: 15px }
  #cooperation_area .cooperation_more { margin-top: 24px; gap: 12px }
  #cooperation_area .cooperation_btn { width: 170px; height: 49px; padding: 0 20px; font-size: 15px }
  #cooperation_area .cooperation_bg:before { width: 55px; height: 55px; right: 8%; top: 80px }
}
@media screen and (max-width:640px) {
  #book_area .list_box img { height: 65vw }
}
@media screen and (max-width:550px) {
  #cooperation_area { padding-top: 60px; padding-bottom: 145px }
  #cooperation_area .cooperation_bg img { object-position: 73% center }
  #cooperation_area .cooperation_bg:after { background: linear-gradient(90deg,rgba(243,247,251,.98) 0%,rgba(243,247,251,.94) 66%,rgba(243,247,251,.58) 100%) }
  #cooperation_area .cooperation_info { width: 94% }
  #cooperation_area .cooperation_title { font-size: 29px }
  #cooperation_area .cooperation_text br { display: none }
  #cooperation_area .cooperation_feature { align-items: stretch }
  #cooperation_area .cooperation_feature_item { display: block; padding: 0 9px }
  #cooperation_area .cooperation_feature_item:first-child { padding-left: 0 }
  #cooperation_area .cooperation_feature_item:last-child { padding-right: 0 }
  #cooperation_area .cooperation_feature_item+.cooperation_feature_item:before { height: 48px }
  #cooperation_area .cooperation_feature_no { margin-bottom: 7px; font-size: 19px }
  #cooperation_area .cooperation_feature_txt span { margin-bottom: 5px }
  #cooperation_area .cooperation_feature_txt div { white-space: normal }
  #cooperation_area .cooperation_more { width: 100% }
  #cooperation_area .cooperation_btn { width: calc(50% - 6px); height: 48px; padding: 0 17px }
  #cooperation_area .cooperation_bg:before { width: 48px; height: 48px; right: 4%; top: 60px; opacity: .45 }
}
@media screen and (max-width:450px) {
  .workframe { width: calc(100% - 30px) }
  .commtbig { font-size: 35px }
  #severJ_area .service_list { gap: 35px 14px }
  #severJ_area .ptntitle { font-size: 15px }
  #severJ_area .ptnttext { font-size: 15px }
  #news_area .nwbrand { font-size: 12px }
  #news_area .nwbrand span { width: 13px; height: 13px }
  #news_area .nwdate { font-size: 12px }
  #news_area .nwate { padding: 5px 9px; font-size: 12px }
  #cooperation_area { padding-top: 55px; padding-bottom: 125px }
  #cooperation_area .cooperation_title { font-size: 27px }
  #cooperation_area .cooperation_feature_item { padding: 0 6px }
  #cooperation_area .cooperation_feature_no { font-size: 18px }
  #cooperation_area .cooperation_feature_txt div { font-size: 15px }
  #cooperation_area .cooperation_btn { font-size: 15px }
  #cooperation_area .cooperation_btn i { width: 18px }
  #product_area .bgBox { width: 100%; object-fit: cover }
}
@media screen and (min-width:1281px) {
  #product_area .list_box ul li:hover { transform: translate(0,-20px); -webkit-transform: translate(0,-20px) }
  #book_area .list_box li:hover .img_box:before,#book_area .list_box li:hover .img_box:after { transform: scaleY(1); -webkit-transform: scaleY(1) }
  #book_area .list_box li:hover .badge { background: var(--primary); color: var(--white) }
  #custom_box li:hover .row { box-shadow: 0 4px 17px 0 rgba(var(--black-rgb),.2) }
}