@charset "utf-8";

/* ------------------------------------------------------- */
/* スライド */
/* ------------------------------------------------------- */

.mainimage {
	position: relative;
    .slideContents {
        position: relative;
        .slideBox {
            font-family: "UD新ゴ M", "UD Shin Go Medium";
            img {
                width: 100%;
                vertical-align: bottom;
            }
            > div {
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                padding: 0;
                position: absolute;
                @media (width <= 999px) {
                    position: relative;
                }
                > div {
                    p {
                    }
                }
            }
        }
    }
    .slide1 {
        .slideBox {
            > div {
                display: flex;
                justify-content: center;
                align-items: flex-end;
                @media (width <= 999px) {
                    background: var(--color-main);
                    padding: 10px;
                    display: block;
                }
                p {
                    margin-bottom: 50px;
                    font-size: 5.0rem;
                    font-weight: bold;
                    text-align: center;
                    color: #fff;
                    letter-spacing: 10px;
                    @media (width <= 999px) {
                        margin-bottom: 0;
                        font-size: 1.8rem;
                        line-height: 1.3;
                        letter-spacing: 5px;
                    }
                    span {
                        background: rgba(125,90,61,0.75);
                        padding: 0 4px 0 10px;
                        @media (width <= 999px) {
                            background: unset;
                        }
                    }
                }
            }
        }
    }
    .slide2 {
        .slideBox {
            > div {
                @media (width <= 999px) {
                    background: var(--color-main);
                    padding: 10px;
                }
                p {
                    top: 40%;
                    left: 55%;
                    font-size: 4.0rem;
                    font-weight: bold;
                    text-align: center;
                    color: #7d5a3d;
                    position: absolute;
                    display: inline-block;
                    line-height: 1.15;
                    letter-spacing: 10px;
                    @media (width <= 999px) {
                        top: unset;
                        left: unset;
                        font-size: 1.8rem;
                        text-align: center;
                        position: relative;
                        display: block;
                        color: #fff;
                        line-height: 1.3;
                        letter-spacing: 5px;
                    }
                    span {
                        font-size: 5rem;
                        @media (width <= 999px) {
                            font-size: 1.8rem;
                        }
                    }
                }
            }
        }
    }
}

/* ------------------------------------------------------- */
/* コンテンツ */
/* ------------------------------------------------------- */

section:is(.newsSection, .departmentSection, .curriculumSection, .pickupSection) {
    .sectionInner {
        padding: 100px 0 0 0;
        @media (width <= 999px) {
            padding: 50px 20px 0 20px;
        }
        h2 {
            margin-bottom: 50px;
            font-family: "UD新ゴ M", "UD Shin Go Medium";
            font-size: 4.0rem;
            font-weight: bold;
            letter-spacing: 2px;
            text-align: center;
            line-height: 1.2;
            @media (width <= 999px) {
                margin-bottom: 25px;
                font-size: 3.0rem;
            }
        }
        h2 + div.content-info {
            margin-bottom: 45px;
            font-family: "UD新ゴ M", "UD Shin Go Medium";
            font-size: 2.6rem;
            font-weight: bold;
            letter-spacing: 2px;
            text-align: center;
            @media (width <= 999px) {
                font-size: 1.8rem;
            }
        }
    }
}
/* NEWS */
section.newsSection {
    .sectionInner {
        .news-header {
            display: flex;
            justify-content: space-between;
            @media (width <= 999px) {
                display: block;
            }
            ul {
                display: flex;
                @media (width <= 999px) {
                    margin-bottom: 15px;
                    display: grid;
                    grid-template-columns: repeat(2, 1fr);
                    gap: 2px;
                }
                li {
                    margin-right: 15px;
                    @media (width <= 999px) {
                        margin-right: 0;
                    }
                    &:last-child {
                        margin-right: 0;
                    }
                    a, span {
                        background: #eee;
                        border-radius: 500px;
                        padding: 15px 25px 15px 25px;
                        font-weight: bold;
                        text-decoration: none;
                        color: #000;
                        line-height: 1;
                        display: block;
                        position: relative;
                        @media (width <= 999px) {
                            border-radius: unset;
                            padding: 15px 10px;
                            font-size: 1.4rem;
                            text-align: center;
                        }
                    }
                    span {
                        &:hover {
                            cursor: pointer;
                        }
                    }
                    a {
                        &:hover {
                            background: var(--color-blue);
                            color: #fff;
                        }
                    }
                    &.active {
                        span {
                            background: var(--color-main);
                            color: #fff;
                            &::after {
                                content: "";
                                background: var(--color-main);
                                width: 25px;
                                height: 20px;
                                clip-path: polygon(0 0, 50% 100%, 100% 0);
                                position: absolute;
                                bottom: -19px;
                                left: calc((100% - 25px) / 2);
                                display: block;
                                @media (width <= 999px) {
                                    display: none;
                                }
                            }
                        }
                    }
                }
            }
        }
        .news-content {
            .news-tab_content {
                display: none;
                &.active {
                    display: block;
                }
            }
        }
    }
}

