@charset "UTF-8";

/* CSS INFORMATION -================================================= */
/* File name : news.css */
/* Description : お知らせ */
/* ================================================================== */

/* ================================================================== */
/*    sec_content
/* ================================================================== */
.news {
    padding: 9.33% 0 16%;
    padding: calc(70 / 750 * 100%) 0 calc(120 / 750 * 100%);
}

.sec_ttl {
    margin: 0 5.33%;
    margin: 0 calc(40 / 750 * 100%);
}

.sec_ttl h2 {
    font-size: 4.4rem;
    font-weight: 700;
    line-height: 1.3;
}

.sec_ttl h2::after {
    content: "";
    display: block;
    width: 100%;
    margin: 2.99% 0 0;
    margin: calc(20 / 670 * 100%) 0 0;
    padding-top: 0.9%;
    padding-top: calc(6 / 670 * 100%);
    background-color: #fabe00;
}

.news_list {
    margin: 0 5.33%;
    margin: 0 calc(40 / 750 * 100%);
}

.news_box {
    padding: 7.46% 0;
    padding: calc(50 / 670 * 100%) 0;
    border-bottom: 2px solid #bdbdbd;
}

.news_box dt {
    margin: 0 0 3.43%;
    margin: 0 0 calc(23 / 670 * 100%);
    padding: 0 0 3.43%;
    padding: 0 0 calc(23 / 670 * 100%);
    background: url(../images/common/line_gray.png) repeat-x left bottom;
    background-size: calc(6 / 670 * 100%) auto;
    background-size: 0.9% auto;
    color: #f39700;
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 1.5;
}

.news_box dt span {
    display: block;
    margin: 0 0 0.75%;
    margin: 0 0 calc(5 / 670 * 100%);
    color: #a1a1a1;
    font-size: 2rem;
}

.news_box dd {
    font-size: 2.6rem;
    line-height: 1.54;
    letter-spacing: -0.09em;
    white-space: pre-wrap;
}

@media screen and (min-width: 768px) {
    .news {
        padding: calc(60 / 1100 * 100%) 0 calc(100 / 1100 * 100%);
    }
    
    .sec_ttl {
        margin: 0;
    }
    
    .sec_ttl h2 {
        font-size: 2.6rem;
    }
    
    .sec_ttl h2::after {
        margin: calc(15 / 1000 * 100%) 0 0;
        padding-top: calc(3 / 1000 * 100%);
    }
    
    .news_list {
        margin: 0;
    }
    
    .news_box {
        padding: calc(30 / 1000 * 100%) 0;
        border-width: 1px;
    }
    
    .news_box dt {
        margin: 0 0 calc(15 / 1000 * 100%);
        padding: 0 0 calc(15 / 1000 * 100%);
        background-size: calc(6 / 1000 * 100%) auto;
        font-size: 1.8rem;
    }
    
    .news_box dt span {
        margin: 0 0 calc(10 / 1000 * 100%);
        font-size: 1.4rem;
    }
    
    .news_box dd {
        font-size: 1.6rem;
        line-height: 2;
    }
}

@media screen and (min-width: 1100px) {
    .news {
        padding: 60px 0 100px;
    }
}