.bnote {
    position: relative;
}

.bnote img {
    filter: brightness(0.9);
}

.bnote .text {
    top: 53.5%;
}

.bnote .title {
    font-family: 'Righteous';
    font-size: 7.5vw;
}

.bnote .sub {
    font-size: 2.35vw;
    font-weight: 600;
    margin-top: 9.2%;
    margin-bottom: 3.5%;
}

.bnote .coment {
    font-size: 2.35vw;
    font-weight: 200;
}

.features {
    position: relative;
}

.features .text {
    color: black;
}

.main-title {
    font-size: 3vw;
    font-weight: 800;
}

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

.content-img {
    width: 35.5%;;
}

.content1, .content2, .content3, .content4 {
    display: flex;
    margin: 12% auto;
}

.contents .box {
    background: #F8F8F8;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.contents .title {
    font-size: 1.8vw;
    font-weight: 900;
}

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

.content1 .sub {
    margin-top: 5%;
}

.line {
    width: 89.7%;
    border: none;
    border-top: 0.15vw solid #000;
    margin: 4.6% auto;
}

.info {
    font-size: 1.82vw;
    font-weight: 800;
}