@charset "utf-8";

.sub-tab {margin-bottom:50px; }
.sub-tab ul {justify-content:center;}
.sub-tab ul li {width:auto; padding:0 30px;}
.sub-tab ul li a {display:block; font-size:var(--fz22); font-weight:700; letter-spacing:-.03em; line-height:1.5em; color:#878787;}
.sub-tab ul li.active a {color:var(--color-primary);}

.sub-bnr {margin-bottom:var(--space-80); border-radius:var(--radius-40); display:flex; align-items:center; justify-content:center; height:320px; background-size:cover; background-position:center center; background-repeat:no-repeat;} 
.sub-bnr .tit {color:#fff; font-size:var(--fz48); letter-spacing:-.03em; line-height:1.4em;}

.doc-txt {font-size:var(--fz20); font-weight:400; letter-spacing:-.03em; line-height:1.7em; color:#505050;}

.download-title {display: flex; justify-content:space-between; align-items:center; margin-bottom: 30px;}

.doc-download {font-weight: 700; color: var(--color-primary); border:1px solid var(--color-primary); border-radius:var(--radius-30); padding: 0 50px; height: 60px; display: inline-flex; gap:0 20px; align-items:center;}
.doc-download:before {content:''; width: 18px; height: 18px; background: url('/images/sub/icon-download.png') no-repeat 50% 50% /contain;}

.introduction-sec {border-bottom:1px solid #ddd; display:flex; padding-bottom:var(--space-90); margin-bottom:var(--space-90);}
.introduction-sec:last-child {padding-bottom:0; margin-bottom:0; border-bottom:0;}

.introduction-head {width:28%; margin-right:var(--space-100);}
.introduction-head .en {margin-top:55px; font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:#ccc;}
.introduction-head .tit {margin-top:7px; font-size:var(--fz40); font-weight:700; letter-spacing:-.03em; line-height:1.4em;}

.introduction-body {flex:1 1 auto; min-width:0; width:1%;}
.introduction-body .tt {font-size:var(--fz18); letter-spacing:-.03em; line-height:1.5em; font-weight:600;}
.introduction-body .doc-txt + .doc-txt {margin-top:25px;}

.feature {margin-bottom:35px;}
.feature .title {margin-bottom:13px; font-size:var(--fz24); font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:var(--color-primary);}
.feature .boxs .row {display:flex; flex-wrap:wrap; margin:-10px;}
.feature .boxs .col {width:50%; padding:10px;}
.feature .boxs .box {height:100%; padding:30px; border-radius:var(--radius-16); border:1px solid #ddd; color:#505050;}
.feature .boxs .col:nth-child(2) .box,
.feature .boxs .col:nth-child(3) .box {background-color:#fafafa;}
.feature .boxs .tit {color:#121212; margin-bottom:7px; font-size:var(--fz20); font-weight:600; letter-spacing:-.03em; line-height:1.5em;}

.greeting {margin-top:50px;}
.greeting h2 {margin-bottom:44px; font-size:var(--fz40); font-weight:700; letter-spacing:-.03em; line-height:1.35em;}
.greeting h2 span {color:var(--color-primary);}
.greeting .doc-txt {margin-bottom:22px;}
.greeting .doc-txt strong {color:#121212;}
.greeting .doc-txt:last-child {margin-bottom:0;}