html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block
}

body {
  line-height: 1
}

ol, ul {
  list-style: none
}

blockquote, q {
  quotes: none
}

blockquote:before, blockquote:after {
  content: "";
  content: none
}

q:before, q:after {
  content: "";
  content: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0
}

.slick-list:focus {
  outline: none
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none
}

[dir=rtl] .slick-slide {
  float: right
}

.slick-slide img {
  display: block
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid rgba(0, 0, 0, 0)
}

.slick-arrow.slick-hidden {
  display: none
}

.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat
}

@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal
}

.slick-prev, .slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  color: rgba(0, 0, 0, 0);
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  outline: none;
  background: rgba(0, 0, 0, 0);
  color: rgba(0, 0, 0, 0)
}

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
  opacity: 1
}

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
  opacity: .25
}

.slick-prev:before, .slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: #fff;
  opacity: .75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.slick-prev {
  left: -25px
}

[dir=rtl] .slick-prev {
  left: auto;
  right: -25px
}

.slick-prev:before {
  content: "←"
}

[dir=rtl] .slick-prev:before {
  content: "→"
}

.slick-next {
  right: -25px
}

[dir=rtl] .slick-next {
  left: -25px;
  right: auto
}

.slick-next:before {
  content: "→"
}

[dir=rtl] .slick-next:before {
  content: "←"
}

.slick-dotted.slick-slider {
  margin-bottom: 30px
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer
}

.slick-dots li button {
  border: 0;
  background: rgba(0, 0, 0, 0);
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: rgba(0, 0, 0, 0);
  padding: 5px;
  cursor: pointer
}

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: #000;
  opacity: .25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
  color: #000;
  opacity: .75
}

html {
  font-size: 62.5%
}

body {
  font-size: 1.6rem;
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Verdana, "メイリオ", Meiryo, sans-serif;
  -webkit-text-size-adjust: 100%;
  font-feature-settings: "palt";
  letter-spacing: .6px;
  color: #534c41
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  ::i-block-chrome, body {
    font-feature-settings: "pkna"
  }
}

b, strong, .bold {
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Segoe UI", Verdana, "メイリオ", Meiryo, sans-serif;
  font-weight: bold
}

@font-face {
  font-family: "GenJyuuGothic";
  font-style: normal;
  src: url(../font/GenJyuuGothic-Monospace-Medium.woff2) format("woff2"), url(../font/GenJyuuGothic-Monospace-Medium.woff) format("woff"), url(../font/GenJyuuGothic-Monospace-Medium.otf) format("opentype")
}

@font-face {
  font-family: "GenJyuuGothic-normal";
  font-style: normal;
  src: url(../font/GenJyuuGothic-Monospace-Normal.woff2) format("woff2"), url(../font/GenJyuuGothic-Monospace-Normal.woff) format("woff"), url(../font/GenJyuuGothic-Monospace-Normal.otf) format("opentype")
}

.clearfix:before, .clearfix:after {
  content: "";
  display: block;
  overflow: hidden
}

.clearfix:after {
  clear: both
}

.clearfix {
  zoom: 1
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box
}

body {
  -webkit-animation: fadeIn 2s ease 0s 1 normal;
  animation: fadeIn 2s ease 0s 1 normal
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

.pc-on {
  display: none
}

@media print, screen and (min-width: 1024px) {
  .pc-on {
    display: block
  }
}

.sp-on {
  display: block
}

@media print, screen and (min-width: 1024px) {
  .sp-on {
    display: none
  }
}

@media print, screen and (min-width: 1024px) {
  .inner {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto
  }
}

@media only screen and (min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none;
    text-decoration: none;
    color: #534c41
  }
}

.topBtn {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: block;
  background: #009a5a;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  font-size: 11px;
  width: 58px;
  height: 58px;
  text-align: center;
  line-height: 20px;
  border-radius: 30px;
  padding-top: 28px;
  box-sizing: border-box;
  border: 2px solid #009a5a
}

.topBtn:before {
  content: "▲";
  position: absolute;
  top: 8px;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 20px
}

.topBtn:hover {
  background: #fff;
  color: #009a5a
}

.wrapper {
  position: relative
}

