@charset "UTF-8";
:root {
	--color-01: #644206;
	--color-02: #8cc220;
	--color-03: #00a2e5;
}

/*=================================
スライダー
===================================*/
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          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 {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-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 transparent;
}

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



/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  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: transparent;
  color: transparent;
}
.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: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
}
[dir=rtl] .slick-prev {
  left: auto;
}
.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: "←";
}

/* Dots */
.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: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  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: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

/* レイアウト */
/*コンテンツエリア
----------------------------------------*/
.main-container {
   overflow: clip!important;
}
.main-container:after {
  content: "";
  display: block;
    background-size: contain;
  width: 100%;
  height: 376px;
  position: absolute;
  top: -50px;
  right: 50%;
  -webkit-transform: translate(50%, 0);
      -ms-transform: translate(50%, 0);
          transform: translate(50%, 0);
  background: url( "../img/header_wave01.png") 50% 50% no-repeat;
  z-index: 1;

}
@media screen and (max-width: 767px) {
  .main-container:after {
    background-image: url("../img/header_wave01_sp.png");
    background-position: 0 0;
    background-size: auto 100%;
    width: 100%;
    height: 122px;
  }
}

/*波形アニメーション
----------------------------------------*/
.rectop_wave {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}
.rectop_wave img {
  width: auto;
  height: 100%;
}


/*スライド
----------------------------------------*/
.slick-arrow {
  -webkit-transition: opacity 200ms ease-out;
  transition: opacity 200ms ease-out;
}
@media screen and (min-width: 768px) {
  .slick-arrow:hover {
    opacity: 0.8;
  }
}

.slick-dots {
  bottom: -31px;
}
.slick-dots li {
  vertical-align: middle;
  width: 6px;
  height: 6px;
  background: #e6e6e6;
  border-radius: 100%;
  margin: 0 6px !important;
}
.slick-dots li.slick-active {
  width: 10px;
  height: 10px;
  background: #3499D6;
  -webkit-box-shadow: 0px 0px 10px #8cc220;
          box-shadow: 0px 0px 10px #8cc220;
}
.slick-dots li button {
  width: 100%;
  height: 100%;
}
.slick-dots li button:before {
  display: none;
}


/*=================================
トップページ　メインビジュアル
===================================*/
.h2_topmain_ttl {
    font-family: "dnp-shuei-mgothic-std", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 2.9rem;
    color: var(--color-01);
    line-height: 2;
    text-align: center;
    text-shadow: 0 0 10px #fff,0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
    letter-spacing: 0.4rem;
    padding-bottom: 100px;
    
}

.top-mainvisual {
  position: relative;
  height: 800px;
}
.top-mainvisual-slide li a{
    text-decoration:none;
}
.top-mainvisual-slide li a:hover{
    opacity: 0.9;
}
.topimg {
    width: 100%;
    height: 100vh!important;
}

@media screen and (min-width: 768px) {
  .top-mainvisual .l-container {
    padding: 0;
  }
}
.top-mainvisual-slide {
    padding: 0!important;
    margin: 0!important;
}

.top-mainvisual-image li {
  width: 100%;
  height: 100%;
}


.top-mainvisual-image li .image {
  width: 100%;
  height: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.top-mainvisual-image li .image img {
  display: none;
}
.top-mainvisual-txt {
  position: absolute;
  z-index: 2;
  width: 100%;
}
@media screen and (min-width: 1600px) {
.top-mainvisual-image * {
  margin-top: -30px;
}
}
@media screen and (min-width: 768px) {
  .top-mainvisual-txt {
    top: 50%;
    right: 50%;
    -webkit-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
            transform: translate(50%, -50%);
    max-width: 1260px;
    padding-top: 110px;
  }
}

@media screen and (max-width: 767px) {
  .top-mainvisual-txt {
    top: 0;
    left: 0;
    padding-top: 129px;
    white-space: nowrap;
  }
}
.top-mainvisual-txt .ttl {
  overflow: hidden;
  font-weight: bold;
  font-size: 42px;
  font-size: 4.2rem;
  letter-spacing: 0.15em;
  line-height: 60px;
  color: #3499D6;
  text-shadow: 0px 0px 9px #fff;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .top-mainvisual-txt .ttl {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 39px;
    margin-bottom: 11px;
  }
}
.top-mainvisual-txt .lead {
  font-weight: 500;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 27px;
  letter-spacing: 0.03em;
  color: #3499D6;
  text-shadow: 0px 0px 4px rgba(255, 255, 255, 0.86);
  margin-bottom: 35px;
}
@media screen and (max-width: 767px) {
  .top-mainvisual-txt .lead {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 16px;
    margin-bottom: 27px;
  }
}

@media screen and (min-width: 768px) {
  .top-mainvisual-txt .txt {
    line-height: 34px;
    margin-top: 15px;
  }
}
@media screen and (max-width: 767px) {
  .top-mainvisual-txt .txt {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 23px;
    margin-top: 20px;
    text-shadow: 0px 0px 3px #fff;
  }
}
.top-mainvisual-arrows {
  overflow: hidden;
  
  
}
.top-mainvisual-arrows .slick-arrow {
    position: absolute!important;
    border-radius: 100%;
    width: 70px;
    height: 70px;
    margin: 10px;
    background: var(--color-02);
    -webkit-box-shadow: 0px 0px 30px rgba(70,154,11,0.50);

          box-shadow: 0px 0px 30px rgba(70,154,11,0.50);
    z-index: 5;
    top: 50%;
}
.top-mainvisual-arrows .slick-arrow:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-width: 3px 3px 0 0;
  border-color: #fff;
  border-style: solid;
  opacity: 1;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(50%, -50%) rotate(45deg);
      -ms-transform: translate(50%, -50%) rotate(45deg);
          transform: translate(50%, -50%) rotate(45deg);
}
.top-mainvisual-arrows .slick-arrow.slick-prev {
    position: absolute;
  left: 0!important;
}
.top-mainvisual-arrows .slick-arrow.slick-prev:before {
  right: 50%;
  -webkit-transform: translate(50%, -50%) rotate(-135deg);
      -ms-transform: translate(50%, -50%) rotate(-135deg);
          transform: translate(50%, -50%) rotate(-135deg);
}

.top-mainvisual-arrows .slick-arrow.slick-next {
  right: 0;
}
.top-mainvisual-arrows .slick-arrow.slick-next:before {
  right: 50%;
    
}

