@charset "UTF-8" ;
.topic {
    color: var(--primary-gray);
    display: flex;
    text-align: center;
    align-items: center;
    margin: 80px 6% 0;
}
.topic__main {
    font-family: 'Caveat';
    font-size: 3.6rem;
    line-height: 1;
}
.topic__txt {
    padding-left: 10px;
    font-size: 1.1rem;
}
.btn {
    font-family: 'Caveat';
    font-size: 1.6rem;
    position: relative;
    top: 20px;
    left: 70%;
}
.btn:hover {
    color: var(--primary-gray);
}
/* top pc */
@media screen and (min-width:769px) {
    .topic {
        display: inline-block;
        margin: 120px 14% 0;
    }
    .topic__main {
        font-size: 9.6rem;
    }
    .topic__txt {
        padding: 5px 0 0 0;
        font-size: 1.4rem;
        text-align: left;
    }
    .btn--gallery, .btn--works, .btn--event, .btn--blog {
        font-size: 2.4rem;
        position: relative;
        top: 30px;
        right: 14%;
    }
}/* pc 769px */

/* MV */
.mainVisual {
    margin-top: 20px;
}
/* MV pc */
@media screen and (min-width:769px) {
    .mainVisual {
        margin: 50px 15% 0;
    }
}/* pc 769px */

/* gallery */
.slider__item {
    margin: 30px 5px 0;
}
/* gallery pc */
@media screen and (min-width:769px) {
    .slider__item {
        margin: 52px 25px 0;
    }
}/* pc 769px */

/* works */
.works {
    margin: 20px 23% 0;
}
.works__item {
    display: flex;
    flex-direction: column;
    gap: 20px 0;
}
.works__list:hover {
    opacity: 0.5;
    transition: 0.3s;
}
.works__list img {
    border-radius: 20px;
}
.works__name {
    font-size: 1.4rem;
    padding-top: 8px;
}
.works__txt {
    font-size: 1.2rem;
    padding-top: 5px;
}
/* works pc */
@media screen and (min-width:769px) {
    .works {
        margin: 30px auto 0;
    }
    .works__item {
        flex-direction: row;
        max-width: 1000px;
        margin: 0 auto;
        gap: 50px;
    }
    .works__list img {
        max-width: 300px;
        height: 300px;
        object-fit: cover;
    }
    .works__name {
        font-size: 2rem;
        padding-top: 20px;
    }
    .works__txt {
        max-width: 250px;
        font-size: 1.6rem;
        padding-top: 10px;
    }
}/* pc 769px */

/* event */
hr {
    border-width: 0 0 1px 0;
    margin: 20px 6% 0;
}
.event__group img {
    max-width: 120px;
    height: auto;
}
.event__list {
    margin: 20px 8% 0;
}
.event__list:hover {
    opacity: 0.5;
    transition: 0.3s;
}
.event__group {
    display: flex;
    align-items: center;
}
.event__detail {
    padding-left: 20px;
}
.event__time {
    font-size: 1.4rem;
    font-weight: 700;
}
.event__txt {
    font-size: 1.4rem;
}
/* event pc */
@media screen and (min-width:769px) {
    hr {
        margin: 30px 15% 0;
    }
    .event__group img {
        max-width: 200px;
        height: auto;
    }
    .event__list {
        margin: 30px 16% 0;
    }
    .event__time {
        font-size: 1.6rem;
    }
    .event__txt {
        font-size: 1.6rem;
    }
}/* pc 769px */

/* blog */
.blog {
    display: flex;
    margin: 0;
}
.blog__item {
    display: flex;
    flex-direction: column;
    gap: 20px 0;
    margin: 20px auto 0;
}
.blog__list {
    padding: 0 20px;
}
.blog__list:hover {
    opacity: 0.5;
    transition: 0.3s;
}
.blog__group img {
    width: 200px;
}
.blog__txt {
    font-size: 1.4rem;
    padding-top: 5px;
}
.blog__group {
    flex-direction: column;
    align-items: center;
}
/* blog pc */
@media screen and (min-width:769px) {
    .blog__item {
        display: flex;
        margin: 30px 15% 0;
    }
    .blog__list {
        padding: 0;
        margin: 0 10px;
    }
    .blog__group img{
        width: 310px;
    }
    .blog__txt {
        font-size: 1.8rem;
        padding-top: 20px;
    }
}/* pc 769px */