@charset "utf-8";
/* CSS Document */
.mainMenu {
    z-index: 10000;
}

/*PC*/
@media print, screen and (min-width: 769px) {

.logo_Hed_index { display: none; }

/*--------hed_img------------*/

.s_list { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; }
.s_list li { margin-right: 4%; margin-bottom: 50px; flex-basis: 48%; max-width: 48%; }
.s_list li:nth-child(2n+2) { margin-right: 0px; margin-top: 100px; }
.s_list li:last-child { margin-bottom: 0px; }

.s_list_tit { font-size: 24px; font-weight: bold; position: relative; margin-bottom: 15px; color: #e60012; }
.s_list_tit::before { position: absolute; width: 50px; height: 1px; background: #e60012; display: block; left: 0; top: -15px; content: ""; }
.s_list_img { width: 100%; margin: 0 auto 15px; }
.s_list_img img { width: 100%; height: auto; }
.s_list_subtit { margin-bottom: 15px; }
.s_list_subtit span { font-size: 20px; font-weight: bold; line-height: 1.8em; background: linear-gradient(transparent 60%, rgba(230,0,18,0.15) 0%);}



.s_box { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 50px;  }
.s_box2 { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;   }
.s_box_imgbox { flex-basis: 48%; max-width: 48%; }
.s_box_txtbox { flex-basis: 48%; max-width: 48%; }
.s_box_img { width: 100%; margin: 0 auto; }
.s_box_img img { width: 100%; height: auto; }

.s_box_img_list { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.s_box_img_list li { flex-basis: 48%; max-width: 48%; }
.s_box_img_list_img { width: 100%; margin: 0 auto; }
.s_box_img_list_img img { width: 100%; height: auto; }


.s_list_txt a { display: block; font-weight: bold; margin-top: 15px; text-decoration: underline;  }
.s_list_txt a:hover { color: #0099ff;  }


}




/*----------------------------------------------------*/




/*sp*/
@media only screen and (max-width: 768px) {

.logo_Hed_index { display: none; }
/*--------hed_img------------*/

.s_list { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; }
.s_list li { width: 100%;  }
.s_list li:nth-child(n+2) { margin-top: 50px; }

.s_list_tit { font-size: 20px; font-weight: bold; position: relative; margin-bottom: 15px; color: #e60012; }
.s_list_tit::before { position: absolute; width: 50px; height: 1px; background: #e60012; display: block; left: 0; top: -15px; content: ""; }
.s_list_img { width: 100%; margin: 0 auto 15px; }
.s_list_img img { width: 100%; height: auto; }
.s_list_subtit { margin-bottom: 15px; }
.s_list_subtit span { font-size: 16px; font-weight: bold; line-height: 1.8em; background: linear-gradient(transparent 60%, rgba(230,0,18,0.3) 0%);}



.s_box { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 50px;  }
.s_box2 { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;  }
.s_box_imgbox { width: 100%; margin: 0 auto 15px; }
.s_box_txtbox { width: 100%; }
.s_box_img { width: 100%; margin: 0 auto; }
.s_box_img img { width: 100%; height: auto; }

.s_box_img_list { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.s_box_img_list li { width: 48%; }
.s_box_img_list_img { width: 100%; margin: 0 auto; }
.s_box_img_list_img img { width: 100%; height: auto; }





}
