/*===============================================
 *	コンテンツ
===============================================*/
#second-visualcontents{max-width: 530px;}
#second-visualcontents h1 span{max-width: 280px;}

.small-content-box{background: #fff; border-radius: 6px;border: 2px solid var(--site-primary);}
.small-content-box h3{background-color:var(--site-primary);color: #fff;font-weight: bold; text-align:center;font-size:28px ;padding: 15px 0;}
.small-content-box ol{padding: 40px 30px;}
.small-content-box li{box-shadow: 0px 5px 0px 0px var(--site-primary);margin-bottom: 25px;max-width: 160px;margin-right: 19px;}
.small-content-box li:nth-child(6n){margin-right: 0;}
.small-content-box dd{text-align: center; color:var(--site-primary);font-weight: bold;display: flex;justify-content: center;align-items: center;height: 70px;}
.clean{margin-top: 40px;}
.after-staff p::after {top: 59%;}

@media only screen and (max-width: 1024px) {
.small-content-box li{max-width: 133px;}
.mt90 {margin-top: 40px;}
}

@media only screen and (max-width: 768px) {
.small-content-box li{max-width: 145px;}
.small-content-box li:nth-child(6n){margin-right: 20px;}
.small-content-box li:nth-child(4n){margin-right: 0;}
.after-staff p::after {top: 48%;}
}

@media only screen and (max-width: 568px) {
#second-visualcontents{max-width: 530px;}
#second-visualcontents h1 span{max-width: 240px;}
.type li:last-child{margin-bottom: 0;}
.type dl{padding: 20px;}
.small-content-box h3{font-size: 22px;}
.small-content-box ol{padding: 20px;}
.small-content-box li{max-width: 137px;}
.small-content-box li:nth-child(4n){margin-right: 20px;}
.small-content-box li:nth-child(even){margin-right: 0;}
.basic-mag_b{margin-bottom: 20px;}
.example{margin-top: 20px;}
.after-staff p::after {width: 116px;top: 89%;right: 31%;}
}