@charset "utf-8";

/* mv
---------------------------------------------------*/
#mv {
	width: 100%;
	height: 730px;
	background: #ffff00;
}
#mv h1 {
	width: 1195px;
	margin: 0 auto;
}

/* 1100px */
@media screen and (max-width: 1100px) {

	#mv {
		height: auto;
	}
	#mv h1 {
		width: 100%;
	}

}

/* 768px */
@media screen and (max-width: 768px) {
	#mv {
		width: 100%;
		height: auto;
		background-color: #ffff00;
	}
	#mv h1 {
		width: 100vw;
		height: 116.5625vw;
		background: url('../images/mv-sp.png') no-repeat;
		background-size: cover;
		background-position: center;
		content: '';
		z-index: 0;
	}

}

/* concept
---------------------------------------------------*/
#concept {
	width: 100%;
}
#concept .inner {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	width: 980px;
	height: 292px;
/*	background: url('../images/concept_border.png') no-repeat;*/
	background-size: contain;
	margin: 150px auto;
}
#concept p {
	width: 100%;
	font-size: 18px;
	line-height: 2.1;
	text-align: center;
	color: #006fbc;
}

/* 1100px */
@media screen and (max-width: 1100px) {
	
	#concept .inner {
		width: 89.082%;
		height: 29.27vw;
		margin: 8.18vw auto 10vw;
	}
	#concept p {
		font-size: 1.63vw;
		padding: 7.2vw 0;
	}

}

/* 768px */
@media screen and (max-width: 768px) {

	#concept .inner {
		width: 89.86%;
		height: 100%;
/*		background: url('../images/concept-sp_border.png') no-repeat;*/
		background-size: contain;
		background-position: center;
		margin: 14.66vw auto;
	}
	#concept p {
		font-size: 3.73vw;
		line-height: 1.7;
		letter-spacing: 0;
		padding: 12vw 0;
	}
}



/* Instagram
---------------------------------------------------*/

#insta {
	width: 100%;
	padding: 95px 0;
}
#insta h1 {
	text-align: center;
	margin-bottom: 100px;
}
#insta .inner {
	width: 980px;
	margin: 0 auto;
}

/* 1100px */
@media screen and (max-width: 1100px) {
	#insta {
		padding: 8.6355vw 0;
	}
	#insta h1 {
		margin-bottom: 9.09vw;
	}
}

/* 768px */
@media screen and (max-width: 768px) {
	#insta {
		width: 100%;
		padding: 21.875vw 0;
	}
	#insta h1 {
		text-align: center;
		margin-bottom: 15.625vw;
	}
	#insta .inner {
		width: 89.86%;
		margin: 0 auto;
	}
}


/* bnr_area
---------------------------------------------------*/
#bnr_area {
	width: 100%;
	padding: 100px 0;
	background-color: #71bdea;
}
#bnr_area ul {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	justify-content: space-between;
	width: 980px;
	margin: 0 auto;
}
#bnr_area li {
	width: 282px;
	height: 100px;
	text-align: center;
	padding-top: 40px;
	background-color: #fff;
}
#bnr_area li a {
	font-size: 24px;
	color: #009cff;
	letter-spacing: 0.1em;
}

/* 1100px */
@media screen and (max-width: 1100px) {

	#bnr_area {
		width: 100%;
		padding: 9.09vw 0;
	}
	#bnr_area ul {
		width: 89%;
		margin: 0 auto;
	}
	#bnr_area li {
		width: 25.45vw;
		height: 9.09vw;
		padding-top: 3.636vw;
	}

}

/* 768px */
@media screen and (max-width: 768px) {

	#bnr_area {
		width: 100%;
		padding: 13.33vw 6.25vw;
	}
	#bnr_area ul {
		display: block;
		width: 89.86%;
		margin: 0 auto;
		text-align: center;
	}
	#bnr_area li {
		width: 100%;
		height: 37.34375vw;
		padding-top: 15vw;
		margin-bottom: 6.66vw;
	}
	#bnr_area li a {
		font-size: 9vw;
		color: #009cff;
		letter-spacing: 0.1em;
	}
	#bnr_area li:last-child {
		margin-bottom: 0;
	}

}