@charset "UTF-8";
/* CSS Document */
h2 {
  font-size: 36px;
  font-size: 3.6rem;
  color: #4D4D4D;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0.2em; }
  @media screen and (max-width: 575px) {
    h2 {
      font-size: 30px;
      font-size: 3rem; } }

h3 {
  font-size: 30px;
  font-size: 3.0rem;
  font-weight: 400;
  color: #1D8F59;
  letter-spacing: 0.05em; }
  @media screen and (max-width: 575px) {
    h3 {
      font-size: 25px;
      font-size: 2.5rem; } }

h4 {
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: 400;
  margin: 3.5rem 0 2.5rem; }

h5 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 400; }

p {
  font-size: 16px;
  font-size: 1.6rem; }

header #global-nav {
  display: block;
  position: fixed;
  max-width: 100%;
  background-color: #fff;
  width: 100%;
  height: 86px;
  z-index: 10;
  top: 0; }

header .logo {
  margin-left: 5rem; }
  @media screen and (max-width: 991px) {
    header .logo {
      margin-left: 2rem; } }
  header .logo img {
    width: 175px; }
    @media screen and (max-width: 991px) {
      header .logo img {
        width: 150px; } }

.no-gutters {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.header-inner ul {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 86px;
  text-align: right;
  margin: 0 auto; }

.header-inner ul li {
  display: inline-block;
  padding: 0 1.5rem;
  font-size: 17px;
  font-size: 1.7rem; }
  @media screen and (max-width: 1199px) {
    .header-inner ul li {
      padding: 1rem;
      font-size: 15px;
      font-size: 1.5rem; } }
  @media screen and (max-width: 991px) {
    .header-inner ul li {
      padding: 0.5rem; } }
  .header-inner ul li a {
    color: #4d4d4d;
    display: block;
    padding: 0 1rem;
    display: flex;
    align-items: center; }
    .header-inner ul li a img {
      width: 30px;
      padding-right: 1rem; }
    .header-inner ul li a:hover {
      color: #1D8F59; }

.header-inner ul li:last-child {
  height: 100%;
  background-color: #FFD800;
  display: flex;
  justify-content: center;
  align-items: center; }
  .header-inner ul li:last-child:hover {
    color: #FFD800;
    background-color: #FFEB7E; }
  .header-inner ul li:last-child a:hover {
    color: #000; }
  .header-inner ul li:last-child a::after {
    background: none; }

.mail::before {
  font-family: "Font Awesome 5 Free";
  content: "\f0e0";
  padding-right: 2rem；; }

.gmap {
  margin-bottom: 5rem; }
  .gmap + div {
    display: flex;
    justify-content: center;
    align-items: baseline; }
    @media screen and (max-width: 575px) {
      .gmap + div {
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-left: 2rem; } }
    .gmap + div .footer-logo {
      width: 200px; }
    .gmap + div p {
      margin: 0;
      padding-left: 5rem; }
      @media screen and (max-width: 575px) {
        .gmap + div p {
          padding-top: 2rem;
          padding-left: 0; } }

.copyright {
  text-align: center;
  margin-top: 10rem; }
  @media screen and (max-width: 991px) {
    .copyright {
      margin-top: 5rem; } }

.copyright {
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  font-family: 'Noto Sans JP'; }