/* common */
html, body {background:#fff;}
.is-pc {display:block;}
.is-m {display:none;}
@media (max-width:991px){
.is-pc {display:none;}
.is-m {display:block;}
}

/* container */
:root{
	--container-padding: 15px;
	--container-padding-minus: -15px;
}
.container {max-width: calc(1600px + (var(--container-padding) * 2)); margin:0 auto; padding:0 var(--container-padding); width:100%;}
.container-xxl {max-width: calc(1800px + (var(--container-padding) * 2));}
.container-xl {max-width: calc(1410px + (var(--container-padding) * 2));}
.container-lg {max-width: calc(991px + (var(--container-padding) * 2));}
.container-md {max-width: calc(767px + (var(--container-padding) * 2));}
.container-sm {max-width: calc(575px + (var(--container-padding) * 2));}
.container-xs {max-width: calc(400px + (var(--container-padding) * 2));}

/* tab-box */
.tab-box {margin:0 0 42px;}
.tab-box ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:24px;}
.tab-box ul li .tab {border:1px solid #666; height:50px; font-size:18px; font-weight:600; color:#666; padding:0 42px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px;}
.tab-box ul li .tab:hover {border-color:var(--color-active); color:var(--color-white); background:var(--color-active);}
.tab-box ul li .tab.active {border-color:var(--color-active); color:var(--color-white); background:var(--color-active);}
@media (max-width:991px){
.tab-box {margin:0 0 24px;}
.tab-box ul {gap:5px;}
.tab-box ul li .tab {height:40px; font-size:14px; padding:0 15px;}
}

/* text-box */
.text-box {margin:0 0 24px;}
.text-box h2 {margin:0 0 20px; font-size:32px; font-weight:bold; word-break:keep-all;}
.text-box p {font-size:24px; font-weight:500; color:#666; word-break:keep-all;line-height:1.4}
@media (max-width:991px){
.text-box {margin:0 0 20px;}
.text-box h2 {margin:0 0 5px; font-size:20px;}
.text-box p {font-size:15px;}
}

/* button-box */
.button-box {display:flex; flex-wrap:wrap; align-items:center; gap:24px;}
.button-box .btn {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:4px; height:54px; padding:0 24px; font-size:20px; font-weight:bold;}
.button-box .btn-write:before {display:inline-block; content:""; width:30px; height:30px; margin:0 10px 0 0; background:url('/asset/images/icon_write.svg') no-repeat center / cover;}
.button-box .btn-calculate:before {display:inline-block; content:""; width:30px; height:30px; margin:0 10px 0 0; background:url('/asset/images/icon_calculate.svg') no-repeat center / cover;}
.button-box .btn-active {color:var(--color-white);}
.button-box .btn-gray-outline {border:1px solid var(--color-black); color:#333;}
@media (max-width:991px){
.button-box {gap:5px;}
.button-box .btn {height:40px; padding:0 15px; font-size:15px;}
.button-box .btn-write:before {width:20px; height:20px; margin:0 5px 0 0;}
.button-box .btn-calculate:before {width:20px; height:20px; margin:0 5px 0 0;}
}

/* order-box */
.order-box {margin:80px 0 0;}
.order-box ul {display:flex; flex-wrap:wrap;}
.order-box ul li {position:relative; display:flex; flex-wrap:wrap; width:25%;}
.order-box ul li:before {display:block; content:""; width:42px; height:42px; margin:0 36px; order:2;}
.order-box ul li:after {position:absolute; right:36px; top:50%; transform:translateY(-50%); display:block; content:""; width:42px; height:42px; background:url('/asset/images/icon_order.png') no-repeat center / cover;}
.order-box ul li:last-of-type:after {display:none;}
.order-box ul li .inner {flex:1; min-width:0; order:1;}
.order-box ul li .inner strong {display:block; font-size:28px; font-weight:bold; word-break:keep-all; line-height:1.4;}
.order-box ul li .inner strong:before {display:block; content:""; width:60px; height:60px; margin:0 0 10px; background-size:cover; background-position:center;}
.order-box ul li .inner p {margin:10px 0 0; font-size:20px; font-weight:500; color:#666; word-break:keep-all; line-height:1.4;}
.order-box ul li.order01 .inner strong:before {background-image:url('/asset/images/icon_order_01.png');}
.order-box ul li.order02 .inner strong:before {background-image:url('/asset/images/icon_order_02.png');}
.order-box ul li.order03 .inner strong:before {background-image:url('/asset/images/icon_order_03.png');}
.order-box ul li.order04 .inner strong:before {background-image:url('/asset/images/icon_order_04.png');}
.order-box ul li.order05 .inner strong:before {background-image:url('/asset/images/icon_order_05.png');}
@media (max-width:1300px){
.order-box ul li:before {width:36px; height:36px; margin:0 18px;}
.order-box ul li:after {width:36px; height:36px; right:18px;}
.order-box ul li .inner strong {font-size:24px;}
.order-box ul li .inner strong:before {width:50px; height:50px;}
.order-box ul li .inner p {font-size:18px;}
}
@media (max-width:991px){
.order-box {margin:40px 0 0;}
.order-box ul {margin:0 -5px -10px;}
.order-box ul li {width:calc(50% - 10px); margin:0 5px 10px; border:1px solid #d9d9d9; border-radius:10px; padding:15px;}
.order-box ul li:before {display:none;}
.order-box ul li:after {display:none;}
.order-box ul li .inner strong {font-size:18px;}
.order-box ul li .inner strong:before {width:30px; height:30px; margin:0 0 5px;}
.order-box ul li .inner p {font-size:15px; margin:5px 0 0;}
}

/* text-notice-box */
.text-notice-box {margin:60px 20px 0 0; border-radius:20px; background:#f4f4f4; padding:24px 42px ;}
.text-notice-box h2 {display:flex; flex-wrap:wrap; margin:0 0 10px;}
.text-notice-box h2:before {display:inline-block; content:""; width:24px; height:24px; margin:0 10px 0 0; background:url('/asset/images/icon_notice.svg') no-repeat center / cover; position:relative; top:7px;}
.text-notice-box h2 p {flex:1; min-width:0; font-size:24px; font-weight:bold; word-break:keep-all;}
.text-notice-box ul {margin:0 0 10px; padding:0 0 0 34px;}
.text-notice-box ul li {font-size:18px; font-weight:500; color:#666; word-break:keep-all;}
.text-notice-box p {font-size:18px; font-weight:500; word-break:keep-all;}
@media (max-width:991px){
.text-notice-box {margin:24px 0 0; border-radius:10px; padding:24px 15px;}
.text-notice-box h2:before {width:20px; height:20px; margin:0 5px 0 0; top:4px;}
.text-notice-box h2 p {font-size:18px;}
.text-notice-box ul {padding:0 0 0 25px;}
.text-notice-box ul li {font-size:15px;}
.text-notice-box p {font-size:15px;}
}

/* text-spec-box */
.text-spec-box {margin:42px 0 0; padding:0 0 0 42px;}
.text-spec-box ul li {margin:0 0 24px; border-left:4px solid #000; padding:0 0 0 24px;}
.text-spec-box ul li:last-of-type {margin:0;}
.text-spec-box ul li strong {font-size:24px; font-weight:600; color:#000; word-break:keep-all; display:block;}
.text-spec-box ul li p {margin:10px 0 0; font-size:20px; font-weight:500; color:#666; word-break:keep-all;}
@media (max-width:991px){
.text-spec-box {margin:24px 0 0; padding:0;}
.text-spec-box ul li {margin:0 0 20px; border-left:2px solid #000; padding:0 0 0 15px;}
.text-spec-box ul li strong {font-size:18px;}
.text-spec-box ul li p {font-size:15px; margin:5px 0 0;}
}

/* intro-box */
.intro-box .intro-top {background-size:cover; background-position:center; background-repeat:no-repeat; border-radius:20px; overflow:hidden; padding:120px 30px; width:calc(100% - 30px); max-width:1800px; margin:0 auto 80px;}
.intro-box .intro-top h2 {text-align:center; font-size:42px; font-weight:bold; color:var(--color-white); line-height:1.4; word-break:keep-all;}
.intro-box .intro-top p {text-align:center; margin:42px 0; font-size:22px; font-weight:bold; color:#e4e4e4; word-break:keep-all;}
.intro-box .intro-text-image {margin:0 0 80px;}
.intro-box .intro-text-image .inner {display:flex; flex-wrap:wrap;}
.intro-box .intro-text-image .inner .list-content {flex:1; min-width:0; padding:0 30px 0 0;}
.intro-box .intro-text-image .inner .list-content p {font-size:24px; color:#666; word-break:keep-all;line-height: 1.4;}
.intro-box .intro-text-image .inner .list-content p b {font-size:24px; font-weight:600; color:var(--color-black);}
.intro-box .intro-text-image .inner .list-image {width:45%; border-radius:12px; overflow:hidden; position:relative;}
.intro-box .intro-text-image .inner .list-image:after {display:block; content:""; padding-bottom:40%;}
.intro-box .intro-text-image .inner .list-image img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.intro-box .intro-text-image.reverse .inner .list-content {order:2; padding:0 0 0 30px;}
.intro-box .intro-text-image.reverse .inner .list-image {order:1;}
.intro-box .intro-card {margin:0 0 80px;}
.intro-box .intro-card ul {display:flex; flex-wrap:wrap;}
.intro-box .intro-card ul li {flex:1; min-width:0; padding:42px; border-radius:12px; background:#f2f2f2; margin:0 24px 0 0;}
.intro-box .intro-card ul li:last-of-type {margin:0;}
.intro-box .intro-card ul li strong {display:block; font-size:24px; font-weight:bold; word-break:keep-all;}
.intro-box .intro-card ul li p {margin:10px 0 0; font-size:20px; font-weight:500; color:#666; word-break:keep-all;}
.intro-box .intro-service {margin:0 0 80px;}
.intro-box .intro-service .container > ul {display:flex; flex-wrap:wrap;}
.intro-box .intro-service .container > ul > li {flex:1; min-width:0; margin:0 42px 0 0;}
.intro-box .intro-service .container > ul > li:last-of-type {margin:0;}
.intro-box .intro-service .container > ul > li .list-image {position:relative; overflow:hidden; border-radius:12px;}
.intro-box .intro-service .container > ul > li .list-image:after {display:block; content:""; padding-bottom:30%;}
.intro-box .intro-service .container > ul > li .list-image img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.intro-box .intro-service .container > ul > li .list-content {padding:12px 0 0;}
.intro-box .intro-service .container > ul > li .list-content strong {display:block; font-size:24px; font-weight:bold; word-break:keep-all;}
.intro-box .intro-service .container > ul > li .list-content p {margin:10px 0 0; font-size:20px; font-weight:500; color:#666; word-break:keep-all;}
.intro-box .intro-service .container > ul > li .list-content ul {padding:0 0 0 30px; margin:10px 0 0;}
.intro-box .intro-service .container > ul > li .list-content ul li {list-style:disc; font-size:20px; font-weight:500; color:#666; word-break:keep-all;}
.intro-box .intro-center {padding:50px 0; margin:0 0 80px; position:relative; background-size:cover; background-position:center; background-repeat:no-repeat;}
.intro-box .intro-center:before {position:absolute; left:0; top:0; width:100%; height:100%; content:""; background:rgba(0,0,0,0.5);}
.intro-box .intro-center .container {position:relative;}
.intro-box .intro-center h2 {text-align:center; margin:0 0 24px; word-break:keep-all; font-size:32px; font-weight:bold; color:var(--color-white);}
.intro-box .intro-center ul {max-width:1100px; margin:0 auto; display:flex; flex-wrap:wrap;}
.intro-box .intro-center ul li {width:calc(50% - 42px); margin:0 21px 42px; display:flex; flex-wrap:wrap; align-items:center; align-content:center; justify-content:center;}
.intro-box .intro-center ul li strong {height:60px; padding:0 24px; font-size:24px; font-weight:bold; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; background:var(--color-black); color:var(--color-white);}
.intro-box .intro-center ul li p {margin:10px 0 0; width:100%; text-align:center; word-break:keep-all; font-size:20px; font-weight:500; color:var(--color-white);}
.intro-box .intro-image {margin:0 0 80px;}
.intro-box .intro-image .inner {display:flex; flex-wrap:wrap; align-items:center;}
.intro-box .intro-image .inner .list-image {width:486px;}
.intro-box .intro-image .inner .list-image img {width:100%;}
.intro-box .intro-image .inner .list-content {flex:1; min-width:0; padding:0 0 0 42px;}
.intro-box .intro-image .inner .list-content ul li {margin:0 0 35px;}
.intro-box .intro-image .inner .list-content ul li:last-of-type {margin:0;}
.intro-box .intro-image .inner .list-content ul li strong {display:block; font-size:24px; font-weight:bold; word-break:keep-all;}
.intro-box .intro-image .inner .list-content ul li p {font-size:20px; color:#666; word-break:keep-all; margin:10px 0 0;}
.intro-box .intro-count {padding:80px 0; margin:0 0 80px; position:relative; background-size:cover; background-position:center;}
.intro-box .intro-count:before {position:absolute; left:0; top:0; width:100%; height:100%; content:""; background:rgba(0,0,0,0.5);}
.intro-box .intro-count .container {position:relative;}
.intro-box .intro-count h2 {text-align:center; margin:0 0 24px; font-size:32px; font-weight:bold; color:var(--color-white);}
.intro-box .intro-count ul {display:flex; flex-wrap:wrap;}
.intro-box .intro-count ul li {flex:1; min-width:0; display:flex; flex-wrap:wrap; position:relative;}
.intro-box .intro-count ul li:after {display:block; content:""; width:1px; height:100px; background:var(--color-white); position:absolute; right:0; top:50%; transform:translateY(-50%);}
.intro-box .intro-count ul li:last-of-type:after {opacity:0;}
.intro-box .intro-count ul li .inner {flex:1; min-width:0; padding:0 42px;}
.intro-box .intro-count ul li .inner strong {display:block; font-size:54px; font-weight:800; color:var(--color-white); text-align:center;}
.intro-box .intro-count ul li .inner b {display:block; text-align:center; margin:10px 0 0; font-size:24px; font-weight:bold; color:var(--color-white); word-break:keep-all;}
.intro-box .intro-count ul li .inner p {margin:10px 0 0; text-align:center; font-size:20px; font-weight:500; color:var(--color-white); word-break:keep-all;}
.intro-box .intro-text {margin:0 0 80px;}
.intro-box .intro-text p {font-size:34px; font-weight:800; line-height:1.4; text-align:center; word-break:keep-all; background:linear-gradient(to right, #2D97CB, #323E6D); background-clip:text; color:transparent;}
.intro-box .intro-bottom {background:#F5F5F5; padding:80px 0; margin:0 0 -80px;}
.intro-box .intro-bottom h2 {text-align:center; font-size:32px; font-weight:bold;}
.intro-box .intro-bottom h3 {margin:0 0 42px; text-align:center; font-size:24px; font-weight:bold;}
.intro-box .intro-bottom p {font-size:24px; font-weight:600; color:#666; word-break:keep-all; text-align:center;}
.intro-box .intro-bottom img {display:block; margin:0 auto; width:334px;}
@media (max-width:1200px){
.intro-box .intro-image .inner {align-items:flex-start;}
.intro-box .intro-image .inner .list-image {width:380px;}
.intro-box .intro-image .inner .list-image .list-content ul li {margin:0 0 24px;}
}
@media (max-width:991px){
.intro-box .intro-top {margin:0 auto 60px; border-radius:10px; padding:60px 15px;}
.intro-box .intro-top h2 {font-size:20px;}
.intro-box .intro-top p {margin:24px 0; font-size:15px;}
.intro-box .intro-text-image {margin:0 0 60px;}
.intro-box .intro-text-image .inner .list-content {flex:none; width:100%; padding:0; margin:0 0 20px;}
.intro-box .intro-text-image .inner .list-content p {font-size:15px;}
.intro-box .intro-text-image .inner .list-content p b {font-size:15px;}
.intro-box .intro-text-image .inner .list-image {width:100%;}
.intro-box .intro-text-image.reverse .inner .list-content {padding:0; margin:20px 0 0;}
.intro-box .intro-card {margin:0 0 60px;}
.intro-box .intro-card ul li {flex:none; width:100%; margin:0 0 8px; padding:15px; border-radius:10px;}
.intro-box .intro-card ul li strong {font-size:18px;}
.intro-box .intro-card ul li p {font-size:15px; margin:5px 0 0;}
.intro-box .intro-service {margin:0 0 60px;}
.intro-box .intro-service .container > ul > li {margin:0 20px 0 0;}
.intro-box .intro-service .container > ul > li .list-content strong {font-size:18px;}
.intro-box .intro-service .container > ul > li .list-content p {font-size:15px; margin:5px 0 0;}
.intro-box .intro-service .container > ul > li .list-content ul li {font-size:15px; margin:5px 0 0;}
.intro-box .intro-center {padding:30px 0; margin:0 0 60px;}
.intro-box .intro-center h2 {margin:0 0 15px; font-size:20px;}
.intro-box .intro-center ul li {justify-content:flex-start; width:100%; margin:0 0 20px; padding:0 0 20px; border-bottom:1px dashed rgba(255,255,255,0.3);}
.intro-box .intro-center ul li:last-of-type {margin:0; padding:0; border:0;}
.intro-box .intro-center ul li strong {height:40px; padding:0 15px; font-size:18px;}
.intro-box .intro-center ul li p {font-size:15px; margin:5px 0 0; text-align:left;}
.intro-box .intro-image {margin:0 0 60px;}
.intro-box .intro-image .inner .list-image {width:100%;}
.intro-box .intro-image .inner .list-content {flex:none; padding:0; width:100%; margin:15px 0 0;}
.intro-box .intro-image .inner .list-content ul li strong {font-size:18px;}
.intro-box .intro-image .inner .list-content ul li p {margin:5px 0 0; font-size:15px;}
.intro-box .intro-count {margin:0 0 60px; padding:40px 0;}
.intro-box .intro-count h2 {font-size:20px;}
.intro-box .intro-count ul {margin:0 -10px -20px;}
.intro-box .intro-count ul li {flex:none; width:calc(50% - 20px); margin:0 10px 20px;}
.intro-box .intro-count ul li:after {right:-12px;}
.intro-box .intro-count ul li:nth-of-type(even):after {display:none;}
.intro-box .intro-count ul li .inner {padding:0 24px;}
.intro-box .intro-count ul li .inner strong {font-size:30px;}
.intro-box .intro-count ul li .inner b {font-size:18px; margin:5px 0 0;}
.intro-box .intro-count ul li .inner p {font-size:15px; margin:5px 0 0;}
.intro-box .intro-text {margin:0 0 60px;}
.intro-box .intro-text p {font-size:25px;}
.intro-box .intro-text p br {display:none;}
.intro-box .intro-bottom {padding:40px 0; margin:0 0 -40px;}
.intro-box .intro-bottom h2 {font-size:20px;}
.intro-box .intro-bottom h3 {font-size:18px; margin:0 0 24px;}
.intro-box .intro-bottom p {font-size:15px;}
.intro-box .intro-bottom p br {display:none;}
.intro-box .intro-bottom img {width:250px;}
}
@media (max-width:767px){
.intro-box .intro-service .container > ul > li {flex:none; width:100%; margin:0 0 20px; padding:0 0 20px; border-bottom:1px solid #d9d9d9;}
.intro-box .intro-service .container > ul > li:last-of-type {margin:0; padding:0; border:0;}
.intro-box .intro-text p {font-size:20px;}
}
@media (max-width:575px){
.intro-box .intro-count {overflow:hidden;}
.intro-box .intro-count ul li {width:100%; margin:0 0 20px; padding:0 0 20px; border-bottom:1px dashed rgba(255,255,255,0.3);}
.intro-box .intro-count ul li:last-of-type {margin:0; padding:0; border:0;}
.intro-box .intro-count ul li:after {display:none;}
}

/* limit-box */
.limit-box {max-width:1200px; margin:40px auto 0;}
.limit-box ul {display:flex; flex-wrap:wrap; margin:0 0 -24px;}
.limit-box ul li {width:33.33%; margin:0 0 24px;}
.limit-box ul li > img {display:block; margin:0 auto 10px; width:100px;}
.limit-box ul li > div strong {display:block; text-align:center; font-size:24px; font-weight:bold; color:#000; word-break:keep-all;}
.limit-box ul li > div p {text-align:center; font-size:20px; color:#666; word-break:keep-all;}
@media (max-width:991px){
.limit-box {margin:24px auto 0;}
.limit-box ul li > img {width:80px;}
.limit-box ul li > div strong {font-size:18px;}
.limit-box ul li > div p {font-size:15px;}
}
@media (max-width:767px){
.limit-box ul {margin:0;}
.limit-box ul li {width:100%; margin:0 0 15px; padding:0 0 15px; border-bottom:1px dashed #d9d9d9; display:flex; flex-wrap:wrap; align-items:center;}
.limit-box ul li:last-of-type {margin:0; padding:0; border:0;}
.limit-box ul li > img {width:50px; margin:0;}
.limit-box ul li > div {padding:0 0 0 10px; flex:1; min-width:0;}
.limit-box ul li > div strong {text-align:left; font-size:15px;}
.limit-box ul li > div p {text-align:left; font-size:13px;}
}