@charset "utf-8";

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

#sec_01 { position:relative; }
#sec_01 .people { position:absolute; right:0; bottom:0; width:60%; z-index:5; }
#sec_01 .info_wrap { position:absolute; top:8.10810810810811%; left:7%; width:86%; z-index:2; }

#main_text01 { position:relative; top:0; left:0; width:41%; animation-duration:1.5s; animation-name:main_text01;  }
#main_text02 {  position:relative; margin-top:8%; width:73%; animation-duration:2s; animation-name:main_text02; }
#main_text03 { position:relative; margin-top:1.5%; width:73%; animation-duration:2.5s; animation-name:main_text03; }
#main_text04 {  position:relative; margin-top:	1.5%;  width:73%; animation-duration:3s; animation-name:main_text04;  }
#main_text05 {  position:relative; margin-top:	34%;  width:48%; animation-duration:3.5s; animation-name:main_text04;  }

@keyframes main_text01 {
  from { opacity:0; } 50%{ opacity:0;}
}
@keyframes main_text02 {
  from { opacity:0; } 60%{ opacity:0; }
}
@keyframes main_text03 {
  from { opacity:0; } 70%{ opacity:0;}
}
@keyframes main_text04 {
  from { opacity:0;} 80%{  opacity:0;}
}
@keyframes main_slide {
  from { margin-top:50px; opacity:0;} 80%{ margin-top:50px; opacity:0;}
}

#sec_02 { }

#sec_03 { background: url('../img/bg_y.jpg') top center no-repeat; background-size:cover; }

#sec_03 { padding:65% 0 8.6%; }
#sec_03 .youtube_list { width:92%; margin:0 auto; padding:0; }
#sec_03 .youtube_list:after {display:block;visibility:hidden;clear:both;content:""}
#sec_03 .youtube_list li { float:left; margin-bottom:20px; width:49%; }
#sec_03 .youtube_list li + li { margin-left:2%; }
#sec_03 .youtube_list li:nth-child(2n-1) { clear:both; margin-left:0; }
#sec_03 .youtube_list li img { width:100%; height:auto; }
#sec_03 .btn_youtube { text-align:center; margin-top:6.6%; }
#sec_03 .btn_youtube img { width:60%; height:auto; }

#sec_03 .youtube_list li a { position:relative; display:inline-block; overflow:hidden; }
#sec_03 .youtube_list li a .mask { position:absolute; width:100%; height:100%; background:rgba(254,69,117,0); top:0; left:0; z-index:99; -moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease; }
#sec_03 .youtube_list li a:hover .mask { background:rgba(254,69,117,0.3); }
#sec_03 .youtube_list li img { -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0); -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s; }
#sec_03 .youtube_list li a:hover img {-webkit-transform: scale(1.1) rotate(0.01deg); -moz-transform:  scale(1.1) rotate(0.01deg); -ms-transform:  scale(1.1) rotate(0.01deg); -o-transform: scale(1.1) rotate(0.01deg) ; transform: scale(1.1) rotate(0.01deg);}


#sec_04 { background:#c7aa70; padding:10% 5%; }
#sec_04 h2 { width:72%; margin:0 auto 5%; }

#sec_06 { position:relative; background:url('../img/bg_form.jpg') top center no-repeat; background-size:cover; padding:15% 0; }
#sec_06 .cs_frm { width:78%; margin:0 auto; }
#sec_06 .cs_frm:after {display:block;visibility:hidden;clear:both;content:""}
#sec_06 .cs_frm h2 { margin-bottom:10%; }
#sec_06 .cs_frm ul { }
#sec_06 .cs_frm ul:after {display:table;visibility:hidden;clear:both;content:""}
#sec_06 .cs_frm ul li { vertical-align:middle; padding:2% 0; text-align:left; color:#fff; font-size:18px; }
#sec_06 .cs_frm ul li .frm_input { width:100%; height:50px; background:#fff; color:#333; font-size:18px; }
#sec_06 .cs_frm ul li .btn_submit { margin:5% auto 0; background:transparent; width:70%; border:0; }

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

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

#sec_06 .cs_frm table {width:100%;border-collapse:collapse;border-spacing:0}
#sec_06 .cs_frm th {width:150px;padding:15px 0;border-left:0;background:transparent;text-align:left; color:#fff; font-size:24px; }
#sec_06 .cs_frm td {padding:15px 10px;background:transparent; color:#fff; font-size:22px;  }
#sec_06 .cs_frm td .frm_input { width:100%; height:50px; background:#fff; color:#333; font-size:18px; }
#sec_06 .cs_frm td .frm_radio { width:30px; height:30px; background:transparent; color:#333; font-size:20px; }
#sec_06 .cs_frm td select { width:100%; height:50px; background:#fff; color:#333; font-size:18px;  }

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

#sec_07 .tab_menu {}
#sec_07 .tab_menu:after {display:block;visibility:hidden;clear:both;content:""}
#sec_07 .tab_menu li { float:left; width:25%; }
#sec_07 .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_07 .tab_menu li a.active { background:#2f4e9e; color:#fff; }

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

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


#ft_fix_btn { position:fixed; bottom:0; left:0; right:0; max-width:1000px; 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:#c7aa70; color:#fff; font-size:16px; text-align:center; }
#ft_fix_btn li:first-child a { background:#876e2b; }


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