@charset "utf-8";
.mb140-40 {margin-bottom: clamp(40px, calc( 140 / var(--inner) * 100vw ), 140px);}
.zigzag-item {display: flex; align-items:center; gap: clamp(30px, calc( 95 / var(--inner) * 100vw ), 95px);}
.zigzag-item:not(:last-child) {margin-bottom: clamp(30px, calc( 100 / var(--inner) * 100vw ), 100px);}
.zigzag-item:nth-child(even) {flex-direction: row-reverse;}
.zigzag-img {width: 48.572%;}
.zigzag-img .img {position: relative; width: 100%; padding-bottom: 65.588%; overflow: hidden;}
.zigzag-img img {position: absolute; width: 100%; height: auto; max-width: 100%; min-height: 100%; left: 0; top: 50%; transform: translateY(-50%); object-fit: cover;}

.tech-cnt {border-radius: 0;}
.tech-wrapper {position: relative;}
.tech-wrapper .tech-photo {background: #f8f8f8; border-radius: clamp(12px, calc( 24 / var(--inner) * 100vw ), 24px); overflow: hidden;}
.tech-wrapper .tech-photo img {width: 100%;}
.tech-txt-boxes {position: absolute; top: var(--container-space); left: var(--container-space); bottom: var(--container-space); right: var(--container-space);}
.tech-box {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; position: absolute; width: 23.881%; height: 19.89%; padding: 15px; border: 1px solid #dfdfdf; border-radius: clamp(12px, calc( 24 / var(--inner) * 100vw ), 24px); background: #fff; font-size: clamp(12px, calc( 14 / var(--inner) * 100vw ), 14px); line-height: 1.71em;}
/* .tech-box:before {position: absolute; content: ''; height: 1px; background: #dfdfdf; z-index: 1; transition: .2s;} */
.tech-box:hover {background: var(--primary-color); border-color:var(--primary-color);}
.tech-box:hover * {color: #fff;}
.tech-box:hover:before {background: var(--primary-color);}
.tech-tag {font-weight: 500; color: var(--dark-color);}
.tech-box h3 {color: var(--dark-color);font-weight: 600; font-size: clamp(18px, calc( 24 / var(--inner) * 100vw ), 24px); line-height: 1.5em;}
.tech-box p {display: flex; align-items: center; min-height: 3.42em}
.tech-box.no-line:before {content: none;}
.tech-box01 {top: 0; left: 0;}
.tech-box01:before {bottom: -82%; left: 34%; width: 135.375%; transform: rotate(-142.84deg);}
.tech-box02 {top: 0; left: 25.37%;}
.tech-box02:before {bottom: -64%; left: 34%; width: 74.875%; transform: rotate(-122.24deg);}
.tech-box03 {top: 0; left: 50.74%;}
.tech-box03:before {bottom: -63%; right: 34%; width: 82.1875%; transform: rotate(-49.64deg);}
.tech-box04 {top: 0; right: 0;}
.tech-box04:before {bottom: -43%; right: 46%; width: 103.125%; transform: rotate(-24.02deg);}
.tech-box05 {bottom: 0; left: 0;}
.tech-box05:before {top: -37%; left: 47%; width: 104.4375%; transform: rotate(159.61deg);}
/* .tech-box06 {bottom: 0; left: 38.5%;} */
.tech-box06 {bottom: 0; left: 25.37%;}
.tech-box06:before {top: -82%; left: 31%; width: 91.75%; transform: rotate(117deg);}
/* .tech-box06:before {top: -83%; left: 2%; width: 81.75%; transform: rotate(90deg);} */
.tech-box07 {bottom: 0; right: 0;}
.tech-box07:before {top: -66%; right: 45%; width: 121.875%; transform: rotate(32.35deg);}
.tech-box08 {bottom: 0; left: 50.74%;}
.tech-box08:before {top: -46%; right: 38%; width: 54.87%; transform: rotate(56.35deg);}
.tech-box09 {top: 0; left: 50%; transform: translateX(-50%);}
.tech-box10 {bottom: 0; left: 50.74%; transform: translateX(-50%);}
.tech-box11 {bottom: 0; left: 12.68656%;}
.tech-box12 {bottom: 0; right: 12.68656%;}
.tech-box13 {top: 0; left: 12.68656%;}
.tech-box14 {top: 0; right: 12.68656%;}

.page-product-wrapper {overflow: hidden;}
.page-product-menu {position:relative; max-height:250px; overflow-y:auto; margin-bottom:20px;}
.page-product-menu ul {display:grid; grid-template-columns: repeat(2, 1fr); gap:10px;}
.page-product-menu li {}
.page-product-menu a {display: flex; align-items: center; gap: clamp(15px, calc( 26 / var(--inner) * 100vw ), 26px); padding: clamp(10px, calc(16 / var(--inner) * 100vw ), 16px) clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px); border: 1px solid #dfdfdf; border-radius: clamp(8px, calc( 16 / var(--inner) * 100vw ), 16px); font-size: clamp(15px, calc( 22 / var(--inner) * 100vw ), 22px); font-weight: 500; color:var(--dark-color); letter-spacing:-.03em;}
.product-menu-chip {width: 60px; box-shadow: 6px 6px 30px rgba(0,0,0,.3);}
.product-menu-chip .img, .product-welcome .product-chip .img, .platform-thumb .img {position: relative; width: 100%; padding-bottom: 100%; overflow: hidden;}
.product-menu-chip img, .product-welcome .product-chip img, .platform-thumb img {position: absolute; width: 100%; height: auto; max-width: 100%; min-height: 100%; left: 0; top: 50%; transform: translateY(-50%); object-fit: contain;}
.page-product-menu span {display: block; margin-top: 5px;}
.page-product-menu .active a {background: var(--primary-color);}
.page-product-menu .active .product-menu-txt > *{color: #fff;}

.product-welcome {display: flex; align-items: center; justify-content: center; padding: clamp(20px, calc( 90 / var(--inner) * 100vw ), 90px) clamp(15px, calc( 50 / var(--inner) * 100vw ), 50px); margin-bottom:20px; border-radius: clamp(8px, calc( 16 / var(--inner) * 100vw ), 16px); background: #f4f4f4;}
.product-welcome .product-chip {width: 180px; box-shadow: 6px 6px 30px rgba(0,0,0,.3);}

.product-buy {text-align:center; margin-bottom: clamp(40px, calc( 70 / var(--inner) * 100vw ), 70px);}
.product-buy .btn-buy {display: inline-block; min-width:184px; background: var(--primary-color); color:#fff; font-weight: 600; line-height:48px; border-radius:60px;}

.page-product-cnt .sec:not(:last-child) {margin-bottom: clamp(40px, calc( 60 / var(--inner) * 100vw ), 60px);}
.page-product-cnt h2 {padding-bottom:12px; margin-bottom:20px; border-bottom: 1px solid var(--dark-color);font-size: 24px; font-weight: 600; color: var(--dark-color);}
.desc p:not(:last-child) {margin-bottom: 1rem;}
.typical-list ul {display: flex; flex-wrap: wrap; margin:-10px;}
.typical-list li {width: 50%; padding: 10px; }
.typical-list li span {position: relative; display: block; padding: 11px 20px; background: #f8f8f8; border-radius: clamp(8px, calc( 16 / var(--inner) * 100vw ), 16px);}
.typical-list li span:before {content: ''; display: inline-block; width: 8px; height: 8px; margin-right: 10px; background: var(--primary-color); border-radius: 100%;}
.diagram-photo {border: 1px solid #dfdfdf; padding: 0 var(--container-space); text-align: center;}
.circle-list li {position: relative; padding-left: 12px; line-height: 1.625em;}
.circle-list li:before {position: absolute; content: ''; top: 11px; left: 0; width: 5px; height: 5px; border-radius: 100%; background: #ccc;}
.feature-list li {padding-right: 20px;}
.circle-list li:not(:last-child) {margin-bottom: 1em;}
.btn-download {position: relative; display: flex; align-items: center; color: var(--primary-color);}
.btn-download:before {content:''; width: 14px; height: 14px; margin-right: 8px; background: url('/images/sub/icon-download.png') no-repeat center center;}
.sec-guide h2 {margin-bottom: 0;}
.guide-item {display: flex; padding: clamp(10px, calc( 25 / var(--inner) * 100vw ), 25px) clamp(15px, calc( 38 / var(--inner) * 100vw ), 38px); border-bottom: 1px solid #dfdfdf;}
.guide-sort {min-width: 150px; color:var(--secondary-color);}
.guide-tit {flex:1; color: var(--dark-color); padding-right: 20px;}
.support-item {display: flex; align-items: center; padding: clamp(10px, calc( 21 / var(--inner) * 100vw ), 21px) clamp(15px, calc( 40 / var(--inner) * 100vw ), 40px); border-radius: clamp(8px, calc( 16 / var(--inner) * 100vw ), 16px); background: #f4f4f4;}
.support-item:not(:last-child) {margin-bottom: 10px;}
.support-info {display: flex; align-items: center; flex: 1; position: relative; font-size: clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px); font-weight: 500; color: var(--dark-color);}
.support-info:before {content: ''; display: inline-block; width: 32px; height: 32px; margin-right: 15px; background: url('/images/sub/support-user.png') no-repeat center center; background-size: contain;}
.sample-item {padding: clamp(20px, calc( 35 / var(--inner) * 100vw ), 35px) clamp(15px, calc( 40 / var(--inner) * 100vw ), 40px);border: 1px solid #ddd;}
.sample-item:not(:last-child) {margin-bottom: 10px;}
.sample-item span {min-width: 140px;}
.platform-item {padding: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px) clamp(15px, calc( 50 / var(--inner) * 100vw ), 50px); padding-right: clamp(15px, calc( 70 / var(--inner) * 100vw ), 70px); background: #f8f8f8;}
.platform-item:not(:last-child) {margin-bottom: 10px;}
.platform-thumb {width: 27.908%; margin-right: clamp(25px, calc( 65 / var(--inner) * 100vw ), 65px);}
.platform-item .btn-more {width: max-content; padding: 0 20px; background: var(--primary-color); color: #fff;}

.sec-file {padding: clamp(40px, calc( 100 / var(--inner) * 100vw ), 100px) var(--container-space); margin-bottom: clamp(30px, calc( 50 / var(--inner) * 100vw ), 50px); border-radius: clamp(12px, calc( 48 / var(--inner) * 100vw ), 48px); text-align: center;}
.sec-file h2 {font-size: clamp(24px, calc( 48 / var(--inner) * 100vw ), 48px); line-height: 1em;}
.sec-file p {margin-bottom: clamp(25px, calc( 45 / var(--inner) * 100vw ), 45px);}
.btn-file {display: flex; align-items: center; justify-content: center; gap: clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px); width: fit-content; margin: 0 auto; padding: clamp(10px, calc( 30 / var(--inner) * 100vw ), 30px) clamp(20px, calc( 90 / var(--inner) * 100vw ), 90px); background: #fff; border-radius: 58px;box-shadow: 5px 0 18px rgba(0,0,0,.12);}
.btn-file .icon {box-shadow: 6px 0 30px rgba(0,0,0,.12);}

.support .main-inquiry-items {flex-wrap: wrap;}
.support .main-inquiry-item {flex: none; width: calc((100% - 40px) / 3);}
.overview .sec {padding: clamp(40px, calc( 65 / var(--inner) * 100vw ), 65px) 0;}
.overview .sec:first-child {padding-top: clamp(40px, calc( 120 / var(--inner) * 100vw ), 120px);}
.overview .sec:last-child {padding-bottom: clamp(40px, calc( 120 / var(--inner) * 100vw ), 120px);}
.overview .flex-txt {gap: clamp(20px, calc( 60 / var(--inner) * 100vw ), 60px);}
.overview .txt-circle {width: 60px; height: 60px; border-radius: 100%; background: var(--primary-color);}
.overview-photo .img {position: relative; width: 100%; padding-bottom: 90.625%; overflow: hidden;}
.overview-photo img {position: absolute; width: 100%; height: auto; max-width: 100%; min-height: 100%; left: 0; top: 50%; transform: translateY(-50%); object-fit: cover;}
.sec-indent .desc {max-width: 1030px; margin-left: auto;}
.sec-mission p, .leader-position {opacity: .5;}
.leader-profile:not(:last-child) {margin-bottom: clamp(30px, calc( 50 / var(--inner) * 100vw ), 50px);}
.leader-profile {border: 1px solid var(--primary-color);}
.leader-title {padding: clamp(15px, calc( 23 / var(--inner) * 100vw ), 23px) clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); background:var(--primary-color);}
/* .leader-profile.ceo-profile {border-color: var(--primary-color);}
.leader-profile.ceo-profile .leader-title {background: var(--primary-color);} */
.leader-cnt {gap: clamp(30px, calc( 60 / var(--inner) * 100vw ), 60px); padding: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); line-height: 1.875em;}
.leader-photo {width: 19.955%;}



.documents-search {position:relative; padding:clamp(20px, calc(60 / var(--inner) * 100vw ), 60px); margin-bottom:clamp(20px, calc(40 / var(--inner) * 100vw ), 40px); border-radius:clamp(12px, calc(24 / var(--inner) * 100vw ), 24px); background:#f8f8f8;}
.documents-search:before {content:''; position:absolute; bottom:0; right:0; width:74%; height:100%; background:url('/images/bbs/search-bg.png') 100% 100%/contain no-repeat;}
.documents-search .inner {position:relative; display:flex; gap:10px;}
.documents-search .input {display:block; width:100%; height:clamp(40px, calc(60 / var(--inner) * 100vw ), 60px); padding:0 clamp(16px, calc(36 / var(--inner) * 100vw ), 36px); border:0; border-radius:60px;}
.documents-search select.input {width:clamp(160px, calc(300 / var(--inner) * 100vw ), 300px);}
.documents-search input.input {flex:1 1 auto; min-width:0; width:1%;}
.documents-search .btn-search {display:block; width:clamp(70px, calc(180 / var(--inner) * 100vw ), 180px); height:clamp(40px, calc(60 / var(--inner) * 100vw ), 60px); border:0; background:#3993ff; color:#fff; border-radius:50px;}

.documents-list {border-top:2px solid #2c2c2c;}
.documents-list-item {display:flex; align-items:center; min-height:100px; padding:20px 0; gap:20px; border-bottom:1px solid #ddd;}
.documents-list-item .cate {width:160px; padding:0 20px; color:#3993ff; font-weight:700;}
.documents-list-item .tit {flex:1 1 auto; min-width:0; width:1%; color:#505050;}
.documents-list-item .download {width:250px; text-align:right;}
.documents-list-item .download a {display:inline-flex; align-items:center; gap:8px; color: #001684; font-weight:600; text-decoration: underline; text-underline-offset:0.2em;}
.documents-list-item .download a:before {content:''; width:17px; height:17px; margin:-.2em; background: url('/images/bbs/icon-pdf.png') no-repeat center center; background-size:contain; vertical-align:middle;}
.documents-list-item .date {width:125px; padding:0 20px; text-align:right; color:#505050;}