.home header .inner h1 {
  width: 240px
}

@media print, screen and (min-width: 1024px) {
  .home header .inner h1 {
    width: 337px;
    margin: .5em auto 1.5em auto
  }
}

header .inner {
  position: relative
}

header .inner .name_sub {
  color: #009a5a;
  padding: 1em 0 0 1em;
  font-family: "GenJyuuGothic-normal";
  font-size: 1.4rem
}

@media print, screen and (min-width: 1024px) {
  header .inner .name_sub {
    padding: 1em 0 0;
    font-size: 1.5rem
  }
}

header .inner h1 {
  text-align: center;
  margin: .8em auto;
  width: 60%
}

@media only screen and (min-width: 768px) {
  header .inner h1 {
    margin: .5em auto 1.2em auto;
    width: 300px
  }
}

@media print, screen and (min-width: 1024px) {
  header .inner h1 {
    margin: 0 auto 1.25em auto
  }
}

header .inner h1 a {
  display: inline-block
}

header .inner h1 img {
  width: 100%;
  height: auto
}

header .inner .btn-boshu {
  position: absolute;
  top: 170px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  z-index: 1
}

@media only screen and (min-width: 768px) {
  header .inner .btn-boshu {
    top: 80px;
    left: 0;
    right: auto;
    text-align: left
  }
}

header .inner .btn-boshu a {
  background: #ff8c00;
  padding: .5em 2.6em .5em 1.6em;
  color: #fff;
  border-radius: 35px;
  text-decoration: none;
  font-weight: bold;
  font-size: 2.4rem;
  display: inline-block;
  position: relative
}

header .inner .btn-boshu a::after {
  position: absolute;
  content: "";
  top: 40%;
  right: 1.2em;
  width: 8px;
  height: 8px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg)
}

header .inner .menu-sub {
  display: none
}

@media print, screen and (min-width: 1024px) {
  header .inner .menu-sub {
    display: inherit;
    position: absolute;
    top: 0;
    right: 0
  }
}

header .inner .menu-sub li {
  float: left;
  margin: 0 0 0 10px;
  font-family: "GenJyuuGothic-normal"
}

header .inner .menu-sub li a {
  display: block;
  background: #f5fbe5;
  color: #009a5a;
  padding: .9em;
  text-decoration: none;
  font-size: 1.5rem;
  border-radius: 0 0 6px 6px
}

.btn {
  position: fixed;
  top: 0px;
  right: 0px;
  width: 56px;
  height: 56px;
  z-index: 10;
  background: #f5fbe5;
  border: none;
  border-radius: 0 0 0 5px
}

@media print, screen and (min-width: 1024px) {
  .btn {
    display: none
  }
}

.btn-line {
  display: block;
  position: relative;
  width: 100%;
  height: 4px;
  background-color: #009a5a;
  border-radius: 5px;
  transition: .2s
}

.btn-line::before, .btn-line::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #009a5a;
  transition: .5s;
  border-radius: 5px
}

.btn-line::before {
  top: 2px;
  transform: translateY(-16px)
}

.btn-line::after {
  top: -2px;
  transform: translateY(16px)
}

.btn-line.open {
  background-color: rgba(0, 0, 0, 0)
}

.btn-line.open::before, .btn-line.open::after {
  content: "";
  background-color: #009a5a;
  transition: .2s;
  top: 0
}

.btn-line.open::before {
  transform: rotate(45deg)
}

.btn-line.open::after {
  transform: rotate(-45deg)
}

.menu {
  position: fixed;
  top: 0;
  right: -70%;
  width: 70%;
  height: 100vh;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  color: #fff;
  background-color: #009a5a;
  transition: .3s;
  z-index: 2
}

@media only screen and (min-width: 768px) {
  .menu {
    right: -36%;
    width: 36%
  }
}

@media print, screen and (min-width: 1024px) {
  .menu {
    display: flex;
    flex-direction: row;
    justify-content: center;
    position: inherit;
    left: 0;
    right: 0;
    width: auto;
    height: 25px;
    background: none;
    margin: 1em 0 2em
  }
}

.menu ul {
  padding: 2em 0 0 0;
  font-size: 0
}

