@charset "utf-8";

/* モバイル: 767px以下 */
@media screen and (max-width: 767px) {
    .feature-top img[src="img/Group 172.webp"] {
        content: url("../img/Group 204.webp");
    }

    .student-points-1 img[src="img/aaa.webp"] {
        content: url("../img/message001.webp");
        width:80%;
    }
}

@media screen and (max-width: 768px) {
    .student-intro {
        width: 90% !important;
    }
}

@media screen and (max-width: 470px) {
    .student-intro {
      font-size: 11px ;
    }
}
.student-intro {
    width: 60%;
    margin: 0 auto;
}

.student-points-1 {
    margin-top: 5%;
    margin-bottom: 5%;
    height: 45%;
}

.student-points-1 img {
    width: 50%;
    display: block;
    margin: 0 auto;
    object-fit: cover;
}

.student-grid {
    max-width: 1000px;
    margin: 60px auto;
    padding: 0 20px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.student-item {
    aspect-ratio: 3/4;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    transition: transform 0.3s ease;
}

.student-item:hover {
    transform: translateY(-5px);
}

.student-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* タブレット: 768px-1199px */
@media screen and (max-width: 1199px) and (min-width: 768px) {
    .student-grid {
        gap: 20px;
        padding: 0 15px;
    }
}

/* モバイル: 767px以下 */
@media screen and (max-width: 767px) {
    .student-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
        padding: 0 10px;
        margin: 40px auto;
    }
}