/*ALL CSS ---------------------------------------------------------------------------*/


/*header ---------------------------------------------------------------------------*/
#h_header5 { width: 100%; height: 120px; position: relative; top: 0; left: 0; z-index: 100; padding: 40px 0 0; border-bottom: 2px solid #fff; }

/*active*/
#h_header5.h_hd_active .h_hd_top p { color: #222; }
#h_header5.h_hd_active .h_menu li a { color: #222; }

#h_header5 .h_logo { float: left; width: 35%; margin-left: 200px; color: #222; white-space: nowrap; }
#h_header5 .h_logo img { max-width: 50px; vertical-align: bottom; margin-right: 20px; }

#h_header5 .h_hd_r { float: right; color: #222; }

#h_header5 .h_hd_r .h_cs_num { float: left; margin-right: 50px; }
#h_header5 .h_hd_r .h_cs_num p span { margin-left: 30px; }

#h_header5 .h_hd_r .h_sns { float: right; }
#h_header5 .h_hd_r .h_sns li { float: left; margin-right: 8px; }
#h_header5 .h_hd_r .h_sns li:last-child { margin-right: 0; }

#h_header5 nav {  display: none; width: 100%; height: auto; }
#h_header5 .h_menu { white-space: nowrap; text-align: center; background: #fff;  }
#h_header5 .h_menu li { display: inline-block; width: 25% !important; height: 60px; }
#h_header5 .h_menu li a { line-height: 60px; font-size: 1.375rem; font-weight: 500; color: #222; }
#h_header5 .h_menu li a.on { background-color: #ff6540; color: #fff; }


@media screen and (max-width: 1830px){

    #h_header5 .h_logo { margin-left: 0; width: 35%; }

    #h_header5 .h_hd_r .h_cs_num { float: left; margin-right: 20px; }
    #h_header5 .h_hd_r .h_cs_num p span { margin-left: 10px; }
  
}

@media screen and (max-width: 1281px){

    #h_header5 { padding: 20px 0 0; }

    #h_header5 .h_logo { float: none; }
	#h_header5 .h_logo img { max-width: 40px; }

    #h_header5 .h_hd_r { float: none; margin-top: 10px; }

    #h_header5 .h_hd_r .h_sns { margin-top: -50px; }

    #h_header5 .h_hd_r .h_sns li img { width: 30px; }

	#h_header5 .h_menu { padding-top: 0; }
	#h_header5 .h_menu li { height: 50px; }
	#h_header5 .h_menu li a { line-height: 50px; }
  
}

@media screen and (max-width: 840px){

    #h_header5 .h_hd_r .h_sns { margin-top: -40px; }
	#h_header5 .h_menu { width: 100%; }
  
	#h_header5 .h_menu li {height: 40px; }
	#h_header5 .h_menu li a { line-height: 40px; }
}

@media screen and (max-width: 760px){

	#h_header5 { height: 70px; padding: 20px 0 0; }

    #h_header5 .h_logo p { font-size: 1.75rem; }	
	#h_header5 .h_logo img { max-width: 30px; vertical-align: bottom; margin-right: 10px; }

	#h_header5 .h_hd_r { display: none; }
    #h_header5 .h_hd_r .h_cs_num { float: left; }
    #h_header5 .h_hd_r .h_cs_num p { font-size: 1.25rem; }
    #h_header5 .h_hd_r .h_cs_num p span { font-size: 1.75rem; margin-left: 10px; }

    #h_header5 .h_hd_r .h_sns { float: right; margin-top: -5px; }
	#h_header5 .h_hd_r .h_sns li img { width: 20px; }

	#h_header5 nav { margin-top: 5px; display: none; }
  
}



/*main visual ---------------------------------------------------------------------------*/
.h_mv2 { width: 100%; }
.h_mv2 .swiper-slide img { width: 100%; }
.h_mv2_img1 { width: 100%; /* height: 900px; background: url(../img/h_mv2_img01.jpg) no-repeat center; background-size: cover; */ }
.h_mv2_img2 { width: 100%; /* height: 900px; background: url(../img/h_mv2_img02.jpg) no-repeat center; background-size: cover; */ }
.h_mv2_img3 { width: 100%; /* height: 900px; background: url(../img/h_mv2_img03.jpg) no-repeat center; background-size: cover; */ }





