@charset "UTF-8";

/* --------------------------------------------- */
/* STAFF
/* --------------------------------------------- */

.f-red{
	color: #d7a791;
}
.f-sm{
	font-size: 0.8em;
}

/* メインビジュアル
-------------------------------------- */
.visualArea{
	background: -moz-linear-gradient(left top, #e7bfa8 0%, #efd2c0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left top, #e7bfa8 0%,#efd2c0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right bottom, #e7bfa8 0%,#efd2c0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.visualArea .visual-img{
	position: relative;
	overflow: hidden;
}
.visualArea .visual-img .title,
.visualArea .visual-img .figure{
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}
.visualArea .visual-img .title{
	background-image: url(../images/about/visual_t.png);
}
.visualArea .visual-img .figure{
	background-image: url(../images/about/visual_p.png);
}

/* タイトル
-------------------------------------- */
.about-title{
	color: #D7A791;
	text-align: center;
	font-weight: normal;
	margin-bottom: 1em;
}

/* リード文
-------------------------------------- */
.outlineArea{
	border-bottom: 1px solid #d7a792;
	position: relative;
}
.outlineArea:after{
	content: '';
	position: absolute;
	bottom: 4px;
	left: 0;
	width: 100%;
	border-top: 1px solid #d7a792;
}
.outlineArea strong{
	font-weight: normal;
	font-size: 1.428em;
}

/* リスト
-------------------------------------- */
.info-lists{}

.info-lists .title{
	color: #b4b4b4;
}
.info-lists .txt{}

/* 改行禁止 */
.info-lists .nw{
	white-space: nowrap;
}


/* --------------------------------------------- */
/* SP
/* --------------------------------------------- */
@media screen and (max-width:767px) {
/* 画面サイズが767pxまではここを読み込む */


	/* メインビジュアル
	-------------------------------------- */
	.visualArea{}
	.visualArea .visual-img{
		padding-top: 41.66%;
		background-position: center;
	}
	.visualArea .visual-img .title{
		left: -20%;
	}
	.visualArea .visual-img .figure{
		left: 20%;
	}

	/* タイトル
	-------------------------------------- */
	.about-title{
		font-size: 1.2em;
		line-height: 1.6;
		padding: 0 5px;
	}

	/* リード文
	-------------------------------------- */
	.outlineArea{
		padding-top: 10px;
		padding-bottom: 25px;
	}
	.outlineArea strong{
		font-weight: normal;
		font-size: 1.2em;
	}
	.outline-txt{
		padding: 0 5px;
	}

	/* リスト
	-------------------------------------- */
	.infoArea{
		padding-top: 20px;
	}
	.info-lists{
		text-align: center;
	}

	/* li ---------- */
	.info-lists li{
		padding: 5px;
	}
	.info-lists li + li{
		padding-top: 20px;
	}
	.info-lists .title{
		font-size: 12px;
		margin-bottom: 0.5em;
		line-height: 1.3;
	}



}/* @media */



/* --------------------------------------------- */
/* PC
/* --------------------------------------------- */
/* @media screen and (min-width:1024px) { */
@media screen and (min-width:768px) {
	/* 画面サイズが1024pxからはここを読み込む */

	/* メインビジュアル
	-------------------------------------- */
	.visualArea{}
	.visualArea .visual-img{
		height: 300px;
	}
	.visualArea .visual-img .title{
		left: -180px;
	}
	.visualArea .visual-img .figure{
		left: 180px;
	}

	/* タイトル
	-------------------------------------- */
	.about-title{
		font-size: 20px;
	}

	/* リード文
	-------------------------------------- */
	.outlineArea{
		font-size: 14px;
		line-height: 2.5;
		padding: 20px 0 40px;
	}

	.outlineArea .outline-txt{
		text-align: center;
	}

	/* リスト
	-------------------------------------- */
	.infoArea{
		padding: 30px 0 0;
	}
	.info-lists{}

	/* li ---------- */
	.info-lists li{
		padding: 20px 0px 20px;
	}

	/* head ---------- */
	.info-lists .title,
	.info-lists .txt{
		line-height: 22px;
	}
	.info-lists .title{
		float: left;
		text-align: right;
		width: 40%;
		padding-right: 15px;
	}
	.info-lists .txt{
		margin-left: 40%;
		padding-left: 15px;
	}

}/* @media */