/* #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}
header .menu {border-bottom:1px rgba(var(--white-rgb),.2) solid}

/* #webmenu */
header #webmenu nav>ul>li>p a {color:var(--white)}

/* #openform */
#openform {background:rgba(var(--white-rgb),.3)}
section {padding:3vw 0 2vw}
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;position:relative;margin:0;padding-bottom:25px;color:#092f52;font-size:clamp(34px,3vw,52px);font-weight:700;line-height:1.35;letter-spacing:.045em}
section .title_box .area_desc {max-width:620px;margin:18px 0 0;color:#68727c;font-size: 16px;line-height:1.9;letter-spacing:.04em}
section .title_box .area_desc h1.pageh1{position: relative;font-size: 16px;font-weight: 400;}
section .title_box .sub_title {font-weight:300;font-size:23px;margin:0;color:#0a3155;font-size:11px;font-weight:700;letter-spacing:.2em;line-height:1.5}
section .title_box .area_title:after {content:"";position:absolute;left:0;bottom:0;width:58px;height:3px;background:linear-gradient(90deg,#ef4438,#ff972d)}
section .title_box .section_no {color:#ef4438;font-size:15px;font-weight:700;letter-spacing:.06em}
section .title_box .section_no:after {content:"";display:inline-block;width:24px;height:1px;margin:0 0 4px 13px;background:#ef4438}
.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: rgb(247 148 28 / 22%);content:""}
.bg_box.white:before {background:rgba(var(--white-rgb),.2)}

/* #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 {position:relative;padding:120px 0 130px;overflow:hidden;background:#fff;counter-reset:serviceItem}
#product_area:after {content:"";position:absolute;bottom: 0;width: 40%;height:2px;background: linear-gradient(to right, var(--primary), #f7941c00);z-index: 4;}

#product_area .bg_box {inset:0;background:linear-gradient(135deg,#ffffff 0%,#fbfcfd 58%,#f4f7fa 100%);pointer-events:none;z-index:0}
#product_area .bg_box:before {content:"";position:absolute;right: -5vw;top: 0vw;width: 20vw;height: auto;aspect-ratio: 1/1;border-radius:50%;background: radial-gradient(circle, rgb(43 97 145 / 31%) 0%, rgb(8 49 85 / 0%) 70%);}
#product_area .bg_box:after {content:"";position:absolute;left: -6vw;bottom: -6vw;width: 28vw;aspect-ratio: 1/1;height: auto;border-radius:50%;background: radial-gradient(circle, rgb(239 68 56 / 25%) 0%, rgba(239, 68, 56, 0) 72%);}
#product_area .product_inner {z-index:2}
#product_area .product_layout {display:grid;grid-template-columns:minmax(280px,30%) minmax(0,1fr);align-items:stretch;gap:clamp(38px,4vw,70px)}
#product_area .service_visual {min-width:0;min-height:100%;overflow:hidden;background:#073252}
#product_area .service_visual_img {width:100%;height:100%;min-height:610px;overflow:hidden}
#product_area .service_visual_img img {display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 1s cubic-bezier(.22,.61,.36,1)}
#product_area .visual_overlay {inset:0;z-index:1;background:linear-gradient(180deg,rgba(4,35,62,.04) 10%,rgba(4,35,62,.16) 47%,rgba(3,38,67,.92) 100%);pointer-events:none}
#product_area .visual_overlay:before {content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(3,43,75,.12) 0%,transparent 48%)}
#product_area .visual_content {left:38px;right:38px;bottom:42px;z-index:2;color:#fff}
#product_area .visual_no {margin-bottom:7px;color:#ff7042;font-size:18px;font-weight:700;letter-spacing:.08em}
#product_area .visual_en {margin-bottom:15px;color:rgba(255,255,255,.65);font-size:11px;font-weight:600;letter-spacing:.19em;line-height:1.5}
#product_area .visual_title {color:#fff;font-size:clamp(22px,1.7vw,30px);font-weight:600;line-height:1.55;letter-spacing:.055em}
#product_area .visual_line {width:48px;height:3px;margin-top:21px;background:linear-gradient(90deg,#ef4438,#ff972d)}
#product_area .visual_brand {right:27px;top:27px;z-index:2;display:grid;grid-template-columns:repeat(3,7px);gap:5px;opacity:.85}
#product_area .visual_brand span {display:block;width:7px;height:7px;background:#ef4438}
#product_area .visual_brand span:nth-child(2),#product_area .visual_brand span:nth-child(4),#product_area .visual_brand span:nth-child(8) {background:#ff972d}
#product_area .service_visual:hover .service_visual_img img {transform:scale(1.035)}
#product_area .service_content {min-width:0}
#product_area .title_box {max-width:720px;margin:0 0 40px;text-align:left}
#product_area .title_meta {display:flex;align-items:center;gap:13px;margin-bottom:11px}
#product_area .area_desc {max-width: 100%;margin:18px 0 0;color:#68727c;font-size: 16px;line-height:1.9;letter-spacing:.04em}
#product_area .list_box {position:relative;z-index:2}
#product_area #product_list {display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;white-space:normal!important}
#product_area #product_list>li {min-width:0;counter-increment:serviceItem;display:flex;flex-direction:column}
#product_area .service_card {position:relative;display:flex;flex-direction:column;min-height:170px;height:100%;padding:24px 22px 20px;border:1px solid #dbe3ea;background:linear-gradient(180deg,#fff 0%,#fbfcfd 100%);overflow:hidden;transition:border-color .35s ease,transform .35s cubic-bezier(.22,.61,.36,1),background .35s ease}
#product_area .service_card:before {content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,0) 0%,rgba(10,49,85,.018) 100%);pointer-events:none}
#product_area .service_card:after {content:"";position:absolute;left:0;top:0;width:3px;height:0;background:linear-gradient(180deg,#ef4438,#ff972d);transition:height .45s cubic-bezier(.22,.61,.36,1)}
#product_area .card_corner {position:absolute;top:0;right:0;width:50%;height:50%;background:linear-gradient(45deg,rgba(255,255,255,0) 50%,rgba(10,49,85,.03) 50%);pointer-events:none}
#product_area .card_top {position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:15px}
#product_area .service_icon {display:flex;align-items:center;justify-content:center;width:65px;height:65px;transition:transform .35s cubic-bezier(.22,.61,.36,1)}
#product_area .service_icon img {display:block;width:100%;height:100%;object-fit:contain}
#product_area .service_no {flex:none;color:#d6dde4;font-size:12px;font-weight:700;line-height:1;letter-spacing:.08em;transition:color .35s ease}
#product_area .service_no:before {content:counter(serviceItem,decimal-leading-zero)}
#product_area .card_body {position:relative;z-index:2;display:flex;flex-direction:column}
#product_area .service_title {margin:0;color:#0d4470;font-size:20px;font-weight:700;line-height:1.5;letter-spacing:.04em;transition:color .35s ease}
#product_area .service_desc {display:none}
#product_area .service_desc:empty {display:none}
#product_area .card_bottom {position:relative;z-index:2;margin-top:auto;padding-top:10px}
#product_area .service_link {display:inline-flex;align-items:center;gap:12px;color:#7e8790;font-size:12px;font-weight:500;letter-spacing:.05em;transition:color .35s ease}
#product_area .service_link span {font-size:14px}
#product_area .service_link i {position:relative;display:block;width:24px;height:1px;background:#ef4438;transition:width .35s ease}
#product_area .service_link i:after {content:"";position:absolute;top:-3px;right:0;width:6px;height:6px;border-top:1px solid #ef4438;border-right:1px solid #ef4438;transform:rotate(45deg)}
#product_area .service_line {position:absolute;left:0;bottom:0;width:0;height:3px;background:linear-gradient(90deg,#ef4438,#ff972d);transition:width .4s cubic-bezier(.22,.61,.36,1)}
#product_area .atag_item {inset:0;z-index:5;width:100%;height:100%}
#product_area .service_card:hover {border-color:rgba(10,49,85,.22);background:#fff;transform:translateY(-5px)}
#product_area .service_card:hover:after {height:100%}
#product_area .service_card:hover .service_icon {transform:translateY(-3px) scale(1.04)}
#product_area .service_card:hover .service_title {color:#ef4438}
#product_area .service_card:hover .service_no {color:#ef4438}
#product_area .service_card:hover .service_link {color:#0a3155}
#product_area .service_card:hover .service_link i {width:34px}
#product_area .service_card:hover .service_line {width:100%}
#product_area .nowrap_box {white-space:normal!important}
#product_area img.bgBox {background-image:none!important}

/* #news_area */
#news_area .list_box img {height:320px}
#news_area .list_box .info_box {padding:15px 30px}
#news_area .list_box .info_box p a {margin-right:10px;max-width:calc(100% - 100px);font-weight:400;z-index:2}
#news_area .list_box .info_box p .time {width:90px;font-weight:300}
#news_area .list_box .info_box h3 {height:34px;font-size:20px}

/* #book_area */
#book_area {position:relative;padding: 60px 0 135px;overflow:hidden;background:#fff}
#book_area:after {content:"";position:absolute;top: 0;width: 80%;height:2px;background: linear-gradient(to right, var(--primary), #f7941c00);z-index: 4;}

#book_area:before{content:"";background:url(/images/40/ant_bg.png);position: absolute;width: 41vw;aspect-ratio: 1919/433;background-size: cover;right: 2vw;}
#book_area .bg_box {inset:0;background:linear-gradient(145deg,#ffffff 0%,#f8fafb 58%,#f1f5f7 100%);pointer-events:none}
#book_area .bg_box:before {content:"";position:absolute;right:-160px;bottom:-230px;width:540px;height: auto;aspect-ratio: 1/1;border:1px solid rgba(9,49,84,.045);border-radius:50%}
#book_area .bg_box:after {content:"";position:absolute;right:-40px;bottom:-115px;width:310px;aspect-ratio:1;border:1px solid rgba(239,68,56,.05);border-radius:50%}
#book_area .book_inner {z-index: 3;}
#book_area .book_head {align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:52px}
#book_area .title_box {max-width:720px}
#book_area .title_meta {display:flex;align-items:center;gap:13px;margin-bottom:14px}
#book_area .section_no {color:#ef4438;font-size:15px;font-weight:700;letter-spacing:.06em}
#book_area .section_no:after {content:"";display:inline-block;width:25px;height:1px;margin:0 0 4px 13px;background:#ef4438}
#book_area .section_en {color:#0a3155;font-size:11px;font-weight:700;letter-spacing:.2em}
#book_area .sub_title {margin:0 0 8px;color:#ef4438;font-size:13px;font-weight:600;line-height:1.7;letter-spacing:.1em}
#book_area .area_title {position:relative;margin:0;padding-bottom:20px;color:#092f52;font-size:clamp(32px,2.6vw,44px);font-weight:700;line-height:1.3;letter-spacing:.055em}
#book_area .area_title:after {content:"";position:absolute;left:0;bottom:0;width:54px;height:3px;background:linear-gradient(90deg,#ef4438,#ff972d)}
#book_area .area_desc {max-width:650px;margin:18px 0 0;color:#68727c;font-size: 16px;line-height:1.9;letter-spacing:.04em}
#book_area .book_control {flex:none;align-items:center;gap:25px;padding-bottom:3px}
#book_area .book_count {display:flex;align-items:center;gap:10px;color:#9099a1;font-size:12px;font-weight:600;letter-spacing:.08em}
#book_area .book_count .current {color:#0a3155;font-size:17px}
#book_area .book_count i {display:block;width:28px;height:1px;background:#ccd3d9}
#book_area .book_arrows {gap:8px}
#book_area .book_arrows button {display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:1px solid #d6dfe5;background:#fff;cursor:pointer;transition:background .35s ease,border-color .35s ease}
#book_area .book_arrows button i {position:relative;display:block;width:17px;height:1px;background:#0a3155;transition:width .35s ease,background .35s ease}
#book_area .book_arrows button i:after {content:"";position:absolute;top:-3px;width:7px;height:7px;border-top:1px solid #0a3155;border-right:1px solid #0a3155}
#book_area .book_prev i:after {left:0;transform:rotate(-135deg)}
#book_area .book_next i:after {right:0;transform:rotate(45deg)}
#book_area .book_arrows button:hover {border-color:#ef4438;background:#ef4438}
#book_area .book_arrows button:hover i {width:23px;background:#fff}
#book_area .book_arrows button:hover i:after {border-color:#fff}
#book_area .list_box {position:relative}
#book_area .book_slider {margin:0 -11px;padding:0;list-style:none}
#book_area .book_slider .slick-track {display:flex}
#book_area .book_slider .slick-slide {height:auto}
#book_area .book_slider .slick-slide>div {height:100%}
#book_area .book_slider li {height:100%;padding:0 11px}
#book_area .book_card {display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid #dce3e8;background:#fff;transition:border-color .4s ease,transform .4s cubic-bezier(.22,.61,.36,1)}
#book_area .img_box {aspect-ratio:4 / 3;background:#e9eef1}
#book_area .img_box:after {content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(4,37,64,0) 55%,rgba(4,37,64,.1) 100%);pointer-events:none}
#book_area .img_box img {display:block;width:100%;height:100%;object-fit:cover;transition:transform .85s cubic-bezier(.22,.61,.36,1)}
#book_area .book_info {position:relative;z-index:2;flex:1;padding:27px 28px 26px;background:linear-gradient(135deg,#073252 0%,#092e4c 100%)}
#book_area .book_meta {display:flex;align-items:center;gap:12px;margin-bottom:12px;color:rgba(255,255,255,.48);font-size:9px;font-weight:600;letter-spacing:.18em}
#book_area .book_meta * , #book_area .book_more *{color:#e0e0e0;}
#book_area .book_meta i {width:26px;height:1px;background:#ef4438}
#book_area .book_title {margin:0;color:#fff;font-size:20px;font-weight:600;line-height:1.55;letter-spacing:.045em}

#book_area .book_more {align-items:center;gap:15px;margin-top:20px;color:rgba(255,255,255,.62);font-size:12px;font-weight:500;letter-spacing:.05em;transition:color .35s ease}
#book_area .book_more i {position:relative;display:block;width:28px;height:1px;background:#ef4438;transition:width .35s ease}
#book_area .book_more i:after {content:"";position:absolute;right:0;top:-3px;width:6px;height:6px;border-top:1px solid #ef4438;border-right:1px solid #ef4438;transform:rotate(45deg)}
#book_area .book_line {position:absolute;left:0;bottom:0;z-index:3;width:0;height:3px;background:linear-gradient(90deg,#ef4438,#ff972d);transition:width .5s cubic-bezier(.22,.61,.36,1)}
#book_area .atag_item {inset:0;z-index:5}
#book_area .book_card:hover {border-color:rgba(9,49,84,.22);transform:translateY(-6px)}
#book_area .book_card:hover .img_box img {transform:scale(1.055)}
#book_area .book_card:hover .book_more {color:#fff}
#book_area .book_card:hover .book_more i {width:40px}
#book_area .book_card:hover .book_line {width:100%}
#book_area .book_progress {position:relative;width:100%;height:1px;margin-top:40px;overflow:hidden;background:#dce3e8}
#book_area .book_progress span {display:block;width:0;height:100%;background:linear-gradient(90deg,#ef4438,#ff972d);transition:width .55s cubic-bezier(.22,.61,.36,1)}

/* #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}}

/* #environment_area */
#environment_area {position:relative;padding:125px 0 135px;overflow:hidden;background:#f7f9fb;counter-reset:environmentItem}
#environment_area .environment_bg {inset:0;pointer-events:none;background:linear-gradient(180deg,#f8fafc 0%,#ffffff 46%,#f5f8fa 100%)}
#environment_area .environment_bg:before {content:"";position:absolute;top: -12vw;right: -4vw;width: 50vw;height: auto;aspect-ratio: 1/1;border: 1px solid rgb(237 153 50 / 44%);border-radius:50%}
#environment_area .environment_bg:after {content:"";position:absolute;top: -6vw;right: -4vw;width: 37vw;height: auto;aspect-ratio: 1 / 1;border: 1px solid rgb(239 63 53 / 16%);border-radius:50%}
#environment_area .environment_inner {z-index:3}
#environment_area .environment_head {align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:52px}
#environment_area .title_box {max-width:700px}
#environment_area .title_meta {display:flex;align-items:center;gap:13px;margin-bottom:11px}
#environment_area .environment_control {flex:none;align-items:center;gap:24px;padding-bottom:3px}
#environment_area .environment_count {display:flex;align-items:center;gap:10px;color:#8a949e;font-size:12px;font-weight:600;letter-spacing:.08em}
#environment_area .environment_count .current {color:#0a3155;font-size:17px}
#environment_area .environment_count i {display:block;width:28px;height:1px;background:#c9d0d6}
#environment_area .environment_arrows {gap:8px}
#environment_area .environment_arrows button {position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:1px solid #d8e0e6;background:#fff;cursor:pointer;transition:border-color .35s ease,background .35s ease}
#environment_area .environment_arrows button i {position:relative;display:block;width:17px;height:1px;background:#0a3155;transition:width .35s ease,background .35s ease}
#environment_area .environment_arrows button i:after {content:"";position:absolute;top:-3px;width:7px;height:7px;border-top:1px solid #0a3155;border-right:1px solid #0a3155}
#environment_area .environment_prev i:after {left:0;transform:rotate(-135deg)}
#environment_area .environment_next i:after {right:0;transform:rotate(45deg)}
#environment_area .environment_arrows button:hover {border-color:#ef4438;background:#ef4438}
#environment_area .environment_arrows button:hover i {width:23px;background:#fff}
#environment_area .environment_arrows button:hover i:after {border-color:#fff}
#environment_area .environment_slider {margin:0 -10px}
#environment_area .environment_slider .slick-list {overflow:visible}
#environment_area .environment_slider .slick-track {display:flex}
#environment_area .environment_slide {height:auto;padding:0 10px;counter-increment:environmentItem}
#environment_area .environment_slide>div {height:100%}
#environment_area .environment_card {height:100%;min-height:430px;overflow:hidden;background:#082f51}
#environment_area .environment_photo {position:absolute;inset:0;overflow:hidden}
#environment_area .environment_photo img {display:block;width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.22,.61,.36,1),filter .55s ease}
#environment_area .environment_gradient {inset:0;z-index:1;background:linear-gradient(180deg,rgba(3,32,57,0) 20%,rgba(3,32,57,.08) 47%,rgba(4,38,67,.95) 100%);transition:background .45s ease}
#environment_area .environment_info {left:0;right:0;bottom:0;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:30px 27px 27px;color:#fff}
#environment_area .environment_no {flex:none;margin-bottom:3px;color:rgba(255,255,255,.42);font-size:12px;font-weight:600;letter-spacing:.1em}
#environment_area .environment_no:before {content:counter(environmentItem,decimal-leading-zero)}
#environment_area .environment_text {flex:1;min-width:0}
#environment_area .environment_title {color:#fff;font-size:20px;font-weight:600;line-height:1.5;letter-spacing:.055em;transition:transform .4s cubic-bezier(.22,.61,.36,1)}
#environment_area .environment_more {display:flex;align-items:center;gap:12px;max-height:0;margin-top:0;overflow:hidden;opacity:0;color:rgba(255,255,255,.65);font-size:9px;font-weight:600;letter-spacing:.18em;transition:max-height .4s ease,margin-top .4s ease,opacity .4s ease}
#environment_area .environment_more i {position:relative;display:block;width:28px;height:1px;background:#ef4438}
#environment_area .environment_more i:after {content:"";position:absolute;right:0;top:-3px;width:6px;height:6px;border-top:1px solid #ef4438;border-right:1px solid #ef4438;transform:rotate(45deg)}
#environment_area .environment_link {inset:0;z-index:5}
#environment_area .environment_card:before {content:"";position:absolute;z-index:3;left:27px;bottom:0;width:0;height:3px;background:linear-gradient(90deg,#ef4438,#ff972d);transition:width .5s cubic-bezier(.22,.61,.36,1)}
#environment_area .environment_card:hover .environment_photo img {transform:scale(1.055)}
#environment_area .environment_card:hover .environment_gradient {background:linear-gradient(180deg,rgba(3,32,57,.03) 8%,rgba(3,32,57,.16) 42%,rgba(4,38,67,.98) 100%)}
#environment_area .environment_card:hover .environment_title {transform:translateY(-3px)}
#environment_area .environment_card:hover .environment_more {max-height:30px;margin-top:9px;opacity:1}
#environment_area .environment_card:hover:before {width:52px}
#environment_area .environment_progress {position:relative;width:100%;height:1px;margin-top:38px;overflow:hidden;background:#dce3e8}
#environment_area .environment_progress span {display:block;width:25%;height:100%;background:linear-gradient(90deg,#ef4438,#ff972d);transition:width .6s cubic-bezier(.22,.61,.36,1)}

/* #about_area */
#about_area {position:relative;padding:clamp(110px,9vw,165px) 0;overflow:hidden;background:#fff}
#about_area .about_bg {inset:0;overflow:hidden;pointer-events:none;background-image: url(/images/40/indexabout_bg.jpg);}
#about_area .about_bg:before {content:"";position:absolute;left:-170px;bottom:-250px;width:520px;aspect-ratio:1;border: 1px solid rgb(248 158 50 / 32%);border-radius:50%}
#about_area .about_bg:after {content:"";position:absolute;left:-70px;bottom:-155px;width:350px;aspect-ratio:1;border: 1px solid rgb(239 63 53 / 22%);border-radius:50%}
#about_area .about_inner {z-index:3}
#about_area .about_layout {display:grid;grid-template-columns:minmax(0,44%) minmax(0,1fr);align-items:center;gap:clamp(60px,7vw,125px)}
#about_area .about_visual {min-width:0;padding:0 0 45px 35px}
#about_area .about_photo {position:relative;aspect-ratio:4 / 5;overflow:hidden;background:#0a3155}
#about_area .about_photo:before {content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(5,37,65,0) 52%,rgba(5,37,65,.16) 100%)}
#about_area .about_photo a {width:100%;height:100%;display:flex}
#about_area .about_photo img {position:relative;display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 1.1s cubic-bezier(.22,.61,.36,1);top:0}
#about_area .about_visual:hover .about_photo img {transform:scale(1.035)}
#about_area .about_visual_panel {left:0;bottom:0;z-index:3;width:min(310px,78%);padding:27px 30px 28px;background:#073352;color:#fff}
#about_area .panel_line {width:42px;height:3px;margin-bottom:17px;background:linear-gradient(90deg,#ef4438,#ff972d)}
#about_area .panel_en {margin-bottom:5px;color:#fff;font-size:18px;font-weight:700;line-height:1.4;letter-spacing:.18em}
#about_area .panel_text {color:rgba(255,255,255,.58);font-size:10px;font-weight:600;line-height:1.5;letter-spacing:.18em}
#about_area .about_pixel {top:24px;right:-18px;z-index:3;display:grid;grid-template-columns:repeat(3,7px);gap:5px}
#about_area .about_pixel span {display:block;width:7px;aspect-ratio:1;background:#ef4438}
#about_area .about_pixel span:nth-child(2),#about_area .about_pixel span:nth-child(4),#about_area .about_pixel span:nth-child(8) {background:#ff972d}
#about_area .about_content {min-width:0;max-width:720px}
#about_area .title_box {margin-bottom:34px}
#about_area .title_meta {display:flex;align-items:center;gap:13px;margin-bottom:22px}
#about_area .section_no {color:#ef4438;font-size:15px;font-weight:700;line-height:1;letter-spacing:.06em}
#about_area .section_no:after {content:"";display:inline-block;width:25px;height:1px;margin:0 0 4px 13px;background:#ef4438}
#about_area .section_en {color:#0a3155;font-size:11px;font-weight:700;line-height:1.5;letter-spacing:.2em}
#about_area .sub_title {margin:0 0 10px;color:#ef4438;font-size:14px;font-weight:600;line-height:1.7;letter-spacing:.12em}
#about_area .article {color:#59656e;font-size:15px;line-height:2.05;letter-spacing:.035em}
#about_area .article>*:first-child {margin-top:0}
#about_area .article>*:last-child {margin-bottom:0}
#about_area .article p {margin:0 0 17px}
#about_area .article div {line-height:inherit}
#about_area .article strong,#about_area .article b {color:#123b5d;font-weight:700}
#about_area .article em {color:#ef4438;font-style:normal}
#about_area .article a {color:#0c527f;text-decoration:underline;text-underline-offset:4px}
#about_area .article ul,#about_area .article ol {margin:20px 0;padding:0;list-style:none}
#about_area .article li {position:relative;margin:10px 0;padding-left:24px}
#about_area .article li:before {content:"";position:absolute;left:0;top:.85em;width:9px;height:2px;background:#ef4438}
#about_area .article img {display:block;max-width:100%;height:auto;margin:25px 0}
#about_area .about_more {position:relative;z-index:3;align-items:center;gap:30px;margin-top:40px;padding:15px 22px;border:1px solid #b7c2cb;color:#173b57;font-size:13px;font-weight:600;line-height:1.5;letter-spacing:.08em;overflow:hidden;transition:color .35s ease,border-color .35s ease}
#about_area .about_more:before {content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#ef4438,#f76438);transform:translateX(-102%);transition:transform .45s cubic-bezier(.22,.61,.36,1)}
#about_area .about_more i {position:relative;display:block;width:34px;height:1px;background:#ef4438;transition:width .35s ease,background .35s ease}
#about_area .about_more i:after {content:"";position:absolute;top:-3px;right:0;width:7px;height:7px;border-top:1px solid #ef4438;border-right:1px solid #ef4438;transform:rotate(45deg);transition:border-color .35s ease}
#about_area .about_more:hover {color:#fff;border-color:#ef4438}
#about_area .about_more:hover span{color:white;}
#about_area .about_more:hover:before {transform:translateX(0)}
#about_area .about_more:hover i {width:43px;background:#fff}
#about_area .about_more:hover i:after {border-color:#fff}
#about_area {position:relative;padding:clamp(120px,9vw,175px) 0;overflow:hidden}
#about_area:before {content:"";position:absolute;top:0;width:100%;height:2px;background: linear-gradient(to right, #ef3f3500, var(--secondary));z-index: 4;}

#about_area .about_inner {z-index:5}
#about_area .about_float_media {z-index:2;pointer-events:none;transform:translate3d(0,var(--parallax-y,0px),0);will-change:transform;backface-visibility:hidden;z-index:69}
#about_area .float_img {position:relative;width:100%;height:100%;overflow:hidden;background:#e9eef2}
#about_area .float_img:before {content:"";position:absolute;inset:0;z-index:2;border:1px solid rgba(8,49,85,.08);pointer-events:none}
#about_area .float_img:after {content:"";position:absolute;z-index:3;width:42px;height:3px;background:linear-gradient(90deg,#ef4438,#ff972d)}
#about_area .float_img img {display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.025)}
#about_area .about_float_01 {left:2.7%;top:31%;width:16.5%;aspect-ratio:4 / 3}
#about_area .about_float_01 .float_img:after {right:18px;bottom:18px}
#about_area .about_float_02 {right:5.2%;top:4.5%;width:26.5%;aspect-ratio:16 / 9;opacity:.98}
#about_area .about_float_02 .float_img:after {left:20px;bottom:18px}
#about_area .about_float_03 {right:7.5%;bottom:5%;width:24.5%;aspect-ratio:16 / 10}
#about_area .about_float_03 .float_img:after {right:20px;top:20px}
#about_area .about_layout {position:relative;z-index:4;grid-template-columns:minmax(0,43%) minmax(0,1fr);gap:clamp(70px,7vw,125px)}
#about_area .about_visual {padding-left:28px}
#about_area .about_content {position:relative;z-index:5;padding-right:clamp(110px,10vw,180px);margin-top:50px}
#about_area .about_content:before {content:"";position:absolute;z-index:-1;top:-45px;right:-120px;bottom:-55px;left:-55px;background: linear-gradient(90deg, rgb(255 255 255 / 35%) 0%, rgb(255 255 255 / 42%) 68%, rgb(255 255 255 / 10%) 100%);pointer-events:none}
#about_area .title_box {margin-bottom:31px}
#about_area .article {max-width: 100%;}



@media screen and (max-width:1400px) {
  #product_area .product_layout { grid-template-columns: 30% minmax(0,1fr); gap: 35px }
  #product_area #product_list { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px }
  #product_area .service_visual_img { min-height: 650px }
}
@media screen and (max-width:1399px) {
  #about_area .about_float_01 { left: 1%; width: 17% }
  #about_area .about_float_02 { right: 2%; width: 25% }
  #about_area .about_float_03 { right: 3%; width: 23% }
  #about_area .about_content { padding-right: 100px }
}
@media screen and (max-width:1199px) {
  #product_area { padding: 90px 0 100px }
  #product_area .product_layout { grid-template-columns: 36% minmax(0,1fr); gap: 30px }
  #product_area .service_visual_img { min-height: 640px }
  #product_area #product_list { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px }
  #product_area .service_card { min-height: 190px }
  #book_area { padding: 100px 0 110px }
  #book_area .book_head { margin-bottom: 42px }
  #environment_area { padding: 100px 0 110px }
  #environment_area .environment_head { margin-bottom: 42px }
  #environment_area .environment_card { min-height: 400px }
  #about_area .about_layout { grid-template-columns: minmax(0,43%) minmax(0,1fr); gap: 55px }
  #about_area .about_visual { padding-left: 25px }
  #about_area .about_visual_panel { padding: 24px 25px }
  #about_area .about_float_01 { left: -3%; width: 19% }
  #about_area .about_float_02 { right: -4%; width: 27% }
  #about_area .about_float_03 { right: -3%; width: 25% }
  #about_area .about_content { padding-right: 55px }
}
@media screen and (max-width:991px) {
  #product_area .product_layout { grid-template-columns: 1fr }
  #product_area .service_visual { aspect-ratio: 16/8; min-height: 0 }
  #product_area .service_visual_img { min-height: 0; height: 100% }
  #product_area .service_visual_img img { object-position: center 38% }
  #product_area .visual_content { left: 30px; right: 30px; bottom: 30px }
  #product_area .title_box { max-width: 680px; margin-top: 5px }
  #book_area .book_head { align-items: flex-start }
  #book_area .book_control { padding-top: 15px }
  #environment_area .environment_head { align-items: flex-start }
  #environment_area .environment_control { padding-top: 15px }
  #environment_area .environment_card { min-height: 390px }
  #about_area { padding: 95px 0 105px }
  #about_area .about_layout { grid-template-columns: minmax(0,42%) minmax(0,1fr); gap: 38px }
  #about_area .about_visual { padding: 0 0 35px 20px }
  #about_area .about_visual_panel { width: 82%; padding: 21px 22px }
  #about_area .panel_en { font-size: 15px }
  #about_area .article { font-size: 14px; line-height: 1.95 }
  #about_area .about_float_01 { display: none }
  #about_area .about_float_02 { right: -7%; top: 3%; width: 30%; opacity: .55 }
  #about_area .about_float_03 { right: -8%; bottom: 4%; width: 30%; opacity: .45 }
  #about_area .about_content { padding-right: 20px }
}
@media screen and (max-width:768px) {
  #news_area .list_box .info_box { padding: 15px 0 }
  #youtube_box { padding-bottom: 60vw }
  #custom_box li .row { margin: 10px 15px; padding: 10px 0 }
}
@media screen and (max-width:767px) {
  #product_area { padding: 70px 0 80px }
  #product_area .product_layout { gap: 38px }
  #product_area .service_visual { aspect-ratio: 4/3 }
  #product_area .visual_content { left: 23px; right: 23px; bottom: 24px }
  #product_area .visual_title { font-size: 22px }
  #product_area .visual_brand { right: 20px; top: 20px }
  #product_area .title_box { margin-bottom: 30px }
  #product_area .title_meta { margin-bottom: 9px }
  #product_area .area_desc { font-size: 14px; line-height: 1.85 }
  #product_area #product_list { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px }
  #product_area .service_card { min-height: 180px; padding: 20px 16px 17px }
  #product_area .service_icon { width: 54px; height: 54px }
  #product_area .service_title {font-size: 18px;}
  #product_area .card_bottom { padding-top: 8px }
  #book_area { padding: 75px 0 85px }
  #book_area:before{width: 100vw;right: -60vw;}
  #book_area .book_head { display: block; margin-bottom: 32px }
  #book_area .area_title { font-size: 29px; padding-bottom: 17px }
  #book_area .area_desc { font-size: 14px; line-height: 1.85 }
  #book_area .book_control { justify-content: space-between; margin-top: 25px; padding: 0 }
  #book_area .book_arrows button { width: 43px; height: 43px }
  #book_area .book_slider { margin: 0 -6px }
  #book_area .book_slider li { padding: 0 6px }
  #book_area .book_info { padding: 23px 21px 22px }
  #book_area .book_title { font-size: 18px }
  #book_area .book_progress { margin-top: 28px }
  #environment_area { padding: 75px 0 85px }
  #environment_area .environment_head { display: block; margin-bottom: 32px }
  #environment_area .environment_control { justify-content: space-between; margin-top: 24px; padding: 0 }
  #environment_area .environment_arrows button { width: 43px; height: 43px }
  #environment_area .environment_slider { margin: 0 -6px }
  #environment_area .environment_slide { padding: 0 6px }
  #environment_area .environment_card { min-height: 410px }
  #environment_area .environment_info { padding: 25px 22px 23px }
  #environment_area .environment_title { font-size: 19px }
  #environment_area .environment_progress { margin-top: 28px }
  #about_area { padding: 75px 0 85px }
  #about_area .about_layout { grid-template-columns: 1fr; gap: 45px }
  #about_area .about_visual { max-width: 580px; padding: 0 0 33px 20px }
  #about_area .about_photo { aspect-ratio: 4/3 }
  #about_area .about_photo img { object-position: center 40% }
  #about_area .about_visual_panel { width: auto; max-width: 270px }
  #about_area .about_pixel { right: 15px }
  #about_area .about_content { max-width: none }
  #about_area .title_box { margin-bottom: 27px }
  #about_area .title_meta { margin-bottom: 17px }
  #about_area .sub_title { font-size: 13px }
  #about_area .article { font-size: 14px; line-height: 1.9 }
  #about_area .about_more { margin-top: 30px }
  #about_area .about_float_media { display: none }
  #about_area .about_content { padding-right: 0 }
  #about_area .about_content:before { display: none }
  #about_area .about_visual { padding-left: 20px }
}
@media screen and (max-width:480px) {
  
  #product_area .service_visual { aspect-ratio: 1/1 }
  #product_area #product_list {grid-template-columns: 1fr;gap: 10px;grid-template-columns: repeat(2 , 1fr);}
  #product_area .service_card { min-height: 165px }
  #product_area:after , #book_area:after{width:100%;}
  #environment_area .environment_card { min-height: 380px }
  #environment_area .environment_bg:before , #environment_area .environment_bg:after{display:none;}
  #about_area .about_visual { padding-left: 12px }
  #about_area .about_photo { aspect-ratio: 4/5 }
  #about_area .about_visual_panel { left: 0; width: 78%; padding: 18px 20px }
  #about_area .panel_en { font-size: 14px }
  #about_area .panel_text { font-size: 9px }
}
@media screen and (min-width:1600px) {
  #about_area .about_float_01 { left: 2.5%; width: 16% }
  #about_area .about_float_02 { right: 5.5%; width: 25% }
  #about_area .about_float_03 { right: 8%; width: 23% }
}
@media screen and (min-width:1281px) {
  #custom_box li:hover .row { box-shadow: 0 4px 17px 0 rgba(var(--black-rgb),.2) }
}
@media (prefers-reduced-motion:reduce) {
  #about_area .about_float_media { transform: none!important; transition: none!important }
}