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


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

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

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

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

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

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

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


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

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

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

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

    #h_header6 { padding: 20px 0 0; }

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

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

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

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

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

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

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

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

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

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

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

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

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





/*main visual ---------------------------------------------------------------------------*/
.h_mv3 { width: 100%; margin-bottom: -4px; }
.h_mv3 .swiper-slide img { width: 100%; }
.h_mv3_img1 { width: 100%; font-size: 0; /* height: 900px; background: url(../img/h_mv3_img01.jpg) no-repeat center; background-size: cover; */ }
.h_mv3_img2 { width: 100%; font-size: 0; /* height: 900px; background: url(../img/h_mv3_img02.jpg) no-repeat center; background-size: cover; */ }





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

.h_sec3_1_tit p { line-height: 1.5; }
.h_sec3_1_tit span { color: #ffd21f; }

.h_sec3_1_list { width: 900px; margin: 0 auto; padding: 50px 0 10px; }
.h_sec3_1_list li { float: left; width: 50%; text-align: center; }

.h_sec3_1_list_img { width: 80%; height: 70px; line-height: 100px; margin: 0 auto; }
.h_sec3_1_list_img img { /*width: 100px;*/height : 100% !important; width:auto !important;}

.h_sec3_1_list_txt p:first-child { color: #fff; padding: 40px 0 30px; }
.h_sec3_1_list_txt p:last-child { color: #ffd21f; }


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

    .h_sec3_tit .br_m2 { display: block; }

    .h_sec3_1_list { width: 90%; }
	.h_sec3_1_list_img img { width: 80px; }

	.h_sec3_1_list_txt p:first-child { color: #fff; padding: 10px 0; }

}

/* @media screen and (max-width: 570px){

    .h_sec3_1_list { padding: 60px 0 20px; }
    .h_sec3_1_list li { float: none; width: 100%; margin: 0 auto; }
    .h_sec3_1_list li:last-child { width: 100%; margin-top: 30px; }


    .h_sec3_1_list_txt p { white-space: nowrap; }

} */





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

.h_sec3_2_cont { white-space: nowrap; }

.h_sec3_2_vid { float: left; width: calc(65% - 20px); margin-right: 20px; }
.h_sec3_2_vid img { height: 400px; }

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

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

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

.h_sec3_2_tit .br_m2 { display: none; }



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

    .h_sec3_2_tit .br_m2 { display: block; }

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

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

    .h_sec3_2_txt .h_sec3_2_more .h_btn { float: none; margin: 30px auto 20px; }

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

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

    .h_sec2_1_tit .br_m2 { display: none; }
	.h_sec3_2_tit { padding-bottom: 50px; }
	.h_sec3_2_vid img { height: 300px; }

	.h_sec3_2_vid_list { display: none; }
   
}





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

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

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

.h_sec3_3_txt { width: 90%; height: 210px; margin: 0 auto; position: relative; }
.h_sec3_3_list li:nth-child(1) .h_sec3_3_txt::after { content: ''; display: block; width: 225px; height: 307px; background: url(../img/h_sec3_3_img03.png) no-repeat center; background-size: cover; position: absolute; top: -283px; left: -60px; }
.h_sec3_3_list li:nth-child(2) .h_sec3_3_txt::after { content: ''; display: block; width: 195px; height: 382px; background: url(../img/h_sec3_3_img02.png) no-repeat center; background-size: cover; position: absolute; top: -323px; right: -40px; }
.h_sec3_3_list li:nth-child(3) .h_sec3_3_txt::after { content: ''; display: block; width: 158px; height: 180px; background: url(../img/h_sec3_3_img04.png) no-repeat center; background-size: cover; position: absolute; bottom: -220px; right: 20px; }

.h_sec3_3_list li span { display: block; color: #ffb81f; }
.h_sec3_3_list li p { padding: 20px 0 40px; }

.h_sec3_3_txt .h_btn4 { position: absolute; left: 50%; transform: translateX(-50%); background-color: #ff9d1f; width: 300px; height: 60px; line-height: 60px; color: #fff; border-radius: 10px; }

.h_sec3_3_txt .br_m2 { display: none; }



@media screen and (max-width: 1280px){
    .h_sec3_3_list li:nth-child(3) .h_sec3_3_txt::after { display: none; }
}

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

    .h_sec3_3_list { padding-top: 90px; }

    .h_sec3_3_txt .br_m2 { display: block; }
   
}

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

    .h_sec3_3_list li:nth-child(1) .h_sec3_3_txt::after { display: none; }
    .h_sec3_3_list li:nth-child(2) .h_sec3_3_txt::after { display: none; }
    .h_sec3_3_list li:nth-child(3) .h_sec3_3_txt::after { display: none; }

}

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

    .h_sec3_3_txt .br_m2 { display: none; }

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

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

   
}






/*main section 4 ---------------------------------------------------------------------------*/
.h_sec3_4 { width: 100%; background: url(../img/h_sec3_4_img01.jpg) no-repeat center; background-size: cover; padding: 400px 0; word-break: keep-all; }
.h_sec3_4_box { text-align: center; }

.h_sec3_4_tit h4 { color: #ffa800; line-height: 1.5; }
.h_sec3_4_tit p { padding: 40px 0 70px; line-height: 2; }

.h_sec3_4_txt p{ text-align: right; }

.h_sec3_4_tit .br_m2 { display: none; }
.h_sec3_4_tit .br_m3 { display: none; }


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

    .h_sec3_4 { padding: 150px 0; }
   
}

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

	.h_sec3_4_txt img { width: 20%; }
   
}