@media only screen and (min-width: 768px) {
  .menu ul {
    padding: 0
  }
}

.menu ul li {
  text-align: center;
  font-family: "GenJyuuGothic-normal";
  letter-spacing: .1em;
  font-size: 1.6rem;
  width: 100%;
  border-bottom: 1px dotted #fff;
  position: relative
}

@media only screen and (min-width: 768px) {
  .menu ul li {
    display: inline-block;
    font-size: 1.6rem;
    border: none
  }
}

@media print, screen and (min-width: 1024px) {
  .menu ul li {
    width: inherit
  }
}

.menu ul li::before {
  position: absolute;
  content: "";
  top: 0px;
  left: 0;
  width: 2px;
  height: 40px;
  background-image: linear-gradient(to bottom, #009a5a, #009a5a 2px, transparent 2px, transparent 8px);
  background-size: 2px 6px;
  background-repeat: repeat-y
}

@media print, screen and (min-width: 1024px) {
  .menu ul li:first-child::before {
    content: none
  }
}

.menu ul li a {
  color: #534c41;
  text-decoration: none;
  padding: .8em;
  display: block;
  color: #fff
}

@media print, screen and (min-width: 1024px) {
  .menu ul li a {
    padding: .8em 1em;
    display: inherit;
    color: #534c41
  }
}

@media only screen and (min-width: 768px) {
  .menu ul li a:hover {
    color: #009a5a
  }
}

@media print, screen and (min-width: 1024px) {
  .menu ul li.sp-on {
    display: none
  }
}

.menu.open {
  right: 0
}

@media print, screen and (min-width: 1024px) {
  .menu.fixed {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    height: 60px;
    width: 100%;
    background: rgba(255, 255, 255, .9);
    margin: 0;
    padding: .5em 0 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2)
  }
}

dl {
  border-top: none;
  width: 100%;
  clear: both;
  margin: 0 0 1.5em;
  text-align: left
}

dl dt {
  padding: .5em 0;
  line-height: 1.5em;
  border-top: 1px dotted #009a5a;
  width: 100%
}

@media print, screen and (min-width: 1024px) {
  dl dt {
    float: left;
    width: 20%
  }
}

dl dd {
  padding: .5em 0;
  line-height: 1.5em;
  margin-left: 0;
  border-top: 1px dotted #009a5a
}

dl dd a {
  color: #534c41
}

dl dd a:hover {
  opacity: .7
}

@media print, screen and (min-width: 1024px) {
  dl dd {
    margin-left: 20%
  }
}

.img-box {
  overflow: hidden;
  width: 100%;
  height: 160px;
  background: #fff
}

@media print, screen and (min-width: 1024px) {
  .img-box {
    height: 200px
  }
}

.img-box img {
  display: block;
  transition-duration: .5s
}

.img-box img:hover {
  transform: scale(1.1);
  transition-duration: .5s;
  opacity: .6
}

#home_visual {
  background: url(../img/slider_photo01.jpg) no-repeat center bottom;
  background-size: cover;
  height: 300px;
  clear: both;
  margin: 0 0 2em;
  position: relative
}

@media only screen and (min-width: 768px) {
  #home_visual {
    margin: 0;
    height: 600px
  }
}

#home_visual::after {
  position: absolute;
  content: "";
  bottom: -1px;
  left: 0;
  right: 0;
  width: 100%;
  background: url(../img/arch2.png) center 0;
  background-size: cover;
  height: 46px
}

@media only screen and (min-width: 768px) {
  #home_visual::after {
    background: url(../img/arch2.png) center 0;
    background-size: auto;
    height: 160px
  }
}

@media print, screen and (min-width: 1024px) {
  #home_visual::after {
    bottom: 0;
    background: url(../img/arch2.png) center 0;
    background-size: auto;
    height: 160px
  }
}

#home_visual .copy {
  font-size: 2rem;
  line-height: 1.6;
  color: #754c24;
  position: absolute;
  top: 44%;
  left: 50%;
  transform: translate(-50%, -36%);
  margin: auto;
  text-align: center;
  font-family: "GenJyuuGothic";
  letter-spacing: .1em;
  white-space: nowrap;
  text-shadow: 0 0 5px rgba(255, 255, 255, .8), 0 0 5px rgba(255, 255, 255, .8), 0 0 5px rgba(255, 255, 255, .8), 0 0 3px rgba(255, 255, 255, .8), 0 0 3px rgba(255, 255, 255, .8)
}

