@charset "utf-8";

.c1 {color:var(--color-primary) !important;}

.blue-bg {background:#f0f3f7;}
.gray-bg {background:#f8f8f8;}

.pt0 {padding-top:0 !important;}

.pb0 {padding-bottom:0 !important;}
.pb140 {padding-bottom:140px !important;}

.sub-tab {margin-top:50px;}
.sub-tab ul {display:flex; justify-content:center; gap:9px;}
.sub-tab ul li a {border-radius:16px; background:#f1f5fb; border:1px solid #f1f5fb; height:68px; padding:0 50px; display:flex; align-items:center; justify-content:center; font-size:var(--fz18); font-weight:600; line-height:1.33em; color:#2c2c2c;}
.sub-tab ul li.active a {box-shadow:0 2px 16px rgba(0,0,0,.12); background:#fff; border-color:var(--color-primary);}

.check-tab {margin-bottom:70px;}
.check-tab ul {display:flex; flex-wrap:wrap; gap:8px; justify-content:center;}
.check-tab ul li label {cursor:pointer; height:50px; border-radius:25px; padding:0 25px; border:1px solid #dfdfdf; font-size:var(--fz18); font-weight:600; line-height:1.2em; color:#2c2c2c; background:#fff; display:flex; align-items:center; justify-content:space-between;}
.check-tab ul li label:before {display:none;}
.check-tab ul li label:after {margin-left:20px; display:none; content:''; width:10px; height:10px; background:url('/images/sub/tab-x.png') no-repeat 50% 50% / contain;}
.check-tab ul li input:checked + label {background:var(--color-primary); border-color:var(--color-primary); color:#fff;}
.check-tab ul li input:checked + label:after {display:block;}

.sub-cnt {padding:100px 0;}

.sub-head {margin-bottom:63px; text-align:center;}

.sub-tit {font-size:var(--fz42); font-weight:700; letter-spacing:-.02em; line-height:1.3em; color:#222;}

.sub-txt {margin-top:15px; font-size:var(--fz18); font-weight:400; letter-spacing:-.02em; line-height:1.67em; color:#505050;}

.doc-tit {margin-bottom:50px; font-size:var(--fz30); font-weight:700; line-height:1.2em; color:#222; letter-spacing:-.02em;}

.net-head {position:relative; text-align:left;}
.net-head .doc-btn {font-size:var(--fz18); position:absolute; right:0; top:0; height:64px; border-radius:32px;}
.net-head .doc-btn img {margin-right:8px;}

.net-list ul {display:flex; flex-wrap:wrap; margin:-10px;}
.net-list ul li {width:50%; padding:10px;}
.net-list .box {background:#f8f8f8; height:100%; border-radius:24px; overflow:hidden;}
.net-list .box .cnt {height:200px; display:flex; align-items:center; padding:20px 50px;}
.net-list .box .cnt p {font-size:var(--fz24); font-weight:600; line-height:1.58em;}

.why-net {background:url('/images/sub/why-net-bg.jpg') no-repeat 50% 50% / cover;}

.why-list .row {display:flex; flex-wrap:wrap; margin:-10px;}
.why-list .row .col {width:50%; padding:10px;}
.why-list a	{height:100%; position:relative; padding:45px 50px; min-height:405px; border-radius:24px; display:block; background:url('/images/sub/why-box-bg.jpg') no-repeat 50% 50% / cover;}
.why-list a	.tit {margin-bottom:22px; font-size:var(--fz28); font-weight:600; letter-spacing:-.02em; line-height:1.4em;}
.why-list a .btn {position:absolute; right:22px; bottom:22px; width:64px; height:64px; background:url('/images/sub/why-arr.png') no-repeat 50% 50% / contain;}
.why-list a:hover {background:#fff;;}
.why-list a:hover .btn {background-image:url('/images/sub/why-arr-on.png');}
.why-list.ty2 a {min-height:250px;}

.hypen-list li {text-indent:-.6em; padding-left:.6em; margin-bottom:10px; font-size:var(--fz18); font-weight:400; line-height:1.4em; color:#505050;}
.hypen-list li:last-child {margin-bottom:0;}

.hypen-list2 li {position:relative; padding-left:10px; margin-bottom:13px; font-size:var(--fz16); font-weight:400; line-height:1.4em; color:#505050;}
.hypen-list2 li:last-child {margin-bottom:0;}
.hypen-list2 li:before {content:'-'; position:absolute; left:0;}

.ex-txt {padding-left:2.2em; text-indent:-2.2em; margin-top:7px; display:block; margin-top:3px; font-size:var(--fz14); font-weight:400; color:#878787; line-height:1.71em;}
[lang=en] .ex-txt {padding-left:4.1em; text-indent:-4.1em;}

.plan-type .row {display:flex; margin:-10px;}
.plan-type .row .col {width:33.333%; padding:10px;}
.plan-type .box {transition:.3s; height:100%; padding:50px 43px; position:relative; overflow:hidden; border-radius:24px; min-height:450px; border:1px solid #dfdfdf; background:#fff;}
.plan-type .box .label {margin-bottom:22px; border-radius:8px; display:inline-block; background:#f1f5fb; color:var(--color-primary); font-weight:600; line-height:1.33em; padding:10px 15px;}
.plan-type .box .tit {font-size:var(--fz38); font-weight:700; letter-spacing:-.02em; line-height:1.2em;}
.plan-type .box .price {margin:13px 0 20px; font-size:var(--fz16); font-weight:500; letter-spacing:-.02em; line-height:1.2em; color:#a8a8a8;}
.plan-type .box .txt {margin-bottom:30px; font-size:var(--fz16); font-weight:400; letter-spacing:-.02em; line-height:1.75em; color:#505050;}
.plan-type .ready-area {position:absolute; left:0; right:0; bottom:45px; text-align:center;}
.plan-type .ready-area a {margin-top:12px; display:inline-block; font-size:var(--fz14); font-weight:500; color:#878787; line-height:1.4em; text-decoration:underline;}
.plan-type .box:hover {box-shadow:0 0 30px rgba(10,40,85,.18);}

.check-list li {margin-bottom:15px; background:url('/images/sub/list-check.png') no-repeat left 0 top .35em / 15px; padding-left:25px; position:relative; font-weight:500; letter-spacing:-.02em; line-height:1.4em; color:#2c2c2c;}
.check-list li:last-child {margin-bottom:0;}

.plan-table table {width:100%; border-collapse:collapse; border-spacing:0; line-height:1.4em; color:#2c2c2c; text-align:left;}
.plan-table thead th {font-weight:700; padding:0 12px 16px 10px; border-bottom:1px solid #2c2c2c;}
.plan-table tbody th {font-weight:600; padding:26px 12px 26px 10px; border-bottom:1px solid #dfdfdf;}
.plan-table tbody td {font-weight:400; padding:26px 12px 26px 10px; border-bottom:1px solid #dfdfdf; color:#505050;}
.plan-table .label {padding:11px 15px; display:inline-block; font-weight:600; line-height:1.2em; color:var(--color-primary); background:#f1f5fb; border-radius:8px;}
.plan-table .label.st2 {background:#fff;}
.plan-table .td-ico img {vertical-align:middle;}
.plan-table .qm-btn {border:0; background-color:transparent; font-size:0; display:inline-block; vertical-align:text-top; width:18px; height:18px; background-image:url('/images/sub/qm.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:contain;}
.plan-table .doc-popup {margin-left:6px; position:relative; display:inline-block;}
.plan-table .doc-popup .layer {z-index:10; display:none; position:absolute; left:-20px; top:38px;}
.plan-table .doc-popup .txt-wrap {position:relative; border-radius:16px; padding:16px 15px; width:240px; background:var(--color-primary);}
.plan-table .doc-popup .txt-wrap:before {content:''; position:absolute; left:20px; top:-9px; width:0; height:0; border-right:8px solid transparent; border-left:8px solid transparent; border-bottom:9px solid var(--color-primary);}
.plan-table .doc-popup .txt-wrap p {white-space:wrap; font-size:var(--fz14); font-weight:500; line-height:1.71em; color:#fff;}
.plan-table .doc-popup.active .qm-btn {background-image:url('/images/sub/qm-on.png');}
.plan-table .ready-tt {color:#a8a8a8;}
.plan-table .beta {margin-left:10px; border-radius:11px; padding:0 8px; line-height:20px; display:inline-block; font-size:var(--fz13); font-weight:600; color:#2c2c2c; background:#ffcd29;}

.plan-search {margin-bottom:80px;}
.plan-search:after {content:""; display:block; clear:both;}
.plan-search .cate {float:left; font-size:var(--fz18); font-weight:600; line-height:1.33em; border-radius:25px; display:flex; align-items:center; justify-content:center; color:#fff; background:var(--color-primary); height:50px; padding:0 25px;}
.plan-search .select {float:right; position:relative; display:inline-block; width:320px;}
.plan-search .select .toggle-button {border-radius:8px; display:flex; justify-content:space-between; align-items:center; width:100%; padding:13px 18px; background:none; border:1px solid #ddd;color:#505050; font-weight:400; font-size:var(--fz15); line-height:1.5em;}
.plan-search .select .toggle-button .chevron {transition:.3s; width:11px;}
.plan-search .select .toggle-button svg {display:block; width:100%; height:auto;}
.plan-search .select .toggle-button path {fill:#515151;}
.plan-search .select .toggle-layer {overflow:hidden; display:none; position:absolute; left:0; width:100%; background:#fff; border:1px solid #ddd; border-top:0; border-radius:8px;}
.plan-search .select .toggle-layer ul li:not(:last-child) {border-bottom:1px dotted #ddd;}
.plan-search .select .toggle-layer a {display:block; padding:8px 15px; color:#767676; font-weight:400; line-height:1.5em;}
.plan-search .select .toggle-layer a:hover {background:#f7f7f7; color:#2c2c2c;}
.plan-search .select.active .toggle-button .chevron {transform:scaleY(-1);}

.payment ul {display:flex; margin:-25px;}
.payment ul li {width:25%; padding:25px;}
.payment .box {position:relative; padding:0 40px; border-radius:16px; display:flex; flex-direction:column; justify-content:center; background:#fff; height:225px;}
.payment .box:after {content:''; position:absolute; right:-20px; top:50%; margin-top:-20px; width:0; height:0; border-top:20px solid transparent; border-bottom:20px solid transparent; border-left:20px solid #fff;}
.payment ul li:last-child .box:after {display:none;}
.payment .box p {margin-top:35px; font-size:var(--fz20); font-weight:600; line-height:1.4em;}

.letter-bnr {background:url('/images/sub/letter-bnr-bg.jpg') no-repeat 50% 50% / cover;}
.letter-bnr .contain {display:flex; align-items:center; justify-content:space-between; height:165px;}
.letter-bnr p {font-size:var(--fz30); font-weight:700; letter-spacing:-.02em; line-height:1.4em; color:#fff;}
.letter-bnr a {border-radius:32px; font-size:var(--fz18); font-weight:700; color:#2c2c2c; display:inline-block; text-align:center; line-height:58px; outline:3px solid rgba(255,255,255,.3); padding:0 50px; background:#fff;}

.iframe-custom .fancybox-skin {border-radius:8px;}