@charset "utf-8";

.pt120 {padding-top:120px;}

.c-w {color:#fff !important;}
.c-222 {color:#222 !important;}

.sub-tab {margin-bottom:70px;}
.sub-tab ul {display:flex; justify-content:center; margin:-4px;}
.sub-tab ul li {padding:4px;}
.sub-tab ul li a {min-width:200px;border-radius:10px; border:2px solid var(--color-primary);font-size:var(--font-size-18); font-weight:700; line-height:1.33em; color:var(--color-primary);display:flex; align-items:center; justify-content:center; text-align:center; padding:0 7px; height:60px;} 
.sub-tab ul li.active a {color:#fff; background:var(--color-primary);}

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

.doc-tit {margin-bottom:60px;text-align:center; font-size:var(--font-size-44); font-weight:700; letter-spacing:-.04em; line-height:1.4em; color:#222;}
.doc-tit2 {margin-bottom:13px;font-size:var(--font-size-24); font-weight:700; letter-spacing:-.04em; line-height:1.4em; color:#222;}

.doc-txt {font-size:var(--font-size-19); font-weight:400; letter-spacing:-.04em; line-height:1.58em;}

.gray-bg {background:#f8f8f8;}
.gray-bg2 {background:#efefef;}
.blue-bg {background:#133b7e;}
.company-bg {background:url('../images/sub/company-bg.jpg') no-repeat 50% 50% / cover;}
.boon-bg {background:url('../images/sub/boon-bg.jpg') no-repeat 50% 50% / cover;}
.call-bg {background:url('../images/sub/call-bg.jpg') no-repeat 50% 50% / cover;}
.tel-bg {background:url('../images/sub/tel-bg.jpg') no-repeat 50% 50% / cover;}

.quest-list ul {display:flex; margin:-13px;}
.quest-list ul li {width:25%; padding:13px;}
.quest-list .box {height:100%;min-height:200px; display:flex; flex-direction:column; align-items:center; justify-content:center;  padding:20px;border-radius:10px; background:rgba(255,255,255,0.9);}
.quest-list .box .tit {margin-top:15px;font-size:var(--font-size-19); font-weight:500; letter-spacing:-.04em; line-height:1.4em; color:#222;}
.quest-list.ty2 .box {min-height:300px;}

.lineup-links .row {display:flex; margin:-15px;}
.lineup-links .col {width:33.333%; padding:15px;}
.lineup-links a {display:block; background:#f8f8f8; border-radius:10px; overflow:hidden; height:100%;} 
.lineup-links a .cnt {position:relative;padding:35px 25px;}
.lineup-links a .cnt:after {transition:.2s; content:''; position:absolute; right:25px; top:35px; width:32px; height:32px; background:url('../images/sub/link-arrow.png') no-repeat 50% 50% /contain;}
.lineup-links a:hover .cnt:after {transform:translateX(-10px);}

.use-wrap .row {display:flex; margin:-15px;}
.use-wrap .col {width:33.333%; padding:15px;}
.use-wrap .box {padding:40px 20px 50px;background:#fff; border-radius:10px; overflow:hidden; text-align:center; height:100%;}
.use-wrap .box .ico {margin-bottom:23px;}

.bps-wrap .row {display:flex; margin:-15px;}
.bps-wrap .col {width:33.333%; padding:15px;}
.bps-wrap .box {border-radius:10px; overflow:hidden; background:#f8f8f8; height:100%;}
.bps-wrap .box .title {font-size:var(--font-size-24); font-weight:700; letter-spacing:-.04em;background:var(--color-primary); color:#fff; text-align:center; line-height:70px;}
.bps-wrap .box .cnt {padding:40px 20px 35px;}
.bps-wrap .box .img {text-align:center;}
.bps-wrap .box .plus-img {text-align:center;}
.bps-wrap .ip {margin:0 30px;padding:11px;margin:30px 0 18px;display:flex; flex-direction:column; align-items:center;}
.bps-wrap .ip dl {margin-bottom:5px;display:flex; align-items:center;}
.bps-wrap .ip dl:last-child {margin-bottom:0;}
.bps-wrap .ip dl dt {margin-right:13px;padding:0 9px;border-radius:13px; font-weight:600; letter-spacing:-.04em;color:#fff; background:var(--color-primary); line-height:26px;}
.bps-wrap .ip dl dd {font-weight:600; line-height:1.4em; letter-spacing:-.04em; color:#f8535a;}
.bps-wrap .price {text-align:center; padding:11px;margin:30px 30px 18px; border-radius:10px; background:#fff;}
.bps-wrap .price dl dt {font-size:var(--font-size-18); font-weight:600; color:#f8535a; letter-spacing:-.04em;line-height:1.5em;}
.bps-wrap .price dl dd {font-weight:600; color:#787878; letter-spacing:-.04em; line-height:1.5em;}
.bps-wrap.ty2 .box {background:#fff;}
.bps-wrap .dot-list {margin:0 30px;}

.dot-list>li {position:relative; padding-left:13px;}
.dot-list>li:before {position:absolute; left:0; top:-1px;content:'·';font-size:var(--font-size-20); font-weight:800; letter-spacing:-.04em; color:var(--color-primary);}
.dot-list.ty2>li {color:#fff;}
.dot-list.ty2>li:before {color:#fff;}
.dot-list.ty3>li:before {color:#222;}

.boon-list ul {display:flex; margin:-14px;}
.boon-list ul li {width:25%; padding:14px;}
.boon-list .box {height:100%;padding:40px 20px 37px;text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center; background:#fff; border-radius:10px;}
.boon-list .box .num {margin-bottom:14px;color:#fff; background:var(--color-primary); text-align:center; font-weight:500; width:32px; line-height:32px; border-radius:100%;}
.boon-list .box .tit {margin-bottom:9px;font-size:var(--font-size-19); color:#222; font-weight:500; line-height:1.4em;}

.call-box {max-width:580px; margin:0 auto;border-radius:10px; padding:24px;background:rgba(255,255,255,0.9); text-align:center;font-size:var(--font-size-19); letter-spacing:-.04em; color:#222;}

.free-list ul {display:flex; margin:-14px;}
.free-list ul li {width:25%; padding:14px;}
.free-list .box {height:100%;padding:45px 15px 30px;text-align:center;background:#f4f4f4; border-radius:10px; min-height:245px;}
.free-list .box .num {margin-bottom:7px;color:var(--color-primary); font-size:var(--font-size-20); font-weight:900; letter-spacing:-.04em;}
.free-list .common-desc dt {margin-bottom:17px;}

.vs-table {margin-bottom:15px;}
.vs-table table {width:100%; border-collapse:collapse; border-spacing:0; border-radius:20px; background:#fff; text-align:center; line-height:1.4em; letter-spacing:-.04em; overflow:hidden;}
.vs-table tbody td {padding:18px; border-bottom:1px solid #ddd; font-weight:500; color:#222;}
.vs-table tbody td:not(.won td) {border-right:1px solid #ddd;}
.vs-table tbody td strong {font-size:var(--font-size-20);}
.vs-table .bg {background:#efefef;}
.vs-table .won {position:relative;}
.vs-table .won:after {content:''; position:absolute;left:0; top:0; right:0; bottom:0; border:2px solid #f8535a;}
.vs-table .won td {background:#f7f5d4 !important;}
.vs-table .won.last:after {border-radius:0 0 19px 19px;}

.fee-table {border:1px solid #ddd;}
.fee-table table {width:100%; border-spacing:0;border-collapse:collapse;background:#fff; text-align:center; line-height:1.5em; letter-spacing:-.04em; color:#222;font-weight:500;}
.fee-table thead th {border-right:1px solid #ddd;padding:18px; border-bottom:1px solid #ddd; font-size:var(--font-size-18); font-weight:700; color:#222; background:#fafafa;}
.fee-table tbody td {border-bottom:1px solid #ddd;border-right:1px solid #ddd; padding:17px;}
.fee-table thead th:last-child,
.fee-table tbody td:last-child {border-right:0;}
.fee-table .pos {position:relative;}
.fee-table .pos:after {content:''; position:absolute;left:0; top:0;width:200.5%; height:473px; border:4px solid #f8535a;}
.fee-table .c1 {color:#ee3368 !important;}
.border-r {border-right:1px solid #ddd !important;}
.border-bottom-0 {border-bottom:0 !important;}

.fee-table.ty2 table {font-weight:400; color:#505050;}
.fee-table.ty2 thead th {font-weight:500;}

.cellphone>ul {display:flex; flex-wrap:wrap; margin:-20px -15px;}
.cellphone>ul>li {width:25%; padding:20px 15px;}
.cellphone .box {border-radius:10px; overflow:hidden; background:#f8f8f8; height:100%;}
.cellphone .box .title {padding:0 13px;position:relative;font-size:var(--font-size-24); font-weight:700; letter-spacing:-.04em;background:var(--color-primary); color:#fff; text-align:center; height:70px; line-height:1.33em; display:flex; align-items:center; justify-content:center; text-align:center;}
.cellphone .box .cnt {padding:30px;}
.cellphone .box .img {margin-bottom:18px; text-align:center;}
.cellphone .box .img img {border-radius:10px;}
.cellphone .flag {position:absolute;left:10px; top:0;}
.cellphone .mon {margin-bottom:16px;padding:16px;text-align:center; background:#f6f6f6; border-radius:10px; color:#ee3368; font-weight:600; letter-spacing:-.04em; font-size:var(--font-size-18);}
.cellphone.ty2 .box {background:#fff;}

.fee {padding:28px 50px;border:2px solid var(--color-primary); background:#fff; border-radius:20px;}
.fee dl {display:flex; align-items:center;}
.fee dl dt {width:295px;font-size:var(--font-size-24); font-weight:800; letter-spacing:-.04em; line-height:1.3em; color:var(--color-primary);}
.fee dl dd {flex:1 1 auto; min-width:0; width:1%;}

.robot-text {margin-bottom:80px;text-align:center;}
.robot-text	.txt1 {margin-bottom:12px;font-size:var(--font-size-32); font-weight:700; letter-spacing:-.04em; line-height:1.4em; color:#222;}	
.robot-text	.txt2 {margin-bottom:10px;font-size:var(--font-size-24); font-weight:400; letter-spacing:-.04em; line-height:1.4em; color:#505050;}	
.robot-text	.txt3 {font-size:var(--font-size-18); font-weight:400; letter-spacing:-.04em; line-height:1.4em; color:#505050;}	

.robot-group:not(:last-child) {margin-bottom:56px;}
.robot-group .dot-list {margin-bottom:16px;}

.video-pop-wrap {width:90vw; max-width:800px;}

.prod-images ul {display:flex; margin:-10px;}
.prod-images ul li {text-align:center; width:50%; padding:10px;}
.prod-images .img img {width:100%;}
.prod-images .tit {margin:15px 0 5px;font-size:var(--font-size-24); font-weight:600; line-height:1.4em; color:#222; text-align:left;}
.prod-images .txt {font-size:var(--font-size-18); font-weight:500; line-height:1.4em; color:#505050;text-align:left;}
.prod-images.col-3 ul li {width:33.333%;}

.example ul {display:flex; flex-wrap:wrap; margin:-16px -11px;}
.example ul li {width:50%; padding:16px 11px;}

.goods ul {display:flex; margin:-13px;}
.goods ul li {width:25%; padding:13px; text-align:center;}
.goods ul li img {border-radius:10px;}