@charset "UTF-8";
@import url(../config/base.scss);
@media (min-width: 0.08px) { .cp_name:hover { text-decoration: none !important; }
  .cp_name h1 { font-family: 'keifont', 'sans-serif'; color: #3A9200; margin: 2px 0; }
  nav { display: flex; justify-content: space-between; max-width: 1200px; margin: auto; }
  nav * { display: block; }
  nav ul { display: flex; justify-content: center; align-items: center; margin-bottom: 0px; }
  nav ul li { display: flex; justify-content: center; align-items: center; margin-bottom: 0px; }
  .headerCall { display: flex; justify-content: center; align-items: center; margin-bottom: 0px; }
  nav ul li a { padding: 10px 14px; letter-spacing: 3px; /* font-family: 'corporate'; */ font-family: "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro"; font-weight: 600; color: #112605; transition-duration: 0.2s; }
  nav ul li a:hover { color: #3A9200; font-weight: bold; text-decoration: none; transition-duration: 0.3s; }
  .headerCall img { max-height: 40px; width: auto; }
  header { box-shadow: 0px 0px 8px -5px #777777; background-color: white; }
  .IMGheaderCallSm { display: none; }
  .IMGheaderCall { display: flex; } }
@media (min-width: 0.08px) and (max-width: 1200.98px) { nav { display: flex; justify-content: space-between; max-width: 1200px; margin: auto; padding-right: 20px; padding-left: 20px; } }
@media (min-width: 0.08px) and (max-width: 1024.98px) and (max-width: 992.98px) { nav ul li a { padding: 10px; letter-spacing: 1px; font-family: 'corporate'; color: #112605; }
  .headerCall img { max-height: 40px; width: auto; } }
@media (min-width: 0.08px) and (max-width: 1024.98px) and (max-width: 992.98px) and (max-width: 960.98px) and (max-width: 781.98px) { nav ul { display: none; }
  .menu-btn span { background-color: #112605; }
  .menu-btn span:before, .menu-btn span:after { background-color: #112605; }
  nav { justify-content: space-around; } }
@media (min-width: 0.08px) and (max-width: 1024.98px) and (max-width: 992.98px) and (max-width: 960.98px) and (max-width: 781.98px) and (max-width: 575.98px) { .sp-menu { display: flex; justify-content: center; align-items: center; margin-bottom: 0px; }
  .IMGheaderCall { display: none; }
  .IMGheaderCallSm { display: flex; }
  .headerCall img { max-height: 24px; }
  nav a h1 { font-size: 24px; } }
@media (min-width: 0.08px) and (max-width: 1024.98px) and (max-width: 992.98px) and (max-width: 960.98px) and (max-width: 781.98px) and (max-width: 575.98px) and (max-width: 540.98px) { .headerCall img { display: none; }
  nav { justify-content: center; } }
@media (min-width: 0.08px) and (max-width: 1024.98px) and (max-width: 992.98px) and (max-width: 960.98px) and (max-width: 781.98px) and (max-width: 575.98px) and (max-width: 540.98px) and (max-width: 414.98px) and (max-width: 411.98px) and (max-width: 375.98px) and (max-width: 360.98px) and (max-width: 320.98px) and (max-width: 280.98px) { .menu-btn { top: 9px; } }
/* end of fix propatys */
@media (min-width: 0.08px) { .sp-menu { display: none; }
  .menu-btn { position: fixed; top: 0px; right: 0px; display: flex; height: 40px; width: 40px; justify-content: center; align-items: center; z-index: 90; background-color: rgba(0, 0, 0, 0); margin-bottom: 0px; }
  .menu-btn span { content: ''; display: block; height: 3px; width: 25px; border-radius: 3px; background-color: black; position: absolute; }
  .menu-btn span:before, .menu-btn span:after { content: ''; display: block; height: 3px; width: 25px; border-radius: 3px; background-color: black; position: absolute; }
  .menu-btn span:before { bottom: 8px; }
  .menu-btn span:after { top: 8px; }
  #menu-btn-check { display: none; }
  #menu-btn-check:checked ~ .menu-btn span { background-color: rgba(255, 255, 255, 0); }
  #menu-btn-check:checked ~ .menu-btn span::before { bottom: 0; transform: rotate(45deg); }
  #menu-btn-check:checked ~ .menu-btn span::after { top: 0; transform: rotate(-45deg); }
  #menu-btn-check:checked ~ .menu-content { left: 0; /*メニューを画面内へ*/ }
  .menu-content { width: 100%; height: 100%; position: fixed; top: 0; left: 100%; /*leftの値を変更してメニューを画面外へ*/ z-index: 80; background-color: rgba(255, 255, 255, 0.8); transition: all 0.5s; /*アニメーション設定*/ }
  .menu-content ul { padding: 70px 10px 0; }
  .menu-content ul li { border-bottom: solid 1px black; list-style: none; }
  .menu-content ul li a { display: block; width: 100%; font-size: 15px; box-sizing: border-box; color: black; text-decoration: none; padding: 9px 15px 10px 0; position: relative; }
  .menu-content ul li a::before { content: ""; width: 7px; height: 7px; border-top: solid 2px black; border-right: solid 2px black; transform: rotate(45deg); position: absolute; right: 11px; top: 16px; } }
@media (min-width: 0.08px) and (max-width: 1024.98px) and (max-width: 991.98px) and (max-width: 960.98px) { .sp-menu { display: block; }
  .menu-btn { z-index: 90; background-color: rgba(0, 0, 0, 0); margin-bottom: 0px; top: -1px; right: 10px; } }
@media screen and (min-width: 0.08px) and (max-width: 1024.98px) and (max-width: 991.98px) and (max-width: 960.98px) and (max-width: 900.98px) and (max-width: 768.98px) and (max-width: 575.98px) { .menu-content { background-color: rgba(255, 255, 255, 0.94); }
  .menu-content li { margin-bottom: 20px; }
  .menu-content ul li a { font-size: 20px; font-weight: bold; }
  .menu-btn { top: -2px; right: 3px; } }
@media screen and (min-width: 0.08px) and (max-width: 1024.98px) and (max-width: 991.98px) and (max-width: 960.98px) and (max-width: 900.98px) and (max-width: 768.98px) and (max-width: 575.98px) and (max-width: 540.98px) and (max-width: 414.98px) and (max-width: 411.98px) and (max-width: 375.98px) and (max-width: 360.98px) and (max-width: 320.98px) { .menu-btn { top: -2px; right: 3px; } }
@media screen and (min-width: 0.08px) and (max-width: 1024.98px) and (max-width: 991.98px) and (max-width: 960.98px) and (max-width: 900.98px) and (max-width: 768.98px) and (max-width: 575.98px) and (max-width: 540.98px) and (max-width: 414.98px) and (max-width: 411.98px) and (max-width: 375.98px) and (max-width: 360.98px) and (max-width: 320.98px) and (max-width: 280.98px) { .menu-btn { top: -2px; right: -2px; }
  .menu-btn span { content: ''; display: block; height: 2px; width: 20px; border-radius: 3px; background-color: black; position: absolute; }
  .menu-btn span:before, .menu-btn span:after { content: ''; display: block; height: 2px; width: 20px; border-radius: 3px; background-color: black; position: absolute; }
  .menu-btn span:before { bottom: 6px; }
  .menu-btn span:after { top: 6px; } }

/*# sourceMappingURL=header.css.map */