.top-mainvisual .top-scroll a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: absolute;
  bottom: -34px;
  right: 50%;
  -webkit-transform: translate(50%, 0);
      -ms-transform: translate(50%, 0);
          transform: translate(50%, 0);
  z-index: 2;
  width: 125px;
  height: 86px;
  font-family: dreaming-outloud-sans, sans-serif!important;
  font-weight: bold;  
}
@media screen and (min-width: 768px) {
  .top-mainvisual .top-scroll a:hover {
    opacity: 0.8;
  }
}
@media screen and (max-width: 767px) {
  .top-mainvisual .top-scroll a {
    bottom: 93px;
    height: 45px;
  }
}
.top-mainvisual .top-scroll a span {
    text-align: center;
    display: block;
    padding-top: 10px;
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 0.2em;
    color: var(--color-01);
    width: 100%;
}
@media screen and (max-width: 767px) {
  .top-mainvisual .top-scroll a span {
    margin-top: 15px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.top-mainvisual .top-scroll a:before, .top-mainvisual .top-scroll a:after {
    content: "";
    display: block;
    background-color: var(--color-01);
    position: absolute;
    z-index: 2;
}
.top-mainvisual .top-scroll a:before {
    width: 7px;
    height: 7px;
    border-radius: 100%;
    top: calc(100% - 40px);
    left: calc(50% - 3px);
}
@media screen and (max-width: 767px) {
    .top-mainvisual .top-scroll a:before {
    width: 6px;
    height: 6px;
    top: calc(100% - 25px);
    left: calc(50% - 2px);
    
  }
}
.top-mainvisual .top-scroll a:after {
  width: 2px;
  height: 46px;
  top: 0;
  left: 50%;
}
@media screen and (max-width: 767px) {
  .top-mainvisual .top-scroll a:after {
    height: 20px;
  }
}
@media screen and (min-width: 768px) {
  .top-mainvisual .top-scroll a:hover:after {
    -webkit-animation: scroll 1.5s ease infinite;
            animation: scroll 1.5s ease infinite;
  }
  @-webkit-keyframes scroll {
    0% {
      -webkit-transform: scaleY(1);
              transform: scaleY(1);
      -webkit-transform-origin: bottom center;
              transform-origin: bottom center;
    }
    50% {
      -webkit-transform: scaleY(0);
              transform: scaleY(0);
      -webkit-transform-origin: bottom center;
              transform-origin: bottom center;
    }
    51% {
      -webkit-transform: scaleY(0);
              transform: scaleY(0);
      -webkit-transform-origin: top center;
              transform-origin: top center;
    }
    100% {
      -webkit-transform: scaleY(1);
              transform: scaleY(1);
      -webkit-transform-origin: top center;
              transform-origin: top center;
    }
  }
  @keyframes scroll {
    0% {
      -webkit-transform: scaleY(1);
              transform: scaleY(1);
      -webkit-transform-origin: bottom center;
              transform-origin: bottom center;
    }
    50% {
      -webkit-transform: scaleY(0);
              transform: scaleY(0);
      -webkit-transform-origin: bottom center;
              transform-origin: bottom center;
    }
    51% {
      -webkit-transform: scaleY(0);
              transform: scaleY(0);
      -webkit-transform-origin: top center;
              transform-origin: top center;
    }
    100% {
      -webkit-transform: scaleY(1);
              transform: scaleY(1);
      -webkit-transform-origin: top center;
              transform-origin: top center;
    }
  }
}

.top-mainvisual .rectop_wave01 {
  z-index: 1;
  top: 641px;
  height: 442px;
}
.top-mainvisual .rectop_wave01 img {
	width: calc(3420px / 442 * 442);
	height: 100%;
	max-width: calc(3420px / 442 * 442);
}
@media screen and (max-width: 767px) {
  .top-mainvisual .rectop_wave01 {
    height: 221px;
  }
	.top-mainvisual .rectop_wave01 img {
		width: calc(3420px / 442 * 221);
		height: 100%;
		max-width: calc(3420px / 442 * 221);
	}
}
@media screen and (max-width: 767px) {
  .top-mainvisual .rectop_wave01 {
    top: 450px;
  }
}
.top-mainvisual .rectop_wave02 {
  top: 576px;
  height: 264px;
}
.top-mainvisual .rectop_wave02 img {
	width: calc(3069px / 264 * 264);
	height: 100%;
	max-width: calc(3069px / 264 * 264);
}

@media screen and (max-width: 767px) {
  .top-mainvisual .rectop_wave02 {
    height: 132px;
  }
	.top-mainvisual .rectop_wave02 img {
		width: calc(3069px / 264 * 132);
		height: 100%;
		max-width: calc(3069px / 264 * 132);
	}
}
@media screen and (max-width: 767px) {
  .top-mainvisual .rectop_wave02 {
    top: 429px;
  }
}

/*=================================
大見出し　h2
===================================*/
.top_title_gp .top_section_title {
    font-size: 3rem;           
    position:  relative;
    display:  inline-block;
    padding-top: 40px;
    padding-left: 40px; 
    padding-bottom: 10px;
    letter-spacing: 0.2rem;
    font-family: "dnp-shuei-mgothic-std", sans-serif!important;
    font-weight: 600;
    font-style: normal;
    
}
.top_title_gp .top_section_title:before {
  content: "";
  position: absolute;
  background: #E9FFD0;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  top: 50%;
  /* border: dashed 1px white; */
  left: -5px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .top_title_gp .top_section_title {
    line-height: 40px;
  }
}
.top_title_gp .top_section_tlen {
    letter-spacing: 0.2em;
    color: var(--color-02);
    padding-left: 40px;
    margin: -30px 0 10px 0;
    font-family: dreaming-outloud-sans, sans-serif!important;
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    font-size: 2.5rem;
}
.top-mainvisual-image {
    padding-left: 0!important;
}
@media screen and (max-width: 767px) {
  .top_title_gp .top_section_tlen {
    font-size: 17px;
    font-size: 2rem;
    margin: -40px 0 10px 0;
  }
}
/*=================================
サブページ　メインビジュアル
===================================*/
/* 働くメリット */
.page-title-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  background: url( "../work/img/work_topimg.jpg") 50% 50% no-repeat;
  background-size: cover;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
/* 職員インタビュー */
.page-title-area_staff {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  background: url( "../staff/img/staff_topimg.jpg") 50% 50% no-repeat!important;
  background-size: cover;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
/*外国人受け入れ */
.page-title-area_abroad {
  background: url( "../recruit/img/abroad_topimg.jpg") 50% 50% no-repeat!important;
}
/*お仕事説明会*/
.page-title-area_wkifs {
	background: url( "../recruit/img/wkifs_topimg.jpg") 40% 50% no-repeat!important;
	background-size: cover !important;
}

/*入浴介助スタッフ*/
.page-title-area_nyuyoku {
  background: url( "../recruit/img/nyuyoku_topimg.jpg") 50% 50% no-repeat!important;
	background-size: cover !important;
}
/* facility */
.page-title-area_facility {
  background: url( "../img/topimg01.jpg") 50% 50% no-repeat !important;
}

/* 医誠会について */
.page-title-area_about {
	background: url( "../about/img/about_topimg.png") 50% 50% no-repeat !important;
	background-size: cover !important;
}
/* 採用情報 */
.page-title-area_recruit {
	background: url( "../recruit/img/recruit_topimg.png") 50% 50% no-repeat !important;
	background-size: cover !important;
    background-position: 50% top;
}
/* 看護師募集 */
.page-title-area_nurse {
	background: url( "../recruit/img/nurse_topimg.jpg") 50% 50% no-repeat !important;
	background-size: cover !important;
    background-position: 50% top;
}
/* 看護師募集 */
.page-title-area_care {
	background: url( "../recruit/img/care_topimg.jpg") 50% 50% no-repeat !important;
	background-size: cover !important;
    background-position: 50% top;
}

@media screen and (min-width: 768px) {
  .page-title-area:before {
    content: "";
    display: block;
    width: 100%;
    max-width: 1260px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 50%;
    -webkit-transform: translate(50%, 0);
        -ms-transform: translate(50%, 0);
            transform: translate(50%, 0);
  }
  .page-title-area:after {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff;
  }
}

.page-title-area .subtop_iner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 768px) {
  .page-title-area .subtop_iner {
    min-height: 550px;
    padding-top: 113px;
    padding-bottom: 45px;
  }
}

.common-wave01 {
  z-index: 2;
  top: 439px;
  height: 310px;
}
.rectop_wave img {
	width: calc(2898px / 455 * 310);
	height: 100%;
	max-width: calc(2898px / 455 * 310);
}
@media screen and (max-width: 767px) {
  .common-wave01 {
    height: 227.5px;
  }
	.rectop_wave img {
		width: calc(2898px / 455 * 227.5);
		height: 100%;
		max-width: calc(2898px / 455 * 227.5);
	}
}
@media screen and (max-width: 767px) {
  .common-wave01 {
    top: 341px;
  }
	.rectop_wave img {
		width: calc(2898px / 455 * 341);
		height: 100%;
		max-width: calc(2898px / 455 * 341);
	}
}

.common-wave02 {
  z-index: 1;
  top: 372px;
  height: 290px;
  -webkit-animation: none !important;
          animation: none !important;
  background-position: 50% 0;
}
@media screen and (max-width: 767px) {
  .common-wave02 {
    height: 186px;
  }
}
@media screen and (max-width: 767px) {
  .common-wave02 {
    top: 336px;
    height: 186px;
  }
}

.detail-visual {
  width: 100%;
  margin-bottom: 50px;
}
.detail-visual img {
  width: 100%;
  height: auto;
}
.detail-visual figcaption {
  margin-top: 15px;
  color: #666666;
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
  .detail-visual {
    margin-bottom: 30px;
  }
  .detail-visual figcaption {
    margin-top: 10px;
    font-size: 12px;
    font-size: 1.2rem;
  }
}
/*=================================
サブページ　見出しh2
===================================*/
.page-title-area .page-title {
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 2;
    font-family: "dnp-shuei-mgothic-std", sans-serif!important;
    font-size: 30px;
    font-size: 3rem;
    font-weight: 700;
    letter-spacing: 0.15em;
    line-height: 60px;
    color: var(--color-01);
    text-shadow: 0px 0px 9px #fff;
    display: grid;
    justify-items: center;
}
h1 {
  position: relative;
  color: #333;
  text-shadow: 0 0 2px white;
  background: #e0f3ff;
  z-index: -4;
  border-radius: 0 10px 10px;
}

h1:before {
  content: "";
  position: absolute;
  background: #9de5ff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  top: 50%;
  left: -15px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: -1;
}

/*=================================
コンテンツ　リスト
===================================*/
.top-col li {
  position: relative;
padding-bottom: 40px!important;
    
}
.top-col li a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
@media screen and (min-width: 768px) {
  .top-col li:hover .image span {
    -webkit-transform: translate(50%, -50%) scale(1.2);
        -ms-transform: translate(50%, -50%) scale(1.2);
            transform: translate(50%, -50%) scale(1.2);
	  
  }
}
.top-col li .image {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}
@media screen and (min-width: 768px) {
  .top-col li .image {
    padding-bottom: 53.8732394366%;
  }
}
.top-col li .image span img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  .top-col li .image span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    right: 50%;
    -webkit-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
            transform: translate(50%, -50%);
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.33, 1, 0.68, 1);
    transition: -webkit-transform 1s cubic-bezier(0.33, 1, 0.68, 1);
    transition: transform 1s cubic-bezier(0.33, 1, 0.68, 1);
    transition: transform 1s cubic-bezier(0.33, 1, 0.68, 1), -webkit-transform 1s cubic-bezier(0.33, 1, 0.68, 1);
  }
}
.top-col li .txt-area {
  position: relative;
  z-index: 1;
  background: #fff;
  border-radius: 0px 20px 0px 0px;
  padding: 28px 84px 16px 30px;
  margin: -80px 50px 0 0;
}
.top-col li .txt-area * {
  color: #172833;
}
@media screen and (max-width: 767px) {
  .top-col li .txt-area {
    margin: -40px 30px 0 0;
    padding: 17px 66px 17px 15px;
  }
}
.top-col li .txt-area .ttl {
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 12px;
  letter-spacing: 0.2em;
  color: var(--color-01);
  font-family: dnp-shuei-mgothic-std, sans-serif;
}
@media screen and (max-width: 767px) {
  .top-col li .txt-area .ttl {
    font-size: 1rem;
    margin-bottom: 7px;
  }
}
.top-col li .txt-area .ttl:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 28px;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 24px;
  height: 24px;
  border: 2px solid var(--color-02);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 100%;
}
@media screen and (max-width: 767px) {
  .top-col li .txt-area .ttl:before {
    right: 22px;
  }
}
.top-col li .txt-area .ttl:after {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-width: 2px 2px 0 0;
  border-color: var(--color-02);
  border-style: solid;
  position: absolute;
  top: 50%;
  right: 41px;
  -webkit-transform: translate(50%, -50%) rotate(45deg);
      -ms-transform: translate(50%, -50%) rotate(45deg);
          transform: translate(50%, -50%) rotate(45deg);
}
@media screen and (max-width: 767px) {
  .top-col li .txt-area .ttl:after {
    right: 35px;
  }
}
.top-col li .txt-area .txt {
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
  .top-col li .txt-area .txt {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
/* ============================================================ */
/*  キャッチコピー             */
/* ============================================================ */
.top-esp_about {
    margin-top: 350px!important;
    border-bottom-left-radius: 400px;
    background: #EFF8B7;
    padding-bottom: 200px;
    position: relative;

} 
.clover {
    position: absolute;
    width: 300px;
    height: 225px;
    background-image:url("../img/clover.png");
    left: 45%; 
    top: 20px;
    box-sizing: border-box;
}
.top-catchcopy {
    
    border-bottom-left-radius: 400px;
}
.copywrap{
    margin: 0 0 0 10%;
}
.catchcopy {
    font-size: 2.8rem;
    color: #926003;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-style: normal;
    font-weight: 600;
    line-height: 2;
    padding-top: 80px;
}
.catchcopy span {
    background: linear-gradient(transparent 70%, #FFFFFF 70%);
}

.bodycopy {
    font-size: 1.5rem;
    color: var(--color-01);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-style: normal;
    font-weight: 600;
    line-height: 2.3;
    margin-top: 30px;
    display: inline-block;
}
.about_righwp {
    padding-top: 80px;
}
.about_right {
    width: 100%;
    height: 600px;
    background-image:url("../img/top_esp_about_img.jpg");
    background-size: cover;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    
}
@media screen and (max-width: 1399px) {
.bodycopy {
    font-size: 1.2rem;
}
.about_right {
    height: 500px;
}
.catchcopy {
    font-size: 2.4rem;
}
.clover {
    position: absolute;
    width: 80%;
    height: 225px;
    background-image:url("../img/clover.png");
    background-repeat: no-repeat;
    
    left: 47%; 
    top: 20px;
    box-sizing: border-box;
}
}


/*=================================
エスぺラルではたらこう
===================================*/
.top-espwork {
  position: relative;
    }
@media screen and (max-width: 767px) {
  .top-espwork {
    padding: 46px 0 0;
  }
}
.top-espwork .l-container {
  position: relative;

}
.top-espwork-first {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 767px) {
  .top-espwork-first {
  }
}
.top-espwork-first .top-espwork-arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
  .top-example-first .top-example-arrows {
    display: none;
  }
}
.top-espwork .top-wave03 {
  top: 73px;
  height: 683px;
}
@media screen and (max-width: 767px) {
  .top-espwork .top-wave03 {
    height: 341.5px;
  }
}
@media screen and (max-width: 767px) {
  .top-espwork .top-wave03 {
    top: 18px;
  }
}

/*================================
トップ　施設紹介
================================*/

.top-facility {
  border-top-right-radius: 400px;  
  background-size: cover;
  background-color: #FFFAB7;
  padding-bottom: 80px;    
}
div img.facility_img {

}

img.facility_img {
    border: solid 2px var(--color-01);
    border-radius: 20px;
}
.tab__area{
    color: #333;
    margin: 30px 10px;
    width: auto;
    font-size: 14px;
    line-height: 1.6;
}
.tab__list{
    display: table;
    margin: 0 auto;
    width: 90%;
    zoom: 1;
    table-layout: fixed;
    border-spacing: 0;
}
.tab__item{
    display: table-cell;
    text-align: center;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.tab__item a{
    display: block;
    padding: 8px;    
    margin: 0 2px;
    overflow: hidden;
    position: relative;
    color: var(--color-01);
    background-color: #fff;
    border: 2px solid #735635;
    border-radius: 3px 3px 0 0;
    font-size: 18px;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    letter-spacing: 0.2rem;
}
/* hover時の背景色（グレー）の指定 */
.tab__item a:hover{
    background-color: #FFFDDF;
    color: #90652B;
    text-decoration: none;
}
/* タブ選択時の文字色の指定 */
.tab__item a.selected{
  color: #fff;
}
/* タブ01（ピンク）の背景色と文字色の指定 */
.tab__item:first-child a.selected{
    background-color: #D8686F;
}
/* タブ02（オレンジ）の背景色と文字色の指定 */
.tab__item:nth-child(2) a.selected{
    background-color: #E96D1A;
}
/* タブ03（グリーン）の背景色と文字色の指定 */
.tab__item:nth-child(3) a.selected{
    background-color: #96B508;
}
.tab__item:nth-child(4) a.selected{
    background-color: #00BAE0;
}
.tab__item:nth-child(5) a.selected{
    background-color: #7E53B4;
}
.tab__item:nth-child(6) a.selected{
    background-color: #007B5E;
}
.tab__inner{
    border: 2px solid #735635;
    margin-top: -1px;
    border-radius: 20px;
}
/* タブ01（ピンク）選択時のコンテンツ内の背景色の指定 */
.tab__inner .pink-tab{
    padding: 20px;
    background-color: #ffeced;
    border-radius: 20px;
}
/* タブ02（オレンジ）選択時のコンテンツ内の背景色の指定 */
.tab__inner .orange-tab{
    padding: 20px;
    background-color: #fff2df;
    border-radius: 20px;
}
/* タブ03（グリーン）選択時のコンテンツ内の背景色の指定 */
.tab__inner .green-tab{
    padding: 20px;
    background-color: #F5FFE5;
    border-radius: 20px;
}
/* タブ04（ブルー）選択時のコンテンツ内の背景色の指定 */
.tab__inner .blue-tab{
    padding: 20px;
    background-color: #EBF4FF;
    border-radius: 20px;
}
/* タブ05（パープル）選択時のコンテンツ内の背景色の指定 */
.tab__inner .purple-tab{
    padding: 20px;
    background-color: #FCF6FF;
    border-radius: 20px;
}
/* タブ06（グリーン濃い）選択時のコンテンツ内の背景色の指定 */
.tab__inner .greenk-tab{
    padding: 20px;
    background-color: #E5FFEC;
    border-radius: 20px;
}
.facility_gaiyo {
	padding: 30px!important;
}
.facility_gaiyo tr{
    font-size: 1.1rem;
}
.wrap_facility_gaiyo     {
	padding:30px!important;
}
.tel {
	margin: 80px 20px 50px;
}
	
/*================================
サブページ
================================*/
.page_sec section {
    margin-bottom: 10%!important;
        
    }
.page-title-area .page-title {
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 2;
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: 0.15em;
    line-height: 60px;
    color: var(--color-01);
    text-shadow: 0px 0px 9px #fff;
    display: grid;
    justify-items: center;
	
}
.sidebnr {
    padding: 5px;
    }
.page_iner {
	width: 100%;
	padding: 0 5%;
	margin: 10% auto!important;
	position: relative;
	z-index:1;  
}
.page_iner_wh {
    width: auto!important;
}
p.ttl_side {
	margin: 15px auto;
}
h3 {
  font-family: dnp-shuei-mgothic-std, sans-serif!important;
}
.h3_title {
  font-family: dnp-shuei-mgothic-std, sans-serif!important;
  font-size: 1.5rem;
  position: relative;
  color: var(--color-01)!important;
　font-weight: bold;
  text-shadow: 0 0 2px white;
  background: #F0FFE0;
  z-index: -4;
  padding: 12px 0;
  border-radius: 0 10px 10px;
  letter-spacing: 0.2rem;
  margin-bottom: 50px;
}

.h3_title:before {
    content: "";
    border-radius: 54% 46% 38% 62%/49% 70% 30% 52%;
    position: absolute;
    background-image: linear-gradient(90deg, rgba(255, 246, 228, 1), rgba(245, 255, 165, 1));
    width: 50px;
    height: 50px;
    top: 50%;
    left: -15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: -1;
    padding: 1.5rem;
    animation-name: puyopuyo;
    animation-duration: 10.0s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
}
.h3_title_line {
    padding-bottom: 10px;
    border-bottom: solid 3px var(--color-02);
    position: relative;
    font-family: dnp-shuei-mgothic-std, sans-serif!important;
    color: var(--color-01)!important;
    font-weight: 600;
    letter-spacing: 0.2rem;

} 
.h3_title_line:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #FAEE57;
  bottom: -3px;
  width: 30%;
}
.btnylw {
	margin-top: 30px!important;
	background: #FFCB37;
	color: #fff!important;
}
.btnylw:hover {
	background: #ECBB31;
}
    
/* ケアスタッフ黄色ボタン */
.button_line007 a {
    position: relative;
    display: flex;
	flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    margin: 30px auto;
    padding: 20px;
    color: var(--color-01);
    transition: 0.3s ease-in-out;
    font-weight: 600;
    background-image: linear-gradient(90deg, rgba(245, 255, 213, 1) 22%, rgba(255, 247, 168, 1) 98%);
    justify-content: center;
    border: 2px solid #FCEE8F;
}
.button_line007 a:hover {
    background: #fff;
    color: #FFCB37;
	text-decoration: none;
}
.button_line007 a:before, .button_line007 a:after {
    box-sizing: inherit;
    box-sizing: border-box;
    content: "";
    position: absolute;
    border: 2px solid transparent;
    width: 0;
    height: 0;
}
.button_line007 a:before {
    top: 0;
    left: 0;
}
.button_line007 a:after {
    bottom: 0;
    right: 0;
}
.button_line007 a:hover:before, .button_line007 a:hover:after {
    width: 100%;
    height: 100%;
}
.button_line007 a:hover:before {
  border-top-color: #FFCB37;
  border-right-color: #FFCB37;
  transition: width 0.15s ease-out, height 0.15s ease-out 0.15s;
}
.button_line007 a:hover:after {
  border-bottom-color: #FFCB37;
  border-left-color: #FFCB37;
  transition: border-color 0s ease-out 0.2s, width 0.15s ease-out 0.2s, height 0.15s ease-out 0.3s;
}
/* */
/* 看護師ピンクボタン */
.button_line007_p a {
    position: relative;
    display: flex;
	flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    margin: 30px auto;
    padding: 20px;
    color: var(--color-01);
    transition: 0.3s ease-in-out;
    font-weight: 600;
    background-image: linear-gradient(90deg, rgba(255, 253, 241, 1), rgba(255, 225, 222, 1));
    justify-content: center;
    border: 2px solid #FFD8E8;
}
.button_line007_p a:hover {
    background: #fff;
    color: #FF72AA;
	text-decoration: none;
}
.button_line007_p a:before, .button_line007_p a:after {
    box-sizing: inherit;
    box-sizing: border-box;
    content: "";
    position: absolute;
    border: 2px solid transparent;
    width: 0;
    height: 0;
}
.button_line007_p, a:before {
  top: 0;
  left: 0;
}
.button_line007_p a:after {
  bottom: 0;
  right: 0;
}
.button_line007_p a:hover:before, .button_line007_p a:hover:after {
  width: 100%;
  height: 100%;
}
.button_line007_p a:hover:before {
  border-top-color: #FF5096;
  border-right-color: #FF5096;
  transition: width 0.15s ease-out, height 0.15s ease-out 0.15s;
}
.button_line007_p a:hover:after {
  border-bottom-color: #FF5096;
  border-left-color: #FF5096;
  transition: border-color 0s ease-out 0.2s, width 0.15s ease-out 0.2s, height 0.15s ease-out 0.3s;
}
a.btn_008 {
   text-decoration: none!important;
}
.btn_008 {
  display: inline-block;
  border: 2px solid;
  position: relative;
  background: #ECF4BD;
  color: var(--color-01);
  overflow: hidden;
  border: 2px solid var(--color-01);
  padding: 1rem  1.5rem 1rem 5rem;
  transition: all .3s;
  border-radius: 4px;
  font-weight: bold;

  &:before,
  &:after {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
  }

  &:before {
    width: 7px;
    height: 7px;
    left: 1.5rem;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    z-index: 2;
    transform: translateY(-50%) rotate(45deg);
    transition: all .3s;

  }

  &:after {

    left: -2rem;
    background: var(--color-01);
    z-index: 1;
    width: 6rem;
    height: 130%;
    border-radius: 50%;
    transform: translateY(-50%);
    transition: all .5s;
  }

  span {
    transition: all .3s;
    z-index: 3;
  }

  &:hover {
    span {
      position: relative;
      color: #fff;
    }

    &:after {
      right: 0;
      width: 120%;
      border-radius: 0;


    }
  }
}
/* */

/* 流体 */
.circle{
    background-color: #FFF987;
    border-radius: 50%;
    top: 0%;
    right: -5%;
    width: 600px;
    height: 600px;
  position: absolute;
    animation-name: puyopuyo;
    animation-duration: 20.0s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
	z-index:-999;
}
.circle02{
    background-color: #FFF987;
    border-radius: 50%;
    top: 60%;
    right: 20%;
    width: 400px;
    height: 400px;
  position: absolute;
    animation-name: puyopuyo;
    animation-duration: 20.0s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
	z-index: -999;
}
.staff_smenu_h a{
	
}

@keyframes puyopuyo{  
    0%{
        border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
    }
    14%{
        border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
    }
    28%{
        border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
    }
    42%{
        border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
    }
    56%{
        border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
    }
    70%{
        border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
    }
    84%{
        border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
    }
    100%{
        border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
    }
}
/* ============================================================ */
/*  スクロールすると画像が切り替わる                            */
/* ============================================================ */
/*ラッパー要素*/
.wrap_chgimgscroll{
	display: flex;
	justify-content: center;
	position: relative;
}
/*コンテンツのブロック*/
.wrap_chgimgscroll_contents{ width: 100vw; }
/*.wrap_chgimgscroll_contents div{ padding-top: 50vh; }
.wrap_chgimgscroll_contents div:last-child{ padding-bottom: 50vh; }*/
/*画像のブロック*/
.wrap_chgimgscroll_image{
	width: 100vw;
	height: 100vh;
	display: flex;
	align-items: center;
	position: sticky;
	position: -webkit-sticky;
	top:0;
    justify-content: center;
}
.wrap_chgimgscroll_image div {
	/*margin: auto; */
	display: block;
	visibility: hidden;
	/* 画像が透過pngの時は背景色が必要です */
	background: #FFFFFF;
	position: absolute;
	top: 0;
	bottom: 0;
	/* フェード速度 */
	transition: .8s;
	opacity: 0;
}
.wrap_chgimgscroll_image div:first-child,
.wrap_chgimgscroll_image div.active {
	visibility: visible;
	opacity: 1;
}
.wrap_chgimgscroll_image img {
    width: 100%;
    height: 100vh;
}
.wrap_chgimgscroll .flow10{
    width: 100%;
    padding-top: 30px;
}
.wrap_chgimgscroll .flow10 > li {
    margin-bottom: 40px;
    position: relative;
}
.wrap_chgimgscroll .flow10 > li::after {
    content: '';
    position: absolute;
    border: 20px solid transparent;
    width: 0;
    height: 0;
    bottom: -53px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    border-top-color: #8cc220;
}
.wrap_chgimgscroll .flow10 > li.last::after {
    border: none!important;
}
/* ============================================================ */

/* ============================================================ */
/*  サブ　施設紹介                       */
/* ============================================================ */
.facility_copy {
    color:  var(--color-01);
    font-weight: bold;
	border: 12px solid #d8e2a6;
	border-radius: 8px;
	margin: 100px 30px 50px 30px;
	position: relative;
}
.facility_copy::before {
	position: absolute;
    content: "";
    top: -112px;
    left: calc(50% - 100px);
    background-image: url(./../facility/img/flame_deco01.png);
    width: 200px;
    height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 100%;
}
.facility_copy::after {
	position: absolute;
    content: "";
    bottom: -25px;
    left: -30px;
    background-image: url(./../facility/img/flame_deco02.png);
    width: 200px;
    height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0% 100%;
}

.fac_special_msg {
	padding:30px;
	margin:0;
	text-align: center;
    letter-spacing: 0.2rem;
    font-size: 1.2rem;
}

.facility_copy_bg {
    margin:  0;
}
.wrap_facility_img_cont.esp_h .uk-cover-container{
	background-image: url(./../img/facility_hgyd_img.jpg);
}
.wrap_facility_img_cont.esp_s .uk-cover-container{
	background-image: url(./../img/facility_settu_img.jpg);
	background-position-x: 80%;
}
.wrap_facility_img_cont.esp_i .uk-cover-container{
	background-image: url(./../img/facility_itakano_img.jpg);
}
.wrap_facility_img_cont.esp_t .uk-cover-container{
	background-image: url(./../img/facility_toshun_img.jpg);
	background-position-x: 20%;
}
.wrap_facility_img_cont.esp_hm .uk-cover-container{
	background-image: url(./../img/facility_hgmdr_img.jpg);
	background-position-x: 100%;
}
.wrap_facility_img_cont.esp_o .uk-cover-container{
	background-image: url(./../img/facility_oumi_img.jpg);
}
.wrap_facility_img_cont.esp_k .uk-cover-container{
	background-image: url(./../img/facility_kasugai_img.jpg);
}
.wrap_facility_img_cont img{
	display: none;
}
.wrap_facility_img_cont {
	padding: 0 0px 0 30px !important;
}
.wrap_facility_img_cont .uk-cover-container{
    height: 40vh;
	background-size: cover;
	background-repeat: no-repeat;
	background-position-x: center;
	border-radius: 8px;
	border: 2px solid var(--color-01);
	box-sizing: border-box;
}
.facility_img {
    height: 40vh;
}
.align-center {
    align-items: center!important;
}
.flxfct {
    justify-content: space-around!important;
    margin-top: 20px!important;
}
div.saiyou_contwp {
   margin-left: 0!important
}
.saiyou_contwp {
    
    background: #fff;
    padding-left: 0!important;
    border: 2px solid var(--color-02);
    border-radius: 8px;
    
}
.saiyou_contwp .saiyou_cont {
    font-size: 1em;
    background: #DDE7A2;
    padding: 4px;
    text-align: center;
    color: var(--color-01);
    font-weight: bold;
    letter-spacing: 0.05em;
    border-radius: 8px;
    
}
.saiyou_contwp p {
    margin: 0;
}
.rctel a{
    color: var(--color-02)!important;
    font-weight: bold;
    font-size: 1.2em;
    text-decoration: none;
}
.rec-phone {
    font-size: 1.5rem!important;
}
/* ============================================================ */
/* ============================================================ */
/*  外国人受け入れ                   */
/* ============================================================ */
.abroud_contact {
  border: 10px solid #F8F7A2;
  box-sizing: border-box;
  border-radius: 20px;
}
.video_icon {
    position: absolute;
    top: 35%;
    left: 50%;

}
.vietnam_video h3 .ttl{
    font-size: 1.8rem;

}
    
.vietnam_video .top-col li .txt-area .ttl {
    font-size: 1rem;
}
/* ============================================================ */
/*  お仕事説明会                   */
/* ============================================================ */
.ifs_copy_wrp {
    margin-bottom: 50px;
}   
    
.ifs_copy{
    text-align: left;
    position: absolute;
    display: flex;
    align-items: center;
    font-size: 1.8rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-transform: uppercase;
    letter-spacing: 2px;
    width: 100%;
    font-weight: 600;
}
.ifs_copy p{
    position: relative;
    color: #E4DDD9;
}

.ifs_copy p:before {
    content: attr(data-text);
    position: absolute;
    overflow: hidden;
    max-width: 100%;
    white-space: nowrap;
    color: var(--color-02);
    animation: ifs_copy 3s linear infinite;
}
@keyframes ifs_copy {
    0% { max-width: 0;
    }
}
.wrap_button_sml a{
    font-size: 1rem!important;
    padding: 10px 10px!important;
}

.uk-table-striped tbody tr:nth-of-type(odd) {
    background: #FDFFF2!important;
}

.tb_design th{
    background: #DDE7A2!important;
    color: var(--color-01)!important;
    font-size: 1.1rem!important;
    font-weight: bold!important;
    padding: 10px 12px!important;
    

}
/* ============================================================ */
/*  スタッフ紹介                 */
/* ============================================================ */
.staff_leftw {
    padding-left: 0!important;
}
.h2_name {
    color: var(--color-01);
    font-weight: 600;
    background-image: url(./../img/flame_deco03.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: 10%;
	text-shadow: -1px -1px 2px white;
    font-family: dnp-shuei-mgothic-std, sans-serif;
    font-style: normal;
    
}

.area .staff_name {
    background-image: url(./../img/flame_deco02_inv.png) , url(./../img/flame_deco02.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position-x: 100%, 0%;
	background-position-y:0%, 100%;
	padding: 40px 10px 100px 80px;
}
.area .h2_name {
	background-image: none;
} 
.memo_copy {
    font-size: 1.5rem;
    line-height: 1.5;
    color: var(--color-01);
    font-weight: bold;
    font-family: ta-koigokoro, sans-serif!important;
    font-style: normal;
    
}
    
.sub_name {
    color: #636363;
    margin-bottom: 0!important;
}
.staff_card {
	border: solid 2px var(--color-01);
	border-radius: 20px;
	box-shadow: 8px 8px 0 #DDE7A2!important;
    background-image: url(./../img/flame_deco02_inv.png);
    background-repeat: no-repeat;
    background-position-x: right;
}
.staff_img img:hover{
  border-radius: 0;
  transition-duration: 0.3s;
}


.staff_list li .stf {
  position: relative;
  overflow: hidden;
  padding-bottom: 100%;
  border-radius: 50%!important;
}

.staff_list li .stf span img {
  width: 100%;
}

.staff_list li .stf span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    right: 50%;
    -webkit-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
            transform: translate(50%, -50%);
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.33, 1, 0.68, 1);
    transition: -webkit-transform 1s cubic-bezier(0.33, 1, 0.68, 1);
    transition: transform 1s cubic-bezier(0.33, 1, 0.68, 1);
    transition: transform 1s cubic-bezier(0.33, 1, 0.68, 1), -webkit-transform 1s cubic-bezier(0.33, 1, 0.68, 1);
}

.staff_list li:hover .stf span {
-webkit-transform: translate(50%, -50%) scale(1.2);
	-ms-transform: translate(50%, -50%) scale(1.2);
		transform: translate(50%, -50%) scale(1.2);

}
.wrap_staff_list {
	padding: 20px;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0.8);
    border: 4px solid var(--color-02);
    margin-bottom: 20px;
    position: relative;
    background-image: url(./../img/flame_deco04.png);
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 0%;
}
.staff_smenu_h {
	
}
.staff_smenu_h a{
    display: block !important;
    text-align: center;
    font-weight: bold;
    color: var(--color-05) !important;
    font-size: 140%;
}
.staff_smenu {
	
}
.staff_smenu a{
    color: var(--color-05) !important;
}
.intv_wrapp p{
    line-height: 2;
}
.intv_wrapp h3 {
    font-weight: bold;
}

/* ============================================================ */
/*  入浴スタッフ募集                  */
/* ============================================================ */
.cardin-ttl {
    background: #DDE7A2;
    color: var(--color-01);
    font-weight: bold;
    text-align: center;
    font-size: 1.2rem;
    line-height: 3;
}

.wk-icon {
    width: 100px;
    height: 100px;
}
.wrap_rec_nyu_fac_adr {
	display: flex;
}
.wrap_rec_nyu_fac_adr > div:nth-of-type(1){
	width: 70%;
    line-height: 2.5;
}
.wrap_rec_nyu_fac_adr > div:nth-of-type(2){
	width: 30%;
}


.wrap_ft_link {
	background-color:var(--color-07)!important;
}
.wrap_copyright {
    color: #fff!important;
	background-color:var(--color-02)!important;
}
.bggray {
    background-color: #eee!important;
}
.cntr {
    text-align: center!important;
}
.wrap_rec_nyu_fac_tbl tr th,
.wrap_rec_nyu_fac_tbl tr td
{
    border: 1px solid #eee!important;
    vertical-align: middle;
    
}
.wrap_rec_nyu_fac_tbl tr td{
    background-color: #fff;

}

.nyk_app a{
    margin: 0 auto!important;
}
.philosophy{
	color: var(--color-05);	
	letter-spacing: 0.1em;
}
.group_sum_dl{
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin: 0 auto;
    text-align: center;
    justify-content: space-between;
}
.wrap_group_sum_dtdd {
	background-image: url( "../about/img/group_kaigogb02.png");
    width: 200px;
    height: 200px;
    background-size: 100% 100%;
    background-repeat: no-repeat;

}
.group_sum_dtdd_grn {
	background-image: url( "../about/img/group_kaigogb.png")!important;
}
.group_sum_dtdd_red {
	background-image: url( "../about/img/group_gb.png")!important;
}
/*.wrap_group_sum_dtdd {
	width: 25%;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	position:relative;
	margin-top: 30px;
}
.wrap_group_sum_dtdd::before {
	content:"";
	position:absolute;
	top:20px;
	left:30px;
    width: 50px;
    height: 50px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: -1;
    padding: 1.5rem;
    background-image: url("../about/img/group_kaigogb.png");
  animation-name: puyopuyo;
    animation-duration: 10.0s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
}*/
.wrap_group_sum_dtdd:nth-of-type(4n+4)::before {
	background: rgb(255,246,228);
	background: linear-gradient(90deg, rgba(255,246,228,1) 0%, rgba(245,255,165,1) 100%);
}
.wrap_group_sum_dtdd:nth-of-type(4n+1)::before {
	background: rgb(255,246,228);
	background: -webkit-linear-gradient(352deg, rgba(255,246,228,1) 0%, rgba(245,255,165,1) 100%);
	background: -o-linear-gradient(352deg, rgba(255,246,228,1) 0%, rgba(245,255,165,1) 100%);
	background: linear-gradient(82deg, rgba(255,246,228,1) 0%, rgba(245,255,165,1) 100%);
}
.wrap_group_sum_dtdd:nth-of-type(4n+2)::before {
	background: rgb(255,246,228);
	background: linear-gradient(270deg, rgba(255,246,228,1) 0%, rgba(245,255,165,1) 100%);
}
.wrap_group_sum_dtdd:nth-of-type(4n+3)::before {
	background: rgb(255,246,228);
	background: linear-gradient(356deg, rgba(255,246,228,1) 0%, rgba(245,255,165,1) 100%);}
.group_sum_dt {
	color: var(--color-01);
}
.group_sum_dd {
    font-size: 1.2rem;
	color: var(--color-05);
}
.group_sum_dt_dbl {
	margin-bottom: 5px;
	line-height: 1.5;
    margin: 33.33% 0 0 0;
}
/*.group_dd_small {
	font-size:70%;
}*/
.group_sum_h4_b {
    font-size: 120%;
    color: var(--color-03);
    font-weight: bold !important;
    text-shadow: 0 0 2px white;
    z-index: -4;
    padding: 12px 0 12px 30px;
    border-radius: 0 10px 10px;
    letter-spacing: 0.2rem;
    margin-bottom: 50px;
	 background-image: linear-gradient(45deg, rgba(230, 254, 255, 1), rgba(252, 255, 238, 1));
}
.group_sum_h4_g {
    font-size: 120%;
    color: var(--color-02);
    font-weight: bold !important;
    text-shadow: 0 0 2px white;
    background: var(--color-08);
    z-index: -4;
    padding: 12px 0 12px 30px;
    border-radius: 10px;
    letter-spacing: 0.2rem;
    margin-bottom: 50px;
	background-image: linear-gradient(45deg, rgba(238, 255, 230, 1), rgba(252, 255, 238, 1));
}
.group_kaigo {
    margin-bottom: 100px;
}
.ifs_ani_msg {
	margin-bottom: 50px;
    font-size: 2rem;
    letter-spacing: 2px;
    width: 100%;
    font-weight: 600;
    color: #E4DDD9;
    text-align: center;
    line-height: 2;
}
.ifs_ani_msg span{
}
.inner_jitsumu_merit {
	list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin: 50px auto;
    justify-content: space-between;
    font-size: 1.1rem;
    line-height: 2.0;
}
.inner_jitsumu_merit li{
	text-align: center;
    box-sizing: border-box;
    color: var(--color-05);
    font-weight: bold;
    text-shadow: 0 0 3px #fff;
	position: relative;
    background-image: url( "../work/img/melit_bg.png");
    width: 200px;
    height: 200px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding-top: 60px;
}


.inner_jitsumu_licence{
	list-style: none;
}

.inner_jitsumu_licence li{
	position: relative;
    padding-left: 40px;
    color: var(--color-01);
    line-height: 2em;
	font-weight: bold;
    margin-bottom: 10px;
}
.inner_jitsumu_licence li::before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:2em;
	height:2em;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.inner_jitsumu_licence li:nth-of-type(1)::before{
	background-image: url(./../img/list_bg_05.png); 
}
.inner_jitsumu_licence li:nth-of-type(2)::before{
	background-image: url(./../img/list_bg_05.png); 
}
/* ============================================================ */
/*  エスぺラル春日井　採用情報 */
/* ============================================================ */
.sidecon_rk div a div{
    margin-bottom: 30px;
    letter-spacing: 0.2rem;
}
.sidecon_rk {
	margin-top: 30px;
}
.ek_recbtn div{
	margin-bottom: 20px;
}
.espk_info {
    height: 200px!important;
}
.e-k_recruit_flyimg {
    border-radius: 8px;
    border: 2px solid var(--color-01);
    margin: 20px auto;

}
.k-ttlnew {
    background: #734F14;
    color: #fff;
    padding: 10px 20px;
    border-radius: 50px;
    font-size: 2rem;
    text-shadow: none!important;
}
.h4mybox {
	border: 10px solid #DDE7A2;;	/* 内側の線の太さ・種類・色 */
	padding: 10px; /* 内側の余白 */
	position: relative;
	z-index: 0;
	background: #fff;
	border-radius: 10px;
	color: var(--color-01);
	font-weight: bold;
    font-family: dnp-shuei-mgothic-std, sans-serif!important;
}
.h4mybox:before {
	border: 1px solid var(--color-02);	/* 外側の線の太さ・種類・色 */
	content: '';
	display: block;
	position: absolute;
	top: -10px;
	bottom: -10px;
	left: -10px;
	right: -10px;
	z-index: -1;
	border-radius: 10px;
}
.recruit_card {
	border: solid 2px var(--color-01);
	border-radius: 20px;
	box-shadow: 8px 8px 0 #DDE7A2!important;
	background-image: url(../recruit/img/bird.png) , url(../recruit/img/bgcle.png);
    background-repeat: no-repeat;
    background-size: 20%, 40%;
    background-position-x: 95%, 0%;
	background-position-y:5%, 95%;

}

.recruit_card_ttl {
	font-size: 1.5rem;
	font-weight: bold;
	position: relative;
	margin-top: 10px;
	z-index: 100;
	color: var(--color-01);
	text-align: center;
}

.recruit_card_ttl::before {
	font-family: dreaming-outloud-sans, sans-serif!important;
	content: "Apply";
	display: inline-block;
	font-weight: 400;
	font-style: normal;
	font-size: 200%;
	color: #ECF3C7;
	transform: rotate(-13deg);
	letter-spacing: 12px;
	position: absolute;
	left: 0;
	top: -50px;
	z-index:-1;
	white-space: nowrap;
}
.recruit_card_kango {
	border-radius: 20px;
	box-shadow: 8px 8px 0 #FFD8E8!important;
}
.recruit_card_care {
	border-radius: 20px;
	box-shadow: 8px 8px 0 #FCEE8F!important;
}


.recruit_card_care .button_line007 a {
    margin-top: 0!important;
}

.esp-k_service {
}
div.service_card {
    padding: 10px!important;
}
.service_ph {
    display: flex;
    align-items: center;
    padding: .5em .7em;
    background-color: #DDE7A2;
    color: var(--color-01);
    font-weight: bold;
    text-align: 1rem;
}
.service_ph::before {
    display: inline-block;
    border-radius: 10px;
    width: 7px;
    height: 5em;
    margin-right: 1em;
    background-color: #A36E0B;
    content: '';
}
.bg_color {
     background-color: #FFF7D2;
}
.bg_design{
    background-image: url( "../img/clover.png");
    background-position: 90% 80%;
    background-repeat: no-repeat;
}
.service_ul {
    
    border-radius: 10px;
}
.service_list {
    align-items: flex-end!important;
}
.espk_info_bnr {
    margin-top: 50px!important;
}
/* ============================================================ */
/*  お知らせ           */
/* ============================================================ */
.wrap_latest_info {
	overflow-y: scroll;
    height: 400px;
    padding: .5em;
	background: #fff;
    margin: 20px;

}
.wrap_latest_info.updates {
	height:auto;
	overflow-y:auto;
    background-color: rgba(255, 255, 255, 0.9);
}
.wrap_latest_info dt {
    letter-spacing: 0.2rem;

}
.wrap_latest_info dd {
    margin-bottom: 20px;
    border-bottom: 2px dotted #DDE7A2;
    border-bottom-width: 4px;
    padding: 15px 0;
    
}
.wrap_latest_info dd a {
    color: #3c3c3c;
}
.wrap_latest_info dd a:hover{
    color: #B06E25;
    text-decoration: none;
}
.l_info {
    padding: 12px 0;
    margin-bottom: 0;
    margin-top: 0;
}
.l_info_h2 {
	margin: 0 auto;
	font-weight: 700;
	text-align: center;
}
.l_info ul {
	list-style: circle;
}

.updates .l_info {
	padding-bottom: 300px;
}
.latest_info {
	width: 70%;
}
.info_bnr {
	margin-top: 53px;
}


.bage_news {
    font-size: 0.9rem;
    background-color: var(--color-01);
    border-radius:5px;
    color:#fff;
    margin:0 20px;
    padding:5px 15px;
    text-decoration:none;
}
.bage_recruit {
    background-color: #EB5356;
}
.pdn {
    padding-top: 20px;
}
.stf_jobtyp {
    font-size: 1.1rem;
    font-weight: bold;
    padding: 0.5em 0.3em;
    margin-bottom: 0.3em;
    position: relative;
    color: var(--color-01);
}
.stf_jobtyp::before {
    content: '';
    background-color: #DDE7A2;
    width: 5em;
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.list_card {
  position: relative;
  aspect-ratio: 4 / 3;
  border-radius: 20px;
  overflow: hidden;
}
.list_card-image {
  width: 100%;
  height: 100%;
}
.list_card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.list_card-btn {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 120px;
  aspect-ratio: 1;
  background: #fff;
  border-top-left-radius: 50%;
  z-index: 1;
}
.list_card-btn a {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100px;
  aspect-ratio: 1;
  display: grid;
  place-content: center;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  background: var(--color-02);
  border-radius: 50%;
  text-decoration: none!important;
}
.list_card-btn a:hover {
    color: #fff;
    opacity: 0.7;
}
.list_card-btn::before, .list_card-btn::after {
  content: "";
  position: absolute;
  background: transparent;
  width: 20px;
  aspect-ratio: 1;
  border-bottom-right-radius: 20px;
  box-shadow: 4px 4px 0 4px #fff;
}
.list_card-btn::before {
  right: 0;
  top: -20px;  
}
.list_card-btn::after {
  right: 120px;
  bottom: 0;  
}
.card_h3_list {
    position: relative;
}
.card_h3_ttl {
    position: absolute;
    background: #fff;
    z-index: 100;
    border-radius: 20px;
    padding: 18px 84px 18px 30px;
    margin: -60px 0 0 0;
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 12px;
    letter-spacing: 0.2em;
    color: var(--color-01);
    box-shadow: 5px 5px 0px #DDE7A2 !important;
    border: 2px solid var(--color-05);
}
.top-espwork_list {
    margin-top: 100px!important;
}

.top-espwork_list>.uk-grid-margin {
    margin-top: 100px!important;
}
.anzoom  {
    width: 100%;
    margin-bottom: 100px;
}
.anzoom img,.anzoom a{
 transition:1s all;
}
.anzoom img:hover{
  transform:scale(1.2,1.2);
  transition:1s all;
}