@charset "UTF-8";

@import url(common.css);

* {
    margin: 0;
    padding: 0;
}

.news-textbox {
    width: 80%;
    height: 18vw;
    margin-top: 1%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 11%;
    text-align: center;
    background-color: #f4f0eb;
}

.news-textbox h3 {
    font-size: 4.5vw;
    margin-bottom: 2%;
}

.news-textbox p {
    font-size: 2vw;
}

.visual {
    margin-top: 5%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.main-box {
    padding: 4%;
}

.news-1, .news-2, .news-3 {
    margin-bottom: 5%;
    line-height: 2.5;
    border-bottom: 0.5px dotted #202020;
}

.news-1 p:nth-of-type(1), .news-2 p:nth-of-type(1), .news-3 p:nth-of-type(1) {
    font-size: 3vw
}

.news-1 p:nth-of-type(2), .news-2 p:nth-of-type(2), .news-3 p:nth-of-type(2){
    font-size: 2.5vw;
}

.news-1 p:nth-of-type(3), .news-2 p:nth-of-type(3), .news-3 p:nth-of-type(3){
    font-size: 2.2vw;
    margin-top: 3%;
    margin-bottom: 5%;
}



.sub-box {
    width: 50%;
    padding: 4%;
    margin-left: auto;
    margin-right: auto;

}

.sub-box p {
    line-height: 2.5;
    text-align: center;
    border-bottom: 0.7px dotted #5a5959;
    font-size: 2.5vw;
}

.sub-box .box1 {
    margin-bottom: 10%;
}

.sub-box .box1 p:nth-of-type(1), .sub-box .box2 p:nth-of-type(1){
    font-size: 4vw;
    color: #A4774D;
}

.page {
    display: flex;
    padding: 2%;
}

.page p {
    border: 0.5px dotted #202020;
}

.page p a {
    display: block;
    text-decoration: none;
    font-size: 2vw;
    color: #202020;
}
.page p:nth-of-type(1) {
    margin-left: 28.5%;
}


.page p:nth-of-type(1), .page p:nth-of-type(2), .page p:nth-of-type(3) {
    width: 6%;
    margin-right: 5%;
    line-height: 3;
    text-align: center;
    background-color: #f4f0eb;
}

.page p:nth-of-type(4) {
    width: 7%;
    line-height: 3;
    text-align: center;
    background-color: #f4f0eb;
}