@charset 'utf-8';

.sign-board-box.micro{background:url(../img/integrative-track/bg-micro.png);}

.step-box{width:100%;}
.step-box ul{display:flex;gap:5.5rem;width:100%;}
.step-box ul li{display:flex;justify-content:center;align-items:center;flex:1;position:relative;padding:1.5rem 1.6rem;border:1px solid var(--color124);border-radius:5px;font-size:1.6rem;font-weight:var(--font-weight-semibold);line-height:2.2rem;letter-spacing:-0.02em;text-align:center;box-sizing:border-box;}
.step-box ul li::after{content:'';position:absolute;top:50%;right:calc(0% - 2.75rem - 1.6rem);width:3.2rem;height:3.2rem;background:url(../img/common/ico-step-arrow@2x.png) no-repeat center center / 100%;transform:translateY(-50%);}
.step-box ul li:last-of-type::after{display:none;}
.step-box ul li:nth-of-type(1){background:var(--white100);color:var(--color147);}
.step-box ul li:nth-of-type(2){background:var(--color159);color:var(--color124);}
.step-box ul li:nth-of-type(3){background:var(--white100);color:var(--color147);}
.step-box ul li:nth-of-type(4){background:var(--color159);color:var(--color124);}
.step-box ul li:nth-of-type(5){background:var(--color124);color:var(--white100);}

.text-strong{font-weight:var(--font-weight-bold);font-size:2rem;}
.ul-type01.micro-ul > li{font-weight:var(--font-weight-bold);font-size:1.6rem;color:var(--black03);}
.ul-type01.micro-ul > li:before{background:var(--color124);}


@media screen and (max-width:1024.98px){
	.step-box ul{flex-wrap:wrap;gap:4rem;}
	.step-box ul li{flex:auto;width:100%;}
	.step-box ul li::after{top:auto;left:50%;right:0;bottom:calc(0% - 2rem - 1.2rem);width:2.4rem;height:2.4rem;transform:translateX(-50%) rotate(90deg);}
	.text-strong{font-size:1.6rem;}
}