/* 
========================================

ideal.css

========================================
*/


#hero{
background-size: cover;
background-repeat: no-repeat;
background-position: center left;
float: left;
width: 100%;
height: 800px;
display: table;
position: relative;
z-index: 20;
color: #ffffff;
}
#hero:after{
content: '';
position: absolute;
top: 0;
left: 0;
bottom: -40px;
overflow: visible;
width: 100%;
height: 800px;
z-index: -1;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-image: url(../images/ideal-bg.jpg);
}
.hero-introL{
	margin: 200px 0 0 400px;
	width: 530px;
	color: #fff;
}

.hero-wrap h1{
	font-size: 60px;
	letter-spacing: 1px;
	border-bottom: 1px solid #fff;
	color: #fff;
	-moz-text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.34);
	-webkit-text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.34);
	-ms-text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.34);
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.34);
}
.hero-wrap p{
	font-size: 19px;
	font-family: "Sorts Mill Goudy", serif;
	-moz-text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
	-webkit-text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
	-ms-text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
}
.textF1{
	font-size: 30px;
	font-family: "Sorts Mill Goudy", serif;
}
.textF2{
	font-size: 19px;
	font-family: "Sorts Mill Goudy", serif;
}
.marL-20{
	margin-left: -20px;
}
.marR-20{
	margin-right: -20px;
}

.btnA{
	margin: 10px 0 20px;
}

.btn-outline{
	background: #f6f6f6;
	font-size: 14px;
}

.container2{
	width: 1180px;
	margin-right: auto;
	margin-left: auto;
}

.cho1{
	width: 100%;
	height: 300px;
	background: #fff url(../images/img_cho01.jpg) no-repeat center center;
	background-size:cover;
	margin: -150px 0 60px;
}

/* パララックス */ 
.slide{
	background-attachment: fixed;
	width:100%;
	height:auto;
	position: relative;
	padding:60px 0;
}
#slide1{
	background: #EFEFEF url('../images/idea0-11.jpg') no-repeat bottom center;
	background-size: cover;
	color:#ffffff;
}
#slide2{
	background: #EFEFEF url('../images/idea0-12.jpg') no-repeat center center;
	background-size: cover;
	color:#ffffff;
}
#slide3{
	background: #EFEFEF url('../images/idea0-13.jpg') no-repeat top center;
	background-size: cover;
	color:#ffffff;
}

@media screen and (max-width: 1200px) {
	.container2{
	width: 950px;
	}
}
@media screen and (max-width: 992px) {
	.hero-introL{
	margin: 200px 0 0 200px;
	width: 530px;
	color: #fff;
}
	.marL-20{
		padding-top:20px;
		margin: 0 auto;
		width:100%;
	}
	.marR-20{
		padding-top:20px;
		margin: 0 auto;
		width:100%;
	}


	.btn-outline{
	margin-top: 5px;
	}
	.container2{
	width: 750px;
	}
	#slide1{
	background-size: auto;
	}
	#slide2{
	background-size: auto;
	}
	#slide3{
	background-size: auto;
	}
}
@media screen and (max-width: 768px) {
	#hero{
		height: 700px;
	}
	#hero:after{
		height: 700px;
	}
	.hero-introL{
		height: 260px;
		width: 95%;
		margin: 200px auto;
		padding: 50px 30px 0;
		background: rgba(255, 255, 255, .7);
		color: #56524c;
	}
	.hero-wrap h1{
		font-size: 55px;
		letter-spacing: 1px;
		color: #56524c;
		border-bottom: 1px solid #56524c;
	}
	.hero-wrap p{
		font-size: 17px;
		font-family: "Sorts Mill Goudy", serif;
	}
	.textF1{
		font-size: 28px;
	}
	.textF2{
		font-size: 17px;
	}



	.btn-outline{
	background: #f6f6f6;
	font-size: 12px;
	margin-top: 5px;
	}
	.container2{
		width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-left: 25px;
	padding-right: 25px;
	}
	#slide1{
	background: #fff url('../images/idea0-11sp.jpg') no-repeat top center;
	background-size: cover;
	}
	#slide2{
	background: #fff url('../images/idea0-12sp.jpg') no-repeat top center;
	background-size: cover;
	}
	#slide3{
	background: #fff url('../images/idea0-13sp.jpg') no-repeat top center;
	background-size: cover;
	}
}
@media screen and (max-width: 480px) {
	@media screen and (max-width: 768px) {
	#hero{
		height: 550px;
	}
	#hero:after{
		height: 550px;
	}
	.hero-introL{
		height: 250px;
		width: 85%;
		margin: 130px auto;
		padding: 35px 20px 0;
		background: rgba(255, 255, 255, .7);
		color: #56524c;
	}
	.hero-wrap h1{
		font-size: 38px;
		letter-spacing: 1px;
		color: #56524c;
		border-bottom: 1px solid #56524c;
	}
	.hero-wrap p{
		font-size: 16px;
		font-family: "Sorts Mill Goudy", serif;
	}
	.textF1{
		font-size: 26px;
	}
	.textF2{
		font-size: 16px;
	}


	.btn-outline{
	background: #f6f6f6;
	font-size: 12px;
	margin-top: 5px;
	}
	.container2{
		width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-left: 25px;
	padding-right: 25px;
	}
}