@charset "utf-8";

/*--------------------------------------------------------------
1.0 - TOP
--------------------------------------------------------------*/
.first_view {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
.fv_inner_L {
	width: 28%!important;
	margin: 0 0 0 9%!important;
	text-align: center;
}
.fv_inner_R {
	width: 28%!important;
	margin: 0 9% 0 0!important;
	text-align: center;
}
.fv_h2 {
	font-size: 3.3vw!important;
}
.fv_h2 span {
	display: block;
	font-size: 45%;
	letter-spacing: 0.18em;
}
.btn_fv {
	font-size: 0.9vw!important;
}
.btn_fv a {
	margin-top: 18%!important;
	font-size: 100%!important;
	display: inline-block!important;
	transition: 0.6s!important;
}

.topSection {
	width: 100%;
	margin: 0 auto;
	padding: 6% 0;
	line-height: 1.8;
	letter-spacing: 0.08em;
}

.instagram {
	width: 100%;
	margin: 0;
	padding: 6% 0;
	line-height: 1.8;
	letter-spacing: 0.08em;
	background: #f9f9f9;
}
.insta_inner {
	width: 85%;
	margin: 0 auto;
	padding: 0;
}
.instagram h2 {
	position: relative;
	width: fit-content;
	margin: 0 auto 2%;
	padding: 0;
	font-size: 1.5vw;
	font-weight: 400;
	line-height: 1.8;
	letter-spacing: 0.12em;
	text-align: center;
}
.instagram h2 a {
	color: #555;
	transition: 0.5s;
}
.instagram h2 a::after {
	position: absolute;
	content: '\f16d';
	font-family: 'FontAwesome';
	font-size: 1.5vw;
	top: 50%;
	right: -22%;
	transform: translateY(-45%);
}
.instagram h2 a:hover {
	opacity: .6;
}
#sb_instagram {
	padding-bottom: 0!important;
}


@media screen and (max-width: 1280px) {
	.fv_inner_L {
		width: 30%!important;
		margin: 0 0 0 8%!important;
	}
	.fv_inner_R {
		width: 30%!important;
		margin: 0 8% 0 0!important;
	}
	.fv_h2 {
		font-size: 3.5vw!important;
	}
	.btn_fv {
		font-size: 1.1vw!important;
	}
	.instagram h2 {
		font-size: 1.7vw;
	}
	.instagram h2 a::after {
		font-size: 1.7vw;
	}
	
	
	
	
}


@media screen and (max-width: 1024px) {
	.fv_inner_L {
		width: 33%!important;
		margin: 0 0 0 7%!important;
	}
	.fv_inner_R {
		width: 33%!important;
		margin: 0 7% 0 0!important;
	}
	.fv_h2 {
		font-size: 3.8vw!important;
	}
	.btn_fv {
		font-size: 1.4vw!important;
	}
	.instagram h2 {
		font-size: 2.0vw;
	}
	.instagram h2 a::after {
		font-size: 2.0vw;
	}
	
	
	
	
}


@media screen and (max-width: 768px) {
	.fv_inner_L {
		width: 40%!important;
		margin: 0 0 0 4%!important;
	}
	.fv_inner_R {
		width: 40%!important;
		margin: 0 4% 0 0!important;
	}
	.fv_h2 {
		font-size: 5.2vw!important;
	}
	.btn_fv {
		font-size: 2.2vw!important;
	}
	
	.instagram {
		padding: 8% 0;
	}
	.instagram h2 {
		font-size: 2.8vw;
	}
	.instagram h2 a::after {
		font-size: 2.8vw;
	}
	
	
	
}


@media screen and (max-width: 580px) {
	.fv_inner_L {
		width: 48%!important;
		margin: 0 0 0 2%!important;
	}
	.fv_inner_R {
		width: 48%!important;
		margin: 0 2% 0 0!important;
	}
	.fv_h2 {
		font-size: 6.0vw!important;
	}
	.btn_fv {
		font-size: 2.8vw!important;
	}
	.topSection {
		padding: 8% 0;
	}
	.instagram {
		padding: 8% 0;
	}
	.instagram h2 {
		font-size: 3.4vw;
	}
	.instagram h2 a::after {
		font-size: 3.4vw;
	}
	
	
}



@media screen and (max-width: 390px) {
	.fv_inner_L {
		width: 55%!important;
		margin: 0!important;
	}
	.fv_inner_R {
		width: 55%!important;
		margin: 0!important;
	}
	.fv_h2 {
		font-size: 6.6vw!important;
	}
	.btn_fv {
		font-size: 3.4vw!important;
	}
	.instagram h2 {
		font-size: 4.0vw;
	}
	.instagram h2 a::after {
		font-size: 4.0vw;
	}
	
	
}