@charset "UTF-8";
/* CSS Document */

.sub_nav {display:grid; margin:50px auto 0; width: 100%; text-align: center; }

.sub_nav h1 {display:block; font-size:3.3em;margin:100px auto;font-weight:bold; color: #774812; text-align: center; display: none;}
.sub_nav .his_tit { font-weight: bold;}

.sub_nav .sub_his { position: absolute; top:0; left:20px; color: #675a48;}
.sub_nav .sub_his img { width: 8%;}
.sub_nav .suv_mu { display:flex;width: 95%;height: 40px;margin:0 auto; background: #d2c6ab;}
.sub_mu li {flex:auto; display: inline-block;  justify-content:space-around;align-items: center;font-size:1.4em; width: 200px; line-height: 50px;}
.sub_nav .sub_mu a {display: block; color: #FFFFFF; width: 100%; height: 100%; background-color: #a47e3f;}
.sub_nav .sub_mu a:hover {color: #000000; background-color: #ffffff;}
.sub_nav .sub_mu .mu_on {color: #000000; background-color: #ffffff;}

.sub_nav .sub_mu2 li {flex:auto; display: inline-block;  justify-content:space-around;align-items: center;font-size:1.2em; min-width: 100px; line-height: 50px;}
.sub_nav .sub_mu2 a {display: block; color: #FFFFFF; width: 100%; height: 100%; background-color: #a47e3f;}
.sub_nav .sub_mu2 a:hover {color: #000000; background-color: #ffffff;}
.sub_nav .sub_mu2 .mu_on {color: #000000; background-color: #ffffff;}

.sub_area { width: 100%; background-color: #FFFFFF; padding: 20px; min-height: 700px; box-shadow: 5px 3px 10px 2px #d7cfb9;}
.sub_area img {width: 90%; margin: 50px 0 100px 50px;}