@charset "utf-8";

.sub-tab {text-align:center; padding-bottom: 70px; margin-bottom: 60px; border-bottom:1px solid #454545;}
.sub-tab ul {display:flex;}
.sub-tab ul li {flex:1; border:1px solid #ddd; border-left:0; background:#f8f8f8;}
.sub-tab ul li:first-child {border-left:1px solid #ddd;}
.sub-tab ul li a {display:flex; justify-content:center; align-items:center; padding:0 15px; height:58px; color:#454545; font-weight:400; line-height:1.2em; letter-spacing:-.03em;}
.sub-tab ul li.active {background:var(--color-primary); border-color:var(--color-primary);}
.sub-tab ul li.active a {color:#fff; font-weight:700;}
.sub-tab.type2 {margin-bottom: 0; border:0;}

.page-tab {padding-bottom: 70px; margin-bottom: 60px; border-bottom:1px solid #454545;}
.page-tab ul {display:flex; justify-content:center;}
.page-tab ul li:not(:last-child) {margin-right: 10px;}
.page-tab ul li a {border-radius:30px; border:1px solid #ddd; display:flex; justify-content:center; align-items:center; padding:0 15px; min-width:170px; height:58px; font-size:var(--fz20); color:#454545; font-weight:500; line-height:1.2em; letter-spacing:-.03em;}
.page-tab ul li.active a {color:#fff; background:var(--color-primary); border-color:var(--color-primary);}

.c1 {color: #fe5000 !important;}

.bg-fafafa {background: #fafafa !important;}
.bg-f0f0f0 {background: #f0f0f0 !important;}

.mt90 {margin-top:90px !important;}

.mr20 {margin-right:20px !important;}

.pl15 {padding-left: 15px !important;}

.doc-cnt {margin-bottom: 95px;}

.doc-cnt .group {margin-bottom: 30px;}
.doc-cnt .group:last-child {margin-bottom: 0;}

.doc-tit {margin-bottom:20px; font-size:var(--fz30); font-weight:700; line-height:1.3em;}

.dot-tit {margin-bottom: 13px; padding-left: 12px; position: relative; font-size: var(--fz20); font-weight: 600; line-height: 1.4em; letter-spacing:-.03em; color: #242424;}
.dot-tit:before {content:'•'; position: absolute; left: 0; top: -.1em; color: var(--color-info);}

.agree-group {margin-bottom:100px;}
.agree-group:last-child {margin-bottom:0;}
.agree-group .scroll-box {padding:18px 30px; height:190px; overflow-y:scroll; background:#f8f8f8; border:1px solid #ddd; font-size:var(--fz15); font-weight:400; line-height:1.6em; color:#878787;}
.agree-group p {margin:15px 0; text-align:center; color:#454545;}
.agree-group .radio-items {text-align:center; font-weight:500; color:#505050;}
.agree-group .radio-items .radiobox {margin:0 14px;}

.company-list ul {display:flex; flex-wrap:wrap; margin:-20px;}
.company-list ul li {width:25%; padding:20px;}
.company-list ul li .img {position:relative; padding-bottom:51.85%; overflow:hidden;}
.company-list ul li .img img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}
.company-list ul li .img:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.08);}

.guide-iframe {position: relative; height: 80vh;}
.guide-iframe iframe {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

.pop-winner-close {position: absolute; right: -30px; top:-30px; display: block; width:60px; height: 60px; background: url('/images/sub/winner-close.png') no-repeat 50% 50% /contain;}
.pop-winner {width:90vw; max-width:800px;}
.pop-winner .inner {position:relative; padding-bottom:125%; overflow:hidden;}
.pop-winner .inner img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}
.pop-winner .inner iframe {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

.plan ol {display: flex; margin: -25px;}
.plan ol li {position: relative; width: 20%; padding: 25px;}
.plan ol li:after {position: absolute; margin: -4px -5px 0 0; top:50%; right: 0; content:''; width: 0; height: 0;  border-top: 8px solid transparent; border-left: 10px solid #000; border-bottom: 8px solid transparent;}
.plan ol li:last-child:after {display: none;}
.plan .box {background:var(--color-info); color: #fff; padding: 35px 25px; height: 100%;}
.plan .box .num {margin-bottom: 12px; font-size: var(--fz20); font-weight: 600; line-height: 1.4em;}
.plan .box .txt {font-weight: 600; line-height: 1.4em;}

.table01 table {width: 100%; border-collapse:collapse; border-spacing:0; border-top:1px solid #454545;}
.table01 table thead th {border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding: 14px; height: 60px; font-weight: 500; letter-spacing:-.03em; background: #f0f0f0;}
.table01 table tbody th {border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding: 14px; height: 60px; font-weight: 500; letter-spacing:-.03em; background: #fafafa;}
.table01 table tbody td {border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding: 14px 20px; height: 60px; font-weight: 400; letter-spacing:-.03em; color: #454545;}
.table01 .br {border-right:1px solid #ddd !important;}
.table01 table thead th:last-child,
.table01 table tbody th:last-child,
.table01 table tbody td:last-child {border-right:0;}

.table-tt {margin-bottom: 12px; text-align:right; color: #454545;}
.table-btm-txt {margin-top: 15px;}

.dot-txt {margin-bottom: 5px; padding-left: .6em; text-indent:-.6em;}
.dot-txt:last-child {margin-bottom: 0;}

.a-link {color:var(--color-info);}

.strong-tit {font-weight: 600; margin-bottom: 11px; color: #242424;}