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

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

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

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

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

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

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


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

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

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

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

    #h_header3 { padding: 20px 0 0; }

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

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

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

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

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

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

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

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

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

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

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

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

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







/*section 01 ---------------------------------------------------------------------------*/
.h_i5_1sec { width: 100%; background: url(../img/index5/d_index5/d_1sec_img01.jpg) no-repeat center; background-size: cover; color: #Fff; word-break: keep-all; }
.h_i5_1sec2{background-image : url('../img/index5/h_1sec_img01_2.jpg');text-align : center;line-height : 1.4;}

.h_i5_1sec_tit { padding: 100px 0 60px; }
.h_i5_1sec_tit span i { color: #a7bcef; }
.h_i5_1sec_tit p { padding-top: 30px; line-height: 1.5; }
.h_i5_1sec2 .h_i5_1sec_tit{padding-bottom : 40px;}

.h_i5_1sec_txt p i { display: inline-block; margin-right: 20px; width: 30px; height: 30px; background: url(../img/index5/h_1sec_img02.png) no-repeat center; background-size: cover; }
.h_i5_1sec_txt p { padding-bottom: 15px; }
.h_i5_1sec2 .h_i5_1sec_txt p{margin-top : 60px;}

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

    .h_i5_1sec { height: 700px; }
	.h_i5_1sec2 .h_i5_1sec_txt img{max-width : 60%;}
  
}

@media screen and (max-width: 760px){
	.h_i5_1sec { width: 100%; background: url(../img/index5/d_index5/dm_1sec_img01.jpg) no-repeat; background-size: cover; color: #Fff; word-break: keep-all; }
	.h_i5_1sec2{background-image : url('../img/index5/h_1sec_img01_2.jpg');text-align : center;line-height : 1.4;}
    .h_i5_1sec { height: 400px; }
	.h_i5_1sec.h_pd { padding: 0; }

	.h_i5_1sec_tit { padding: 40px 0; padding-left: 5%;}
	.h_i5_1sec_tit p { padding-top: 20px; line-height: 1.3; }

	.h_i5_1sec_txt p i { margin-right: 10px; width: 20px; height: 20px; }
	.h_i5_1sec_txt p { padding-bottom: 15px; }
	
	.h_i5_1sec2 .h_i5_1sec_txt img{max-width : 80%;}
	.h_i5_1sec2 .h_i5_1sec_txt p{margin-top : 40px;}


	/* Made by LSY */
	.h_i5_1sec_txt { padding-left: 5%;}
	.h_i5_1sec_tit { padding: 40px 0; padding-left: 5%;}
  
}
	.h_i5_1sec_tit{
		padding-top : 0;
	}









/*main section 2 ---------------------------------------------------------------------------*/
.h_i5_2sec { word-break: keep-all; }

.h_i5_2sec_tit { text-align: center; padding-bottom: 80px; }
.h_i5_2sec_tit span { display: block; color: #959595; }
.h_i5_2sec_tit p { padding: 20px 0; }
.h_i5_2sec_tit h4 { color: #3b416e;}

.h_i5_2sec_cont { white-space: nowrap; }

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

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

.h_i5_2sec_txt .h_i5_2sec_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_i5_2sec_vid_list li { float: left; width: calc(50% - 2.5px); margin-right: 5px; }
.h_i5_2sec_vid_list li:nth-child(2) { margin-right: 0; }

.h_sec2_1_tit .br_m2 { display: none; }



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

    .h_i5_2sec_tit .br_m2 { display: block; }

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

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

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

    .h_i5_2sec_txt .h_i5_2sec_more .h_btn { float: none; margin: 30px auto 20px; }

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

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

    .h_i5_2sec_tit .br_m2 { display: none; }

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

	.h_i5_2sec_vid_list li { display: none; }
   
}






/*main section 3 ---------------------------------------------------------------------------*/
.h_i5_3sec { width: 100%; background-color: #f5f5f5; text-align: center; word-break: keep-all; }

.h_i5_3sec_tit p { line-height: 1.7; padding-bottom: 50px; }
.h_i5_3sec_tit p span { display: block; color: #3b416e; }

.h_i5_3sec_img img { width: 80%; }


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

	.h_i5_3sec_img img { width: 100%; }
	.h_i5_3sec_tit p { line-height: 1.5; padding-bottom: 30px; }

}







/*main section 4 ---------------------------------------------------------------------------*/
.h_i5_4sec { width: 100%; background: url(../img/index5/h_4sec_img01.jpg) no-repeat center; background-size: cover; text-align: center; color: #fff; word-break: keep-all; }

.h_i5_4sec_tit { width: 60%; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 50px 0; margin: 30px auto 70px; }
.h_i5_4sec_tit p { line-height: 1.7; padding-bottom: 30px; }
.h_i5_4sec_tit span { line-height: 1.5; }
.h_i5_4sec_tit span b { color: #a7bdef; }


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

	.h_i5_4sec_tit { width: 90%; padding: 40px 0; margin: 30px auto 50px; }
	.h_i5_4sec_tit p { line-height: 1.5; }

}






/*main section 5 ---------------------------------------------------------------------------*/
.h_i5_5sec { width: 100%; text-align: center; word-break: keep-all; }


.h_i5_5sec_box > p { color: #2c3f60; }

.h_i5_5sec_tit { width: 60%; border-top: 1px solid #222; border-bottom: 1px solid #222; padding: 40px 0; margin: 30px auto 70px; }
.h_i5_5sec_tit p { line-height: 1.7; padding-bottom: 20px; color: #2c3f60; }
.h_i5_5sec_tit span { display: block; line-height: 1.5; }

.h_i5_5sec_img img { width: 80%; }

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

	.h_i5_5sec_tit { width: 90%; padding: 40px 0; margin: 30px auto 50px; }
	.h_i5_5sec_tit p { line-height: 1.5; }

	.h_i5_5sec_img img { width: 100%; }

}






/*main section 6 ---------------------------------------------------------------------------*/
.h_i5_6sec { width: 100%; text-align: center; background-color: #f5f5f5; word-break: keep-all; }

.h_i5_6sec_tit span { display: block; color: #959595; }
.h_i5_6sec_tit p { line-height: 1.5; padding: 10px 0 0; }

.h_i5_6sec_txt { margin-top: 70px; padding-bottom: 50px; position: relative; z-index: 1;}
.h_i5_6sec_txt::after { content: ''; display: block; width: 100%; height: 2px; background-color: #e1e1e1; position: absolute; top: 13px; left: 0; z-index: -1;}
.h_i5_6sec_txt p { width: 250px; background: #f5f5f5; margin: 0 auto; }

.h_i5_6sec_img { overflow: hidden; position: relative; }

.h_i5_6sec_img2 { width: 100%; overflow: hidden; }
.h_i5_6sec_img2 li { width: 25%; }


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

    .h_i5_6sec_txt { margin-top: 40px; }

	.h_i5_6sec_txt p { width: 150px; }
   
}







/*main section 7 ---------------------------------------------------------------------------*/
.h_i5_7sec { width: 100%; background: url(../img/index5/h_7sec_img01.jpg) no-repeat center; background-size: cover; text-align: center; color: #fff; word-break: keep-all; }

.h_i5_7sec_tit span { display: block; padding-bottom: 20px; }

.h_i5_7sec_list { margin-top: 100px; }
.h_i5_7sec_list li { float: left; width: calc(33.3333% - 13.333px); margin-right: 20px; position: relative; }
.h_i5_7sec_list li:last-child { margin-right: 0; }

.h_i5_7sec_img { width: 100%; height: 330px; overflow: hidden; }
.h_i5_7sec_img div { width: 100%; height: 330px; background-size: cover; transition: all 0.5s; }
.h_i5_7sec_img2 { background: url(../img/index5/h_7sec_img02.jpg) no-repeat center; }
.h_i5_7sec_img3 { background: url(../img/index5/h_7sec_img03.jpg) no-repeat center; }
.h_i5_7sec_img4 { background: url(../img/index5/h_7sec_img04.jpg) no-repeat center; }
.h_i5_7sec_img:hover div { transform: scale(1.05); }

.h_i5_7sec_txt { width: 100%; position: absolute; background-color: rgba(0,0,0,0.6); bottom: 0; left: 0; padding: 10px 0; }


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

	.h_i5_7sec_tit span { padding-bottom: 10px; }

    .h_i5_7sec_list { margin-top: 50px; }
	.h_i5_7sec_list li { width: calc(33.3333% - 3.333px); margin-right: 5px; position: relative; }

	.h_i5_7sec_img { height: 300px; }
	.h_i5_7sec_img div { height: 300px; }
   
}






/*main section 8 ---------------------------------------------------------------------------*/
.h_i5_8sec { width: 100%; background: url(../img/index5/h_8sec_img01.jpg) no-repeat center; background-size: cover; text-align: center; color: #fff; word-break: keep-all; }

.h_i5_8sec_tit { width: 60%; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 50px 0; margin: 30px auto 70px; }
.h_i5_8sec_tit p { line-height: 1.7; padding-bottom: 20px; }
.h_i5_8sec_tit span { display: block; line-height: 1.5; }

.h_i5_8sec_list li { float: left; width: calc(50% - 15px); margin-right: 30px; position: relative; margin-bottom: 30px; }
.h_i5_8sec_list li:nth-child(2n) { margin-right: 0; }

.h_i5_8sec_img { width: 100%; height: 400px; border-radius: 10px; overflow: hidden; }
.h_i5_8sec_img img { width: 100%; }

.h_i5_8sec_txt { width: 100%; height: 180px; position: absolute; bottom: 0; left: 0; background-color: #fff; color: #222; padding: 20px; border-radius: 0 0 10px 10px; }
.h_i5_8sec_txt p { line-height: 1.7; }
.h_i5_8sec_txt span { display: block; }


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

	.h_i5_8sec_tit { width: 90%; padding: 40px 0; margin: 30px auto 50px; }

	.h_i5_8sec_list li { width: calc(50% - 5px); margin-right: 10px; margin-bottom: 10px; }

	.h_i5_8sec_img { width: 100%; height: 280px; }

	.h_i5_8sec_txt { width: 100%; height: 150px; padding:  10px; }
	.h_i5_8sec_txt p { line-height: 1.7; }
	.h_i5_8sec_txt span { display: block; }
   
}









/*main section 9 ---------------------------------------------------------------------------*/
.h_i5_9sec { width: 100%; background: url(../img/index5/h_9sec_img01.jpg) no-repeat center; background-size: cover; text-align: center; color: #fff; word-break: keep-all; position: relative; padding-bottom: 0; word-break: keep-all; }


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

	.h_i5_9sec.h_pd { width: 100%; padding: 0; }
	.h_i5_9sec_box.h_con { width: 100%; }
	.h_i5_9sec_img { width: 100%; font-size: 0; }
}







/*main section 10 ---------------------------------------------------------------------------*/
.h_i5_10sec { word-break: keep-all; }
.h_i5_10sec_box { position: relative; }

.h_i5_10sec_tit span { display: block; padding: 20px 0 50px; color: #3b416e; }
.h_i5_10sec_tit p { line-height: 1.5; }

.h_i5_10sec_txt2 { margin-top: 150px; }
.h_i5_10sec_txt2 > p img { width: 60px; margin-right: 20px; vertical-align: middle; }
.h_i5_10sec_txt2 > div img { width: 780px; margin: 30px 0 0 80px; }

.h_i5_10sec_img { width: 300px; position: absolute; bottom: 0; right: 0; }

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

    .h_i5_10sec_box { text-align: center; }

    .h_i5_10sec_tit p .br_d { display: none; }

    .h_i5_10sec_img { width: 500px; position: absolute; bottom: 0; right: 0; }
    .h_i5_10sec_txt2{ margin-top: 300px; }
    .h_i5_10sec_txt2 > p img { width: 30px; margin-right: 10px; }
    .h_i5_10sec_txt2 > div img { width: 600px; margin: 30px 0 0 0; }

    .h_i5_10sec_img { width: 200px; bottom: 130px; right: 50%; margin-right: -120px; }
   
}


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

    .h_i5_10sec_box { text-align: center; }

	.h_i5_10sec_tit { margin-bottom: 20px; }
	.h_i5_10sec_tit span { padding: 20px 0; }
    .h_i5_10sec_tit p .br_d { display: none; }

    .h_i5_10sec_img { width: 500px; position: absolute; bottom: 0; right: 0; }
    .h_i5_10sec_txt2{ margin-top: 230px; }
    .h_i5_10sec_txt2 > p img { width: 30px; margin-right: 10px; }
    .h_i5_10sec_txt2 > div img { width: 100%; margin: 20px 0 0 0; }

    .h_i5_10sec_img { width: 150px; bottom: 90px; right: 50%; margin-right: -80px; }
   
}