.inner-box{padding: 0 0 100px;}
.main-title.color02 p{color: #003B90;}
.main-title.color02 p:before{background: #003B90;}
.main-title.color02 h3 > span{color: #003B90;}
.business-wrap{width: 100%;}
.business-box .ttl p{font-size: 24px;color: #222;line-height: 140%;font-weight: 700;margin-bottom: 30px;}
.business-box .ttl p span{display: inline-block;padding: 6px 20px;background: #dbebf8;border: 1px solid #b8d9f3;border-radius: 6px;margin-right: 10px;line-height: 1;}
.business-box .app-container{max-width: 1200px;margin: 0 auto;}
.business-box .diagram-grid{display: grid;grid-template-columns: 120px 1fr;gap: 12px;align-items: stretch;}
.business-box .row-label{background: #8e8e8e;color: #ffffff;font-weight: 700;font-size: 16px;display: flex;align-items: center;justify-content: center;text-align: center;border-radius: 12px;padding: 12px 6px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);letter-spacing: -0.3px;}
.business-box .row-label.label-tall{align-items: center;}
.business-box .row-content{background: #ffffff;border-radius: 12px;display: flex;align-items: center;box-sizing: border-box;}
.business-box .content-vision{padding: 0;border: none;background: transparent;}
.business-box .vision-banner{width: 100%;background: #396bc0;color: #ffffff;text-align: center;font-size: 18px;font-weight: 800;padding: 14px 20px;border-radius: 12px;letter-spacing: -0.02em;}
.business-box .content-values{display: grid;grid-template-columns: repeat(3, 1fr);gap: 16px;padding: 0;border: none;background: transparent;}
.business-box .value-card{background: #0284d2;color: #ffffff;font-size: 17px;font-weight: 800;text-align: center;padding: 12px;border-radius: 12px;display: flex;align-items: center;justify-content: center;gap: 8px;transition: all 0.2s ease;}
.business-box .content-goals{flex-direction: column;}
.business-box .goal-container{width: 100%;display: flex;flex-direction: column;align-items: center;}
.business-box .goal-pill-top{border: 1px solid #c4c4c6;background: #ffffff;color: #4e7093;font-weight: 700;font-size: 16px;padding: 8px 36px;border-radius: 12px;margin-bottom: 8px;width: 100%;box-sizing: border-box;text-align: center;}
.business-box .goal-flow-arrow{display: flex;flex-direction: column;align-items: center;gap: 2px;}
.business-box .badge-target{background: #70a3d8;color: #ffffff;font-size: 13px;font-weight: 700;padding: 4px 18px;border-radius: 12px 12px 0 0;min-width: 272px;box-sizing: border-box;text-align: center;}
.business-box .kpi-cards-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;width: 100%;padding: 14px 20px;background: #d8f5fd;border-radius: 9999px;box-sizing: border-box;}
.business-box .kpi-card{background: #ffffff;border-radius: 100px;padding: 14px 10px;text-align: center;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);transition: all 0.2s ease;}
.business-box .kpi-title{font-weight: 800;font-size: 15px;color: #222;}
.business-box .kpi-value-box{display: flex;align-items: center;justify-content: center;gap: 6px;font-weight: 700;font-size: 16px;color: #cf4240;}
.business-box .kpi-value-box span{color: #cf4240;font-weight: 800;}
.business-box .kpi-meta{font-size: 15px;color: #222;font-weight: 600;}
.business-box .content-strategy{padding: 0;border: none;background: transparent;}
.business-box .strategy-cards-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 16px;width: 100%;}
.business-box .strategy-column{display: flex;flex-direction: column;gap: 10px;}
.business-box .strategy-card{background: #0185d0;color: #ffffff;font-weight: 800;font-size: 16px;text-align: center;padding: 14px;border-radius: 12px;display: flex;align-items: center;justify-content: center;gap: 10px;transition: all 0.2s ease;}
.business-box .strategy-sub-card{background: #12348b;border: 1px solid #12348b;border-radius: 10px;display: flex;align-items: center;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);overflow: hidden;}
.business-box .sub-tag{color: #ffffff;font-weight: 700;font-size: 13px;line-height: 1.3;text-align: center;padding: 13px 10px;min-width: 100px;box-sizing: border-box;}
.business-box .sub-desc{font-size: 14px;line-height: 140%;color: #222;font-weight: 500;padding: 10px;background: #fff;flex: 1;height: 100%;display: flex;align-items: center;}
.business-box .content-framework{flex-direction: column;}
.business-box .framework-banner{background: #4a4a4a;color: #ffffff;font-weight: 800;font-size: 15px;padding: 8px 30px;border-radius: 15px;margin-bottom: 16px;display: flex;align-items: center;justify-content: center;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);}
.business-box .framework-body{display: grid;grid-template-columns: 2.2fr 3.2fr 2.2fr;gap: 16px;width: 100%;}
.business-box .fw-left-col{display: flex;flex-direction: column;gap: 10px;}
.business-box .fw-flex-box{background: #ffffff;border: 1px solid #cbd5e1;border-radius: 8px;display: flex;align-items: stretch;overflow: hidden;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);}
.business-box .fw-tag-tab{background: #1c3f76;color: #ffffff;font-weight: 700;font-size: 13px;padding: 10px 8px;min-width: 85px;display: flex;align-items: center;justify-content: center;text-align: center;line-height: 1.3;}
.business-box .fw-tag-content{padding: 10px 12px;font-size: 12.5px;line-height: 1.4;color: #334155;display: flex;align-items: center;flex: 1;}
.business-box .bold-center{font-weight: 700;text-align: center;justify-content: center;}
.business-box .logo-list{display: flex;gap: 8px;font-size: 12px;font-weight: 600;}
.business-box .logo-list span{background: #e0f2fe;color: #1c3f76;padding: 4px 10px;border-radius: 4px;border: 1px solid #bae6fd;}
.business-box .dot-list{list-style-type: none;font-size: 12px;padding-left: 0;}
.business-box .dot-list li::before{content: "• ";color: #1d68cd;font-weight: bold;}
.business-box .fw-subgroup{display: flex;flex-direction: column;gap: 8px;}
.business-box .fw-center-col{display: flex;flex-direction: column;gap: 12px;justify-content: center;}
.business-box .action-flow-card{background: #ffffff;border: 1px solid #7dd3fc;border-radius: 8px;padding: 10px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);}
.business-box .gradient-pill{background: linear-gradient(90deg, #38bdf8 0%, #0284c7 100%);color: #ffffff;font-weight: 700;font-size: 13.5px;padding: 6px 14px;display: flex;justify-content: space-between;align-items: center;margin-bottom: 8px;}
.business-box .action-list{list-style: none;font-size: 12.5px;color: #1f2937;padding-left: 4px;}
.business-box .action-list li{position: relative;padding-left: 12px;margin-bottom: 3px;}
.business-box .action-list li::before{content: "â–ª";position: absolute;left: 0;color: #0284c7;}
.business-box .center-footer-pill{background: #4a4a4a;color: #ffffff;text-align: center;font-weight: 800;font-size: 14px;padding: 8px;border-radius: 16px;}
.business-box .fw-right-col{display: flex;flex-direction: column;gap: 12px;}
.business-box .rise-main-card{background: #ffffff;border: 2px solid #1c3f76;border-radius: 8px;padding: 12px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);text-align: center;}
.business-box .rise-title{background: #1c3f76;color: #ffffff;font-weight: 800;font-size: 14px;padding: 6px 8px;border-radius: 4px;margin-bottom: 8px;}
.business-box .rise-bullets{display: flex;flex-direction: column;gap: 6px;}
.business-box .rise-item{background: #f0f7ff;border: 1px solid #bfdbfe;font-size: 12px;font-weight: 600;padding: 6px 8px;border-radius: 4px;color: #1c3f76;}
.business-box .right-floating-cards{display: flex;flex-direction: column;gap: 10px;}
.business-box .floating-card{background: #ffffff;border: 1px solid #94a3b8;border-radius: 8px;overflow: hidden;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);}
.business-box .fc-header-tab{background: #1c3f76;color: #ffffff;font-weight: 700;font-size: 13px;padding: 6px;text-align: center;}
.business-box .fc-content{padding: 8px;font-size: 12.5px;text-align: center;color: #334155;font-weight: 600;}
.business-box .content-tasks{padding: 0;border: none;background: transparent;}
.business-box .tasks-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 16px;width: 100%;}
.business-box .task-category{background: #ffffff;border: 1.5px solid #cbd5e1;border-radius: 8px;overflow: hidden;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);display: flex;flex-direction: column;}
.business-box .cat-header{background: #0185d0;color: #ffffff;font-weight: 800;font-size: 16px;text-align: center;padding: 10px 8px;}
.business-box .task-cards-list{padding: 12px;display: flex;flex-direction: column;gap: 8px;}
.business-box .task-item{border-radius: 6px;font-size: 14px;line-height: 1.4;display: flex;flex-wrap: wrap;align-items: baseline;gap: 4px;transition: all 0.2s ease;}
.business-box .task-num{color: #222;}
.business-box .content-roadmap{padding: 0;border: none;background: transparent;}
.business-box .roadmap-grid{display: grid;grid-template-columns: repeat(4, 1fr);gap: 12px;width: 100%;}
.business-box .stage-card{background: #ffffff;border: 1.5px solid #0d9488;border-radius: 8px;overflow: hidden;text-align: center;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);transition: all 0.2s ease;}
.business-box .stage-header{background: #0d9488;color: #ffffff;font-weight: 800;font-size: 14px;padding: 8px 4px;display: flex;justify-content: center;align-items: center;gap: 6px;flex-wrap: wrap;}
.business-box .year-badge{font-size: 12px;font-weight: 500;opacity: 0.95;}
.business-box .stage-sub{font-weight: 800;color: #0d9488;font-size: 14px;padding: 10px 4px;}
.business-box .table-wrap{width: 100%;overflow-x: auto;margin-top: 16px;}
.business-box .rise-diagram{display: flex;justify-content: space-between;align-items: center;gap: 20px;padding: 20px 0;width: 100%;}
.business-box .left-area, .business-box .right-area{display: flex;gap: 20px;}
.business-box .left-area .block{display: flex;flex-direction: column;gap: 10px;justify-content: space-between;}
.business-box .left-area .block:last-child{position: relative;}
.business-box .left-area .block:last-child:before{content: "";position: absolute;width: 1px;height: calc(100% + 100px);top: -66px;left: 50%;transform: translatex(-50%);background: #453c37;z-index: 0;}
.business-box .right-area .block{display: flex;flex-direction: column;gap: 20px;justify-content: space-between;position: relative;}
.business-box .right-area .block .box{position: relative;}
.business-box .right-area .block:first-child:before{content: "";position: absolute;width: 1px;height: calc(100% + 104px);top: -67px;left: 61%;transform: translatex(-50%);background: #453c37;}
.business-box .right-area .block .content{padding: 28px 10px;}
.business-box .right-area .block:nth-child(2) .box:before{content: "";position: absolute;width: 14px;height: 4px;background: #d1d1d1;top: 50%;transform: translateY(-50%);left: -18px;}
.business-box .box{border: 1px solid #123092;border-radius: 10px;background: #fff;}
.business-box .box .title{background: #123092;color: #fff;font-weight: 700;text-align: center;padding: 10px;font-size: 16px;border-radius: 9px 9px 0 0;position: relative;z-index: 1;}
.business-box .box.white .title{background: #fff;color: #215eb6;border-bottom: 1px solid #ddd;}
.business-box .box .content{padding: 10px 10px;font-size: 14px;line-height: 1.7;text-align: center;position: relative;min-width: 108px;box-sizing: border-box;background: #fff;border-radius: 10px;}
.business-box .box .content ul li{position: relative;padding: 0 0 0 11px;text-align: left;}
.business-box .box .content ul li:before{content: "";position: absolute;left: 0;top: 8px;width: 3px;height: 3px;border-radius: 50%;background: #222;}
.business-box .box .content + .content:before{content: "";height: 1px;width: 90%;background: #ccc;position: absolute;left: 50%;top: 0;transform: translate(-50%,-50%);}
.business-box .center-area{flex: 1;position: relative;}
.business-box .center-area .block .cont{padding: 10px 0 10px 20px;}
.business-box .center-area .block .cont ul li{position: relative;padding: 0 0 0 11px;font-weight: 400;font-size: 14px;line-height: 150%;color: #222;}
.business-box .center-area .block .cont ul li:before{content: "";position: absolute;left: 0;top: 8px;width: 3px;height: 3px;border-radius: 50%;background: #222;}
.business-box .top-title, .business-box .bottom-title{width: 320px;margin: auto;background: #453c37;color: #fff;border-radius: 12px;text-align: center;padding: 12px;font-weight: 700;margin-bottom: 30px;position: relative;}
.business-box .bottom-title{margin-top: 40px;}
.business-box .top-title span, .business-box .bottom-title span{position: relative;z-index: 2;}
.business-box .top-title:before, .business-box .bottom-title:before{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: calc(100% + 199px);height: 2px;background: #453c37;z-index: 0;}
.business-box .arrow{position: relative;height: 40px;background: linear-gradient( 90deg, rgba(255,255,255,0) 0%, #d8f5ff 12%, #63d8ff 35%, #16b9ff 65%, #008fe7 100% );display: flex;align-items: center;justify-content: center;color: #fff;font-weight: 700;font-size: 18px;width: calc(100% - 46px);}
.business-box .arrow:before{content: "";position: absolute;right: -45px;top: -8px;width: 46px;height: 55px;background: #008fe7;clip-path: polygon(0 0,100% 50%,0 100%);}
.business-box .arrow.reverse{background: linear-gradient( 90deg, #008fe7 0%, #16b9ff 35%, #63d8ff 65%, #d8f5ff 88%, rgba(255,255,255,0) 100% );margin-left: auto;}
.business-box .arrow.reverse:before{content: "";position: absolute;left: -45px;top: -7px;width: 46px;height: 55px;background: #008fe7;clip-path: polygon(100% 0,0 50%,100% 100%);}
@media(max-width:1500px){
	.business-box .left-area, .business-box .right-area{flex-direction: column;}
	.business-box .top-title:before, .business-box .bottom-title:before, .business-box .left-area .block:last-child:before, .business-box .left-area .block:last-child:after, .business-box .right-area .block:first-child:before, .business-box .right-area .block:first-child:after, .business-box .right-area .block:nth-child(2) .box:before{content: none;}
}
@media(max-width:1024px){
	.business-box .diagram-grid{grid-template-columns: 100px 1fr;}
	.business-box .framework-body, .strategy-cards-grid{grid-template-columns: 1fr;}
	.business-box .rise-diagram{flex-direction: column;}
	.business-box .left-area, .business-box .right-area{width: 100%;}
	.business-box .left-area .block, .business-box .right-area .block{flex: 1;}
	.business-box .center-area{width: 100%;}
	.business-box .kpi-cards-grid{border-radius: 20px;}
	.business-box .ttl p{font-size: 20px;}
	.business-box .ttl p span{padding: 6px 15px;}
	.business-box .right-area .block .content{padding: 10px 10px;}
}
@media(max-width:768px){
	.business-box .diagram-grid{grid-template-columns: 1fr;}
	.business-box .row-label{padding: 8px;font-size: 14px;}
	.business-box .value-card, .business-box .strategy-cards-grid, .business-box .kpi-cards-grid, .business-box .tasks-grid, .business-box .roadmap-grid{grid-template-columns: 1fr;}
	.business-box .top-title, .business-box .bottom-title{width: 100%;box-sizing: border-box;}
	.business-box .content-values{gap: 10px;}
	.business-box .value-card{font-size: 14px;}
	.business-box .vision-banner{font-size: 16px;}
	.business-box .arrow{font-size: 16px;}
}