@charset "UTF-8";
/* CSS Document */
body {
  background: linear-gradient(90deg, #fff 0%, #fff 50%, #F1F7EA 50%, #F1F7EA 100%);
  font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
  line-height: 2em;
}
h1, h2, h3, h4, h5 {
  line-height: 2em;
}
.logo {
    line-height: 0px;
}
h5 {
  font-size: 1.2rem;
}
p.line-half {
  line-height: 1.5em;
}
.bg-white {
  background-color: #FFFFFF;
}
.bg-pink {
  background: linear-gradient(90deg, #fff 0%, #fff 30%, #FF7BA0 30%, #FF7BA0 100%);
  width: 100%;
}
.bg-blue {
  background: linear-gradient(90deg, #00B6EC 0%, #00B6EC 70%, hsla(0, 0%, 100%, 0.0) 70%, hsla(0, 0%, 100%, 0.0) 100%);
  width: 100%;
}
.bg-green {
  background: linear-gradient(90deg, #fff 0%, #fff 30%, #72AF2D 30%, #72AF2D 100%);
  width: 100%;
}
.bg-foot {
  background-color: #F2CF06;
  width: 100%;
  background-image: url(../images/bg-foot.svg);
  background-repeat: no-repeat;
  background-position: 90% center;
  background-size: 500px auto;
}
.box01 {
  top: -100px;
  left: -8.333333%;
  position: absolute;
}
.box02 {
  top: -100px;
  right: -8.333333%;
  position: absolute;
}
.mt-x {
  margin-top: 150px;
}
.mt-top {
  margin-top: 65px;
}
@media (max-width: 991.98px) {
  .mt-top {
    margin-top: 55px;
  }
    .mt-top2 {
         margin-top: 0px!important;
    }
}
@media (max-width: 767.98px) {
  .box01 {
    top: 0px;
    left: 0%;
    position: static;
  }
  .box02 {
    top: -0px;
    right: 0%;
    position: static;
  }
  .bg-pink {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.0) 0%, hsla(0, 0%, 100%, 0.0) 30%, #FF7BA0 30%, #FF7BA0 100%);
    width: 100%;
  }
  .bg-blue {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.0) 0%, hsla(0, 0%, 100%, 0.0) 30%, #00B6EC 30%, #00B6EC 100%);
    width: 100%;
  }
  .bg-green {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.0) 0%, hsla(0, 0%, 100%, 0.0) 30%, #72AF2D 30%, #72AF2D 100%);
    width: 100%;
  }
  .mt-x {
    margin-top: 100px;
  }
}
.title01 {
  top: 40px;
  left: 40px;
  width: 150px;
}
	.sp-br {
    display: inherit;
}
@media (max-width: 767.98px) {
  .title01 {
    top: 40px;
    left: 40px;
    width: 100px;
    height: auto;
  }
}
@media (max-width: 575.98px) {
		.sp-br {
    display: none;
}

.midashi {
    font-size: 14px;
}
}
.bg-box {
  background-color: hsla(0, 0%, 100%, 1.00);
  border: 5px solid #E6E6E6;
}
.btn-nomal {
  color: #fff;
  border: 1px solid #fff;
  padding-left: 70px;
  padding-right: 70px;
  position: relative;
}
.btn-nomal:after {
  content: "";
  display: block;
  width: 30px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  bottom: 50%;
  right: 0px;
  transition: 1.0s;
}
.btn-nomal:hover {
  color: #fff !important;
  background-color: hsla(0, 0%, 100%, 0.20);
  border: 1px solid #fff;
}
.btn-nomal:hover:after {
  color: #fff !important;
  width: 50px;
}
.btn-nomal:focus, .btn-nomal.focus {
  color: #fff !important;
  background-color: #fff;
  border-color: #fff;
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}
.btn-black {
  color: #fff;
  border: 1px solid #000;
  padding-left: 70px;
  padding-right: 70px;
  position: relative;
	 background-color: #000;
}
.btn-black:after {
  content: "";
  display: block;
  width: 30px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  bottom: 50%;
  right: 0px;
  transition: 1.0s;
}
.btn-black:hover {
    color: #000 !important;
    background-color: hsla(0,0%,0%,0.20);
    border: 1px solid #000;
}
.btn-black:hover:after {
  color: #000 !important;
  width: 50px;
	background-color: #000;
}
.btn-black:focus, .btn-black.focus {
  color: #000 !important;
  background-color: #000;
  border-color: #000;
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}
.btn-green {
  color: #fff;
  border: 1px solid #fff;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  transition: 0.5s;
  background-color: #006837;
}
.btn-green2 {
  color: #fff;
  background-color: #006837;
}
.btn-green:hover {
  color: #fff !important;
  background-color: hsla(159, 100%, 31%, 1.00);
  border: 1px solid #fff;
}
.btn-green:focus, .btn-green.focus {
  color: #fff !important;
  background-color: #fff;
  border-color: #fff;
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}
.gmap {
  box-shadow: 10px 10px 0px 0 #666666;
}
.footline {
  line-height: 1em;
}
.navbar-light .navbar-nav .nav-link {
  color: #000;
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: #000;
}
@media (min-width: 992px) {
  .nav-item {
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
  }
  .nav-item:after {
    content: "";
    display: block;
    width: 1px;
    height: 20px;
    background-color: #000;
    position: absolute;
    bottom: 30%;
    right: 0px;
  }
  .nav-item:last-child:after {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    background-color: #000;
    position: absolute;
    bottom: 30%;
    right: 0px;
  }
}
@media (max-width: 991.98px) {
  h5 {
    line-height: 2em;
    font-size: 1rem;
  }
  .btn-green {
    margin-top: 30px;
    margin-bottom: 50px;
  }
  .nav-item {
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 15px;
    padding-top: 15px;
  }
  .nav-item:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #000;
    position: absolute;
    bottom: 0%;
    right: 0px;
  }
  .navbar-light .navbar-toggler {
    color: #016837;
    border-color: #FFFFFF;
    background-color: #016837;
  }
  .navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  }
  .navbar-brand {
    max-width: 70%;
  }
}
.oubo {
    display: flex;
	align-items: stretch;
	flex-wrap: wrap;
}
.oubo dt,.oubo dd {
    font-weight: normal;
    border-bottom: 1px solid #000000;
	    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
.oubo dt {
    width: 30%;
}
.oubo dd {
   width: 70%;
}
@media (max-width: 767.98px) {
	.bg-foot p {
    font-size: 80%;
    line-height: 1.5em;
}
	.oubo {
    display: inherit;
    align-items: stretch;
    flex-wrap: wrap;
}
.oubo dt,.oubo dd {
    font-weight: normal;
    border-bottom: 1px solid #000000;
	    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
.oubo dt {
    width: 100%;
    border-top: 1px solid #000000;
	  border-bottom: 1px solid #000000;
}
.oubo dd {
   width: 100%;
}
}
ul.bread li {
    position: relative;
	padding-right: 20px;
}
ul.bread li:after {
    content: "＞";
    display: block;
    position: absolute;
    top: 0%;
    right: -5px;
}
ul.bread li:last-child:after {
    content: "";
    display: block;
    position: absolute;
    color: rgba(1,104,54,1.00);
}
.flower-spinner,  .flower-spinner * {
      box-sizing: border-box;
    }

    .flower-spinner {
    height: 70px;
    width: 70px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: calc(50vh - 70px);
    }

    .flower-spinner .dots-container {
      height: calc(70px / 7);
      width: calc(70px / 7);
    }

    .flower-spinner .smaller-dot {
      background: #FFC51C;
      height: 100%;
      width: 100%;
      border-radius: 50%;
      animation: flower-spinner-smaller-dot-animation 2.5s 0s infinite both;

    }

    .flower-spinner .bigger-dot {
    background-color: #FFC51C;
    height: 100%;
    width: 100%;
    padding: 10%;
    border-radius: 50%;
    animation: flower-spinner-bigger-dot-animation 2.5s 0s infinite both;
    }

    @keyframes flower-spinner-bigger-dot-animation {
      0%, 100% {
        box-shadow: rgb(44,102,60) 0px 0px 0px,
        rgb(44,102,60) 0px 0px 0px,
        rgb(44,102,60) 0px 0px 0px,
        rgb(44,102,60) 0px 0px 0px,
        rgb(44,102,60) 0px 0px 0px,
        rgb(44,102,60) 0px 0px 0px,
        rgb(44,102,60) 0px 0px 0px,
        rgb(44,102,60) 0px 0px 0px;
      }

      50% {
        transform: rotate(180deg);
      }

      25%, 75% {
        box-shadow: rgb(44,102,60) 26px 0px 0px,
        rgb(44,102,60) -26px 0px 0px,
        rgb(44,102,60) 0px 26px 0px,
        rgb(44,102,60) 0px -26px 0px,
        rgb(44,102,60) 19px -19px 0px,
        rgb(44,102,60) 19px 19px 0px,
        rgb(44,102,60) -19px -19px 0px,
        rgb(44,102,60) -19px 19px 0px;
      }

      100% {
        transform: rotate(360deg);
        box-shadow: rgb(44,102,60) 0px 0px 0px,
        rgb(44,102,60) 0px 0px 0px,
        rgb(44,102,60) 0px 0px 0px,
        rgb(44,102,60) 0px 0px 0px,
        rgb(44,102,60) 0px 0px 0px,
        rgb(44,102,60) 0px 0px 0px,
        rgb(44,102,60) 0px 0px 0px,
        rgb(44,102,60) 0px 0px 0px;
      }
    }

    @keyframes flower-spinner-smaller-dot-animation {
      0%, 100% {
        box-shadow: rgb(44,102,60) 0px 0px 0px,
        rgb(44,102,60) 0px 0px 0px,
        rgb(44,102,60) 0px 0px 0px,
        rgb(44,102,60) 0px 0px 0px,
        rgb(44,102,60) 0px 0px 0px,
        rgb(44,102,60) 0px 0px 0px,
        rgb(44,102,60) 0px 0px 0px,
        rgb(44,102,60) 0px 0px 0px;
      }

      25%, 75% {
        box-shadow: rgb(44,102,60) 14px 0px 0px,
        rgb(44,102,60) -14px 0px 0px,
        rgb(44,102,60) 0px 14px 0px,
        rgb(44,102,60) 0px -14px 0px,
        rgb(44,102,60) 10px -10px 0px,
        rgb(44,102,60) 10px 10px 0px,
        rgb(44,102,60) -10px -10px 0px,
        rgb(44,102,60) -10px 10px 0px;
      }

      100% {
        box-shadow: rgb(44,102,60) 0px 0px 0px,
        rgb(44,102,60) 0px 0px 0px,
        rgb(44,102,60) 0px 0px 0px,
        rgb(44,102,60) 0px 0px 0px,
        rgb(44,102,60) 0px 0px 0px,
        rgb(44,102,60) 0px 0px 0px,
        rgb(44,102,60) 0px 0px 0px,
        rgb(44,102,60) 0px 0px 0px;
      }
    }
@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        display: none;
        opacity: 0;
        z-index: -1;
    }
}

#loader {
    width: 100%;
    height: 100vh;
    background-color: #fff;
    position: absolute;    /* 環境によって「z-index」追加 */
    z-index: 1031;
}

/* 読み込み完了後に「loaded」を付与する */
#loader.loaded {
    animation: fadeOut 3s forwards;
}
@media (max-width: 575.98px) {
    .logo {
    width: 250px;
}
}
.mobtop {
    position: absolute;
    width: 84%;
    margin-left: 8%;
    margin-right: 8%;
    top: 30px;
    z-index: 10;
}
.news {
    border-top: 1px solid #006A31;
    border-bottom: 1px solid #006A31;
    color: #006A31;
    font-weight: bold;
}
.fb {
    position: absolute;
    z-index: 5;
    width: 100px;
    bottom: 20px;
    right: 20px;
}
.fb:hover {
    opacity: 0.7;
}
@media (max-width: 767.98px) {
    .fb {
    width: 80px;
}
}