@charset "utf-8";
/* CSS Document */

/*
概要
*/

.outline-table{
	width:665px;
	margin:30px auto 20px auto;
}

.outline-table th{
	text-align:left;
	border-bottom:1px solid #CCC;
	padding:4px 0px;
	width:20%;
}

.outline-table th p{
	border-left:3px solid #BC9356;
	padding-left:10px;
	line-height:175%;
}

.outline-table td{
	text-align:left;
	border-bottom:1px solid #CCC;
	padding:4px 0px;
}

.outline-table td p{
	line-height:175%;
	padding-left:10px;
	border-left:1px solid #E4D5BC;
}

/*
目的
*/

.purpose{
	width:700px;
	margin:20px auto;
}

.purpose li{
	float:left;
	list-style-type:none;
	width:350px;
	background-image:url(../images/company/bg-li01.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	margin-bottom:10px;
}

.purpose .mass01{
	width:320px;
}

.purpose .mass02{
	width:380px;
}

.purpose li p{
	line-height:30px;
	padding-left:15px;
	font-size:85%;
}

/*
経緯
*/

.history{
	width:700px;
	margin:0px auto;
}

.history .left{
	float:left;
	width:410px;
	margin:20px 0px;
}

.history .left p{
	line-height:175%;
}

.history .right{
	float:right;
	width:271px;
	margin:20px 0px;
}

/**/
.purpose .sp-bottom{
	margin-bottom:30px;
}


/*
CMライブラリ
*/
.video {
	position: relative;
	width: 100%;
	padding: 56.25% 0 0 0;
	margin-bottom: 15px;
}

.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.music {
	width: 100%;
}
.music img {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}
.music audio {
	width: 100%;
}
.music p {
	margin-top: 20px;
}