body {
  background: #fff;
  font-family: "M PLUS 1p" !important;
  font-weight: 350;
  font-size: 16px;
  line-height: 1.8;
  color: #6c757d;
  position: relative; }

::-moz-selection {
  color: #fff;
  background: #ffba5a; }

::selection {
  color: #fff;
  background: #ffba5a; }

a {
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease;
  text-decoration: none; }
  a:hover {
    text-decoration: none; }

h1, h2, h3, h4, h5 {
  color: #231815;
  font-family:"M PLUS 1p"; }

.font-family-serif {
  font-family:"M PLUS 1p"; }

.font-family-sans-serif {
  font-family:"M PLUS 1p"; }

.bg-light {
  background: #f2f4fb !important; }

.container-fluid {
  max-width: 1600px; }


.btn {
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 50px; }
  .btn.btn-outline-white {
    border: 2px solid #fff; }
    .btn.btn-outline-white:hover {
      border: 2px solid transparent;
      background: #231815;
      color: #fff; }
  .btn.btn-outline-white-primary {
    border: 2px solid #fff; }
    .btn.btn-outline-white-primary:hover {
      border: 2px solid transparent;
      background: #ffba5a;
      color: #fff; }
  .btn.uppercase {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: .2em; }

.btn, .form-control {
  outline: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }
  .btn:focus, .btn:active, .form-control:focus, .form-control:active {
    outline: none; }

.form-control {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  height: 50px;
  border-width: 2px; }
  .form-control:active, .form-control:focus {
    border-color: #ffba5a; }

textarea.form-control {
  height: inherit; }

.site-header {
  position: fixed;
  top: 0;
  width: 100%;
  padding:2% 0;
  z-index: 2;
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out; }
  .site-header.scrolled {
    padding: 20px 0;
    background: #fff;
    -webkit-box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 0.1); }
    .site-header.scrolled .site-menu-toggle {
      top: 10px;background:#ef759a !important;
      position: relative; }
      .site-header.scrolled .site-menu-toggle span {
        background: #231815; }
    .site-header.scrolled .site-logo {
      position: relative;
      z-index: 100; }
      .site-header.scrolled .site-logo a {
        color: #231815; }

@media (max-width: 991.98px) {
	.site-header{padding:5% 0;}
}

@media (max-width:500px) {
.site-header.scrolled .site-menu-toggle {top: 0;}
}

.menu-open {
  position: relative; }
  .menu-open .site-header {
    position: fixed; }
  .menu-open .site-logo {
    position: relative;
    z-index: 100; }
    .menu-open .site-logo a {
      color: #231815; }
  .menu-open .site-navbar {
    border: 10px solid #f8f9fa; }

.site-logo {
  padding-left: 40px; }

.site-logo img {width:45%;}

  .site-logo a {
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    line-height: 1;
    font-family:"M PLUS 1p"; }

@media (max-width: 991.98px) {
.site-logo {
  padding-left:15px; }
.site-logo img {width:52%;}
}
@media (max-width:800px) {
.site-logo img {width:65%;}
}
@media (max-width:500px) {
.site-logo img {width:95%;}
}


.site-navbar {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  border: 20px solid transparent;
  background:rgba(255,255, 255, 0.9);
  min-height: 300px;
  overflow-y: scroll; }
  .site-navbar nav {
    text-align: left; }
    .site-navbar nav .menu {
      font-family: "M PLUS 1p" !important; }

.site-navbar nav .menu li {margin-bottom:1%;}

.site-navbar nav .menu li a {
        color: #231815;
        font-size: 1.8rem !important;
        padding: 5px 10px;
        position: relative; }
.site-navbar nav .menu li a:hover { color: #ef759a;}
.site-navbar nav .menu li a:hover:before {
          width: 100%; }
.site-navbar nav .menu li.active a {
        color: #ef759a; }
.site-navbar nav .menu li.active a:before {
          width: 100%; }
  .site-navbar .extra-info a {
    color: #231815; }
  .site-navbar .extra-info ul li a {
    color: #231815; }
  .site-navbar .extra-info h3 {
    font-family:"M PLUS 1p";
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: .2em;
    color: #adb5bd;
    margin-bottom: 30px; }
  .site-navbar .extra-info p {
    color: #212529; }
 


@media (max-width:500px) {
      .site-navbar nav .menu li a {font-size: 1.3rem !important;}
}


.full-height {
  height:100vh;
  min-height: 700px; }

.site-hero {
  background-size: cover;
  height: 100vh;
  min-height: 700px;
  width: 100%;
  position: relative; }
  .site-hero .heading {
    font-family:"M PLUS 1p" !important;letter-spacing: .1em; text-shadow: #333 1px 0 10px;
    font-weight: bold;font-size: 4rem !important; line-height: 4.8rem !important;margin-top: 3%;}

.site-hero .heading span {display: inline-block;}

@media (max-width: 991.98px) {
	.site-hero .heading {font-size: 3rem !important;line-height: 3.8rem !important;}
}
@media (max-width:500px) {
	.site-hero .heading {font-size: 1.95rem !important;line-height:2.65rem !important;}
}
@media (max-width:420px) {
	.site-hero .heading {font-size: 1.7rem !important;line-height:2.65rem !important;}
}


  .site-hero .scroll-down {
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #fff; }
  .site-hero.overlay:before {
    background: #f2f4fb;
    content: "";
    position: absolute;
    height: 100vh;
    min-height: 700px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }
  .site-hero.inner-page {
    height: 50vh;
    min-height: 700px; }
    .site-hero.inner-page.overlay:before {
      height: 50vh;
      min-height: 700px; }

.site-hero-inner {
  height: 100vh;
  min-height: 700px; }
  .site-hero-inner .heading {
    font-size: 80px;
    font-family:"M PLUS 1p";
    color: #fff;
    line-height: 1;
    font-weight: bold; }
    @media (max-width: 991.98px) {
      .site-hero-inner .heading {
        font-size: 40px; } }
  .site-hero-inner .sub-heading {
    font-size: 30px;
    font-weight: 200;
    color: #fff;
    line-height: 1.5; }
    @media (max-width: 991.98px) {
      .site-hero-inner .sub-heading {
        font-size: 18px; } }

.inner-page .site-hero-inner {
  height: 50vh;
  min-height: 700px; }

.page-inside .site-hero-inner, .page-inside {
  height: 70vh;
  min-height: 500px; }

.page-inside.overlay:before {
  height: 70vh;
  min-height: 500px; }

.menu-open .site-menu-toggle span {
  background: #231815; }

.site-menu-toggle {
  top: 0;
background:#ef759a !important;
  float: right;
  width: 50px;
  height:52px;
  position: relative;
  margin: 0px auto 0px 40px;
  z-index: 200;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
 }
  .site-menu-toggle span {
    display: block;
    position: absolute;
    height: 2px;
    width:70%;
    background: #fff !important;
    border-radius: 9px;
    opacity: 1;
    left: 15%;
  transform: translate(-10%, 0);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out; }
  .site-menu-toggle span:nth-child(1) {
    top:10px; background: #fff;}
  .site-menu-toggle span:nth-child(2) {
    top: 17px;background: #fff; }
  .site-menu-toggle span:nth-child(3) {
    top: 24px; }
.site-menu-toggle span:nth-child(3)::after {font-size: 600; content: "MENU";color: #fff;font-size: .75rem;}
.site-menu-toggle span:nth-child(4) {display:none !important;}
  .site-menu-toggle.open span:nth-child(1) {
    top:18px;background: #fff;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg); }
  .site-menu-toggle.open span:nth-child(2) {
    opacity: 0;
    left: -60px; }

  .site-menu-toggle.open span:nth-child(3) {
    top:18px;background: #fff;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg); }

.site-menu-toggle.open span:nth-child(3)::after { content: "";}

.site-menu-toggle.open span:nth-child(4) {display: block !important;color: #fff;top:34px;font-size: .75rem;background: none !important;}
.section {
  padding: 7em 0; }
  @media (max-width: 991.98px) {
    .section {
      padding: 3em 0; } }

@media (max-width: 991.98px) {
  .lead {
    font-size: 16px; } }

.visit-section .heading {
  font-size: 15px;
  text-transform: uppercase;
  font-family:"M PLUS 1p";
  color: #b3b3b3;
  letter-spacing: .2em;
  margin-bottom: 30px; }

.visit-section .visit a {
  color: #231815; }
  .visit-section .visit a:hover {
    color: #ffba5a; }

.visit-section .visit img {
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
  margin-bottom: 15px; }

.visit-section .visit h3 {
  font-size: 20px;
  margin-bottom: 0; }

.visit-section .reviews-star span {
  font-size: 18px;
  color: #ffba5a; }

.visit-section .reviews-count {
  color: #adb5bd;
  font-style: italic; }

.heading-serif, .heading, .testimonial-section .heading, .slider-section .heading, .blog-post-entry .heading {
  font-size: 60px;
  font-family:"M PLUS 1p";
  font-weight: 700; }
  @media (max-width: 991.98px) {
    .heading-serif, .heading, .testimonial-section .heading, .slider-section .heading, .blog-post-entry .heading {
      font-size: 40px; } }

.bg-pattern {
  background: #e9ecef url("../img/round.png"); }

.slider-section {
  position: relative; }

.blog-post-entry {
  position: relative; }

.half .image, .half .text {
  width: 50%; }
  @media (max-width: 991.98px) {
    .half .image, .half .text {
      width: 100%; } }

.half .image {
  background-size: cover;
  background-position: center center; }
  @media (max-width: 991.98px) {
    .half .image {
      height: 300px; } }

.half .text {
  padding: 100px 7%; }
  @media (max-width: 991.98px) {
    .half .text {
      padding-top: 50px;
      padding-bottom: 50px; } }
  .half .text h2 {
    font-size: 70px; }
    @media (max-width: 991.98px) {
      .half .text h2 {
        font-size: 40px; } }

.testimonial blockquote {
  padding: 0; }

.testimonial .author-image img {
  width: 70px; }

.post .media-custom {
  background: #fff;
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease;
  -webkit-box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.1); }
  .post .media-custom:hover, .post .media-custom:focus {
    -webkit-box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.1); }
  .post .media-custom a {
    color: #231815; }
    .post .media-custom a:hover {
      color: #ffba5a; }
  .post .media-custom .media-body {
    padding: 10px 30px; }
  .post .media-custom h2 {
    font-size: 26px; }

.media-custom .meta-post {
  color: #adb5bd;
  text-transform: uppercase;
  letter-spacing: .2em;
  font-size: 14px; }

.owl-carousel .owl-item {
  opacity: .4; }
  .owl-carousel .owl-item.active {
    opacity: 1; }

.owl-carousel .owl-nav {
  position: absolute;
  top: 50%;
  width: 100%; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: -10px; }
    .owl-carousel .owl-nav .owl-prev:hover, .owl-carousel .owl-nav .owl-prev:focus, .owl-carousel .owl-nav .owl-prev:active,
    .owl-carousel .owl-nav .owl-next:hover,
    .owl-carousel .owl-nav .owl-next:focus,
    .owl-carousel .owl-nav .owl-next:active {
      outline: none; }
    .owl-carousel .owl-nav .owl-prev span:before,
    .owl-carousel .owl-nav .owl-next span:before {
      font-size: 40px; }
  .owl-carousel .owl-nav .owl-prev {
    left: 30px !important; }
  .owl-carousel .owl-nav .owl-next {
    right: 30px !important; }

.owl-carousel .owl-dots {
  text-align: center; }
  .owl-carousel .owl-dots .owl-dot {
    border-width: 2px !important;
    width: 10px;
    height: 10px;
    margin: 5px;
    border-radius: 50%; }

.owl-carousel.home-slider {
  z-index: 1;
  position: relative; }
  .owl-carousel.home-slider .owl-nav {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease; }
    .owl-carousel.home-slider .owl-nav button {
      color: #fff; }
  .owl-carousel.home-slider:focus .owl-nav, .owl-carousel.home-slider:hover .owl-nav {
    opacity: 1;
    visibility: visible; }
  .owl-carousel.home-slider .slider-item {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: calc(100vh - 117px);
    min-height: 700px;
    position: relative; }
    .owl-carousel.home-slider .slider-item .slider-text {
      color: #fff;
      height: calc(100vh - 117px);
      min-height: 700px; }
      .owl-carousel.home-slider .slider-item .slider-text h1 {
        font-size: 40px;
        color: #fff;
        line-height: 1.2;
        font-weight: 800 !important;
        text-transform: uppercase; }
        @media (max-width: 991.98px) {
          .owl-carousel.home-slider .slider-item .slider-text h1 {
            font-size: 40px; } }
      .owl-carousel.home-slider .slider-item .slider-text p {
        font-size: 20px;
        line-height: 1.5;
        font-weight: 300;
        color: white; }
    .owl-carousel.home-slider .slider-item.dark .child-name {
      color: #231815; }
    .owl-carousel.home-slider .slider-item.dark h1 {
      color: #231815; }
    .owl-carousel.home-slider .slider-item.dark p {
      color: #231815; }
  .owl-carousel.home-slider .owl-dots {
    position: absolute;
    bottom: 100px;
    width: 100%; }
    .owl-carousel.home-slider .owl-dots .owl-dot {
      width: 10px;
      height: 10px;
      margin: 5px;
      border-radius: 50%;
      border: 2px solid transparent;
      outline: none !important;
      position: relative;
      -webkit-transition: .3s all ease;
      -o-transition: .3s all ease;
      transition: .3s all ease;
      background: #fff; }
      .owl-carousel.home-slider .owl-dots .owl-dot.active {
        border: 2px solid white;
        background: none; }

.owl-carousel.major-caousel .owl-stage-outer {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.owl-carousel.major-caousel .owl-stage-outer {
  padding-top: 30px;
  padding-bottom: 30px; }

.owl-carousel.major-caousel .slider-item {
  height: inherit;
  min-height: inherit; }
  .owl-carousel.major-caousel .slider-item img {
    margin-bottom: 0; }

.owl-carousel.major-caousel .owl-nav {
  opacity: 1;
  visibility: visible; }
  .owl-carousel.major-caousel .owl-nav .owl-prev, .owl-carousel.major-caousel .owl-nav .owl-next {
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    color: #495057; }
    .owl-carousel.major-caousel .owl-nav .owl-prev:hover, .owl-carousel.major-caousel .owl-nav .owl-prev:focus, .owl-carousel.major-caousel .owl-nav .owl-next:hover, .owl-carousel.major-caousel .owl-nav .owl-next:focus {
      color: #6c757d;
      outline: none; }
    .owl-carousel.major-caousel .owl-nav .owl-prev.disabled, .owl-carousel.major-caousel .owl-nav .owl-next.disabled {
      color: #dee2e6; }
  .owl-carousel.major-caousel .owl-nav .owl-prev {
    left: -60px !important; }
  .owl-carousel.major-caousel .owl-nav .owl-next {
    right: -60px !important; }

.owl-carousel.major-caousel .owl-dots {
  bottom: 50px !important; }
  @media (max-width: 991.98px) {
    .owl-carousel.major-caousel .owl-dots {
      bottom: 10px !important; } }

.owl-carousel.js-carousel-2 .slider-item {
  padding: 0 20px;
  text-align: center; }

.owl-carousel.js-carousel-2 .owl-nav {
  position: absolute;
  top: 50%;
  width: 100%;
  z-index: 299; }
  .owl-carousel.js-carousel-2 .owl-nav .owl-prev,
  .owl-carousel.js-carousel-2 .owl-nav .owl-next {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: -10px; }
    .owl-carousel.js-carousel-2 .owl-nav .owl-prev:hover, .owl-carousel.js-carousel-2 .owl-nav .owl-prev:focus, .owl-carousel.js-carousel-2 .owl-nav .owl-prev:active,
    .owl-carousel.js-carousel-2 .owl-nav .owl-next:hover,
    .owl-carousel.js-carousel-2 .owl-nav .owl-next:focus,
    .owl-carousel.js-carousel-2 .owl-nav .owl-next:active {
      outline: none; }
    .owl-carousel.js-carousel-2 .owl-nav .owl-prev span:before,
    .owl-carousel.js-carousel-2 .owl-nav .owl-next span:before {
      font-size: 40px; }
  .owl-carousel.js-carousel-2 .owl-nav .owl-prev {
    left: -30px !important; }
  .owl-carousel.js-carousel-2 .owl-nav .owl-next {
    right: -30px !important; }

.owl-carousel.js-carousel-2 .owl-dots .owl-dot {
  display: inline-block;
  border: none; }
  .owl-carousel.js-carousel-2 .owl-dots .owl-dot > span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #e9ecef;
    display: inline-block; }
  .owl-carousel.js-carousel-2 .owl-dots .owl-dot.active > span {
    background: #ffba5a; }
  .owl-carousel.js-carousel-2 .owl-dots .owl-dot:active, .owl-carousel.js-carousel-2 .owl-dots .owl-dot:focus, .owl-carousel.js-carousel-2 .owl-dots .owl-dot:hover {
    outline: none; }

.owl-custom-nav {
  float: right;
  position: relative;
  z-index: 10; }
  .owl-custom-nav .owl-custom-prev,
  .owl-custom-nav .owl-custom-next {
    padding: 10px;
    font-size: 30px;
    background: #ccc;
    line-height: 0;
    width: 60px;
    text-align: center;
    display: inline-block; }

.footer-section {
  background: #009690;padding:4% 0;
  color: #fff; }
.footer-section img {width:40%;}


@media screen and (max-width: 767px){
.footer-section img {width:50%;}
}

@media screen and (max-width:500px){
.footer-section img {width:55%;}
}

.post-list li {
  margin-bottom: 20px; }
  .post-list li a > div {
    margin-top: -10px; }
  .post-list li a .meta {
    font-size: 13px;
    color: #adb5bd; }
  .post-list li a .image {
    width: 150px; }
  .post-list li a h3 {
    font-size: 16px; }
  .post-list li:last-child {
    margin-bottom: 0; }

.sidebar-search .form-group {
  position: relative;
  margin-bottom: 0; }

.sidebar-search .icon-search {
  position: absolute;
  top: 50%;
  left: 15px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.sidebar-search .search-input {
  border-color: #dee2e6;
  padding-left: 40px;
  border-radius: 0px; }
  .sidebar-search .search-input:focus, .sidebar-search .search-input:active {
    border-color: #343a40; }

.contact-section .contact-info p {
  font-family:"M PLUS 1p";
  font-size: 30px;
  margin-bottom: 30px; }
  .contact-section .contact-info p .d-block {
    font-size: 14px;
    letter-spacing: .2em;
    font-weight: bold;
    font-family:"M PLUS 1p";
    text-transform: uppercase; }

.post-categories li {
  display: block; }
  .post-categories li a {
    display: block;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e9ecef; }
    .post-categories li a .count {
      position: absolute;
      top: 0;
      right: 0;
      color: #6c757d; }

.custom-pagination .page-item .page-link {
  text-align: center;
  border: none;
  background: none;
  border-radius: 50% !important;
  width: 50px;
  height: 50px;
  padding: 0;
  line-height: 50px;
  margin-right: 10px;
  margin-bottom: 10px; }

.custom-pagination .page-item.active .page-link {
  background: #ffba5a;
  -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.2); }

.line-height-1-2 {
  line-height: 1.2; }

/* Mouse Animation */
.mouse {
  width: 100px;
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: 140px;
  z-index: 1;
  -webkit-transform: translateX(-25%);
  -ms-transform: translateX(-25%);
  transform: translateX(-25%); }

.mouse-icon {
  width: 25px;
  height: 45px;
  border: 2px solid white;
  border-radius: 15px;
  cursor: pointer;
  position: relative;
  text-align: center; }

.mouse-wheel {
  height: 6px;
  margin: 2px auto 0;
  display: block;
  width: 3px;
  background-color: white;
  border-radius: 50%;
  -webkit-animation: 1.6s ease infinite wheel-up-down;
  -moz-animation: 1.6s ease infinite wheel-up-down;
  animation: 1.6s ease infinite wheel-up-down; }

@-webkit-keyframes wheel-up-down {
  0% {
    margin-top: 2px;
    opacity: 0; }
  30% {
    opacity: 1; }
  100% {
    margin-top: 20px;
    opacity: 0; } }

@-moz-keyframes wheel-up-down {
  0% {
    margin-top: 2px;
    opacity: 0; }
  30% {
    opacity: 1; }
  100% {
    margin-top: 20px;
    opacity: 0; } }

@keyframes wheel-up-down {
  0% {
    margin-top: 2px;
    opacity: 0; }
  30% {
    opacity: 1; }
  100% {
    margin-top: 20px;
    opacity: 0; } }

.site-block-half .image, .site-block-half .text {
  width: 100%; }
  @media (min-width: 992px) {
    .site-block-half .image, .site-block-half .text {
      width: 50%; } }

@media (max-width: 991.98px) {
  .site-block-half .image {
    margin-bottom: 50px;
    height: 300px; } }

.site-block-half .text {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px; }
  @media (min-width: 992px) {
    .site-block-half .text {
      padding: 4rem; } }

.site-block-half .bg-image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }
  @media (max-width: 991.98px) {
    .site-block-half .bg-image {
      height: 400px; } }

.site-block-half.site-block-video .image {
  position: relative; }
  .site-block-half.site-block-video .image .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 20px;
    width: 70px;
    height: 70px;
    background: #fff;
    display: block;
    border-radius: 50%;
    opacity: 1;
    color: #ffba5a !important; }
    .site-block-half.site-block-video .image .play-button:hover {
      opacity: 1; }
    .site-block-half.site-block-video .image .play-button > span {
      position: absolute;
      left: 55%;
      top: 50%;
      -webkit-transform: translate(-60%, -50%);
      -ms-transform: translate(-60%, -50%);
      transform: translate(-60%, -50%); }

.field-icon-wrap {
  position: relative; }
  .field-icon-wrap .form-control {
    position: relative;
    padding-right: 40px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #a6a6a6; }
  .field-icon-wrap .icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 15px;
    z-index: 2; }
  .field-icon-wrap select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%; }

.block-32 {
  background: #fff;
  padding: 30px;
  -webkit-box-shadow: 0 2px 80px -10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 80px -10px rgba(0, 0, 0, 0.2);
  width: 100%; }
  .block-32 .field-icon-wrap {
    position: relative; }
    .block-32 .field-icon-wrap .form-control {
      position: relative;
      padding-right: 40px;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
      color: #a6a6a6; }
    .block-32 .field-icon-wrap .icon {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      right: 15px;
      z-index: 2; }
    .block-32 .field-icon-wrap select {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      width: 100%; }

.block-2 {
  margin-bottom: 50px;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
  -ms-transform: perspective(1000px);
  -moz-transform: perspective(1000px);
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d; }
  .block-2:hover .back, .block-2.hover .back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg); }
  .block-2:hover .front, .block-2.hover .front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg); }
  .block-2, .block-2 .front, .block-2 .back {
    width: 100%;
    height: 427px; }
  .block-2 .flipper {
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 0.6s;
    -moz-transition: 0.6s;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transition: 0.6s;
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative; }
  .block-2 .front, .block-2 .back {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 4px;
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -webkit-transform: rotateY(0deg);
    -moz-transition: 0.6s;
    -moz-transform-style: preserve-3d;
    -moz-transform: rotateY(0deg);
    -o-transition: 0.6s;
    -o-transform-style: preserve-3d;
    -o-transform: rotateY(0deg);
    -ms-transition: 0.6s;
    -ms-transform-style: preserve-3d;
    -ms-transform: rotateY(0deg);
    transition: 0.6s;
    transform-style: preserve-3d;
    transform: rotateY(0deg);
    position: absolute;
    top: 0;
    left: 0; }
  .block-2 .front {
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    background: lightgreen;
    z-index: 2;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; }
    .block-2 .front:before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: -moz-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
      background: -webkit-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
      background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(18%, transparent), color-stop(99%, rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.8)));
      background: -o-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
      background: linear-gradient(to bottom, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23181500000', endColorstr='#cc000000',GradientType=0 ); }
    .block-2 .front .box {
      position: absolute;
      bottom: 0;
      left: 20px;
      right: 20px;
      bottom: 20px; }
      .block-2 .front .box h2, .block-2 .front .box p {
        color: #fff;
        margin: 0;
        padding: 0;
        line-height: 1.5; }
      .block-2 .front .box h2 {
        font-size: 20px; }
      .block-2 .front .box p {
        font-size: 12px; }
  .block-2 .back {
    background: #fff;
    -webkit-box-shadow: 0 0 70px -10px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 70px -10px rgba(0, 0, 0, 0.4);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg); }
  .block-2 .back p {
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    text-align: center;
    padding: 0 20px;
    font-size: 18px; }
  .block-2 .author {
    bottom: 0;
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px; }
    .block-2 .author .image {
      width: 40px; }
      .block-2 .author .image img {
        border-radius: 50%;
        max-width: 100%; }
    .block-2 .author .position {
      display: block;
      font-size: 12px; }
  @media (max-width: 991.98px) {
    .block-2 .back {
      -webkit-transform: rotateY(0deg);
      -moz-transform: rotateY(0deg);
      -o-transform: rotateY(0deg);
      -ms-transform: rotateY(0deg);
      transform: rotateY(0deg); }
    .block-2 .front {
      -webkit-transform: rotateY(180deg);
      -moz-transform: rotateY(180deg);
      -o-transform: rotateY(180deg);
      transform: rotateY(180deg); } }

.text-black {
  color: #231815 !important; }

.check-availabilty {
  margin-top: -170px;
  position: relative; }
  .check-availabilty .block-32 {
    background: #fff;
    border-radius: 10px; }

.room {
  position: relative;
  display: block; }
  .room .img-wrap {
    position: relative;
    overflow: hidden; }
    .room .img-wrap img {
      -webkit-transition: .3s all ease-in-out;
      -o-transition: .3s all ease-in-out;
      transition: .3s all ease-in-out;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      margin-bottom: 0 !important; }
  .room:hover .img-wrap img, .room:focus .img-wrap img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05); }

.letter-spacing-1 {
  letter-spacing: .1em; }

.text-opacity-8 {
  opacity: .8; }

.text-opacity-7 {
  opacity: .7; }

.text-opacity-6 {
  opacity: .6; }

.text-opacity-5 {
  opacity: .5; }

.letter-spacing-2 {
  letter-spacing: .2em; }

.bg-image {
  background-size: cover;
  background-attachment: fixed; }

.bg-image-2 {
  background-size: cover;
  background-position: center center; }

.food-menu-tabs {
  text-align: center; }
  .food-menu-tabs .nav-tabs {
    text-align: center;
    display: inline-block;
    text-transform: uppercase;
    border-bottom: none; }
    .food-menu-tabs .nav-tabs li {
      display: inline-block; }
      .food-menu-tabs .nav-tabs li a {
        border: none;
        background: none;
        font-size: 1.2rem;
        font-weight: bold;
        position: relative;
        display: block; }
        .food-menu-tabs .nav-tabs li a:before {
          -webkit-transition: .3s all ease;
          -o-transition: .3s all ease;
          transition: .3s all ease;
          content: "";
          position: absolute;
          bottom: 0;
          left: 16px;
          right: 20px;
          height: 2px;
          background: transparent; }
        .food-menu-tabs .nav-tabs li a.active {
          border: none;
          background: none;
          color: #fff; }
          .food-menu-tabs .nav-tabs li a.active:before {
            background: #fff; }

.custom-caption {
  font-size: 1.6rem;font-family: "M PLUS 1p" !important;
  letter-spacing: .2em;font-weight: 600; text-shadow: #333 1px 0 10px;}

@media (max-width: 991.98px) {
	.custom-caption {font-size: 1.2rem;}
}

.bg-image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
  z-index: 1; }
  .bg-image.overlay {
    position: relative; }
    .bg-image.overlay > .container {
      position: relative;
      z-index: 3; }
    .bg-image.overlay:before {
      z-index: 2;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      content: "";
      background: rgba(0, 0, 0, 0.6); }

.img-absolute {
  position: absolute;
  bottom: -100px;
  right: -100px; }
  .img-absolute img {
    max-width: 250px;
    border-radius: 50%;
    border: 10px solid #f2f4fb; }
  @media (max-width: 991.98px) {
    .img-absolute {
      right: 0px; }
      .img-absolute img {
        max-width: 160px; } }

.custom-breadcrumbs {
  list-style: none;
  padding: 0;
  margin: 0; }
  .custom-breadcrumbs li {
    display: inline-block;
    color: #fff;
    margin: 0 4px;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: .1em;
    font-weight: bold; }
    .custom-breadcrumbs li a {
      font-weight: 600;color: #fff; }
      .custom-breadcrumbs li a:hover {
        color: #ef759a; }

.timeline-item {
  padding: 3em 2em 2em;
  position: relative;
  border-left: 2px solid #dee2e6; }
  .timeline-item::before {
    content: attr(date-is);
    position: absolute;
    left: 2em;
    font-weight: bold;
    top: 1em;
    display: block;
    font-weight: 700;
    font-size: .785rem; }
  .timeline-item::after {
    width: 10px;
    height: 10px;
    display: block;
    top: 1em;
    position: absolute;
    left: -6px;
    border-radius: 10px;
    content: '';
    border: 2px solid #dee2e6;
    background: white; }
  .timeline-item:last-child {
    -webkit-border-image: -webkit-gradient(linear, left top, left bottom, color-stop(60%, #dee2e6), to(rgba(222, 226, 230, 0))) 1 100%;
    -webkit-border-image: -webkit-linear-gradient(top, #dee2e6 60%, rgba(222, 226, 230, 0)) 1 100%;
    -o-border-image: -o-linear-gradient(top, #dee2e6 60%, rgba(222, 226, 230, 0)) 1 100%;
    border-image: -webkit-gradient(linear, left top, left bottom, color-stop(60%, #dee2e6), to(rgba(222, 226, 230, 0))) 1 100%;
    border-image: linear-gradient(to bottom, #dee2e6 60%, rgba(222, 226, 230, 0)) 1 100%; }

.custom-pagination {
  text-align: center; }
  .custom-pagination ul {
    padding: 0;
    margin: 0; }
    .custom-pagination ul li {
      display: inline-block; }
      .custom-pagination ul li a {
        background: #fff;
        border-radius: 50%;
        border: 1px solid transparent; }
        .custom-pagination ul li a:hover {
          border: 1px solid #d9d9d9;
          -webkit-box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.1); }
      .custom-pagination ul li a, .custom-pagination ul li span {
        display: inline-block;
        width: 47px;
        margin: 2px;
        height: 47px;
        font-size: 1.2rem;
        line-height: 47px; }
      .custom-pagination ul li.active span {
        background: #ffba5a;
        color: #fff;
        border-radius: 50%; }


.top_mainimg { background-size: cover !important;}

.jyuyo_box {margin: auto !important; text-align: center !important;width: 95% !important;}
#jyuyou_info h3 {font-family:"M PLUS 1p" !important;color: #ff0012; text-align: center;margin:auto auto 2.5%;font-size: 2rem;font-weight: 600;}
#jyuyou_text  p,#jyuyou_text  p span {font-family:"M PLUS 1p" !important;color: #231815; text-align: left;font-size: 1.1rem !important;color: line-height: 2rem !important;color:}
.jyuyou_renrakusaki {font-family:"M PLUS 1p" !important;color: #231815; text-align: left;font-size: 1.35rem; line-height: 2rem;font-weight: 600;}
.jyuyou_renrakusaki span{display: inline-block;padding-left:1rem;}

@media (max-width:500px) {

#jyuyou_info h3 {margin:1% auto 4% 2%;font-size: 1.5rem;line-height: 2.1rem; text-align: left;padding-left:1rem;text-indent:-1rem;}
#jyuyou_text  p,#jyuyou_text  p span{font-size: 1rem !important;color:; line-height: 1.8rem !important;color:;}
.jyuyou_renrakusaki {font-size: 1.15rem; line-height: 2rem;}
.jyuyou_renrakusaki span{display: block;padding-left:0;}
}


.parent_box {display: flex !important;display: -webkit-box;display: -ms-flexbox; justify-content: space-between !important;flex-wrap: wrap;margin:3% auto 7%;}

#info_box ,#info_box02 {background-color: #fff;border-radius: 15px;width: 100% !important; padding:5%;display: flex;flex-direction: column;}
#info_box03 {background-color: #f2f4fb;width:100% !important; padding:4% 5%;margin:auto;}
#info_box h2,#info_box02 h2 {color: #231815;font-size: 1.55rem;font-family: "M PLUS 1p";}
#info_box h2::before{
font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0a2 ";
  font-size: 1.7rem;
  margin-right: 4px;
  color:#898989;
}
#info_box02 h2::before{
  font-family: "Font Awesome 5 Free";
  content:"\f05a";
  font-size: 1.7rem;
  font-weight: 900;
  margin-right: 4px;
  color:#898989;
}
#info_box  ul,#info_box02  ul,#info_box03  ul{
  list-style: none outside;
  margin:4% 0;flex-grow: 1;
  padding: 0;
}
#info_box03  ul {background-color: #fff;border-radius: 15px;width:90% !important; padding:5% 5% 8%;margin:5% auto;}
#info_box  ul li a,#info_box02  ul li a{
  display: flex;
  flex-wrap: nowrap;
  text-decoration: none;
  color: #231815;
  border-bottom: 2px solid #b5b5b6;
  padding:1rem;
}

#info_box03  ul li a {
  width: 100%;display: table;
  text-decoration: none;
  color: #231815;
  border-bottom: 2px solid #b5b5b6;
  padding:1rem;
}
#info_box  ul li:first-child a,#info_box02  ul li:first-child a{
  border-top: 2px solid #b5b5b6;
}
#info_box  ul li dl dt,#info_box02  ul li dl dt  {
  margin: 0;
  min-width: 110px;
  font-size:1rem;
  color: #898989;
  padding: 0 20px 0 0;
}
#info_box03  ul li dl dt  {
  margin: 0 0 1%;  min-width: 100% ;
  font-size:1rem;width:100% !important;
  color: #898989;
  padding: 0 20px 8px 0;
}
#info_box  ul li dl dt span,#info_box02  ul li dl dt span {display: none !important;}
#info_box03  ul li dl dt span.genre_1 {margin-left:1.5%;background-color: #67c15b;font-size:0.85rem;padding:0.3rem 0.6rem;border-radius: 5px;color:#fff;}
#info_box03  ul li dl dt span.genre_2 {margin-left:1.5%;background-color: #69c2d0;font-size:0.85rem;padding:0.3rem 1rem;border-radius: 5px;color:#fff;}
#info_box  ul li dl  dd,#info_box02  ul li dl  dd,#info_box03  ul li dl  dd{
  margin: 0;font-size: 1.1rem;line-height: 1.6rem;
  width: 100%;
}
#info_box  ul li a:hover dl  dd,#info_box02  ul li a:hover dl  dd,#info_box03  ul li a:hover dl  dd{
  color: #f184a5;
}

@media screen and (max-width: 767px){
.parent_box {display: block !important;}
#info_box,#info_box02 {width:95% !important;margin:auto auto 8% !important;padding:10% !important;}

#info_box  ul li a,#info_box02  ul li a{
  flex-wrap: wrap;
}
#info_box  ul li dl dt,#info_box02  ul li dl dt  {
  min-width: 100px;
}
#info_box  ul li dl  dd,#info_box02  ul li dl  dd{
  margin-top: 10px;
}
}

.parent_box nav  ul li.next {text-align: right;cursor: pointer;transition: .2s cubic-bezier(0.45, 0, 0.55, 1);}
.parent_box nav  ul li.next a {color: #231815;font-size: 1.1rem;padding: .5rem 1.5rem; border:solid 2px #b5b5b6;border-radius: 30px;display: inline-block !important; text-transform: uppercase;}
.parent_box nav  ul.next a::after {  font-family: "Font Awesome 5 Free";
  content: '\f0a2 ';
  font-size: 1.7rem;
  font-weight: 400;
  margin-right: 4px;
  color:#f184a5;padding-left:.5rem; }

.parent_box nav  ul li.next:hover a {color: #fff;background: #f184a5;border:solid 2px #f184a5;}
.parent_box nav  ul li.next a::after {color: #fff;}

.more_btn {text-align: center;cursor: pointer;transition: .2s cubic-bezier(0.45, 0, 0.55, 1);}
.more_btn a {color: #231815;font-size: 1.1rem;padding: .5rem 1.5rem; border:solid 2px #b5b5b6;border-radius: 30px;display: inline-block !important; text-transform: uppercase;}
.more_btn a span {color:#f184a5;padding-left:.5rem; }

.more_btn:hover a {color: #fff;background: #f184a5;border:solid 2px #f184a5;}
.more_btn:hover a span {color: #fff;}


#slider {
    width: 100%;
    height: 100vh;/*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
}



#container {
    display: grid;
    grid-template-rows:1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr;
	grid-template-areas:
     "areaA areaB"
     "areaA areaF"
     "areaC areaD"
     "areaC areaE";
	gap:20px;color: #fff; margin-top:3%; margin-bottom:3%;
}


#itemA {
    grid-area: areaA;padding:4% 6%;
    background: #67c15b;border-radius: 10px;
}

#itemB {
    grid-area: areaB;padding:4% 6%;
    background: #ef759a;border-radius: 10px;
}

#itemC {
     grid-area: areaC;padding:4% 6%;
    background: #69c2d0;border-radius: 10px;
}

#itemD {
    grid-area: areaD;padding:4% 6%;
    background: #a46583;border-radius: 10px;
}

#itemE {
     grid-area: areaE;padding:4% 6%;
    background: #009690;border-radius: 10px;
}

#itemF {
    grid-area: areaF;padding:4% 6%;
    background: #ea8b39;border-radius: 10px;
}

@media screen and (max-width: 767px){
#container {
    display:block;
	margin-top:5%; margin-bottom:5%;
}
#itemA,#itemB,#itemC,#itemD,#itemE,#itemF {margin-bottom: 3%;padding:6%;}
#container h3 {font-size: 1.2rem;margin-bottom: 3%;}
}

#container h3 {color: #fff;font-size: 1.4rem;font-weight:500; }
#itemA h3::before {content: ''; display: inline-block;
  width:30px;/*画像の幅*/
  height:30px;/*画像の高さ*/
  background-image:url(../images/annai_iconA.png);
  background-size: contain;
  vertical-align: middle;margin-right: 8px;}

#itemB h3::before {content: ''; display: inline-block;
  width:30px;/*画像の幅*/
  height:30px;/*画像の高さ*/
  background-image:url(../images/annai_iconD.png);
  background-size: contain;
  vertical-align: middle;margin-right: 8px;}

#itemC h3::before {content: ''; display: inline-block;
  width:30px;/*画像の幅*/
  height:30px;/*画像の高さ*/
  background-image:url(../images/annai_iconC.png);
  background-size: contain;
  vertical-align: middle;margin-right: 8px;}

#itemD h3::before {content: ''; display: inline-block;
  width:30px;/*画像の幅*/
  height:30px;/*画像の高さ*/
  background-image:url(../images/annai_iconB.png);
  background-size: contain;
  vertical-align: middle;margin-right: 8px;}

#itemE h3::before {content: ''; display: inline-block;
  width:30px;/*画像の幅*/
  height:30px;/*画像の高さ*/
  background-image:url(../images/annai_iconE.png);
  background-size: contain;
  vertical-align: middle;margin-right: 8px;}

#itemF h3::before {content: ''; display: inline-block;
  width:30px;/*画像の幅*/
  height:30px;/*画像の高さ*/
  background-image:url(../images/annai_iconF.png);
  background-size: contain;
  vertical-align: middle;margin-right: 8px;}


.annai {width: 100%;border-bottom: 2px solid #fff;margin-top:3% !important;}
.annai a {color: #fff;font-size: 1.1rem; padding:.8rem 1rem;}
.annai a span {float: right;padding-right: 1rem;}
.annai a:hover {font-size: 1.2rem;}
.annai_txt {color: #fff;font-size: 1.1rem; padding:.8rem 1rem;line-height: 1.8rem;}

@media screen and (max-width: 767px){
.annai a {font-size: 1rem;}
.annai_txt {font-size: 1rem;padding-top: 0; line-height: 1.6rem;}
}

.more_btn02 {text-align: right;cursor: pointer;transition: .2s cubic-bezier(0.45, 0, 0.55, 1);margin-top:5%;}
.more_btn02 a {color: #fff;font-size: 1rem;padding: .2rem 1.5rem; border:solid 2px #fff;border-radius: 30px;display: inline-block !important; text-transform: uppercase;}
.more_btn02 a span {color:#fff;padding-left:.8rem; }

.more_btn02:hover a {color: #fff;background: #f184a5;border:solid 2px #f184a5;}


#recruit {background-image:url("../images/recruit_back.jpg");background-size: cover;}
#recruit img {width: 100%;}

@media screen and (max-width:600px){
#recruit {min-height:500px; background-image:url("../images/recruit_back_sp.jpg");background-size: cover;}
}


.more_btn03 {text-align: right;cursor: pointer;transition: .2s cubic-bezier(0.45, 0, 0.55, 1);margin-top:5%;}
.more_btn03 a {color: #fff;font-size: 1rem;padding: .2rem 1.5rem; border:solid 2px rgba(188,78, 104, 0.8);border-radius: 30px;background:rgba(188,78, 104, 0.8);display: inline-block !important; text-transform: uppercase;}
.more_btn03 a span {color:#fff;padding-left:.8rem; }

@media screen and (max-width:600px){
.more_btn03 {margin-top:2%}
}

.more_btn03:hover a {color: #fff;background: rgba(188,78, 104, 0.5);border:solid 2px rgba(188,78, 104, 0.5);}

.shinryo_guide {background-color: #fff; padding: 2% 5%;border-radius: 15px;margin: auto;text-align: center;}


.shinryo_box {width: 49%;display: flex; justify-content: space-around; padding: 2% 2% 0;}

@media screen and (max-width: 767px){
	.shinryo_box {width:95%;display:block;margin: auto;text-align: center;}
	.shinryo_guide {padding: 5%;}
}



table.shinryo_guide_in {
  border-collapse: collapse;
  margin: 0 auto;
  padding:0;
  width:100%;flex-direction: column;
  table-layout: fixed;
animation-name:fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}

table.shinryo_guide_in tr {
  background-color: #fff;
  border: 1.25px solid #898989;
  padding: .35em;
}
table.shinryo_guide_in th,
table.shinryo_guide_in td {
  padding:.5em 10px .5em 1em;color: #231815;
  border-right: 1px solid #898989;text-align: center;}
table.shinryo_guide_in th {
  font-size: 1em;
}
table.shinryo_guide_in thead tr{
  background-color: #f9c8d7;text-align: center;font-size: 1.1rem;
}


h3.shinryou_ttl {margin:4% auto !important;text-align: center;}


h3.shinryou_ttl::before {content: ''; display: inline-block;
  width:40px;/*画像の幅*/
  height:40px;/*画像の高さ*/
  background-image:url(../images/shinryo_ttl.png);
  background-size: contain;
  vertical-align: middle;margin-right: 8px;}


.shinryou_txt {font-size: 1.1rem; padding:.8rem 1rem;line-height: 1.6rem;font-weight: 400;}
.shinryo_guide_in h2 {padding-top:1rem;font-weight:600;}


.more_btn04 {text-align:center;cursor: pointer;transition: .2s cubic-bezier(0.45, 0, 0.55, 1);margin-top:3%;margin-bottom:7%;}
.more_btn04 a {color: #231815;font-size: 1.1rem;padding: .5rem 1.5rem; border:solid 2px #b5b5b6;border-radius: 30px;display: inline-block !important; text-transform: uppercase;}
.more_btn04 a span {color:#f184a5;padding-left:.5rem; }

.more_btn04:hover a {color: #fff;background: #f184a5;border:solid 2px #f184a5;}
.more_btn04:hover a span {color: #fff;}
.shinro_jikan {font-size: 2rem; padding:.5rem 1rem;font-weight: 600;vertical-align: middle;}
.shinro_jikan span {font-size: 1.1rem; vertical-align:20%;margin-right:1rem;}

@media screen and (max-width: 767px){
	h3.shinryou_ttl {margin: 6% auto;}
	.shinryo_guide_in h2 {font-size:1.8rem;}
	.shinro_jikan {font-size: 1.6rem;}
}

.banner_area img {width:98%;}
.banner_area img:hover {opacity: .6;}

@media screen and (max-width: 767px){
.banner_area img {margin-bottom:4%;}
}


.contact_btn {text-align: right;cursor: pointer;transition: .2s cubic-bezier(0.45, 0, 0.55, 1);margin-top: 3%;}
.contact_btn a {color: #009690;font-size: 1.1rem;background-color: #fff; padding: .5rem 1.5rem; border-radius: 30px;display: inline-block !important; text-transform: uppercase;}
.contact_btn a span {color:#009690;padding-right:.5rem; }

.contact_btn:hover a {color: #fff;background: #f184a5;border:solid 2px #f184a5;}
.contact_btn:hover a span {color: #fff;}

#table01 {margin-top:5%;
animation-name:fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}
#table01 tr {
font-size: 1rem;line-height: 1.7rem;
}

#table01 th,
#table01 td {
  padding:.2rem 0;color: #fff;
  border: none;font-weight: 400;vertical-align: top;
}

#table01 th {
  width: 25%;
}

.footer_copy {color:#fff;font-size: .9rem;text-align: center; margin:6% auto auto;line-height: 1.3rem;}

@media screen and (max-width: 767px){
.contact_btn {text-align: left;margin-top: 5%;margin-bottom: 0%;}
}


.site-hero-sub {
  background-size: cover;
  height: 30vh;
  min-height: 300px;
  width: 100%;
  position: relative; }

.site-hero-sub .heading02 {
    font-family:"M PLUS 1p" !important;letter-spacing: .1em; text-shadow: #333 1px 0 10px;
    font-weight: bold;margin-top:7% !important;}



@media (max-width: 991.98px) {
.site-hero-sub .heading02 {}
}
@media (max-width:500px) {
.site-hero .heading {}
}

.site-hero-sub .overlay:before {
    background: rgba(0, 0, 0, 0.1);
    content: "";
    position: absolute;
    height:30vh;
    min-height: 300px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }

 .site-hero-sub.inner-page {
    height:30vh;
    min-height:300px; }
.site-hero-sub.inner-page.overlay:before {
      height:30vh;
      min-height: 300px; }

.site-hero-inner-sub {
  height: 300vh;
  min-height:300px; }

 .site-hero-inner-sub .heading02 {
    font-size:3rem !important;
    font-family:"M PLUS 1p";
    color: #fff;
    line-height: 1;
    font-weight: bold; }

.site-hero-inner-sub .heading02 span {font-size:1.6rem !important;display: block;padding-top:1.5%;}

 @media (max-width: 991.98px) {
.site-hero-sub .heading02 {margin-top:15% !important;}
.site-hero-inner-sub .heading02  {font-size: 2.5rem !important; } 
.site-hero-inner-sub .heading02 span  {font-size: 1.3rem !important; }
 }
 
 @media (max-width: 500px) {
.site-hero-sub .heading02 {margin-top:15% !important;}
.site-hero-inner-sub .heading02  {font-size: 2.2rem !important; } 
.site-hero-inner-sub .heading02 span  {font-size: 1.1rem !important; }
 }
 

.inner-page .site-hero-inner-sub {
  height: 30vh;
  min-height:300px; }

.guide_btn {border: solid 2px #b5b5b6;padding: 1rem 2rem;border-radius: 50px;}
.guide_btn a {color: #231815;}
.guide_btn:hover a {color: #f184a5;}
.guide_btn a span {float: right;color: #f184a5; }
.guide_btn:hover a span {margin-right: -0.5rem;}

 @media (max-width:1200px) {
.guide_btn {padding: 1rem 1.5rem;font-size: 1.3rem;}
.guide_btn a {font-size: 1.25rem;}
}
 @media (max-width:767.9px) {
.guide_btn_frame {-webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;padding-left: 5% !important; 
	 }
}
	 
 @media (max-width:500px) {
.guide_btn {font-size: 1.2rem;}
}



h2.ttl {
    position: relative;
    margin:auto auto 3%;width: 100%;
    padding:1.5rem 0.5rem;font-size: 2.3rem;
    color: #231815;font-weight:500;
}

h2.ttl:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width:100%;
    border-top: 5px solid #efefef;
}

h2.ttl:after {
    content: "";
    position: absolute;
    left: 0;
   top: 0;
    width:8%;
    border-top: 5px solid #ef759a;
}
h2.ttl span {display:block;font-size: 1.3rem;line-height: 1.8rem;margin-top:2%;}

.section02 {
  padding: 4% 0; }
 
@media (max-width: 991.98px) {
.section02 {padding: 5% 0; }
h2.ttl {font-size:2rem;}
h2.ttl  span {font-size:1rem;line-height: 1.6rem;}
}
@media (max-width: 500px) {
h2.ttl {font-size:1.8rem;}
}

@media (min-width:1600px) {
.section02 {padding:3% 0 4%; }

}


#kaisha  table{
width: 100% !important;color: #3e3a39;margin-bottom:10%;
animation-name:fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}

#kaisha  table td {
border: 1px solid #9fa0a0 !important;
padding:1.5rem;
}

#kaisha  table tr  td:nth-of-type(1) {
font-weight: bold;width: 25%;vertical-align: top;
background-color: #efefef !important; border-right: none !important;}
#kaisha  table td {border-left:none;}
#kaisha  table td span {margin-left: 1rem;color: #9fa0a0;}
#kaisha  table td span.tel {margin-left: auto;color:  #3e3a39;display:inline-block;}
#kaisha  table td img {width: 100%;}



@media screen and (max-width: 767.9px) {
#kaisha  table{width: 100% !important;margin-top:8%;}

#kaisha  table tr,
#kaisha  table td,
#kaisha  table tr  td:nth-of-type(1) {display:block;width: 100% !important;}
#kaisha  table tr  td:nth-of-type(1) {border:1px solid #9fa0a0 !important;border-top:none !important;border-bottom: none !important;}
#kaisha  table tr:first-child td {border-top:1px solid #9fa0a0 !important;}
#kaisha  table td {border-left:1px solid #9fa0a0 !important;}
}
@media screen and (max-width: 500px) {
#kaisha  table {margin-bottom:15%;}
#kaisha p span {display: inline-block;margin-left:0;line-height:2.6rem;}
}

.company_map {width:100% !important;margin:2% auto 8%;}

@media screen and (max-width: 767.9px) {
.company_map {width: 98%;}
}

#googlemap  {
	position: relative;margin:0 auto 0;
	padding: 0 0 40%;
	height: 0;
	overflow: hidden;

 }
#googlemap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	min-height: 100% !important;

 }

@media screen and (max-width:991.8px) {
	#googlemap  {margin: 10% auto 0;
		padding: 0 0 60%;}
}

h3.sub_ttl {font-size: 1.8rem;margin-bottom:2%;}
h3.bus::before {
  content: '';
  display: inline-block;
  width: 40px;margin-right:.6%;
  height:40px;vertical-align: middle;
  background-image: url("../images/bus.png");
  background-size: contain;
}

h3.car::before {
  content: '';
  display: inline-block;
  width: 40px;margin-right:.6%;
  height:40px;vertical-align: middle;
  background-image: url("../images/car.png");
  background-size: contain;
}


h3.kakuka_syoukai::before {
  content: '';
  display: inline-block;
  width: 40px;margin-right:.6%;
  height:40px;vertical-align: middle;
  background-image: url("../images/kakuka_syoukai.png");
  background-size: contain;
}

h3.naika {margin-top: 5%;}

h3.naika::before {
  content: '';
  display: inline-block;
  width: 40px;margin-right:.6%;
  height:40px;vertical-align: middle;
  background-image: url("../images/naika.png");
  background-size: contain;
}

h3.nyuin {margin-top:3%;}

h3.nyuin::before {
  content: '';
  display: inline-block;
  width: 40px;margin-right:.6%;
  height:40px;vertical-align: middle;
  background-image: url("../images/nyuin.png");
  background-size: contain;
}
@media screen and (max-width:500px) {
h3.nyuin::before {
  width: 35px;margin-right:2%;margin-left:2%;
  height:35px;}
}

h3.miyako {margin-top:3%;padding-left: 2.5rem;text-indent: -1.6rem;}

h3.miyako::before {
  content: '';
  display: inline-block;
  width: 40px;margin-right:.6%;
  height:40px;vertical-align: middle;
  background-image: url("../images/miyako.png");
  background-size: contain;
}

h3.tiiki {margin-top:3%;}

h3.tiiki::before {
  content: '';
  display: inline-block;
  width: 40px;margin-right:.6%;
  height:40px;vertical-align: middle;
  background-image: url("../images/tiiki.png");
  background-size: contain;
}

@media screen and (max-width:500px) {
	h3.sub_ttl {font-size:1.3rem;margin-top: 5%;}
	h3.miyako::before {width: 25px; height: 25px;}
.pl_000 {padding-left:2.7rem;text-indent:-2.7rem;}
}
	
.access_txt {color: #3e3a39;border-bottom: 1px dotted #9fa0a0;padding-left:46px;padding-bottom: 1rem;margin-bottom: 4%;}


.timeline {
  list-style: none;margin-top:5%; margin-bottom: 8%;color: #898989;padding-left: 1%;
}
.timeline > li {
  margin-bottom: 60px;
}

.timeline h3 {font-size:1.2rem;color: #3e3a39;}

/* for Desktop */
@media ( min-width : 640px ){
	
.timeline h3 {font-size:1.4rem;}
  .timeline > li {
    overflow: hidden;
    margin: 0 0 0;
    position: relative;
  }
  .timeline-date {
    width:18%;
    float: left;color: #3e3a39;
  }
  .timeline-content {
    width: 75%;
    float: left;
    border-left: 3px #efefef solid;
    padding-left: 30px;
  }
  .timeline-content:before {
    content: '';
    width: 12px;
    height: 12px;
    background: #ef759a;
    position: absolute;
    left:17.5%;
    top: 0;
    border-radius: 100%;
  }
	.timeline p {margin-bottom: 3%;}
}

@media ( max-width : 639.9px ){
	.timeline-date {border-top:solid 3px #efefef; padding-top: 1rem;color: #231815;font-weight: 600;}
	.timeline > li {margin-bottom: 25px;}
	.timeline {line-height: 1.6rem;}
}

.rinen_btn {color:#fff;padding: 0.2rem 1.2rem; background-color: #ef759a; border-radius:20px;display: inline-block;font-size: 1.2rem; font-weight: 600;}

.rinen_midashi {color:#ef759a;margin-top:1%; font-size:3.75rem; font-weight: 600;line-height: 4.5rem;}
.rinen_midashi02 {color:#ef759a;margin-top:1%; font-size:2rem; font-weight: 600;line-height:2.8rem;}
.rinen_midashi03 {padding-left: 1rem; color:#ef759a;margin-bottom: 5%; font-size:1.5rem; font-weight: 600;line-height:2.3rem;}
.rinen_waku img {width:100%;}
.rinen_txt {font-size: 1.5rem;color: #ef759a;font-weight: 600;line-height: 2.2rem; margin-bottom:6%;}

@media screen and (max-width:991.8px) {
.rinen_midashi {font-size:3.2rem;line-height:3.6rem;}
.rinen_midashi02 {font-size:1.75rem;line-height:2.3rem;}
.rinen_midashi03 {font-size:1.3rem;line-height:1.9rem;}
}

@media screen and (max-width:767.9px) {
.rinen_midashi02 {margin-bottom: 6%;}
}

@media screen and (max-width:500px) {
.rinen_btn {font-size: 1rem;}
.container {padding-left: 5%; padding-right: 5%;}
.rinen_midashi {font-size:2.6rem;line-height:3.2rem;}
.rinen_midashi02 {font-size:1.5rem;line-height:2rem;}
.rinen_midashi03 {font-size:1.2rem;line-height:1.8rem;}
.rinen_txt {font-size: 1.25rem;line-height:2rem;margin-bottom: 8%;}
.rinen_waku img {margin-bottom: 5%;}
}


.kihon {
  counter-reset: titlenum;margin-bottom: 5%; 
}

.kihon02 {margin-bottom: 5%; }

.kihon h2 {border-bottom: dashed 1px #9fa0a0;font-size: 1.4rem;line-height: 2.2rem;font-weight: 600;color: #231815;padding-bottom:2%;margin-bottom: 2%;padding-left: 3.5rem;position: relative;}
.kihon h2::before{
	counter-increment: titlenum; /* counter-resetと同じ文字列 */
	content: counter(titlenum)  "";
	/* ここから下は装飾です */
	margin-right: 20px;
	padding: 0.3rem 1rem;
	display: inline-block;
	border-radius:50%;top:-3%;
	color: #fff;
	font-family: roboto;
	font-size: 1.4rem;
	background: #ef759a;left: 0;
  position: absolute;
}

.kihon02 h2 {border-bottom: dashed 1px #9fa0a0;font-size: 1.4rem;line-height: 2.2rem;font-weight: 600;color: #231815;padding-bottom:1%;margin-bottom: 2%;padding-left:1rem;position: relative;}

@media screen and (max-width:500px) {
.kihon h2 {font-size: 1.15rem;line-height:1.8rem;margin-bottom: 3.5%;padding-bottom:4%;}
.kihon h2::before {top:-6%;font-size: 1.15rem;}
.kihon02 h2 {font-size: 1.15rem;line-height:1.8rem;margin-bottom: 3.5%;padding-bottom:4%;}
}


.sp {display:block !important;}
.pc {display: none !important;}


@media screen and (min-width:768px) {
.sp {display:none !important;}
.pc {display: block !important;}
}


.riziaisatu {margin-bottom: 5%;}
.riziaisatu img {width: 100%;border-radius: 15px;}

.aisatu_txt_area {padding-left:3%;padding-right: 3%; color: #231815;}
.aisatu_txt_area h2 {line-height:2.6rem;margin-bottom: 5%;}
.aisatu_txt_area  p {font-size:1.15rem; line-height: 2rem;color: #3e3a39;}
.aisatu_txt_area p.name {font-size:1.3rem; line-height:2.2rem;font-weight:500;text-align: right;margin-top: 5%;}
.aisatu_txt_area p.name span {font-size:1.6rem;padding-left: 1rem;}


@media screen and (max-width:767.9px) {
.aisatu_txt_area {padding-left:5%;padding-right: 5%;}
.aisatu_txt_area h2 {margin-top: 8%;font-size:1.6rem;line-height:2.2rem;margin-bottom:8%;}
.aisatu_txt_area  p {font-size:1rem; line-height:1.85rem;}
.aisatu_txt_area p.name {font-size:1rem; line-height:1.7rem;}
.aisatu_txt_area p.name span {font-size:1.25rem;}
}


.table_design08 {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;margin:2% auto 10%;color:#3e3a39; 
  text-align:left;font-size: 1.1rem;line-height: 2rem;
}
.table_design08 th, .table_design08 td {
  border:1px solid #9fa0a0;
  padding: 1rem;
}


@media screen and (max-width: 767.9px) {
  .table_design08 {margin-bottom: 15%;
  }

  .table_design08 th, .table_design08 td {
    display: block;border-bottom: none;
  }
.table_design08 tr:last-child  {border-bottom:1px solid #9fa0a0;}
}


.table_shinryo {
  border-collapse: collapse;
  color: #3e3a39;
  width: 100%;margin:3% auto 6%;
  text-align: center;
}
.table_shinryo th, .table_shinryo td {
  border: 1px solid #9fa0a0;
  padding: 1em;
}
.table_shinryo thead th {
  background-color: #efefef;
  border: 1px solid #9fa0a0;
  border-right: 1px solid #9fa0a0;
  border-bottom: 1px solid #9fa0a0;
}
.table_shinryo thead th:last-of-type {
  border-right: 1px solid #9fa0a0;
}
.table_shinryo tbody th {
  font-weight: bold;width:25% !important;
  text-align: center;
}

.table_shinryo tbody th span {display: block;}

.table_shinryo tbody .shinryo_setumei {width: 56% !important;text-align: left !important;}


@media screen and (max-width: 787px) {
  .table_shinryo {
    text-align: left;table-layout: fixed;margin-top:10%; margin-bottom:15%;
  }
  .table_shinryo thead {
    display:none;
  }
  .table_shinryo th, .table_shinryo td {
    display: block;
    border: 0;padding-top: 1.5rem;
    border-bottom: 1px solid #9fa0a0;
  }
  .table_shinryo tbody th{
    background: #efefef;width:100% !important;
  }
	
	.table_shinryo tbody .shinryo_setumei {width:100% !important;}
	.table_shinryo tbody th span {margin-right: 2%;display: inline-block !important;}
}


.shinryo_table_txt {color:#3e3a39;padding-left: 1rem; text-indent: -1.5rem;margin-left: 1rem;}

.table_shinryo_youbi {
  border-collapse: collapse;table-layout: fixed;word-break: break-all  !important;;
word-wrap: break-all  !important;;
  color: #3e3a39;border: 2px solid #9fa0a0;
  width: 100%;margin:2% auto 6%;
  text-align: center;font-size: 1.rem;
}
.table_shinryo_youbi th, .table_shinryo_youbi td {
  border:1px solid #9fa0a0;
  padding: .7em .5em;
}
.table_shinryo_youbi tbody td span {font-size: 0.85rem !important;}
.table_shinryo_youbi td {padding-top: 1.4rem;}
.table_shinryo_youbi thead th {
  background-color: #efefef;
  border: 2px solid #9fa0a0;
  border-right: 2px solid #9fa0a0;
  border-bottom:2px solid #9fa0a0;
}
.table_shinryo_youbi thead th:last-of-type {
  border-right: 2px solid #9fa0a0;
}
.table_shinryo_youbi tbody th {
  font-weight: bold;width: 20% !important;
  text-align: center;font-size: 1.1rem;
}
.table_shinryo_youbi tbody td {width: 16% !important;}
.table_shinryo_youbi tbody th span {font-size:1rem;display: block;font-weight: 400;}
.table-scroll { margin-bottom:8% !important;}
@media screen and (max-width: 787px) {
.table_shinryo_youbi {min-width:700px;margin-top:4%;margin-bottom:8%;}
.table_shinryo_youbi tbody th {width: 200px !important;}
.table_shinryo_youbi tbody td {width: 150px !important;}
.table-scroll { overflow-x: scroll !important;margin-bottom:10% !important;}
.mt_000 {margin-top:22% !important;}
.mt_001 {margin-top:7% !important;}
.mtmb_000 {margin-top:7% !important; margin-bottom:5% !important;}
}
.mtmb_001 {margin-top:1% !important; margin-bottom:1% !important;}
}
.haifun {font-size:2rem;padding-left: 1.7rem;padding-right: 1.7rem;}
.enge_txt {font-size:1.15rem; text-align: left;padding-top:0.5rem;line-height: 2rem; }

.katagaki {color: #231815;font-size: 1.2rem; font-weight: 600;margin-bottom:1%;padding-left: 1rem;}
.ishi_name {color: #231815; font-size:2rem;padding-left: 1rem;}
.ishi_name span {color: #9fa0a0;font-size: 1.2rem;padding-left: 2rem;}

.ishi_table {margin:5% 0;width: 95%;text-align: left;}
.ishi_shoukai {margin: 0 0 0 2% !important;padding: 0 2%;
	list-style: none;}

.ishi_shoukai li {padding: 1em 0;color: #231815;font-size: 1.1rem;line-height: 1.8rem;
	border-bottom:1px solid #9fa0a0;}

.box-left {
	display: inline-block;
	width: 30%;
	margin-right:5%;
	vertical-align: middle;
}
.box-right {
	display: inline-block;
	width:65%;
	vertical-align: middle;
}

.doc_ph {margin-bottom: 8%;}

.doc_ph img {border-radius:20px;}

@media screen and (max-width: 787px) {
	.ishi_table {margin:6% auto 8%;width:100%;}
	.box-left {width: 35%;}
	.box-right {width:60%;}
	.doc_ph {margin:3% auto 15%;width: 85%;}
	.mt_doc {margin-top: 8%;}

}


hr.doc_border {
height: 8px;border: 0;
  background-image: repeating-linear-gradient(45deg, #ccc 0, #ccc 1px, transparent 0, transparent 50%);
  background-size: 8px 8px;margin:8% .5% 7% !important;
}
@media screen and (max-width: 500px) {
hr.doc_border {margin:15% .5% 15% !important;}
}

.all_txt  {color:#3e3a39;padding-left: 1rem;margin-top:-1%;}
.maru {font-size:2.5rem;color: #ef759a;}
.price {font-size:1.4rem;color: #3e3a39;}


.table_kenshin {
  border-collapse: collapse;
  color: #3e3a39;
  width: 100%;margin:2% auto 2%;
  text-align: center;
}
.table_kenshin th, .table_kenshin td {
  border: 1px solid #9fa0a0;
  padding: 1em;
}
.table_kenshin td {padding-top: 1.4rem;}
.table_kenshin thead th {
  background-color: #efefef;
  border: 1px solid #9fa0a0;
  border-right: 1px solid #9fa0a0;
  border-bottom: 1px solid #9fa0a0;
}
.table_kenshin thead th:last-of-type {
  border-right: 1px solid #9fa0a0;
}
.table_kenshin tbody th {
  font-weight: bold;width:35% !important;
  text-align: center;font-size: 1.6rem;
}
.table_kenshin tbody th span {font-size:1rem;display: block;font-weight: 400;}

@media screen and (max-width: 787px) {
.table_kenshin_botu {margin: 5% auto 10%;}
.table_kenshin_botu .head{
    display:none;
  }
	.table_kenshin_botu tbody th {width: 100% !important;background-color: #efefef;padding: 0.5rem;}
  .table_kenshin_botu td,
  .table_kenshin_botu th{
    display: block;
    width: 100%;
    border-bottom:none;
  }	
	.table_kenshin_botu td{
    display: block;padding:0;vertical-align: middle;
    width: 100%;
  }
	.table_kenshin_botu td:last-child{
    border-bottom: solid 1px #ccc;
  }
}

.koumoku_waku {display: table;table-layout: fixed;text-align: center;
width: 100%;}
.sp_koumoku {font-size: 1.2rem; font-weight: bold;border-right: 1px solid #fff;  display:table-cell;vertical-align: middle;
  width:25% !important;color: #fff; background-color:#ef759a;padding: 0.5rem !important; }
.sp_koumoku02 {font-size:1.1rem; font-weight: bold;display:table-cell;vertical-align: middle;
  width:25% !important;color: #fff; background-color:#ef759a;padding: .5rem !important;line-height: 1.5rem; }
.sp_koumoku_maru {font-size: 2rem; font-weight: bold;border-right: 1px solid #9fa0a0;  display:table-cell;vertical-align: middle;
  width:25% !important;color: #ef759a; padding: 0.5rem !important; }
.sp_price {font-size: 1.3rem;padding: 1rem !important; margin-bottom: 0 !important;font-weight: 600;}
.sp_price span {color:#fff;background-color:#ef759a;padding:.5rem 1rem;margin-right: 1rem;margin-left: 1rem;}


.table_2retu {
  border-collapse: collapse;border: 1px solid #9fa0a0;
  width: 100%;margin: 3% 1.5% 8%;
  max-width:800px;
}
.table_2retu th, .table_2retu td {
  background-color: #fff9fb;
  padding:2rem 1rem;
}
.table_2retu th {
  background-color: #ef759a;
  color: #fff;
  font-weight: bold;
  text-align: center;
  width: 20%;font-size: 1.3rem;
  min-width: 4em;
}


.table_2retu td p {font-size: 1rem;color:#231815; margin: auto;line-height: 1.5rem;}
.table_2retu td p.tel {font-size:1.3rem; font-weight: 600;padding-top: 0.5rem;}
.table_2retu td p.tel span {font-size: 1rem;font-weight: normal;}
.table_2retu td p.tel a {color:#231815;}

@media (max-width: 767.9px) {
.table_2retu{margin:10% 1.5% 15%;}
.table_2retu th, .table_2retu td {display: block;width: 100%;}
.table_2retu th {padding: 1rem;}
.table_2retu td h3 {font-size:1.4rem;}
}
@media (min-width: 768px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}

hr.nyuin_border {
height: 8px;border: 0;
  background-image: repeating-linear-gradient(45deg, #ccc 0, #ccc 1px, transparent 0, transparent 50%);
  background-size: 8px 8px;margin:8% .5% 7% !important;
}
@media screen and (max-width: 500px) {
hr.nyuin_border  {margin:15% .5% 15% !important;}
}

}

.nyuin {
margin-bottom: 5%; 
}

.nyuin h2 {border-bottom: dashed 1px #9fa0a0;font-size: 1.4rem;line-height: 2.2rem;font-weight: 600;color: #231815;padding-bottom:2%;margin-bottom: 2%;padding-left: 3.5rem;position: relative;}
.nyuin h2::before{
	content:"\f12a";
	/* ここから下は装飾です */
	margin-right: 20px;
	padding: 0.3rem 1.2rem;
	display: inline-block;
	border-radius:50%;top:-4% !important;
	color: #fff; font-weight: 900; 
	font-family: "Font Awesome 5 Free" !important ;
	font-size: 1.3rem;
	background: #ef759a;left: 0;
  position: absolute;
}


@media screen and (max-width:500px) {
.kihon h2 {font-size: 1.15rem;line-height:1.8rem;margin-bottom: 3.5%;padding-bottom:4%;}
.kihon h2::before {top:-6%;font-size: 1.15rem;}
.kihon02 h2 {font-size: 1.15rem;line-height:1.8rem;margin-bottom: 3.5%;padding-bottom:4%;}
}

.page_ph img {width: 100%;margin: auto;}


.all_txt02  {margin-top: 0; color:#fff;padding: 1rem 1.2rem;background:#ef759a;border-radius: 15px;font-size: 1.2rem;line-height: 2rem;font-weight: 600; }

.list_txt  {color:#3e3a39;padding-left:2rem;margin-top:-1%;text-indent: -.7rem;padding-right:.5rem;}
.list_txt span {display: inline-block;}
.department_frame { width: 100%; flex-direction:row;justify-content:flex-start;display: flex;flex-wrap: wrap;text-align: left !important;margin: 5% auto !important; padding-left:4% !important;}
.department:hover {background:rgba(239, 117, 154, 0.3);}
.department {display:flex; flex-direction:column; border:solid 3.5px #b5b5b6;border-radius: 15px;padding:1.5rem;text-align: center;width:32%;margin-bottom: 2%;}
.department a h3 {font-size:1.4rem;color: #231815;font-weight: 600;margin-top:4%; }
.department:hover a h3 {color:#009690;}
.department a img {width: 50%; text-align: center;}

@media (max-width: 767.9px) {
	.department {width:49%;}
	.department a img {width:40%;}
.list_txt {margin-bottom:2%;}
.list_txt span {padding-left:1.5rem !important;}
}

@media (max-width: 500px) {
	.department_frame {margin:8% auto 15% !important;}
	.department {width:100%;padding:1rem;margin-bottom: 3%;}
	.department a img {width: 32%;}
	.all_txt02 {margin-top: 3%;padding:.7rem 1rem;margin-bottom: 2%;}
}
.ph_2 {margin: auto auto 2%;}
.ph_2 img {width: 98% !important;}

@media (max-width: 767.9px) {
.ph_2 {margin:3% auto;}
.ph_2 img {width:100% !important;}
}
.toiawase_box {width:60%; margin:8% auto 8%;}
.toiawase_box .tel a {color: #ef759a;padding-top:3%;}
.toiawase_box .tel a::before {content: ''; display: inline-block;
  width:30px;/*画像の幅*/
  height:30px;/*画像の高さ*/
  background-image:url(../images/tel_icon.png);
  background-size: contain;
  vertical-align: middle;margin-right: 8px;}
.toiawase_box .tel span {font-size:1.3rem;display: inline-block;}

.toiawase_box .mail a {color: #ef759a;padding-top:3%;font-size:1.7rem;}
.toiawase_box .mail a::before {content: ''; display: inline-block;
  width:30px;/*画像の幅*/
  height:30px;/*画像の高さ*/
  background-image:url(../images/mail_icon.png);
  background-size: contain;
  vertical-align: middle;margin-right: 8px;}


.toiawase_box .fax a {color: #ef759a;margin-bottom: 2%;}
.toiawase_box .fax a::before {content: ''; display: inline-block;
  width:30px;/*画像の幅*/
  height:30px;/*画像の高さ*/
  background-image:url(../images/fax_icon.png);
  background-size: contain;
  vertical-align: middle;margin-right: 8px;}
.toiawase_box .fax span {font-size:1.3rem;display: inline-block;}
.tel_annai {text-align: left;display: inline-block;font-size: 1.1rem;line-height: 1.8rem;font-weight: normal;}

@media screen and (max-width:991px){
.toiawase_box {width:70%; margin:7% auto 10%;}
}

@media screen and (max-width: 767px){
.toiawase_box {width:95%;margin:7% auto 12%;text-align: center;}
.toiawase_box .tel {text-align: center;}
.toiawase_box .mail a {font-size:1.4rem;padding-bottom:5% !imporntat;}
}

.grid_container {display: grid;width: 100%;grid-template-columns: 1fr 1fr 1fr 1fr;grid-template-rows: 1fr 1fr;
    gap: 10px 10px;font-size: 1.2rem; font-weight: bold;
    grid-template-areas: 
    "areaA areaB areaC areaD"
    "areaE areaF areaG areaH";
}

.grid_container a span {float: right; }
.itemA a,.itemB a,.itemC a,.itemD a,.itemE a,.itemF a,.itemG a,.itemH a {color: #fff;}
.itemA:hover,.itemB:hover,.itemC:hover,.itemD:hover,.itemE:hover,.itemF:hover,.itemG:hover,.itemH:hover {background: #bc4e68;}
.itemA {
　　　grid-area: areaA;background: #ef759a;padding:.6rem 1rem !important;border-radius: 10px;
}
.itemB {grid-area: areaB;background: #ef759a;padding:.6rem 1rem !important;border-radius: 10px;
}
.itemC {grid-area: areaC;background: #ef759a;padding:.6rem 1rem !important;border-radius: 10px;
}
.itemD {grid-area: areaD;background: #ef759a;padding:.6rem 1rem !important;border-radius: 10px;
}
.itemE {grid-area: areaE;background: #ef759a;padding:.6rem 1rem !important;border-radius: 10px;
}
.itemF {grid-area: areaF;background: #ef759a;padding:.6rem 1rem !important;border-radius: 10px;
}
.itemG {grid-area: areaG;background: #ef759a;padding:.6rem 1rem !important;border-radius: 10px;
}
.itemH {grid-area: areaH;background: #ef759a;padding:.6rem 1rem !important;border-radius: 10px;
}


.haifun02 {font-size:1.5rem;}

@media screen and (max-width:1200px){
.grid_container {grid-template-columns: 1fr 1fr;grid-template-rows: 1fr 1fr 1fr 1fr;margin: 2% auto 15% !important;
    grid-template-areas: 
    "areaA areaB"
    "areaC areaD"
    "areaE areaF"
    "areaG areaH";
}

}
@media screen and (max-width:600px){
.grid_container {display:block;width: 95%;grid-template-columns: 1fr;grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;margin: 2% auto 15% !important;
    grid-template-areas: 
    "areaA"
    "areaB"
    "areaC"
    "areaD"
    "areaE"
    "areaF"
    "areaG"
    "areaH";
}
.itemA,.itemB,.itemC,.itemD,.itemE,.itemF,.itemG,.itemH {margin-bottom: -8%;}
}



.kangobu p.name {font-size:1.1rem; line-height:1.85rem;font-weight:500;text-align: right;margin-top: 5%; color:#231815; }
.kangobu p.name span {font-size:1.25rem;padding-left: 1rem;}

@media screen and (max-width:600px){
.kangobu p.name {font-size:1rem; }
.kangobu p.name span  {font-size:1.1rem; }
}
/*========= ページトップのためのCSS ===============*/

/*リンクの形状*/
#page-top a{
  display: flex;
  justify-content:center;
  align-items:center;
  background:#ef759a;
 border-radius:50%;
  width: 70px;
  height:70px;
  color: #fff;font-size:.9rem !important;line-height: 1.1rem !important;
  text-align: center;
  text-transform: uppercase; 
  text-decoration: none;
  font-size:0.6rem;
  transition:all 0.3s;
}

#page-top a:hover{
  background: #bc4e68;
}

#page-top a img{width: 90%;margin: auto;}


/*リンクを右下に固定*/
#page-top {
  position: fixed;
  right: 10px;
  bottom:10px;
  z-index: 2;
    /*はじめは非表示*/
  opacity: 0;
  transform: translateX(100px);
}

/*　左の動き　*/

#page-top.LeftMove{
  animation: LeftAnime 0.5s forwards;
}

@keyframes LeftAnime{
  from {
    opacity: 0;
  transform: translateX(100px);
  }
  to {
    opacity: 1;
  transform: translateX(0);
  }
}

/*　右の動き　*/

#page-top.RightMove{
  animation: RightAnime 0.5s forwards;
}
@keyframes RightAnime{
  from {
    opacity: 1;
  transform: translateX(0);
  }
  to {
    opacity: 1;
  transform: translateX(100px);
  }
}
.maru02 {font-size:1.5rem;padding: 0.1rem 0.8rem 0 !important;line-height: 0.6rem;}
.wrapper {overflow-x:hidden !important;}

.dr_name {
font-size:2rem;
padding:0.5rem;
text-align:left;
marin-top:3%;
}

.dr_content_inner {
display:flex;
}