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

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

.logo_Hed_index { display: none; }

/*------------*/
/*#hedImg { background: none; }*/


/*-------概要-------*/
.overview_box { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.overview_box_in { flex-basis: 48%; }

#box01 { margin-bottom: 100px; }

/*-------アクセス------*/
.access_list { width: 90%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.access_list li { width: 100%; }
.access_tit { font-size: 20px; font-weight: bold;  display: flex; vertical-align: middle; }
.access_tit span { color: #765635; font-size: 18px; padding-right: 10px; line-height: 1.8em; }
.access_adress { line-height: 2em; margin-bottom: 15px;  }
.access_img { width: 100%; margin: 0 auto 50px; }
.access_img img { width: 100%; height: auto; }

/*----代表挨拶-----*/
#box00 { margin-bottom: 100px; }
.message_box { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 50px; align-items: center; }
.message_imgbox { width: 35%; margin: 0 auto; }
.message_img { width: 100%; margin: 0 auto; }
.message_img img { width: 100%; height: auto; }
.message_txtbox { width: 60%; }
.message_name { font-size: 16px; margin-top: 15px; }
.message_name span.name_company { font-size: 14px; display: block; }
.message_name span.name_name { color: #765635; display: block; }

/*-----経営への思い-----*/
.idea_box { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
/*.idea_imgbox { flex-basis: 35%; }*/
.idea_txtbox { flex-basis: 70%; }
.idea_titbox { flex-basis: 25%; }

.idea_img { width: 100%; margin: 0 auto; }
.idea_img img { width: 100%; height: auto; }
.idea_tit_list { width: 100%; margin: 0 auto 30px; }
.idea_tit_list li { font-size: 20px; font-weight: bold; display: flex; flex-wrap: wrap; align-items: center; text-align: center; }
.idea_tit_list li:nth-child(n+2) { margin-top: 15px; }
.idea_tit_list li span.num { font-size: 18px; color: #fff; font-weight: bold; display: block; margin-right: 10px; width: 35px; height: 35px; background: #765635; line-height: 35px; }
.idea_tit_list li span.tit { font-size: 20px; font-weight: bold;  }
.idea_imgbox .message_name { text-align: right; }

/*----沿革-----*/
#box02 { margin-bottom: 100px; }
.history_box { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.history_box_in { width: 48%; }

.history_box_in dl { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.history_box_in dl:nth-child(n+2) { margin-top: 10px; }
.history_box_in dl dt { width: 25%; padding-left: 30px; box-sizing: border-box; position: relative; }
.history_box_in dl dt::before { position: absolute; top: 49%; width: 25px; height: 1px; background: #765635; content: ""; display: block; left: 0; }
.history_box_in dl dt::after { position: absolute; top: 45%; width: 3px; height: 3px; content: ""; display: block; z-index: 2; background: #765635; left: 0; }
.history_box_in dl dd { text-align: left; width: 75%; }




}




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




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

.logo_Hed_index { display: none; }


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

/*-------概要-------*/
.overview_box { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.overview_box_in { width: 100%; }
.overview_box_in .com_table { margin-bottom: 0px; }
#box01 { margin-bottom: 50px; }

/*-------アクセス------*/
.access_list { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.access_list li { width: 100%; }
.access_list li:nth-child(n+2) { margin-top: 30px; }
.access_tit { font-size: 18px; font-weight: bold; margin-bottom: 5px; display: flex; vertical-align: middle; }
.access_tit span { color: #765635; font-size: 16px; padding-right: 10px; line-height: 1.8em; }
.access_adress { line-height: 2em; margin-bottom: 15px;  }
.access_img { width: 100%; margin: 0 auto 30px; }
.access_img img { width: 100%; height: auto; }

/*----代表挨拶-----*/
#box00 { margin-bottom: 50px; }
.message_box { width: 100%; margin: 0 auto; margin-bottom: 30px; }
.message_imgbox { width: 100%; margin: 0 auto 30px; }
.message_img { width: 100%; margin: 0 auto; }
.message_img img { width: 100%; height: auto; }
.message_txtbox { width: 100%; }
.message_name { font-size: 16px; margin-top: 15px; }
.message_name span.name_company { font-size: 14px; display: block; }
.message_name span.name_name { color: #765635; display: block; }

/*-----経営への思い-----*/
.idea_box { width: 100%; margin: 0 auto;  }
/*.idea_imgbox { width: 100%; margin: 0 auto; }*/
.idea_txtbox { width: 100%; margin-bottom: 30px;  }
.idea_titbox { width: 100%; margin: 0 auto; }
.idea_tit_list { width: 100%; margin: 0 auto 15px; }
.idea_tit_list li { font-size: 20px; font-weight: bold; display: flex; flex-wrap: wrap; align-items: center; text-align: center; }
.idea_tit_list li:nth-child(n+2) { margin-top: 15px; }
.idea_tit_list li span.num { font-size: 16px; color: #fff; font-weight: bold; display: block; margin-right: 10px; width: 30px; height: 30px; background: #765635; line-height: 30px; }
.idea_tit_list li span.tit { font-size: 18px; font-weight: bold;  }

/*----沿革-----*/
#box02 { margin-bottom: 50px; }
.history_box { width: 100%; margin: 0 auto; }
.history_box_in { width: 100%; }

.history_box_in dl { width: 100%; margin: 0 auto; }
.history_box_in dl:nth-child(n+2) { margin-top: 10px; }
.history_box_in dl dt { width: 100%; padding-left: 30px; box-sizing: border-box; position: relative; margin-bottom: 5px; }
.history_box_in dl dt::before { position: absolute; top: 49%; width: 25px; height: 1px; background: #765635; content: ""; display: block; left: 0; }
.history_box_in dl dt::after { position: absolute; top: 46%; width: 3px; height: 3px; content: ""; display: block; z-index: 2; background: #765635; left: 0; }
.history_box_in dl dd { text-align: left; width: 100%; padding-left: 30px; box-sizing: border-box; }


}