/*main section 1 ---------------------------------------------------------------------------*/
.h_sec2_1_tit { text-align: center; padding-bottom: 80px; word-break: keep-all; }
.h_sec2_1_tit span { display: block; color: #959595; }
.h_sec2_1_tit p { padding: 20px 0; }
.h_sec2_1_tit h4 { color: #ef2151;}

.h_sec2_1_cont { white-space: nowrap; }

.h_sec2_1_vid { float: left; width: calc(65% - 20px); margin-right: 20px; }

.h_sec2_1_txt { float: left; width: 35%; }
.h_sec2_1_txt p { position: relative; padding-left: 20px; }
.h_sec2_1_txt p::before { content: ''; display: block; width: 2px; height: 60px; background-color: #222; position: absolute; left: 0; top: 0; }
.h_sec2_1_txt p b { display: inline-block; line-height: 1.5; padding-bottom: 10px; }
.h_sec2_1_txt p span { line-height: 1.8; }

.h_sec2_1_txt .h_sec2_1_more .h_btn { float: right; width: 150px; height: 40px; background-color: #252525; text-align: center; color: #fff; line-height: 40px; margin: 90px 0 10px; }

.h_sec2_1_vid_list li { float: left; width: calc(50% - 2.5px); margin-right: 5px; }
.h_sec2_1_vid_list li:nth-child(2) { margin-right: 0; }

.h_sec2_1_tit .br_m2 { display: none; }



@media screen and (max-width: 1100px){

    .h_sec2_1_tit .br_m2 { display: block; }

    .h_sec2_1_vid { float: none; width: 100%; margin-right: 0; text-align: center; }

    .h_sec2_1_txt { float: none; width: 100%; margin-top: 30px; text-align: center; padding-top: 20px; }
    .h_sec2_1_txt p::before { width: 60px; height: 2px; left: 50%; top: -20px; transform: translateX(-50%); }

    .h_sec2_1_txt .h_fs_40 { font-size: 2.325rem; }

    .h_sec2_1_txt .h_sec2_1_more .h_btn { float: none; margin: 30px auto 20px; }

    .h_sec2_1_vid_list { width: 340px; margin: 0 auto; }
   
}

@media screen and (max-width: 760px){

    .h_sec2_1_tit .br_m2 { display: none; }

	.h_sec2_1_tit { padding-bottom: 40px; }
	.h_sec2_1_tit p { padding: 20px 0 10px; }

	.h_sec2_1_vid_list li { display: none; }
  
}




/*main section 2 ---------------------------------------------------------------------------*/
.h_sec2_2 { width: 100%; background: url(../img/h_sec2_2_bg.jpg) no-repeat center; background-size: cover; word-break: keep-all; }

.h_sec2_2_tit { color: #fff; text-align: center; }
.h_sec2_2_tit p { padding: 20px 0; }

.h_sec2_2_list { padding-top: 80px; }
.h_sec2_2_list li { float: left; width: calc(50% - 10px); margin-right: 20px; background-color: #fff; border-radius: 5px; text-align: center; padding: 40px 0; }
.h_sec2_2_list li:nth-child(2n) { margin-right: 0; }
.h_mg_top2 { margin-top: 20px; }

.h_sec2_2_list li span { display: block; color: #f9876c; }
.h_sec2_2_list li p { padding: 10px 0 20px; }

.h_btn3 { background-color: #ff6540; width: 300px; height: 60px; line-height: 60px; color: #fff; margin: 0 auto; border-radius: 10px; }



@media screen and (max-width: 1100px){

    .h_sec2_2_list { padding-top: 90px; }

    .h_btn3 { width: 280px; }
   
}


@media screen and (max-width: 760px){

    .h_sec2_2_tit .br_m2 { display: none; }

    .h_sec2_2_list { padding-top: 40px; }
	.h_sec2_2_list li { width: calc(50% - 5px); height: 160px; margin-right: 10px; padding: 20px 0 0; }
	.h_mg_top2 { margin-top: 10px; }

	.h_btn3 { width: 90%; height: 50px; line-height: 50px; bottom: 70px; }

   
}