@charset "utf-8";

/* Saijiki
--------------------------------------------------------------------------*/

body#saijiki section.key-v{
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 10%;
    text-align: center;
}

body#saijiki section.key-v img{
    width: 100%;
    max-width: 330px;
}

body#saijiki div#wrapper{
    background: url("../img/saijiki/bg.jpg") no-repeat;
    background-size: 1980px;
    background-position: center 125px;
}

body.saijiki-list-bg{
    background-position: center 70px !important;
}

#saijiki section.key-v{
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 30px 10% 0 10%;
    text-align: center;
}


#saijiki section.key-v img{
    width: 100%;
    max-width: 280px;
}

#saijiki section#contents{
    padding:20px 0 60px 0 ;
}

#saijiki div.cnt-ttl{
    margin-top: 30px;
}

#saijiki div.cnt-ttl h3, #saijiki div.cnt-ttl p{
    text-align: left;
}

#saijiki div.cnt-box-info{
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 5px 3%;
    font-size: 80%;
}

#saijiki div.cnt-box-info h6{
    margin: 0 auto;
    border-bottom: none;
}

#saijiki div.cnt-box-info p{
    margin: 0 auto;
}


@media screen and (max-width:640px) {

body#saijiki section.key-v{
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 0px 10% 0px 10%;
    text-align: center;
}

body#saijiki section.key-v img{
    max-width: 250px;
}

#saijiki section#contents{
    padding:0 0 60px 0 ;
}
    
#saijiki section.key-v img{
    max-width: 260px;
}

    body#saijiki div.cnt-box{
        padding-bottom: 0;
    }

#saijiki div.cnt-ttl{
    margin-top: 0px;
}

}