@charset "UTF-8";
/*
ユーティリティ系おまとめファイル
*/
/*
██████   █████  ███████ ███████
██   ██ ██   ██ ██      ██
██████  ███████ ███████ █████
██   ██ ██   ██      ██ ██
██████  ██   ██ ███████ ███████
*/
/*
██████  ██████  ███████  █████  ██   ██ ██████   ██████  ██ ███    ██ ████████
██   ██ ██   ██ ██      ██   ██ ██  ██  ██   ██ ██    ██ ██ ████   ██    ██
██████  ██████  █████   ███████ █████   ██████  ██    ██ ██ ██ ██  ██    ██
██   ██ ██   ██ ██      ██   ██ ██  ██  ██      ██    ██ ██ ██  ██ ██    ██
██████  ██   ██ ███████ ██   ██ ██   ██ ██       ██████  ██ ██   ████    ██
*/
/*
 ██████  ██████  ██       ██████  ██████
██      ██    ██ ██      ██    ██ ██   ██
██      ██    ██ ██      ██    ██ ██████
██      ██    ██ ██      ██    ██ ██   ██
 ██████  ██████  ███████  ██████  ██   ██
*/
/*
████████ ███████ ██   ██ ████████
   ██    ██       ██ ██     ██
   ██    █████     ███      ██
   ██    ██       ██ ██     ██
   ██    ███████ ██   ██    ██
*/
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-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: transparent; }

.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 {
  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 transparent; }

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

#top h2.underline {
  margin-bottom: 16px; }

#top .mainSlider {
  position: relative;
  margin-bottom: 75px; }
  #top .mainSlider .slick-list .slick-track .slick-slide li {
    width: 100%;
    height: calc(100vh - 55px); }
    @media screen and (max-width: 64em) {
      #top .mainSlider .slick-list .slick-track .slick-slide li {
        height: calc(100vh - 64px); } }
    #top .mainSlider .slick-list .slick-track .slick-slide li.slide01 {
      background: url("/inc/image/top/mainimg_chidori-hos.jpg") no-repeat;
      background-position: bottom center;
      background-size: cover; }
    #top .mainSlider .slick-list .slick-track .slick-slide li.slide02 {
      background: url("/inc/image/top/mainimg_midori-hos.jpg") no-repeat;
      background-position: bottom center;
      background-size: cover; }
    #top .mainSlider .slick-list .slick-track .slick-slide li.slide03 {
      background: url("/inc/image/top/mainimg_midori_kaigo.jpg") no-repeat;
      background-position: center center;
      background-size: cover; }
    #top .mainSlider .slick-list .slick-track .slick-slide li.slide04 {
      background: url("/inc/image/top/mainimg_midori_sou.jpg") no-repeat;
      background-position: bottom center;
      background-size: cover; }
    #top .mainSlider .slick-list .slick-track .slick-slide li.slide05 {
      background: url("/inc/image/top/mainimg_nanwa_sou.jpg") no-repeat;
      background-position: bottom center;
      background-size: cover; }
  #top .mainSlider .header-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    text-align: center;
    color: #fff; }
    @media screen and (max-width: 768px) {
      #top .mainSlider .header-title {
        width: 80%; } }
    #top .mainSlider .header-title .top {
      font-size: 4.8rem;
      display: block;
      font-family: 'Noto Serif JP', serif; }
      @media screen and (max-width: 568px) {
        #top .mainSlider .header-title .top {
          font-size: 2.6rem; } }
      @media screen and (max-width: 320px) {
        #top .mainSlider .header-title .top {
          font-size: 2.4rem; } }
    #top .mainSlider .header-title .bottom {
      display: block;
      font-size: 1.8rem;
      letter-spacing: .08em; }
      @media screen and (max-width: 568px) {
        #top .mainSlider .header-title .bottom {
          font-size: 1.4rem; } }
  #top .mainSlider .scroll-points {
    display: block;
    width: 120px;
    margin: 0 auto;
    position: absolute;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    cursor: pointer; }
    #top .mainSlider .scroll-points span {
      background-color: #fff;
      width: 8px;
      height: 8px;
      display: block;
      border-radius: 50%;
      margin: 6px auto;
      opacity: 0; }
      #top .mainSlider .scroll-points span:nth-child(1) {
        animation: smooth 2s infinite ease-out; }
      #top .mainSlider .scroll-points span:nth-child(2) {
        animation: smooth 2s infinite ease-out;
        animation-delay: .4s; }
      #top .mainSlider .scroll-points span:nth-child(3) {
        animation: smooth 2s infinite ease-out;
        animation-delay: .8s; }
      #top .mainSlider .scroll-points span:nth-child(4) {
        animation: smooth 2s infinite ease-out;
        animation-delay: 1.2s; }
      #top .mainSlider .scroll-points span:nth-child(5) {
        animation: smooth 2s infinite ease-out;
        animation-delay: 1.6s; }
    #top .mainSlider .scroll-points p {
      line-height: 1.3;
      margin-top: 5px;
      font-size: 1.2rem;
      color: #fff;
      font-family: 'Noto Serif JP', serif; }

