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

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

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

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

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

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

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


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

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

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

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

    #h_header4 { padding: 20px 0 0; }

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

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

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

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

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

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

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

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

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

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

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

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

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




/*main visual section 1--------------------------------------------------------------------*/
.h_i4_1sec { width: 100%; height: 765px; background: url(../img/index4/h_1sec_img01.jpg) no-repeat center; background-size: cover; padding-top: 120px; text-align: center; color: #fff; position: relative; word-break: keep-all; }

.h_i4_1sec_tit p { padding: 10px 0 50px; }

.h_i4_1sec_txt p { line-height: 1.7; }

.h_i4_1sec_img { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }
.h_i4_1sec_img img { display: block;max-height:360px;min-width:280px; }


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

    .h_i4_1sec { height: 600px; padding-top: 100px }
  
}

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

    .h_i4_1sec { height: 400px;padding-top:80px; }
	.h_i4_1sec_tit p{padding-bottom:30px;}
}







/*main section 2 ---------------------------------------------------------------------------*/
.h_i4_2sec_tit { text-align: center; padding-bottom: 80px; }
.h_i4_2sec_tit span { display: block; color: #959595; }
.h_i4_2sec_tit p { padding: 20px 0;font-size : 1.8rem; }
.h_i4_2sec_tit h4 { color: #a48ac0;}

.h_i4_2sec_cont { white-space: nowrap; }

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

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

.h_i4_2sec_txt .h_i4_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_i4_2sec_vid_list li { float: left; width: calc(50% - 2.5px); margin-right: 5px; }
.h_i4_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_i4_2sec_tit .br_m2 { display: block; }

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

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

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

    .h_i4_2sec_txt .h_i4_2sec_more .h_btn { float: none; margin: 30px auto 20px; }

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

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

    .h_i4_2sec_tit .br_m2 { display: none; }

	.h_i4_2sec_tit { padding-bottom: 40px; }
	.h_i4_2sec_tit p { padding: 20px 0 10px; font-size : 1.7rem;letter-spacing:-1px;}

	.h_i4_2sec_vid_list li { display: none; }
  
}











/*main section 3 ---------------------------------------------------------------------------*/
.h_i4_3sec { width: 100%; background: url(../img/index4/h_3sec_img01.jpg) no-repeat center; background-size: cover; text-align: center; color: #fff; word-break: keep-all; }
.h_i4_3sec_img { width: 80%; margin: 0 auto; }

.h_i4_3sec_tit { padding-bottom: 50px; }



@media screen and (max-width: 760px){
.h_i4_3sec_img { width: 100%; margin: 0 auto; }
}



/*main section 4 ---------------------------------------------------------------------------*/
.h_i4_4sec { text-align: center; word-break: keep-all; }

.h_i4_3sec_txt p { line-height: 1.7; }
.h_i4_3sec_txt p b { background-color: #ede8f2; }

.h_i4_3sec_txt2 { width: 100%; background-color: #eee; margin-top: 60px; padding: 40px 20px; }
.h_i4_3sec_txt2 p { line-height: 1.7; margin-top: 10px;   }


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

    .h_i4_3sec_txt2 { width: 100%; background-color: #eee; margin-top: 30px; padding: 20px; }
	.h_i4_3sec_txt2 img { width: 50px; }
   
}






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

.h_i4_5sec_tit p { padding-bottom: 40px; line-height: 1.5; }

.h_i4_5sec_list { margin-top: 20px; }
.h_i4_5sec_list li { float: left; width: calc(33.3333% - 5.333px); height: 600px; margin: 0 8px 8px 0; border: 4px solid #a48ac0; padding: 20px; }
.h_i4_5sec_list li:nth-child(3n) { margin: 0 0 8px 0; }

.h_i4_5sec_img { height: 185px; line-height: 185px; }
.h_i4_5sec_img img { vertical-align: middle; }

.h_i4_5sec_txt p:first-child { color: #a48ac0; padding: 10px 0; }
.h_i4_5sec_txt p:last-child { line-height: 1.7; }


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

	.h_i4_5sec_tit p { padding-bottom: 20px; }

    .h_i4_5sec_list li { width: calc(50% - 2.5px); height: 450px; margin: 0 5px 5px 0; padding: 10px; border: 2px solid #a48ac0; }
    .h_i4_5sec_list li:nth-child(3n) { margin: 0 5px 5px 0; }
    .h_i4_5sec_list li:nth-child(2n) { margin: 0 0 8px 0; }

	.h_i4_5sec_img { height: 100px; line-height: 100px; }
    .h_i4_5sec_img img { height: 70px; }
   
}







/*main section 6 ---------------------------------------------------------------------------*/
.h_i4_6sec { text-align: center; word-break: keep-all; }

.h_i4_6sec_txt { padding-top: 40px; }
.h_i4_6sec_txt p { line-height: 1.7; }
.h_i4_6sec_txt p span { display: block; color: #a48ac0; }

.h_i4_6sec_img { width: 100%; margin-top: 70px; }
.h_i4_6sec_img img { width: 70%; margin: 0 auto; }


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

    .h_i4_6sec_img { margin-top: 70px; }
    .h_i4_6sec_img img { width: 100%; max-width:580px; margin: 0 auto; }
   
}