@charset "utf-8";

/* ---------------------------------------- 
 - mainvisual
---------------------------------------- */
#mainvisual {
	background: url(../images/main_pc.jpg) center top no-repeat;
	background-size: cover;
}
@media screen and (max-width: 768px) {
#mainvisual {
}
}

/* ---------------------------------------- 
 - sideMenu
---------------------------------------- */
#container {
	width:100%;
	padding:0;
	margin:0 auto;
	position:relative;
	overflow: hidden;
	text-align: center;
}
#container #contentsCol {
	width:100%;
}
#container #breadcrumb {
	width:1000px;
	margin:0 auto;
}
#container .wrapper {
    width: 1000px;
    box-sizing: border-box;
    margin: 0 auto;
    position: relative;
}
#container .ttl-area {
	text-align:center;
}
#container .ttl-area h3 {
	display:inline-block;
	width: auto;
	margin:0 auto;
}
/*#container .ttl-area .ttl {
	padding-top: 3em;
	margin: 0 auto;
}*/
#container .ttl-area .lead {
	padding: 2.66em 0;
	margin: 0 auto;
}

#container .point-l {
	width:100%;
	min-height:380px;
	padding:0;
	margin:0;
	position:relative;
	overflow: hidden;
	text-align: left;
}
#container .point-r {
	width:100%;
	min-height:380px;
	padding:0;
	margin:0;
	position:relative;
	overflow: hidden;
	text-align: right;
}

#container .point-l .ttl,
#container .point-r .ttl {
	padding-top: 4em;
}
#container .point-l .txt,
#container .point-r .txt {
	font-size: 14px;
	padding-top: 2em;
}
#container .point-l .btn,
#container .point-r .btn {
	padding-top: 1.53em;
	
	/*本公開までの暫定措置！
	ボタンを非表示に*/
	display:none;
}

#container .point1 {
	background: url(../images/index/top_concept_p1_bg.jpg) 0% 0% no-repeat;
	background-size: cover;
}
#container .point2 {
	background: url(../images/index/top_concept_p2_bg.jpg) 100% 0% no-repeat;
	background-size: cover;
}
#container .point3 {
	background: url(../images/index/top_concept_p3_bg.jpg) 0% 0% no-repeat;
	background-size: cover;
}
#container .point4 {
	background: url(../images/index/top_concept_p4_bg.jpg) 100% 0% no-repeat;
	background-size: cover;
}
#container .point5 {
	background: url(../images/index/top_concept_p5_bg.jpg) 0% 0% no-repeat;
	background-size: cover;
}

/* SP版 // */
@media screen and (max-width: 768px) {
	#container .wrapper {
		width:100%;
		position: relative;
		min-height:inherit;
		padding-bottom: 3.3em;
	}
	#container .ttl-area {
		width:100%;
		min-height: inherit;
		padding-bottom: 2em;
	}
	#container .ttl-area .ttl {
		width: 40.3%;
		padding-top: 1.5em;
	}
	#container .ttl-area .lead {
		width: 90%;
		padding: 1em 0;
		font-size:13px;
	}
	
	#container .point-l,
	#container .point-r {
		width:100%;
		min-height:inherit;
		padding:0;
		margin:0;
		position:relative;
		overflow: hidden;
		text-align: left;
	}
	#container .point-l .wrapper,
	#container .point-r .wrapper {
		padding-bottom: 20%;
		overflow: hidden;
	}
	#container .point-l .wrapper:after,
	#container .point-r .wrapper:after {
		content:url(../images/index/sp/top_concept_arrow.png);
		position: absolute;
		bottom: 5%; left: 0;
		/*本公開までの暫定措置！
			ボタンを非表示に*/
		display:none;
	}
	#container .point-l .ttl,
	#container .point-r .ttl {
		width:75%;
		padding-top: 1em;
		padding-left:5%;
	}
	#container .point-l .txt,
	#container .point-r .txt {
		width:70%;
		font-size: 12px;
		padding-top: 2em;
		padding-left:5%;
	}
	#container .point-l .btn,
	#container .point-r .btn {
		display: none;
	}
	#container .point1 {
		background: url(../images/index/top_concept_p1_bg_sp.jpg) 0% 0% no-repeat;
		background-size: cover;
	}
	#container .point2 {
		background: url(../images/index/top_concept_p2_bg_sp.jpg) 0% 0% no-repeat;
		background-size: cover;
	}
	#container .point3 {
		background: url(../images/index/top_concept_p3_bg_sp.jpg) 0% 0% no-repeat;
		background-size: cover;
	}
	#container .point4 {
		background: url(../images/index/top_concept_p4_bg_sp.jpg) 0% 0% no-repeat;
		background-size: cover;
	}
	#container .point5 {
		background: url(../images/index/top_concept_p5_bg_sp.jpg) 0% 0% no-repeat;
		background-size: cover;
	}
}
/*  // SP版 */