@charset "utf-8";

#landing_wrap { position:relative; max-width:1000px; min-width:320px; width:100%; margin:0 auto; overflow:hidden; }

#sec_01 { position:relative; }
#sec_01 .info_wrap { position:absolute; top:11.388888888888889%; left:0; width:100%; z-index:2; text-align:center; }


#sec_01 .main_text01 { position:relative; width:75%; margin:0 auto; }
#sec_01 .main_text02 {  position:relative; width:75%; margin:0 auto; }
#sec_01 .main_text03 { position:relative; width:86%; margin:10% auto 0; }
#sec_01 .main_text04 {  position:relative; width:86%; margin:0 auto 7.77777777777778%; }
#sec_01 .main_text05 {  position:relative; width:35%; margin:16.666666666666666% auto 15%; }
#sec_01 .main_text06 {  position:relative; width:35%; margin:0 auto 10%; }
#sec_01 .main_counter { font-size:8rem; color:#fff; line-height:100%; }
#sec_01 .main_counter strong { font-size:12rem; }

@media screen and (max-width:1000px) and (min-width:681px) {
	#sec_01 .main_counter { font-size:6rem; }
#sec_01 .main_counter strong { font-size:8rem; }
}

@media screen and (max-width:680px) {
	#sec_01 .main_counter { font-size:3rem; }
#sec_01 .main_counter strong { font-size:5rem; }
}


#sec_02 { padding:10% 0 7%; background:url('../img/s2_bg.jpg') top center no-repeat #0e2a51; background-size:cover; }
#sec_02 h2 { width:66%; margin:0 auto 10%;  }
#sec_02 .category { width:92%; margin:0 auto 5%;  }
#sec_02 .btn_more { width:84%; margin:0 auto; }

#sec_02 .inner { position:relative; width:92%; margin:0 auto 8%; }

#sec_02 .tab_menu { margin-bottom:3%; }
#sec_02 .tab_menu:after {display:block;visibility:hidden;clear:both;content:""}
#sec_02 .tab_menu li { float:left; width:32.66666666666666667%; margin-left:1%; margin-bottom:1%; }
#sec_02 .tab_menu li a { display:inline-block; width:100%; height:55px; line-height:55px; background:#ccbd9e; color:#fff; font-size:20px; font-weight:800; text-align:center; }
#sec_02 .tab_menu li a.active { background:#5c5c5c;  }
#sec_02 .tab_menu li:nth-child(3n-2) { clear:both; margin-left:0; }

#sec_02 .tab_content { display:none; }
#sec_02 .tab_content.active { display:block; }


#sec_03 { }
#sec_03 ul:after {display:block;visibility:hidden;clear:both;content:""}
#sec_03 li { float:left; width:33.333333333333%; }

#sec_04 { position:relative; }
#sec_04 h2 { position:absolute; width:75%; top:8%; left:12.5%; z-index:5; }
#sec_04 ul { position:absolute; width:90%; top:25%; left:5%; z-index:5; }
#sec_04 ul:after {display:block;visibility:hidden;clear:both;content:""}
#sec_04 li { float:left; width:50%; margin-bottom:10px; }

#sec_05 { position:relative; }
#sec_05 h2 { position:absolute; width:74%; top:8%; left:13%; }
#sec_05 .phone_wrap { position:absolute; width:75%; bottom:0; left:50%; margin-left:-37.5%; z-index:5;overflow:hidden;  }
#sec_05 .phone_wrap .phone_msg { position:absolute; width:92%; bottom:0%; left:4.5%; margin:0 auto; z-index:11;}
#sec_05 .phone_wrap .phone_bg { position:relative; bottom:0; left:0; z-index:9; }

#sec_05 .bx-wrapper .bx-pager,
#sec_05 .bx-wrapper .bx-controls-auto {
	bottom: 30px;
}

#sec_05 .bx-wrapper .bx-prev {
	left: 4%;
}

#sec_05 .bx-wrapper .bx-next {
	right: 4%;
}

