@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1800px) {
*{
	font-size: 56%;
}
.date-box .page .prve, .date-box .page .next{
    width: 13%;
}
}
@media screen and (max-width: 1750px) {
    *{
        font-size: 56%;
    }
    .date-box .page .prve, .date-box .page .next{
        width: 13%;
    }
}
@media screen and (max-width: 1650px) {
    *{
        font-size: 56%;
    }
    .date-box .page .prve, .date-box .page .next{
        width: 13%;
    }
}
@media screen and (max-width: 992px) {
    *{
        font-size: 56%;
    }
    .date-box .page .prve, .date-box .page .next{
        width: 13%;
    }
    .about-box .about {
        padding: 10% 0%;
    }
    .about-box .about h2{
        font-size: 3.2rem;
    }
    .about-box h1{
        padding: 0;
    }
    .about-box .about li {
        margin: 5% 0;
    }
    .about-box .about .text p,.about-box .about .text b{
        font-size: 2.4rem;
    }
    .nav .nav-box a,.about-box .about .text b,.about-box .about .text p,.about-box h1{
        font-size: 2.8rem;
    }
    .index-date ul{
        width: 14%;
    }
    
    .top-box .cz{
        width: 100%;
    }
    .top-box input::placeholder{
        font-size: 2rem;
    }
    .top-box .cz form select, .top-box .cz form select option{
        font-size: 2rem;
    }
    .search-box p{
        margin: 8px 0;
    }
    .search-box h1{
        font-size: 2rem;
    }
    .top-box h1{
        font-size: 4rem;
    }
    .search-box ul li p:nth-child(1){
        width: 80%;
    }
    .search-box ul li p{
        line-height: 1.6;
    }
    .about-box h1{
        opacity: 0.2;
    }
    .index-date ul{
        width: inherit;
        display: flex;
        flex-wrap:wrap
    }
    .index-date li{
        width: 20%;
    }
    .index-date ul li:nth-child(10),.index-date ul li:nth-child(20){
        margin-bottom: inherit; 
    }
    .index-date ul li:nth-last-of-type(1){
        margin-bottom: 6%;
    }
}
@media screen and (max-width: 676px) {
    *{
        font-size: 38%;
    }
    .index-date ul{
        width: 20%;
    }
    .index-date{
        position: inherit;
        left: inherit;
        top: inherit;
        -webkit-transform: inherit;
        transform:inherit;
        padding: 10px 0;
        width: inherit;
    }
    .index-date li a, .index-date li {
        font-size: 2.7rem;
        line-height: 1.4;
    }
    .swiper-button-next, .swiper-button-prev{
        width: 18%;
        background-size: 20rem;
    }
    .nav .nav-box a,.about-box .about .text b,.about-box .about .text p,.about-box h1{
        font-size: 2.8rem;
    }
    .date-box li h1,.about-box .about h3{
        font-size: 2.4rem;
    }
    .date-box li a, .date-box li p{
        font-size: 2.2rem;
    }
    .nav .nav-box{
        padding: 0px 20px;
    }
    .about-box .about {
        padding: 10% 0%;
    }
    .about-box .about h2{
        font-size: 3.2rem;
    }
    .about-box h1{
        padding: 0;
    }
    .about-box .about li {
        margin: 5% 0;
    }
    .top-box .cz{
        width: 100%;
    }
    .top-box input::placeholder{
        font-size: 2rem;
    }
    .top-box .cz form select, .top-box .cz form select option{
        font-size: 2rem;
    }
    .search-box p{
        margin: 8px 0;
    }
    .search-box h1{
        font-size: 2rem;
    }
    .top-box h1{
        font-size: 4rem;
    }
    .search-box ul li p{
        line-height: 1.6;
    }
    .search-box ul li p:nth-child(1){
        width: 70%;
    }
    .about-box h1{
        font-size: 3.3rem;
        opacity: 0.2;
    }

    .index-date ul{
        width: inherit;
        display: flex;
        flex-wrap:wrap
    }
    .index-date li{
        width: 20%;
    }
    .index-date ul li:nth-child(10),.index-date ul li:nth-child(20){
        margin-bottom: inherit; 
    }
    .index-date ul li:nth-last-of-type(1){
        margin-bottom: 4%;
    }
    .date-box .page .prve, .date-box .page .next{
        width: 20%;
    }
    .date-box ul {
        padding: 6% 25% 0 25%;
    }
    .date-box {
        position: inherit; 
        width: inherit; 
        height: inherit;
    }

}