@charset "UTF-8";

/* main
------------------------------------------------------------ */
#main_copy { width: 1180px; margin: 10px auto; position: relative;}
#main_copy #main_copy_inner {
	width: 1100px;
	position: absolute;
	top: 0; left: 50%; transform: translate(-50%, 0);
	z-index: 998;
}
#main_copy #main_copy_inner h2 {
	color: #ffe33f;
	font-size: 600%;
	line-height: 100%;
	font-family: "Venera900", sans-serif;
}

@media screen and (max-width:1200px){
	#main_copy { width: 90%;}
	#main_copy #main_copy_inner {width: 100%;top: 0; left: 0; transform: translate(0, 0); writing-mode: vertical-rl;}
	#main_copy #main_copy_inner h2 {font-size: 300%; margin-top: 10px;}
}

main {width: 100%; position: relative;}
.slider{ width:100%; margin:90px auto;}
.slider img { width:100%; border-radius: 20px;}
.slider .slick-slide{ height:auto!important;}
.slider .slick-arrow{ z-index:2!important;}
.slider .slick-next{ right:0!important;}
.slider .slick-prev{left:0!important;}
.slick-slide{ margin-right: 1vw!important; margin-left: 1vw!important;}


#youtube { width: 100%; padding: 100px 0;}
#youtube #youtube_inner { width: 1200px; margin: 0 auto 20px;}
#youtube #youtube_inner h4 { float: left;}
#youtube #youtube_inner p { float: right;}
#youtube #youtube_inner p a {
	background-image: url("../icons/icon_youtube.svg");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 40px;
	padding: 20px 0 20px 44px;
}
#youtube .section_inner .yt, #youtube .section_inner .yt img { width: 100% !important; height: auto !important; }
@media screen and (max-width:1200px){
	.slider { overflow: hidden; margin: 0 auto 30px auto;}
	.slider img { height: calc(100vw * 1.5); object-fit: cover; }
	#youtube { overflow: hidden; }
	#youtube #youtube_inner { width: 90%; }
	#youtube .section_inner { width: 96%; }
	#youtube #youtube_inner h4 { float: none;}
	#youtube #youtube_inner p { float: none; text-align: right;}
	#youtube #youtube_inner p a {
	background-image:none;
}
}



/*  about
------------------------------------------------------------ */
#about { width: 100%; padding: 100px 0; position: relative; background: #122332;}
#about h3{ font-size: 500%; font-family: "Venera900", sans-serif; line-height: 100%; position: absolute; right: 20px; top: 50%; transform: translate(0, -50%); writing-mode: vertical-rl; white-space: nowrap; color: #fff; z-index:20;}
#about #about_inner { width: 1200px; margin: 0 auto;}
#about #about_inner h4 {font-size: 200%; font-family: "Venera500", sans-serif; margin-bottom: 20px; color: #fff;}
#about #about_inner #about_text_bg {
	width: 1200px;
	height: 600px;
	background-image: url("/wp-content/themes/fia-f4/global/images/about_bg.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 1200px 800px;
	border-radius: 20px;
	box-sizing: border-box;
	position: relative;
}
#about #about_inner #about_text_bg #about_text {
	width: 100%;
	height: 100%;
	padding: 60px;
	box-sizing: border-box;
	color: #fff;
	background:linear-gradient(0deg, rgba(0, 0, 0,0.4), rgba(0, 0, 0,0.4));
	border-radius: 0;
}
#about #about_inner #about_text_bg #about_text h5 { font-size: 180%; margin-bottom: 20px; line-height: 120%;}
#about #about_inner #about_text_bg #about_text p { font-size: 100%;}
#about #about_inner #about_text_bg #about_text a {color: #fff;}

@media screen and (max-width:1200px){
	#about { padding: 0;}
	#about h3{ display: none;}
	#about #about_inner { width: 100%; text-align: center;}
	#about #about_inner h4 { display: none;}
	#about #about_inner #about_text_bg {
		width: 100%;
		height: auto;
		background-image: url("../../about/images/about_bg.jpg");
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		border-radius: 0;
		box-sizing: border-box;
		position: relative;
	}
	#about #about_inner #about_text_bg #about_text {
		padding: 40px 20px;
		text-align: left;
	}
	#about #about_inner #about_text_bg #about_text h5 { text-align: center; font-size: 140%;}
}