.pt-box{padding-top: clamp(70px, 100px, 10vw);}
.jump-desc{position: relative;background: #236AE5;border: 1px solid rgb(255 255 255 / 40%);border-radius: clamp(5px, 1vw, 10px);color: #fff;text-align: center;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 8px clamp(30px, 6vw, 60px);padding: clamp(18px, 3.6vw, 31px) 20px;}
.jump-desc dt{font-size: clamp(22px, 4vw, 40px);font-weight: 600;}
.jump-desc dd{font-size: clamp(18px, 3.6vw, 36px);font-weight: 500; text-align: left;}
.info-title{position: relative;padding-block: clamp(40px, 5.6vw, 56px) clamp(20px, 2.5vw, 25px);text-align: center;}
.info-title h4{font-size: clamp(20px, 3vw, 30px);font-weight: 600;color: #000;}
.comp-list{display: grid;grid: auto / repeat(3, 1fr);gap: clamp(15px, 2.5vw, 25px);text-align: center; overflow-wrap: anywhere;}
.comp-list > li{border-radius: clamp(5px, 1.5vw, 10px);overflow: hidden;box-shadow: inset 0 0 0 1px #E1E4EB;background: #F3F6FB;display: flex;flex-direction: column;}
.comp-list .bd-title{background: #003763;color: #fff;padding: clamp(15px, 2.4vw, 19px) 15px;flex-shrink: 0;}
.comp-list .bd-title h5{font-size: clamp(18px, 3vw, 30px);font-weight: 600;}
.comp-list .cont{padding: 16px 10px;display: flex;flex-direction: column;justify-content: center;gap: 18px;height: 100%;}
.comp-list .exp-title{position: relative;}
.comp-list .exp-title h6{font-size: clamp(15px, 2vw, 20px); font-weight: 600; color: #142241;}
.comp-list .arw-desc{display: flex;justify-content: center;flex-wrap: wrap;}
.comp-list .arw-desc :where(dt, dd){position: relative;font-size: clamp(20px, 2.1vw, 30px);font-weight: 500;color: #142241;display: flex;flex-direction: column;gap: 3px;line-height: 1.3;}
.comp-list .arw-desc :where(dt, dd) small{font-size: clamp(12px, 1.8vw, 13px);font-weight: 400;color: #666;}
.comp-list .arw-desc :where(dt, dd) strong{font-weight:inherit;}
.comp-list .arw-desc dt:empty{display: none;}
.comp-list .arw-desc dt:has(+ dd){padding-right: clamp(62px, 4.4vw, 84px);}
.comp-list .arw-desc dt:has(+ dd)::after{display: block;position: absolute;content:'';background: url('../images/sub/cts_introduction/arw-desc.svg') no-repeat center / 100% auto;width: clamp(32px, 2.4vw, 46px);aspect-ratio: auto 1.84;top: clamp(5px, 0.8vw, 15px);right: 0;translate: -50%;}
.comp-list .arw-desc dt strong{font-weight: inherit;letter-spacing: -0.05em;}
.comp-list .arw-desc dt strong span{font-size: clamp(14px, 1.1vw, 20px); letter-spacing:-0.03em;}
.comp-list .arw-desc dd{font-weight: 700; color: #236AE5;}
.comp-list .arw-desc dd:has(em){gap:5px;}
.comp-list .arw-desc dd em{font-size: clamp(14px, 1.1vw, 20px);}
.comp-list .arw-desc dd strong span{font-size: clamp(14px, 1.1vw, 20px); letter-spacing:-0.03em;}

.gap-box{display: grid; gap: clamp(20px, 4vw, 40px);}
.bd-box{border: 1px solid #ddd;padding: clamp(40px, 5vw, 50px) 20px clamp(40px, 8vw, 80px);border-radius: clamp(10px, 2vw, 20px);}
.bd-box .info-title{padding-top: 0;}

.assign-list{display: grid;grid:auto / repeat(5, 1fr);gap: 30px clamp(15px, 1.6vw, 30px);text-align: center;}
.assign-list .desc{display: grid; gap:clamp(12px, 1.5vw, 15px);}
.assign-list .desc dt{width: 80%;max-width: 160px;aspect-ratio: auto 1;margin-inline: auto;background: #F3F6FB;border-radius: 100%;display: flex;align-items: center;justify-content: center;}
.assign-list .desc dt img{max-width:calc(100% - 20px);max-height: calc(100% - 20px);}
.assign-list .desc dd{font-size: clamp(14px, 1.8vw, 18px); font-weight: 500; color: #142241; line-height: 1.44;}

@media (max-width:1023px) {
    .jump-desc dd{text-align: center; text-wrap: balance;}
}
@media (max-width:860px) {
    .comp-list{grid:auto / repeat(2, 1fr);}
}
@media (max-width:640px) {
    .assign-list{grid:auto / repeat(3, 1fr);}
}
@media (max-width:479px) {
    .comp-list{grid:auto / repeat(1, 1fr);}
    .assign-list{grid:auto / repeat(2, 1fr);}
}