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


/*===============================

    common

================================*/
.e-typingCont {
  font-family: Helvetica, "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 30px;
}

.e-typingCont p + p { margin-top: 20px; }


.topImage { margin-bottom: 15px; } 

.menubar {
  align-items: stretch;
  display: flex;
  -js-display: flex;
  justify-content: flex-start;
  line-height:1.2;
  width: 100%;
}

.menubar > li {
  flex: 1 1 20%;
  padding:1px;
  display:block;
}

.menubar > li > a {
  display:flex;
  align-items:center;
  justify-content:center;
  height:100%;
  padding:10px 0;
  background-color: #f39800;
  color: #fff;
  font-size: 12px;
  text-align:center;
  text-decoration: none;
}

.menubar > li > a:hover { background-color: #66B02F; }

.menubar > li > a.is-on {
  background-color: #66B02F;
  cursor: default;
}


.e-typingTtl {
  background-color: #f39800;
  color: #fff;
  font-size: 18px;
  margin: 20px 0;
  padding: 10px;
}

.e-typingTtl_h3 {
  border-bottom: solid 2px #f39800;
  font-size: 16px;
  margin-bottom: 10px;
}


.e-typingDetail {
  margin-bottom: 20px;
}

.e-typingDetail > dt {
  font-weight: bold;
  margin-bottom: 10px;
}

.e-typingDetail > dd {
  padding-left: 1em;
  text-indent: -1em;
}

.e-typingDetail > dd.attention { font-size: 12px; }


.e-typingDetail > dd + dd { margin-top: 5px; }

.e-typingDetail > dd + dt{ margin-top: 20px; }

.e-typingExample {
  background-color: #FFF9D0;
  color: #333;
  font-size: 15px;
  margin: 20px 0;
  padding: 10px;
}

.fs25{
font-size:25px;
}