@charset "utf-8";

.sub-tab {margin-top:50px;}
.sub-tab ul {display:flex; justify-content:center;}
.sub-tab ul li {width:auto; padding:0 3px;}
.sub-tab ul li a {min-width:110px; border-radius:var(--radius-6); padding:0 20px; border:1px solid #ddd; height:50px; display:flex; align-items:center; justify-content:center; text-align:center; font-weight:600; letter-spacing:-.03em; line-height:1.33em; color:#999;}
.sub-tab ul li.active a {border-color:var(--color-primary); color:var(--color-primary);}

.doc-tit {margin-bottom:20px; font-size:var(--fz44); font-weight:700; letter-spacing:-.03em; line-height:1.36em; text-align:center;}

.doc-txt {font-size:var(--fz18); letter-spacing:-.03em; line-height:1.47em; text-align:center; color:#505050;}

.doc-num {font-size: var(--fz16); font-weight: 700; display: flex; align-items:center; justify-content:center; min-width:48px; width: 48px; height: 48px; border-radius:50%; background:var(--color-primary); color: #fff; font-family:var(--font-play);}

/* .our-biz {padding:var(--doc-padding);}
.our-biz .doc-tit {margin-bottom:10px;}
.our-biz .en {margin-bottom:10px; font-family:var(--font-play); font-size:var(--fz30); font-weight:700; letter-spacing:-.03em; line-height:1.2em; text-align:center; color:var(--color-secondary);}
.our-biz .doc-txt {margin-bottom:60px;}
.our-biz .txt-box {background:url('/images/sub/our-biz-bg.jpg') no-repeat center center / cover; padding:55px 50px; border-radius:var(--radius-8); color:#fff;}
.our-biz .txt-box .tit {margin-bottom:30px; font-size:var(--fz30); letter-spacing:-.03em; line-height:1.33em; font-weight:600;}
.our-biz .txt-box ul li {padding-left:20px; position:relative; margin-bottom:13px; font-size:var(--fz18); letter-spacing:-.03em; line-height:1.33em; font-weight:500;}
.our-biz .txt-box ul li:before {content:'·'; position:absolute; top:0; left:0;} */

.our-biz-2 {padding:var(--doc-padding);}
.our-biz-2 .head {margin-bottom: 60px; text-align:center;}
.our-biz-2 .head .doc-num {margin-left: auto;}
.our-biz-2 .head .tt {margin-bottom: 18px; font-size: var(--fz18); font-weight: 700; letter-spacing:-.03em; line-height: 1.4em; color: var(--color-primary);}
.our-biz-2 .head .doc-tit {font-weight: 400;}

.biz-val .row {display: flex; margin: -20px;}
.biz-val .col {width: 25%; padding: 20px;}
.biz-val .box {text-align:center; height: 100%; padding: 20px 20px 35px; background: #f5f5f5; border-radius:8px;}
.biz-val .box .ico {margin: 10px 0 25px;}
.biz-val .box .txt {font-size: var(--fz18); font-weight: 500; letter-spacing:-.03em; line-height: 1.56em;}

.merit {padding:var(--doc-padding); background:#f5f5f5;}
.merit .tt {margin:50px 0; font-size:var(--fz28); font-weight:700; letter-spacing:-.03em; line-height:1.47em; text-align:center;}
.merit .tt span {border-radius:var(--radius-4); padding:2px 5px; color:#fff;}
.merit .boxs ul {display:flex; margin:-6px;}
.merit .boxs ul li {width:25%; padding:6px;}
.merit .boxs ul li:nth-child(even) {margin-top:60px;}

/* .cases {padding:var(--doc-padding); padding-bottom:0;}
.cases .doc-tit {margin-bottom:50px;}
.cases .boxs {display:flex; justify-content:space-between;}
.cases .boxs .box {border-radius:var(--radius-12); padding:60px 40px; width:calc(50% - 10px); background:#ecf2f6;}
.cases .boxs .box .tit {margin-bottom:35px; display:flex; align-items:center; font-size:var(--fz30); font-weight:600; letter-spacing:-.03em; line-height:1.33em;}
.cases .boxs .box .tit span {font-size:var(--fz16); font-family:var(--font-play); margin-right:20px; min-width:60px; height:60px; display:flex; align-items:center; justify-content:center; background:var(--color-primary); color:#fff; border-radius:100%;}
.cases .boxs .box ul li {margin-bottom:15px; font-weight:400; letter-spacing:-.03em; line-height:1.4em; color:#505050;} */

.cases-2 {padding:var(--doc-padding); padding-bottom:0;}
.cases-2 .doc-tit {margin-bottom: 50px;}
.cases-2 .boxes {display:flex; justify-content:space-between;}
.cases-2 .boxes .box {border-radius:var(--radius-12); padding:60px 40px; width:calc(50% - 10px); background:#ecf2f6;}
.cases-2 .boxes .box .tit {margin-bottom: 35px; gap:0 20px; display: flex; align-items:center; font-size: var(--fz30); font-weight: 700;}
.cases-2 .boxes .box ul li {position: relative; padding-left: 12px; margin-bottom:15px; font-weight:400; letter-spacing:-.03em; line-height:1.4em; color:#505050;}
.cases-2 .boxes .box ul li:before {position: absolute; left:0; content:'·'; font-weight: 900; color: var(--color-primary);}
.cases-2 .boxes .box .img {text-align:center;}

.know {padding:var(--doc-padding); padding-top:clamp(40px, calc(120 / var(--inner) * 100vw), 120px);}
.know .line-txt {margin-bottom:33px; text-align:center;}
.know .line-txt span {position:relative; display:inline-block; font-size:var(--fz44); font-weight:700; letter-spacing:-.03em; line-height:1.33em;}
.know .line-txt span:before {z-index:-1; content:''; position:absolute; bottom:5px; left:-14px; right:-14px; height:12px; background:#bad1e7;}
.know .doc-txt:not(:last-of-type) {margin-bottom:27px;}
.know .doc-txt strong {color:var(--color-primary); font-weight:600;}

.aspect .row {display: flex; margin: -10px;}
.aspect .col {width: 33.333%; padding: 10px;}
.aspect .box {background-repeat: no-repeat; background-position: right 27px bottom 55px; padding: 42px 25px; color: #fff; min-height: 500px;}
.aspect .box .tit {margin-bottom: 40px; font-size: var(--fz28); font-weight: 700; letter-spacing:-.03em; line-height: 1.4em;}
.aspect .box .txt {font-size: var(--fz18);}
.aspect .box1 {background-image: url('/images/sub/know-icon1.png');}
.aspect .box2 {background-image: url('/images/sub/know-icon2.png');}
.aspect .box3 {background-image: url('/images/sub/know-icon3.png');}
.aspect .box4 {background-image: url('/images/sub/know-icon4.png');}
.aspect .box5 {background-image: url('/images/sub/know-icon5.png');}
.aspect .box6 {background-image: url('/images/sub/know-icon6.png');}
.aspect .col:nth-child(1) .box {border-radius:var(--radius-60) 0 0 0; background-color: #1966b1;}
.aspect .col:nth-child(2) .box {background-color: #9494a0;}
.aspect .col:nth-child(3) .box {border-radius:0 0 var(--radius-60) 0; background-color: #1b2852;}
/* .aspect.type2 .box {min-height: 544px;} */
/* .aspect.type2 .box .tit {min-height: 4.2em;} */

.table01 {max-width:1000px; margin:70px auto 0;}
.table01 table {border:1px solid #ddd;  width:100%; border-collapse:collapse; border-spacing:0; text-align:center;}
.table01 thead th {border-right:1px solid #ddd; padding:15px 5px; background:#ecf2f6; font-size:var(--fz18); font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:var(--color-primary);}
.table01 tbody td {border-right:1px solid #ddd;padding:30px 5px; font-size:var(--fz18); font-weight:500; letter-spacing:-.03em; line-height:1.5em; color:#222;}
.table01 tbody td .tt {color:#505050; opacity:.6;}

.table02 {margin-top:70px;}
.table02 table {border-top:1px solid #ddd;  width:100%; border-collapse:collapse; border-spacing:0; text-align:center; color:#505050;}
.table02 thead th {border-bottom:1px solid #ddd; padding:18px 5px; background:#f5f5f5; font-weight:600; letter-spacing:-.03em; line-height:1.4em;}
.table02 tbody td {border-bottom:1px solid #ddd; padding:18px 5px; letter-spacing:-.03em; line-height:1.5em; color:#222;}
.table02 tbody td a {display:block;}
.table02 tbody tr:last-child > * {border-bottom:0;}
.table02 tbody tr.end {background:#ddd; pointer-events:none;}

.flow {padding:var(--doc-padding); background:#ecf2f6;}
.flow .doc-txt {margin-bottom:60px;}
.flow .list {display:grid; grid-template-columns: repeat(6, 1fr); text-align:center;}
.flow .list .icon {display: flex; flex-direction:column; justify-content:center; align-items:center; width: 100%; max-width:200px; aspect-ratio:1/1;  border-radius:100%; background:var(--color-primary); margin:0 auto;}
.flow .list .icon .ico {width: 40%; max-width: 56px;}
.flow .list .icon span {margin-top: 15px; color: #fff; font-size: var(--fz22); font-weight: 600; letter-spacing:-.03em; line-height: 1.4em;}
.flow .list .col:nth-child(even) .icon {background:var(--color-secondary);}
.flow .list .txt-1 {margin-top:25px; font-weight:500; letter-spacing:-.03em; line-height:1.5em;}
.flow .list .txt-2 {display:inline-block; margin-top:8px; font-size:var(--fz14); font-weight:500; letter-spacing:-.03em; line-height:1.43em; color:#878787;} 
/* .flow .list ul {display:flex; justify-content:center; margin:-6px; text-align:center;}
.flow .list ul li {padding:6px;}
.flow .list .txt {margin-top:25px; font-weight:500; letter-spacing:-.03em; line-height:1.5em;}
.flow .list .txt .tt {display:inline-block; margin-top:8px; font-size:var(--fz14); font-weight:500; letter-spacing:-.03em; line-height:1.43em; color:#878787;} */

.logi-it {padding:var(--doc-padding); background:url('/images/sub/logi-it-bg.jpg') no-repeat center center / cover;}
.logi-it .doc-tit {margin-bottom:55px; color:#fff;}
.logi-it .list {max-width:900px; margin: 0 auto;}
.logi-it .list ul li {gap:15px; display:flex; align-items:center; background:#fff; font-size:var(--fz30); font-weight:600; letter-spacing:-.03em; line-height:1.33em; color:#222; border-radius:var(--radius-12); padding:10px 30px; margin-bottom:20px;}
.logi-it .list ul li:last-child {margin-bottom:0;}
.logi-it .list ul li span {background:var(--color-primary); font-family:var(--font-play); font-weight:700; letter-spacing:-.03em; line-height:1.33em; color:#fff; border-radius:100%; min-width:50px; height:50px; display:flex; align-items:center; justify-content:center;}

.logi-list .row {display: flex; flex-wrap:wrap; margin: -20px;}
.logi-list .col {width: 50%; padding: 20px;}
.logi-list .box {background:#fff url('/images/sub/logi-icon.png') no-repeat right 40px bottom 60px; min-height: 250px; padding: 32px 40px; height: 100%; border-radius:var(--radius-12);}
.logi-list .box .num {font-family:var(--font-play); font-weight: 700; letter-spacing:-.03em; color:#0075f7;}
.logi-list .box .tit {margin: 5px 0 18px; font-size: var(--fz28); font-weight: 700; letter-spacing:-.02em; line-height: 1.33em;}
.logi-list .box .tit strong {color:#0075f7;}
.logi-list .box .txt {font-weight: 500; line-height: 1.5em;}
.logi-list .box .a {text-indent:-1em; padding-left: 1em;}
.logi-list.type2 .box {background-image: url('/images/sub/logi-icon2.png');}