@keyframes smooth {
  0% {
    opacity: 0; }
  40% {
    opacity: 1; }
  80% {
    opacity: 0; }
  100% {
    opacity: 0; } }

#top #service {
  width: 100%; }
  @media screen and (max-width: 768px) {
    #top #service {
      padding: 0; } }
  @media screen and (max-width: 768px) {
    #top #service .desc {
      padding: 0 20px 0; } }
  #top #service > figure {
    text-align: center;
    margin-bottom: 45px; }
    @media screen and (max-width: 768px) {
      #top #service > figure {
        padding: 0 20px 0; } }
    #top #service > figure img {
      width: 100%;
      max-width: 432px; }
      @media screen and (max-width: 568px) {
        #top #service > figure img {
          width: 100%; } }
  #top #service .topLink .title {
    font-family: 'Noto Serif JP', serif;
    border: 2px solid #009900;
    padding: 5px;
    text-align: center;
    letter-spacing: 2px; }
    #top #service .topLink .title span {
      padding: 10px;
      border: 1px solid #009900;
      display: block;
      font-size: 2.4rem;
      color: #009900; }
  #top #service .topLink a {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden; }
    #top #service .topLink a:before {
      content: '';
      display: block;
      width: calc(100% - 12px);
      height: calc(100% - 12px);
      border: 1px solid #fff;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateY(-50%) translateX(-50%);
      z-index: 10; }
    #top #service .topLink a .sp_arrow_detail {
      display: none; }
      @media screen and (max-width: 568px) {
        #top #service .topLink a .sp_arrow_detail {
          text-align: center;
          display: block;
          margin-top: 10px; }
          #top #service .topLink a .sp_arrow_detail span {
            display: inline-block;
            font-size: 1.4rem;
            color: #fff;
            position: relative; }
            #top #service .topLink a .sp_arrow_detail span:after {
              content: '\f105';
              display: inline-block;
              font-family: "FontAwesome";
              position: absolute;
              top: 50%;
              right: -15px;
              transform: translateY(-50%);
              font-size: 1.6rem;
              color: #fff;
              transition: right .5s ease; } }
    #top #service .topLink a figure {
      margin: 0;
      overflow: hidden; }
      @media screen and (max-width: 568px) {
        #top #service .topLink a figure {
          padding: 100px 30px 160px; } }
      #top #service .topLink a figure img {
        max-width: 100%;
        width: 100%;
        height: 100%;
        transform: scale(1.1);
        transition: all .6s ease; }
        @media screen and (max-width: 568px) {
          #top #service .topLink a figure img {
            display: none; } }
    #top #service .topLink a:hover figure img {
      transform: scale(1.2); }
    #top #service .topLink a:hover .arrow:after {
      right: -20px; }
    #top #service .topLink a.chidori_hos {
      width: 50%;
      float: left; }
      @media screen and (max-width: 568px) {
        #top #service .topLink a.chidori_hos {
          width: 100%;
          float: none; } }
      @media screen and (max-width: 568px) {
        #top #service .topLink a.chidori_hos figure {
          background: url(/inc/image/top/bg_chidori_hos.jpg) no-repeat;
          background-size: cover; } }
    #top #service .topLink a.midori_hos {
      width: 50%;
      float: left; }
      @media screen and (max-width: 568px) {
        #top #service .topLink a.midori_hos {
          width: 100%;
          float: none; } }
      @media screen and (max-width: 568px) {
        #top #service .topLink a.midori_hos figure {
          background: url(/inc/image/top/bg_midori_hos.jpg) no-repeat;
          background-size: cover; } }
    @media screen and (max-width: 568px) {
      #top #service .topLink a.midori_kaigo figure {
        background: url(/inc/image/top/bg_midori_kaigo.jpg) no-repeat;
        background-size: cover; } }
    #top #service .topLink a.midori_sou {
      width: 50%;
      float: left; }
      @media screen and (max-width: 568px) {
        #top #service .topLink a.midori_sou {
          width: 100%;
          float: none; } }
      @media screen and (max-width: 568px) {
        #top #service .topLink a.midori_sou figure {
          background: url(/inc/image/top/bg_midori_sou.jpg) no-repeat;
          background-size: cover; } }
    #top #service .topLink a.nanwa_sou {
      width: 50%;
      float: left; }
      @media screen and (max-width: 568px) {
        #top #service .topLink a.nanwa_sou {
          width: 100%;
          float: none; } }
      @media screen and (max-width: 568px) {
        #top #service .topLink a.nanwa_sou figure {
          background: url(/inc/image/top/bg_nanwa_sou.jpg) no-repeat;
          background-size: cover; } }
    @media screen and (max-width: 568px) {
      #top #service .topLink a.zaitaku figure {
        background: url(/inc/image/top/bg_zaitaku.jpg) no-repeat;
        background-size: cover; } }
    #top #service .topLink a .link_text {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateY(-50%) translateX(-50%);
      color: #fff;
      width: 230px;
      max-width: 90%;
      letter-spacing: .08em; }
      @media screen and (max-width: 768px) {
        #top #service .topLink a .link_text {
          width: 90%; } }
      #top #service .topLink a .link_text.link_text_large {
        width: 415px; }
      #top #service .topLink a .link_text .link_name {
        text-align: center;
        font-size: 2.6rem;
        margin-bottom: 25px;
        font-family: 'Noto Serif JP', serif; }
        @media screen and (max-width: 768px) {
          #top #service .topLink a .link_text .link_name {
            font-size: 2.2rem; } }
      #top #service .topLink a .link_text .link_desc {
        font-size: 1.6rem;
        letter-spacing: .08em; }
        @media screen and (max-width: 568px) {
          #top #service .topLink a .link_text .link_desc {
            font-size: 1.4rem; } }

