@charset "utf-8";
/* CSS Document */
.mainMenu {
    z-index: 10000;
}

/*PC*/
@media print, screen and (min-width: 769px) {

.logo_Hed_index { display: none; }

/*------------*/
#box01 { margin: 0 auto; }

.flow_list { border-left: 1px solid #c9bc9c; margin-left: 85px; }
.flow_list li:nth-child(n+2) { margin-top: 30px; }
.flow_list_tit { font-size: 20px; margin-bottom: 15px; font-weight: bold; }
.flow_list_tit span.num { font-size: 30px; font-weight: bold; position: relative; background: #fff;  margin-left: -20px; padding-right: 25px; padding: 5px 5px; padding-right: 20px; color: #765635;  }
.flow_list_tit span.num::before { position: absolute; content: "STEP."; display: block; font-size: 20px; color: #765635;  left: -60px; top: 13px; }

.flow_list_txtbox { padding-left: 35px; }

.flow_list_box { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.flow_list_txtbox { width: 70%; }
.flow_list_imgbox { width: 25%; }
.flow_list_img { width: 100%; margin: 0 auto; }
.flow_list_img img { width: 100%; height: auto; }

.flow_list_link { width: 50%; margin-top: 15px; }
.flow_list_link a { display: block; padding: 15px; text-align: center; color: #765635; border: 1px solid #765635;}
.flow_list_link a:hover { background: rgba(118,86,53,0.3); color: #fff; border: 1px solid rgba(118,86,53,0.3);}
.flow_list_link a span { padding-right: 5px; }

}




/*----------------------------------------------------*/




/*sp*/
@media only screen and (max-width: 768px) {

.logo_Hed_index { display: none; }


/*------------*/

#box01 { margin: 0 auto; }

.flow_list { border-left: 1px solid #c9bc9c; margin-left: 30px; }
.flow_list li:nth-child(n+2) { margin-top: 30px; }
.flow_list_tit { font-size: 18px; margin-bottom: 15px; font-weight: bold; }
.flow_list_tit span.num { font-size: 25px; font-weight: bold; position: relative; background: #fff;  margin-left: -20px; padding-right: 25px; padding: 5px 5px; padding-right: 15px; color: #765635;  }
/*.flow_list_tit span.num::before { position: absolute; content: "STEP."; display: block; font-size: 16px; color: #765635;  left: -60px; top: 13px; }*/

.flow_list_txtbox { padding-left: 25px; }

.flow_list_box { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.flow_list_txtbox { width: 100%; }
.flow_list_imgbox { width: 100%; margin-left: 25px; margin-top: 15px; }
.flow_list_img { width: 100%; margin: 0 auto; }
.flow_list_img img { width: 100%; height: auto; }

.flow_list_link { width: 100%; margin-top: 15px; }
.flow_list_link a { display: block; padding: 15px; text-align: center; color: #765635; border: 1px solid #765635;}
.flow_list_link a:hover { background: rgba(118,86,53,0.3); color: #fff; border: 1px solid rgba(118,86,53,0.3);}
.flow_list_link a span { padding-right: 5px; }


}