@charset "UTF-8";
/*******************************
 
サイドナビ Css
 
*******************************/
.page-col-2 .side .navi dd:nth-of-type(7) a{
    background: #ebe1cc;
}



/*******************************
 
.contents Css
 
*******************************/
/*---Sub Img---*/
.page-sub-img{
	margin: 60px 0;
}

/*---contents---*/
.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;
}
.flex-col{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 50px;
	padding-bottom: 2%;
    border-bottom: solid 1px #d5d5d5;
}
.flex-col .img{
	flex: 1 1 20%;
}
.flex-col .txt{
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 70%;
}
.ttl-bn-gold{
	color: #9f8756;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: .03em;
    margin-bottom: 10px;
}

section.contact{
	margin-bottom: 80px;
}
/*==== mobile スマフォ横〜用css ===*/
@media screen and (max-width: 896px){
	section.contact{
		margin-bottom: 0;
	}
}

/*==== mobile スマフォ縦用css ===*/
@media screen and (max-width: 480px){
    .flex-col-2{
        width: 90%;
        margin: auto;
    }
    .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;
    }
	.flex-col {
		padding-bottom: 5%;
		margin-bottom: 7%;
	}
	.flex-col .img {
		flex: 1 1 100%;
		text-align: center;
		margin-bottom: 3%;
	}
	.ttl-bn-gold {
		text-align: center;
	}


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

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

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