/* 学科紹介 */
section.departmentSection {
    background-image: url("../../images/contents/index/department/department-bg.webp");
    background-repeat: no-repeat;
    background-position: center 110px;
    .sectionInner {
        .department-box {
            background: #fff;
            border: 1px solid #ddd;
            border-radius: 25px;
            margin-bottom: 30px;
            display: grid;
            grid-template-columns: 1fr 540px;
            box-shadow: 0 0 10px rgba(0,0,0,0.1);
            @media (width <= 999px) {
                display: block;
            }
            .department-box_img {
                height: 345px;
                overflow: hidden;
                clip-path: polygon(85px 0%, 100% 0%, 100% 100%, 85px 100%, 0% 50%);
                order: 2;
                @media (width <= 999px) {
                    height: auto;
                    clip-path: unset;
                }
                img {
                    width: 100%;
                    border-radius: 0 25px 25px 0;
                    @media (width <= 999px) {
                        border-radius: 25px 25px 0 0;
                    }
                }
            }
            .department-box_text {
                font-size: 1.5rem;
                display: flex;
                align-items: center;
                div {
                    padding: 40px 40px 40px 50px;
                    @media (width <= 999px) {
                        padding: 25px;
                    }
                }
            }
        }
    }
}

/* カリキュラム */
section.curriculumSection {
    .sectionInner {
        .curriculum-box {
            margin-bottom: 25px;
            display: grid;
            grid-template-columns: 250px 1fr;
            gap: 25px;
            @media (width <= 999px) {
                display: block;
            }
            .curriculum-box_thumb {
                border-radius: 100%;
                @media (width <= 999px) {
                    margin-bottom: 25px;
                    text-align: center;
                }
                img {
                    border-radius: 100%;
                    vertical-align: bottom;
                }
            }
            .curriculum-box_content {
                .curriculum-box_title {
                    margin-bottom: 25px;
                    font-size: 2.2rem;
                    font-weight: bold;
                    line-height: 1.3;
                    display: grid;
                    grid-template-columns: 100px 1fr;
                    @media (width <= 999px) {
                        font-size: 2.0rem;
                        grid-template-columns: 60px 1fr;
                    }
                    gap: 20px;
                    i {
                        padding: 10px 0;
                        font-size: 8.0rem;
                        line-height: 1;
                        display: inline-block;
                        @media (width <= 999px) {
                            font-size: 5.0rem;
                        }
                    }
                    span {
                        padding: 10px 0;
                    }
                }
                .curriculum-box_text {
                    
                }
            }
        }
        .curriculum-box1 {
            .curriculum-box_thumb {
                img {
                    border: 15px solid var(--color-main-thin);
                }
            }
            .curriculum-box_content {
                .curriculum-box_title {
                    color: var(--color-main);
                    i {
                        border-right: 2px solid var(--color-main-thin);
                    }
                }
            }
        }
        .curriculum-box2 {
            .curriculum-box_thumb {
                img {
                    border: 15px solid var(--color-green-thin);
                }
            }
            .curriculum-box_content {
                .curriculum-box_title {
                    color: var(--color-green);
                    i {
                        border-right: 2px solid var(--color-green-thin);
                    }
                }
            }
        }
        .curriculum-box3 {
            margin-bottom: 0;
            .curriculum-box_thumb {
                img {
                    border: 15px solid var(--color-blue-thin);
                }
            }
            .curriculum-box_content {
                .curriculum-box_title {
                    color: var(--color-blue);
                    i {
                        border-right: 2px solid var(--color-blue-thin);
                    }
                }
            }
        }
    }
}

/* ピックアップ科目 */
section.pickupSection {
    .sectionInner {
        padding-bottom: 100px;
        @media (width <= 999px) {
            padding-bottom: 50px;
        }
        .pickup-box {
            .pickup-box_title {
                background: #f5f5f5;
                margin-bottom: 25px;
                padding: 10px;
                font-size: 2.2rem;
                font-weight: bold;
                text-align: center;
                color: var(--color-main);
                position: relative;
                cursor: pointer;
                @media (width <= 999px) {
                    font-size: 1.8rem;
                }
                &::before {
                    font-family: var(--fa);
                    font-weight: 900;
                    content: "\2b";
                    position: absolute;
                    left: 15px;
                }
                &.active {
                    &::before {
                        content: "\f068";
                    }
                }
            }
            .pickup-box_content {
                margin-bottom: 75px;
                display: none;
            }
        }
        .pickup-link {
            padding-top: 50px;
            @media (width <= 999px) {
                padding-top: 25px;
            }
        }
    }
}