@charset "utf-8";
/*
 * CSS base.css
 */




.section {
	padding: 80px 0;
	margin-bottom: 0;
}
.incnt {
	width: 830px!important;
	margin: 0 auto!important;
}
@media screen and (max-width: 869px) {
	.section {
		padding: 4% 0;
	}
	.incnt {
		width: 94%!important;
	}
}


/*
#mainv_2
------------------ */
#mainv_2{ width: 100%; position: relative; overflow: hidden; height: 500px; }
#mainv_2 .bg{ height: inherit; position: absolute; width: 100%; top: 0; left: 0; background: url(../img/index/mv_bg.jpg) center top; background-size: cover; }
#mainv_2 .bgimg_2 { width: 100%; }
#mainv_2 .txt1 { position: absolute; left: 0; width: 100%; text-align: center; top: 50%; margin-top: -128px; -webkit-transition: 0.3s; -moz-transition : 0.3s; transition : 0.3s; }
#mainv_2 .txt1 img { width: 788px; }
@media screen and (max-width: 1280px) {
	#mainv_2 .bgimg_2 { position: absolute; width: 1280px; max-width: none; left: 50%; margin-left: -640px; }
	#mainv_2 .txt1 { margin-top: -112px; }
	/* #mainv_2 .txt1 img { width: 640px; } */
	#mainv_2 .bg { background-size: 1280px; }
}
@media screen and (max-width: 869px) {
	#mainv_2 .box { width: 92%; margin: 0 auto; }
	#mainv_2 .bgimg_2 { position: static; width: 100%; max-width: 100%; margin-left: 0px; }
	#mainv_2 .txt1 { left: 0; width: 100%; -webkit-transition: none; -moz-transition : none; transition : none; }
	#mainv_2 .txt1 img { width: 94%; }
}
@media screen and (max-width: 767px) {
	#mainv_2 { margin-top: 0; height: auto; }
	#mainv_2 .bg { height: 100%; background-size: 770px;}
	#mainv_2 .txt1 { top: 23%; margin: 0; }
}
@media screen and (max-width: 639px) {
	#mainv_2 .box { position: absolute; top: 0; left: 5%; width: 90%; }
	#mainv_2 .txt1 { position: static; width: 100%; padding-top: 20%; }
	#mainv_2 .txt1 img { width: 100%; }
}






/* #sec_1
------------------ */
#sec_1 {
	background: url(../img/index/s1_bg.png);
}
#sec_1 .inbox { background: #80d3c5; margin-bottom: 50px; }
/*#sec_1 .inbox:first-child { background: #f3d129; }*/
#sec_1 .inbox .movie { margin: 25px 30px 30px; background: #000; }
#sec_1 .movie a { display: block; width: 100%; height: 100%; -webkit-transition: 0.6s; -moz-transition : 0.6s; transition : 0.6s; }
#sec_1 .movie a:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; -moz-opacity: 0.7; }
@media screen and (max-width: 639px) {
	#sec_1 .inbox { margin-bottom: 4%; }
	#sec_1 .inbox .movie { margin: 4%; background: #000; }
}






/* #sec_2
------------------ */
#sec_2 {
	background: #e56a44;
}
#sec_2 .inbox { background: #fff; padding: 60px 70px; -webkit-border-radius: 8px; border-radius: 8px; -webkit-border-bottom-right-radius: 70px; border-bottom-right-radius: 70px; margin-bottom: 40px; }
#sec_2 .inbox.li2{ -webkit-border-radius: 8px; border-radius: 8px; -webkit-border-bottom-right-radius: 70px; border-bottom-left-radius: 70px; -webkit-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px; }
#sec_2 .inbox .title { border-top: 2px solid #132178; border-bottom: 2px dotted #132178; margin-bottom: 50px; }
#sec_2 .inbox .img { border-bottom: 2px solid #132178; }
#sec_2 .inbox .txt { line-height: 2.1; font-size: 18px; }
@media screen and (max-width: 869px) {
	#sec_2 .inbox .title { margin-bottom: 6%;  }

}
@media screen and (max-width: 639px) {
	#sec_2 .inbox { margin-bottom: 6%; padding: 9%; -webkit-border-radius: 4px; border-radius: 4px; -webkit-border-bottom-right-radius: 30px; border-bottom-right-radius: 30px; }
#sec_2 .inbox:nth-child(2) { -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 30px; border-bottom-left-radius: 30px; }
	#sec_2 .inbox .title { margin-bottom: 6%; border-top: 1px solid #132178; border-bottom: 1px dotted #132178; }
	#sec_2 .inbox .img { margin-bottom: 2%; border-bottom: 1px solid #132178; }
	#sec_2 .inbox .txt { font-size: 13px; }
}







#youtube_box>div{
	position: relative;
	width: 100%;
	padding: 60% 0 0 0;
}
#youtube_box iframe{ width: 100%; height: 100%; position: absolute; top: 0; right: 0; }











/*

#footer_2
------------------ */
#footer_2 .btnbox { background: #000; height: 250px; }
#footer_2 .btnbox a { display: block; width: 100%; text-align: center; height: 250px; position: relative; z-index: 1; }
#footer_2 .btnbox a img { position: relative; top: 50%; margin-top: -20px; z-index: 100; height: 42px; }
#footer_2 .btnbox a span { position: absolute; top: 0; left: 0; z-index: 10; display: block; width: 100%; height: 100%; -webkit-transition: 0.7s; -moz-transition: 0.7s; transition: 0.7s; background: no-repeat top center; background-size: cover; }
#footer_2 .btnbox a:hover span { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; -moz-opacity: 0.7; }
#footer_2 .btnbox.li1 a span { background-image: url(../img/index/f_bg1.jpg); }
#footer_2 .btnbox.li2 a span { background-image: url(../img/index/f_bg2.jpg); }
#footer_2 .btnbox.li3 { height: 120px; background: #FFF;  }
#footer_2 .btnbox.li3 a{ height: 120px;}
#footer_2 .btnbox.li3 a img{ height: 20px; top: 45px;}
#footer_2 .btnbox.li3 a span{ background: #FFEC42;}
@media screen and (max-width: 869px) {
	#footer_2 .btnbox { height: 170px;}
	#footer_2 .btnbox a{ height: 170px;}
	#footer_2 .btnbox.li3{ height: 120px; background: #FFF;}
	#footer_2 .btnbox.li3 a{ height: 120px;}
}
@media screen and (max-width: 639px){
	#footer_2 .btnbox { height: auto!important; }
	#footer_2 .btnbox a { padding: 10% 0!important; height: auto!important; line-height: 1!important; font-size: 12px!important; }
	#footer_2 .btnbox a img {
		height: 31px;
		width: auto;
		margin-top: 0!important;
	}
	#footer_2 .btnbox.li3 a { padding: 7% 0!important; }
	#footer_2 .btnbox.li3 a img{ width: 25%; min-width: 75px; height: auto; top: 0; }
}
@media screen and (max-width: 450px){
	#footer_2 .btnbox a img {
		height: 21px;
	}
}
#btn_contact,
#btn_sitetop{ display: none; }