#top #about .btnWrap {
  text-align: center;
  margin-top: 35px;
  margin-bottom: 80px; }

#top #recruit {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden; }
  #top #recruit figure {
    margin: 0;
    overflow: hidden; }
    @media screen and (max-width: 768px) {
      #top #recruit figure {
        background: url(/inc/image/top/bg_recruit-info.jpg) no-repeat;
        background-size: cover;
        padding: 140px 0; } }
    #top #recruit figure img {
      width: 100%;
      max-width: 100%;
      height: 100%;
      transform: scale(1);
      transition: all .6s ease; }
      @media screen and (max-width: 768px) {
        #top #recruit figure img {
          display: none; } }
  #top #recruit:hover figure img {
    transform: scale(1.1); }
  @media screen and (max-width: 768px) {
    #top #recruit:hover {
      background-size: cover; } }
  #top #recruit:hover .recruitWrap .arrow:after {
    right: -20px; }
  #top #recruit .recruitWrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 370px;
    margin: 0 auto;
    padding: 30px 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    text-align: center; }
    @media screen and (max-width: 568px) {
      #top #recruit .recruitWrap {
        width: 90%; } }
    #top #recruit .recruitWrap .arrow {
      margin-top: 18px;
      display: inline-block;
      font-size: 1.4rem;
      color: #fff;
      position: relative; }
      #top #recruit .recruitWrap .arrow:after {
        content: '\f105';
        font-family: "FontAwesome";
        position: absolute;
        top: 50%;
        right: -15px;
        transform: translateY(-50%);
        font-size: 1.6rem;
        color: #fff;
        transition: right .5s ease; }
  #top #recruit h3 {
    font-size: 3.6rem;
    margin-bottom: 10px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.12em; }
    @media screen and (max-width: 568px) {
      #top #recruit h3 {
        font-size: 2.6rem; } }
    #top #recruit h3 + p {
      text-align: center;
      color: #fff;
      font-weight: 100;
      font-size: 1.6rem;
      letter-spacing: 0.08em; }
      @media screen and (max-width: 568px) {
        #top #recruit h3 + p {
          font-size: 1.6rem;
          padding: 0 20px;
          text-align: left; } }
      @media screen and (max-width: 320px) {
        #top #recruit h3 + p {
          width: 100%;
          text-align: left;
          padding: 0 20px; } }
      @media screen and (max-width: 568px) {
        #top #recruit h3 + p br {
          display: none; } }

/*# sourceMappingURL=../_map/page/top.css.map */