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

.lnav{ margin-top: 2.0em;}
.lnav *{ margin-top: 0;}
.lnav ul{ display: flex; gap: 2px 1%; }
.lnav ul li{ flex: 1;}
.lnav a{ display: flex; background: #64b6c8; color: #fff; text-decoration: none; padding: 0.7em 1.0em; line-height: 1.3; font-size: 86%; opacity: 0.5; font-size: 140%; text-align: center; height: 100%; align-items: center; justify-content: center;}
.lnav a.active{ opacity: 1;}
.lnav a span{}
@media screen and ( max-width: 480px ) {
  .lnav ul{ grid-template-columns: repeat(2, 1fr);}
}


.zeh_m{ margin: 2.0rem 0 0 0;}
.zeh_m .mb{ background: #eeeeef; padding: 1.0rem 2.0rem;}
.zeh_bels{ display: grid; grid-template-columns: repeat(2,auto); gap: 0.5rem 3%;}

.zeh_or{ margin: 3.0rem 0 0 0;}
.zeh_or h2{ width: 50%; margin-left: auto; margin-right: auto;}
.zeh_or div{ display: grid; grid-template-columns: 25% 72%; gap: 0.5rem 3%;}
.zeh_or img{ width: 100%; display: block;}

.zeh_df .items{ display: grid; grid-template-columns: auto 1fr; gap: 1.0rem 2%;}
.zeh_df .items *{ margin-top: 0;}
.zeh_df .items dt{ color: #95c4ca; font-size: 196%; font-weight: bold;}
.zeh_df .items h3{ font-size: 116%;}


.zeh_point_list{}
.zeh_point_list h3{ display: flex; font-size: 136%; gap: 0 1.0rem; line-height: 1.5;}
.zeh_point_list h3 span{ display: block; background: #a3c1be; color: #fff; padding: 0 0.5em; font-size: 86%; align-items: center;}

@media screen and ( max-width: 480px ) {
  .zeh_bels{ display: block;}
  .zeh_or div{ display: block;}
}