@media only screen and (min-width: 768px) {
  #home_visual .copy {
    font-size: 3rem;
    top: 3.6em;
    left: 2em;
    transform: none
  }
}

@media print, screen and (min-width: 1024px) {
  #home_visual .copy {
    left: 10%
  }
}

#home_about {
  padding: 2em 2em 4em 2em;
  background: url(../img/bg_maru.png) left -30px;
  background-size: 280%
}

@media only screen and (min-width: 768px) {
  #home_about {
    padding: 4em 0 0;
    background: url(../img/bg_maru.png) no-repeat center 0;
    background-size: auto
  }
}

@media only screen and (min-width: 768px) {
  #home_about .inner {
    display: flex;
    padding: 0 6em
  }
}

#home_about .inner h2 {
  color: #009a5a;
  margin: 0 0 .6em;
  font-size: 2.1rem;
  line-height: 1.5;
  letter-spacing: .1em;
  position: relative;
  font-family: "GenJyuuGothic"
}

@media only screen and (min-width: 768px) {
  #home_about .inner h2 {
    margin: 0;
    font-size: 2.3rem;
    line-height: 2.6;
    margin: 0 4em 0 0;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl
  }
}

@media print, screen and (min-width: 1024px) {
  #home_about .inner h2 {
    margin: 0 7em 0 0;
    height: 300px
  }
}

@-moz-document url-prefix() {
  #home_about .inner h2 {
    letter-spacing: .5em
  }
}

#home_about .inner h2::after {
  position: absolute;
  content: "";
  top: -15px;
  left: 0;
  width: 100px;
  height: 2px;
  background-image: linear-gradient(to right, #009a5a, #009a5a 2px, transparent 2px, transparent 8px);
  background-size: 6px 2px;
  background-repeat: repeat-x
}

@media only screen and (min-width: 768px) {
  #home_about .inner h2::after {
    top: 7px;
    left: inherit;
    right: -35px;
    width: 2px;
    height: 110px;
    background-image: linear-gradient(to bottom, #009a5a, #009a5a 2px, transparent 2px, transparent 8px);
    background-size: 2px 6px;
    background-repeat: repeat-y
  }
}

#home_about .inner .about_txt p {
  line-height: 2.2
}

#home_about .inner .about_txt .btn-detail {
  float: right;
  margin: 3em 0 0
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, #home_about .inner h2 {
    letter-spacing: .5em
  }
}

.slider_flw {
  padding: 1em 0 3em 0;
  clear: both
}

@media only screen and (min-width: 768px) {
  .slider_flw {
    padding: 2em 0 3em 0
  }
}

.slider_flw div {
  margin: 0;
  padding: 10px
}

@media only screen and (min-width: 768px) {
  .slider_flw div {
    margin: 0;
    padding: 20px
  }
}

.slider_flw div img {
  width: 100%;
  height: auto;
  border-radius: 50%
}

.btn-detail a {
  color: #009a5a;
  padding-left: 3.4em;
  position: relative
}

.btn-detail a::before {
  position: absolute;
  content: "";
  width: 36px;
  height: 8px;
  top: 2px;
  bottom: 0;
  left: 0;
  margin: auto 0;
  border-bottom: 1px solid #009a5a;
  border-right: 1px solid #009a5a;
  transform: skew(45deg);
  transition: all .5s ease
}

.btn-detail a:hover::before {
  left: 4px
}

#home_service {
  padding: 0 0 4em 0;
  background: #f5fbe5
}

#home_service h2 {
  color: #009a5a;
  text-align: center;
  margin: 0 0 2em;
  padding: 0 0 1.8em;
  font-size: 2.8rem;
  letter-spacing: .06em;
  background: #fff;
  position: relative;
  font-family: "GenJyuuGothic"
}

#home_service h2::before {
  position: absolute;
  content: "";
  bottom: -160px;
  left: 0;
  right: 0;
  width: 100%;
  background: url(../img/arch.png) center 0;
  background-size: auto;
  height: 160px
}

