@charset "UTF-8";
/*******************************
 
サイドナビ Css
 
*******************************/
.page-col-2 .side .navi dd:nth-of-type(4) a{
    background: #ebe1cc;
}
/*******************************
 
.contents Css
 
*******************************/
.flex-col-2{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -2%;
    
    margin-bottom: 50px;
}
.flex-col-2 .item{
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    padding: 0 2% 2% 0;
}
.flex-col-2 .item:nth-of-type(2){
    text-align: right;
}
.flex-col-2 .item ul{
    margin-top: 30px;
}
.flex-col-2 .item ul li a{
    font-weight: bold;
}
/*==== mobile スマフォ縦用css ===*/
@media screen and (max-width: 480px){
    .flex-col-2{
        width: 90%;
        margin: auto auto 30px;
    }
    .flex-col-2 .item{
        -webkit-box-flex: 1;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
        padding: 0 0 15px;
    }
    .flex-col-2 .item:nth-of-type(1){
        order: 2;
    }
    .flex-col-2 .item:nth-of-type(2){
        order: 1;
        text-align: center;
    }
}


/*---btnArea---*/
.block-btn{
    margin: 60px 0 80px;
}
.block-btn .flex .item{
    -webkit-box-flex: 1;
    -ms-flex: 1 1 33%;
    flex: 1 1 33%;
    padding: 0 2% 4% 0;
}
/*==== mobile スマフォ横〜用css ===*/
@media screen and (max-width: 896px){
    .block-btn{
        margin: 40px 0 0;
    }
}



/*==== tablet タブレット用css ===*/
@media screen and (max-width: 1024px){}

/*==== mobile スマフォ横〜用css ===*/
@media screen and (max-width: 896px){}

/*==== mobile スマフォ縦用css ===*/
@media screen and (max-width: 480px){}