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

/*左メニュー領域*/
#header {
  position: fixed;
  width: 300px;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  display: block;
  overflow-y: scroll;
  overflow-x: hidden;
}

/*スマホ・タブレット用ハンバーガーメニュー*/
#nav_toggle-title {
  display: none;
}
#nav_toggle {
  display: none;
}
/*スマホ・タブレット用メニュー*/
#nav-sf {
  display: none;
}
/*左メニューロゴ*/
.logo-area {
  width: 300px;
  text-align: center;
  padding: 40px 0;
}
li.logo_image img {
  width: 89px;
  height: 80px;
}
li.logo_title img {
  width: 180px;
  height: 26px;
  padding-top: 5px;
}
#nav-pc {
  border-bottom: solid #333;
}
#nav-pc div.header-inner a:hover {
  cursor: pointer;
}
/*左メニューボタン*/
#nav-pc ul.main-menu li,
#nav-pc ul.main-menu_s li {
  border-top: 1px solid rgba(181, 189, 204, 0.5);
  font-size: 20px;
}
#nav-pc {
  border-bottom: 1px solid rgba(181, 189, 204, 0.5);
}
#nav-pc div.ko_midashi a {
  display: block;
  color: #333;
  background: url("../images/click03.svg") no-repeat 20px center;
  background-size: 20px 20px;
  padding: 20px 10px;
  background-color: #f4fffa;
}
#nav-pc div.ko_midashi a:hover,
h2.midashi:hover,
#nav-pc ul.main-menu_s a:hover {
  background-color: #ffeef2;
  cursor: pointer;
}
#nav-pc div.ko_midashi span {
  display: block;
  padding-left: 44px;
  color: #333;
}
#nav-pc h2.midashi span,
#nav-pc ul.main-menu_s span {
  display: block;
  padding-left: 34px;
  color: #333;
  font-size: 20px;
  font-weight: 400;
}
#nav-pc .main-menu li h2,
#nav-pc ul.main-menu_s li a {
  display: block;
  color: #333;
  padding: 20px 10px;
}
#nav-pc a span:hover {
  color: #ff0000;
}
h2.midashi {
  background: url("../images/click01.svg") no-repeat 10px center;
  background-size: 20px 20px;
}
h2.midashi2 {
  background: url("../images/click02.svg") no-repeat 10px center;
  background-size: 20px 20px;
  background-color: #ffeef2;
}
#nav-pc ul.main-menu_s a {
  background: url("../images/click03.svg") no-repeat 10px center;
  background-size: 20px 20px;
}
/*左メニューPDF資料*/
#nav-pdf {
  width: 100%;
  text-align: left;
  padding: 10px 0;
  border-bottom: 1px solid rgba(181, 189, 204, 0.5);
}
#nav-pdf li,
#panf-pdf li {
  padding: 10px 0px;
}
#nav-pdf p,
#panf-pdf p {
  text-align: center;
}
#nav-pdf span,
#panf-pdf span {
  color: #333;
  padding-left: 30px;
  padding-right: 10px;
  width: 100%;
  display: block;
  background: url("../images/click05.svg") no-repeat 10px center;
  font-size: 20px;
}
#nav-pdf img {
  width: 100%;
  padding: 0 10px;
}
#panf-pdf {
  padding: 10px 0;
  border-bottom: 1px solid rgba(181, 189, 204, 0.5);
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #nav-pdf span,
  #panf-pdf span {
    background-size: 15px;
  }
}
#nav-pdf a span:hover,
#panf-pdf a span:hover {
  color: #00984b;
  cursor: pointer;
}
/*左メニューバナーエリア*/
#nav-banner,
#panf-pdf {
  width: 100%;
  text-align: center;
}
#nav-banner ul li {
  margin: 10px 0;
}
#nav-banner img,
#panf-pdf img {
  width: 90%;
}
#nav-banner a:hover img,
#panf-pdf a:hover img {
  opacity: 0.5;
}

/*フッター*/
#footer {
  margin-top: 30px;
  width: 100%;
}
#footer .footer-title {
  width: 100%;
  text-align: right;
}
#footer .footer-title img {
  width: 35%;
  vertical-align: bottom;
}
#footer .footer-menu {
  width: 100%;
  padding: 20px;
  background-color: #00984b;
  color: #fff;
}
#footer p {
  color: #fff;
  font-size: 1vw;
}
#footer p.sf-menu-index {
  padding: 10px 0;
}
#footer .footer-menu li a {
  display: block;
  color: #fff;
  padding: 5px 6px 5px 0;
}
#footer a p:hover {
  color: #ff0000;
  cursor: pointer;
}
#footer .copyright {
  text-align: center;
  padding: 10px;
}
small {
  margin: 0;
  padding: 0;
}