#home_service h2::after {
  position: absolute;
  content: "";
  bottom: 26px;
  left: 0;
  right: 0;
  margin: auto;
  width: 80px;
  height: 4px;
  background: #98d800;
  border-radius: 10px
}

#home_service .inner {
  padding: 0 1.5em
}

@media only screen and (min-width: 768px) {
  #home_service .inner {
    padding: 0
  }
}

@media only screen and (min-width: 768px) {
  #home_service .inner ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0 3em
  }
}

@media print, screen and (min-width: 1024px) {
  #home_service .inner ul {
    padding: 0 13.51em
  }
}

#home_service .inner ul li {
  width: 100%;
  text-align: center;
  margin: 0 0 1em
}

@media only screen and (min-width: 768px) {
  #home_service .inner ul li {
    width: 42%;
    margin: 4%
  }
}

#home_service .inner ul li a {
  color: #754c24;
  text-decoration: none
}

#home_service .inner ul li a .img-box {
  border-radius: 20px;
  box-shadow: 10px 10px #fff
}

#home_service .inner ul li a img {
  width: 100%;
  height: auto
}

#home_service .inner ul li h3 {
  padding: 1.2em 0 0
}

#home_recruit {
  padding: 3.6em 0 3em 0;
  background: #009a5a;
  text-align: center
}

#home_recruit h2 {
  color: #fff;
  text-align: center;
  margin: 0 0 2.3em;
  font-size: 2.7rem;
  letter-spacing: .15em;
  position: relative;
  font-family: "GenJyuuGothic"
}

#home_recruit h2::after {
  position: absolute;
  content: "";
  bottom: -26px;
  left: 0;
  right: 0;
  margin: auto;
  width: 80px;
  height: 4px;
  background: #98d800;
  border-radius: 10px
}

#home_recruit p {
  text-align: center;
  margin: 0 0 2em;
  color: #fff;
  font-size: 1.8rem
}

#home_recruit .btn-detail-maru {
  margin: 0
}

#home_recruit .btn-detail-maru a {
  background: #fff;
  color: #009a5a;
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  font-size: 1.4rem;
  line-height: 1.45
}

#home_recruit .btn-detail-maru a span {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 54%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 80px;
  text-align: center
}

#home_recruit .btn-detail-maru a:hover {
  background: #f5fbe5
}

#home_news {
  padding: 4.6em 0
}

#home_news .inner {
  text-align: center;
  padding: 0 1.5em
}

@media only screen and (min-width: 768px) {
  #home_news .inner {
    padding: 0;
    display: flex;
    justify-content: center
  }
}

#home_news .inner h2 {
  display: inline-block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #009a5a;
  text-align: center;
  line-height: 80px;
  color: #fff;
  margin: 0 0 1.6em;
  font-family: "GenJyuuGothic"
}

@media only screen and (min-width: 768px) {
  #home_news .inner h2 {
    margin: 0 3em 0 0
  }
}

#home_news .inner .news_list {
  border: 1px solid #009a5a;
  padding: 2.4em 2.4em 1.8em 2.4em;
  border-radius: 20px;
  width: 100%
}

@media only screen and (min-width: 768px) {
  #home_news .inner .news_list {
    width: 76%;
    padding: 1.8em 3.2em
  }
}

#home_news .inner .news_list dl {
  margin: 0
}

#home_news .inner .news_list dl dt {
  padding: .8em 0
}

@media print, screen and (min-width: 1024px) {
  #home_news .inner .news_list dl dt:first-of-type {
    border-top: none
  }
}

#home_news .inner .news_list dl dd {
  padding: .8em 0
}

@media print, screen and (min-width: 1024px) {
  #home_news .inner .news_list dl dd:first-of-type {
    border-top: none
  }
}

#home_news .news-list {
  width: 100%;
  margin: 1em 0 0;
  text-align: center;
  position: relative
}

@media only screen and (min-width: 768px) {
  #home_news .news-list {
    max-width: 1000px;
    margin: 0 auto;
    text-align: left
  }
}

#home_news .news-list .btn-detail {
  display: inline-block;
  font-size: 1.5rem
}