#sec_07 { position:relative; background:url('../img/s8_bg.jpg') top center no-repeat #000; padding:20% 0 20%; background-size:cover; }
#sec_07 .title01 { width:54%; margin:0 auto; }
#sec_07 .title02 { width:88%; margin:0 auto; }
#sec_07 .title03 { width:81%; margin:5% auto 8%; }

#sec_07 .cs_frm { width:90%; margin:0 auto; background:#009afe; padding:5%; }
#sec_07 .cs_frm:after {display:block;visibility:hidden;clear:both;content:""}
#sec_07 .cs_frm h2 { margin-bottom:10%; }
#sec_07 .cs_frm ul { }
#sec_07 .cs_frm ul:after {display:table;visibility:hidden;clear:both;content:""}
#sec_07 .cs_frm ul li { vertical-align:middle; padding:2% 0; text-align:left; color:#fff; font-size:18px; }
#sec_07 .cs_frm ul li .frm_input { width:100%; height:50px; background:#fff; color:#333; font-size:18px; }
#sec_07 .cs_frm ul li .btn_submit { margin:5% auto 0; background:transparent; width:70%; border:0; }

#sec_07 .cs_frm ul li strong { display:inline-block; margin-right:20px; font-size:22px; }
#sec_07 .cs_frm ul li .frm_radio { width:30px; height:30px; background:transparent; color:#333; font-size:22px; }

#sec_07 input::-webkit-input-placeholder {
  color: #333;
}
#sec_07 input:-ms-input-placeholder {
  color:#333;
}

#sec_07 .cs_frm table {width:100%;border-collapse:collapse;border-spacing:0}
#sec_07 .cs_frm th {width:150px;padding:15px 0;border-left:0;background:transparent;text-align:left; color:#000; font-size:22px; }
#sec_07 .cs_frm td {padding:15px 10px;background:transparent; color:#000; font-size:22px;  }
#sec_07 .cs_frm td .frm_input { width:100%; height:50px; background:#fff; color:#333; font-size:18px; }
#sec_07 .cs_frm td .frm_radio { width:30px; height:30px; background:transparent; color:#333; font-size:20px; }
#sec_07 .cs_frm td select { width:100%; height:50px; background:#fff; color:#333; font-size:18px;  }
#sec_07 .cs_frm td ul:after {display:table;visibility:hidden;clear:both;content:""}
#sec_07 .cs_frm td li { float:left; width:25%; color:#000; font-size:20px;  }

#sec_07 .frm_btn { text-align:center; }
#sec_07 .frm_btn .btn_submit { margin:5% auto 0; background:transparent; width:100%; border:0; }

#sec_08 .tab_menu {}
#sec_08 .tab_menu:after {display:block;visibility:hidden;clear:both;content:""}
#sec_08 .tab_menu li { float:left; width:25%; }
#sec_08 .tab_menu li a { display:inline-block; width:100%; height:55px; line-height:55px; background:#e5e5e5; color:#333; font-size:16px; text-align:center; }
#sec_08 .tab_menu li a.active { background:#2f4e9e; color:#fff; }

#sec_08 .tab_content { display:none; }
#sec_08 .tab_content.active { display:block; }

.txt_center { text-align:center !important; }


#ft_fix_btn { position:fixed; bottom:0; left:0; right:0; width:100%; margin:0 auto; z-index:99; }
#ft_fix_btn:after {display:block;visibility:hidden;clear:both;content:""}
#ft_fix_btn li { float:left; width:50%; }
#ft_fix_btn li a { display:inline-block; width:100%; height:55px; line-height:55px; background:#204280; color:#fff; font-size:16px; text-align:center; }
#ft_fix_btn li:first-child a { background:#5089aa; }


@media screen and (max-width:800px)  and (min-width:481px) {
	#sec_07 .cs_frm td li { width:50%; }
}

@media screen and (max-width:480px) {
	#sec_07 .cs_frm th { display:none; }

	#sec_07 .cs_frm th { font-size:14px; }
	#sec_07 .cs_frm td { font-size:14px; }
	#sec_07 .cs_frm td .frm_input { font-size:14px; }
	#sec_07 .cs_frm td .frm_radio {  font-size:14px; }

	#sec_07 .cs_frm td li { width:50%;  font-size:16px; color:#fff;  }
}