@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');

.material-symbols-sharp {
    font-size: 1.4vw;;
}

.main {
    position: relative;
}

.main img {
    filter: brightness(0.8);
}

.main p {
    font-family: 'Righteous';
    font-size: 8vw;
}

.news {
    position: relative;
}

.news .text {
    color: black;
}

.contents {
    width: 66.5%;
    margin: 0 auto;
}

.contents img {
    width: 35.3%;
}

.contents p {
    font-family: "Noto Sans"
}

.content1, .content2, .content3 {
    border: 0.1vw solid #F8F8F8;
    margin: 8% auto;
    display: flex;
    height: 27vw;
}

.content1 img {
    object-fit: contain;
}

.content2 img, .content3 img {
    object-fit: cover;
}

.contents .box {
    width: 100%;
    background-color: #F8F8F8;
    text-align: left;
    padding: 5.7% 5.7%;
}

.contents .date {
    font-size: 1.05vw;
    font-weight: 700;
}

.contents .title {
    font-size: 1.78vw;
    font-weight: 800;
}

.contents .sub {
    font-size: 1.188vw;
    font-weight: 300;
}

.contents button {
    font-size: 1.04vw; 
    padding: 0.6vw 1.5vw;
    border-radius: 40px;
    border: none;
    font-weight: 200;

    background-color: #404040;
    color: #95FF8D;
}