@media only screen and (min-width: 768px) {
  #home_news .news-list .btn-detail {
    position: absolute;
    top: 0;
    left: 0
  }
}

@media only screen and (min-width: 768px) {
  #home_news .news-in {
    position: relative;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto
  }
}

#home_news .news-in .btn-detail {
  text-align: center;
  padding: 25px 0 0
}

@media only screen and (min-width: 768px) {
  #home_news .news-in .btn-detail {
    padding: 0;
    position: absolute;
    top: 110px;
    left: 50px
  }
}

.icn-new {
  background: red;
  color: #fff;
  border-radius: 3px;
  padding: .1em .3em;
  font-size: 1.2rem
}

#home_access {
  margin: 0 0 4em
}

@media only screen and (min-width: 768px) {
  #home_access .inner {
    display: flex
  }
}

#home_access .inner .map, #home_access .inner .access_info {
  width: 100%
}

@media only screen and (min-width: 768px) {
  #home_access .inner .map, #home_access .inner .access_info {
    width: 50%
  }
}

#home_access .inner .map {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative
}

#home_access .inner .map iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%
}

#home_access .inner .access_info {
  padding: 2em
}

@media only screen and (min-width: 768px) {
  #home_access .inner .access_info {
    padding: 3em 2em 0 2em
  }
}

@media print, screen and (min-width: 1024px) {
  #home_access .inner .access_info {
    padding: 4.5em 0 0 4.5em
  }
}

#home_access .inner .access_info h2 {
  color: #009a5a;
  font-size: 2.4rem;
  margin: 0 0 1.4em;
  font-family: "GenJyuuGothic"
}

#home_access .inner .access_info h3 {
  background: #009a5a;
  color: #fff;
  border-radius: 6px;
  font-size: 1.7rem;
  margin: 0 0 1em;
  padding: .6em .9em
}

#home_access .inner .access_info p {
  margin: 0 0 1.8em;
  line-height: 1.5
}

#home_access .inner .access_info ul {
  margin: 0 0 1em
}

#home_access .inner .access_info ul li {
  line-height: 1.5;
  list-style: none;
  margin: 0 0 .8em;
  padding: 0 0 0 1.5em;
  position: relative
}

#home_access .inner .access_info ul li::before {
  position: absolute;
  content: "";
  top: 10px;
  left: 10px;
  width: 5px;
  height: 5px;
  background: #009a5a;
  border-radius: 50%
}

.bread_crumb_wrap {
  padding: .5em 1.2em 0 1.2em;
  margin: -86px auto 0 auto;
  position: relative
}

@media print, screen and (min-width: 1024px) {
  .bread_crumb_wrap {
    padding: 0
  }
}

.bread_crumb {
  overflow: hidden;
  margin-bottom: .8em
}

@media print, screen and (min-width: 1024px) {
  .bread_crumb {
    margin-bottom: 1em
  }
}

.bread_crumb ul {
  margin: 0;
  padding: 0
}

.bread_crumb li {
  float: left;
  list-style: none;
  font-size: 1.3rem;
  line-height: 1.5;
  color: #fff
}

@media only screen and (min-width: 768px) {
  .bread_crumb li {
    font-size: 1.3rem
  }
}

.bread_crumb li:after {
  display: inline-block;
  content: "»";
  margin: 0 .6em;
  color: #fff
}

.bread_crumb li:last-child:after {
  content: none
}

.bread_crumb li em {
  font-style: normal
}

.bread_crumb li a {
  color: #fff
}

main {
  padding: 0 0 4em 0
}

main .ttl_area {
  background: #009a5a;
  margin: 0 0 1em;
  padding: 3.2em 0 4em 0;
  border-radius: 0
}

@media only screen and (min-width: 768px) {
  main .ttl_area {
    padding: 4.6em 0 3.6em 0
  }
}

main .ttl_area h1 {
  color: #fff;
  text-align: center;
  margin: 0;
  padding: .2em 0 2em;
  font-size: 2rem;
  letter-spacing: .15em;
  position: relative;
  font-family: "GenJyuuGothic"
}

