@charset "UTF-8";

/* CSS Document */
.imgBox{
    margin-bottom: 5.208333vw;
}


.educationBox{
	border: clamp(5px,1.5vw,10px) solid #E4E6E6;
	background: #fff;
    display: flex;
	margin-bottom: min(3.125vw,60px);
}

.educationBox dt{
    display: flex;
    align-items: center;
    width: 15.625vw;
    justify-content: center;
	text-shadow: none;
	color: #fff;
    min-width: 150px;
	font-size: clamp(16px, 2vw, 25px);
}

.educationBox dd{
	padding: 1em;
	margin: 0;
    flex: 1;
}

.educationBox.step01 dt{
	background: #99CCFF;
	color: #1b232a;
}
.educationBox.step02 dt{
	background: #6699FF;
}
.educationBox.step03 dt{
	background: #3366CC;
}
.educationBox.step04 dt{
	background: #253FC8;
}
.educationBox.step05 dt{
	background: #140A9A;
}
.educationBox.step06 dt{
	background: #0C065C;
}

/*スマホ*/
@media screen and (max-width:767.98px) {
.educationBox {
    flex-direction: column;
}
.educationBox dt {
    width: 100%;
    padding: 1em;
}
}
/*タブレット以降*/
@media screen and (min-width:768px) {
}