@charset "UTF-8";
/*******************************

outlineCss

*******************************/
.bg-wh{
	padding-top: 100px;
}
/*==== mobile スマフォ横〜用css ===*/
@media screen and (max-width: 896px) {
	.bg-wh{
		padding-top: 50px;
	}
}
/*-----------------------------
contents-list
-----------------------------*/
.contents-link li.current {
    background: url(../../img/link02.jpg) center center no-repeat;
    background-size: cover;
}

/*-----------------------------
outline
-----------------------------*/
.outline{margin-bottom: 200px;}

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

/*-----------------------------
outline-dl
-----------------------------*/
.outline-dl{
    margin-bottom: 100px;
}

.outline-dl dt{
    font-size: 170%;
    font-weight: bold;
    letter-spacing: .1em;
    margin-bottom: 20px;
}

.outline-dl dd{
    line-height: 2;
}

/*==== mobile スマフォ縦用css ===*/
@media screen and (max-width: 480px) {
	.outline-dl{
		margin-bottom: 50px;
	}
}

/*-----------------------------
outline-table
-----------------------------*/
.outline .table1 th{
	width: 150px;
}
.outline .flex .table1{
	margin-bottom: 0;
	width: 65%;
}
.outline .flex .img{
	width: 35%;
	padding-left: 30px;
    max-height: 140px;
    overflow: hidden;
}
.outline .flex .img img{
	width: 100%;
}
/*==== mobile スマフォ横〜用css ===*/
@media screen and (max-width: 896px) {
	.outline .flex .table1{
		width: 100%;
	}
	.outline .flex .img {
		width: 50%;
		padding-left: 0;
		max-height: none;
		order: -1;
	    margin: 0 auto 20px;
	}
}
/*==== mobile スマフォ縦用css ===*/
@media screen and (max-width: 480px) {
	.outline .flex .img {
		width: 100%;
	}
}