@media only screen and (min-width: 768px) {
  main .ttl_area h1 {
    font-size: 2.8rem;
    letter-spacing: .2em
  }
}

main .ttl_area h1 span {
  display: inline-block;
  position: relative
}

main .ttl_area h1 span::before, main .ttl_area h1 span::after {
  position: absolute;
  top: 50%;
  content: "";
  width: 1em;
  height: 3px;
  background: #98d800;
  border-radius: 5px
}

main .ttl_area h1 span::before {
  left: 106%
}

@media only screen and (min-width: 768px) {
  main .ttl_area h1 span::before {
    left: 116%
  }
}

main .ttl_area h1 span::after {
  right: 108%
}

@media only screen and (min-width: 768px) {
  main .ttl_area h1 span::after {
    right: 120%
  }
}

main .contents {
  padding: 0 1.5em;
  border-radius: 16px;
  margin: 0 auto 0 auto;
  padding: 2.4em 1.6em;
  background: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, .2);
  width: 90%;
  overflow: hidden
}

@media print, screen and (min-width: 1024px) {
  main .contents {
    border-radius: 24px;
    padding: 3em 2.8em;
    border-radius: 30px;
    width: 100%
  }
}

main .contents h1, main .contents h2, main .contents h3, main .contents h4, main .contents h5, main .contents h6, main .contents li, main .contents dt, main .contents dd, main .contents th, main .contents td, main .contents p {
  line-height: 1.65
}

main .contents h1, main .contents h2, main .contents h3, main .contents h4, main .contents h5, main .contents h6 {
  font-family: "GenJyuuGothic-normal";
  letter-spacing: .06em;
  font-weight: bold
}

main .contents p {
  margin: 0 0 2em
}

main .contents h2 {
  border-radius: 12px;
  font-size: 2rem;
  margin: 0 0 1em 0;
  padding: 0 0 .3em 0;
  letter-spacing: .05em;
  position: relative
}

@media only screen and (min-width: 768px) {
  main .contents h2 {
    font-size: 2.2rem;
    letter-spacing: .15em
  }
}

main .contents h2::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 160px;
  height: 2px;
  background-image: linear-gradient(to right, #009a5a, #009a5a 2px, transparent 2px, transparent 8px);
  background-size: 6px 2px;
  background-repeat: repeat-x
}

main .contents h3 {
  font-size: 1.8rem;
  margin: 0 0 .8em;
  padding: 0 0 0 1em;
  letter-spacing: .05em;
  overflow: hidden;
  position: relative
}

@media only screen and (min-width: 768px) {
  main .contents h3 {
    font-size: 2rem;
    letter-spacing: .1em
  }
}

main .contents h3::before {
  position: absolute;
  top: 5%;
  left: 0;
  width: 5px;
  height: 92%;
  content: "";
  border-radius: 3px;
  background: #009a5a
}

main .contents h4 {
  margin: 0 0 1em;
  padding: .4em 0;
  font-size: 1.7rem;
  border-bottom: 1px solid #009a5a;
  display: inline-block
}

@media only screen and (min-width: 768px) {
  main .contents h4 {
    font-size: 1.9rem
  }
}

main .contents h5 {
  font-size: 1.6rem;
  margin: 0 0 1em
}

@media only screen and (min-width: 768px) {
  main .contents h5 {
    font-size: 1.8rem
  }
}

main .contents h6 {
  font-size: 1.5rem;
  margin: 0 0 1em
}

@media only screen and (min-width: 768px) {
  main .contents h6 {
    font-size: 1.7rem
  }
}

main .contents ul {
  margin: 0 0 2em
}

main .contents ul li {
  padding: 0 0 0 28px;
  position: relative
}

main .contents ul li::before {
  position: absolute;
  content: "";
  top: .6em;
  left: 8px;
  margin: auto;
  background: #009a5a;
  width: 8px;
  height: 8px;
  border-radius: 50%
}

main .contents ol {
  margin: 0 0 2em 25px
}

main .contents ol li {
  list-style: decimal
}

main .contents table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin: 0 0 2em
}

main .contents th {
  font-weight: bold;
  text-align: center;
  background: #f5fbe5;
  font-size: 1.5rem
}

main .contents td, main .contents th {
  padding: .8em .4em;
  line-height: 1.5;
  font-size: 1.6rem;
  border: 1px solid #009a5a
}

main .contents dl {
  border-top: none;
  width: 100%;
  clear: both;
  border-bottom: 1px solid #009a5a;
  margin: 0 0 1em;
  text-align: left;
  background: #f5fbe5
}

main .contents dl dt {
  padding: .8em;
  line-height: 1.5em;
  border-top: 1px solid #009a5a;
  width: 100%;
  color: #009a5a
}

@media print, screen and (min-width: 1024px) {
  main .contents dl dt {
    float: left;
    width: 22%
  }
}

main .contents dl dd {
  padding: .8em;
  line-height: 1.5em;
  margin-left: 0;
  border-top: 1px solid #009a5a;
  background: #fff
}

@media print, screen and (min-width: 1024px) {
  main .contents dl dd {
    margin-left: 22%
  }
}

main .contents .wp-block-image img {
  width: 100%;
  height: auto
}

@media only screen and (min-width: 768px) {
  main .contents .wp-block-image img {
    width: inherit
  }
}

main .contents .wp-block-image .alignright {
  float: none;
  margin: .5em 0
}

@media only screen and (min-width: 768px) {
  main .contents .wp-block-image .alignright {
    float: right;
    margin: .5em 0 .5em 1em
  }
}

main .contents .wp-block-image .alignleft {
  float: none;
  margin: .5em 0
}

@media only screen and (min-width: 768px) {
  main .contents .wp-block-image .alignleft {
    float: left;
    margin: .5em 1em .5em 0
  }
}

main .contents .wp-block-gallery {
  margin: 0 0 1em
}

main .contents .wp-block-gallery li {
  padding: 0
}

main .contents .wp-block-gallery li::before {
  content: none
}

main .contents .wp-block-buttons {
  margin: 0 0 1em
}

main .contents .wp-block-buttons .wp-block-button a.wp-block-button__link {
  background: #009a5a
}

main .contents .wp-block-file a.wp-block-file__button {
  background: #009a5a
}

main .contents .wp-block-cover {
  margin: 0 0 1em
}

main .contents .wp-pagenavi {
  margin: 2.4em 0 0
}

main .contents .wp-pagenavi a, main .contents .wp-pagenavi span {
  border: 1px solid #009a5a;
  padding: .6em .8em;
  margin: 2px
}

main .contents .wp-pagenavi span.current {
  background: #009a5a;
  color: #fff
}

main .contents .wp-pagenavi a {
  color: #534c41
}

main .contents .wp-pagenavi a:hover {
  background: #f5fbe5
}

main .contents ul.blocks-gallery-grid {
  margin: 0
}

.page-id-15 .wp-block-gallery {
  margin: 0 1em
}

.page-id-17 .wp-block-columns, .page-id-19 .wp-block-columns, .page-id-21 .wp-block-columns {
  margin-bottom: 0
}

footer {
  padding: 3em 0 0 0;
  background: #f5fbe5;
  text-align: center
}

footer .name {
  color: #009a5a;
  font-size: 2.2rem;
  margin: 0 0 0em;
  font-family: "GenJyuuGothic"
}

footer .name span {
  font-size: 1.5rem
}

footer p {
  padding: 0 0 1em;
  line-height: 1.75
}

footer .btn-detail {
  font-size: 1.5rem;
  padding: .5em 0 3em 0
}

footer .copyright {
  font-size: 1.3rem;
  background: #009a5a;
  color: #fff;
  padding: .5em;
  letter-spacing: .1em
}

#home_fs {
	padding-top: 4.6em;
}

#home_fs .inner {
	padding: 0 1.5em;
}

#home_fs a {
	display: block;
	width: 100%;
	padding: 12px 0;
	text-align: center;
	background:#009a5a; 
	text-decoration: none;
	color: #fff;
	font-size: 2.5em;
	letter-spacing: .15em;
	font-family: "GenJyuuGothic";
	border: solid 2px #009a5a;
	border-radius: 6px;
}

#home_fs a:hover {
	background: #fff;
	color: #009a5a;
}

/*# sourceMappingURL=style.min.css.map */