@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,500);
.green {
  color: #2D9968;
}

.gray {
  color: #646464;
}

.bg-gray {
  background-color: #F6F7F7;
}

.bg-gray-02 {
  background-color: #E8EBEB;
}

html {
  font-size: 62.5%;
  scroll-padding-top:140px;
}

body {
  font-size: 1.6rem;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  letter-spacing: 0.05em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  overflow-x: hidden;
}

@media (max-width: 768px) {
  body {
    font-size: 1.4rem;
  }
}

.sans-serif {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

.serif {
  font-family: "Yu Mincho Medium","游明朝体 Medium", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

a:link, a:visited, a:hover, a:active {
  color: #000;
  text-decoration: none;
}

input, button, textarea, select {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

dt {
  font-weight: normal;
  font-family: "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "Segoe UI";
}

.container {
  max-width: 1200px;
  margin: auto;
}

@media (max-width: 1200px) {
  .container {
    max-width: 1000px;
    margin: auto;
  }
}

@media (max-width: 1000px) {
  .container {
    max-width: 900px;
    margin: auto;
  }
}

@media (max-width: 900px) {
  .container {
    padding-left: 3vw;
    padding-right: 3vw;
  }
}

.small-container {
  max-width: 1080px;
  margin: auto;
}

@media (max-width: 1080px) {
  .small-container {
    padding-left: 3vw;
    padding-right: 3vw;
  }
}

.keep {
  word-break: keep-all;
}

.center {
  text-align: center;
}

.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

span.br {
  display: block;
}

.ma-auto {
  margin: auto;
}

.ma-0 {
  margin: 0;
}

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

.ls-30 {
  letter-spacing: 0.03em;
}

.ls-80 {
  letter-spacing: 0.08em;
}

.ls-0 {
  letter-spacing: 0;
}

.arrow-right::after {
  content: "";
  background-image: url(../images/arrow-right.svg);
  display: inline-block;
  width: 12px;
  height: 12px;
  background-size: contain;
  background-repeat: no-repeat;
}

.ttl-line::after {
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #000;
}

.link-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 250px;
  height: 50px;
  background-color: #fff;
  position: relative;
  font-size: 14px;
  font-family: "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "Segoe UI";
  -webkit-transition: .3s;
  transition: .3s;
}

.link-btn.--border{
  border: 1px solid #000;
}

.link-btn::after {
  content: "";
  background-image: url(../images/btn-arrow.png);
  display: inline-block;
  width: 27px;
  height: 6px;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 6px;
  -webkit-transition: .3s;
  transition: .3s;
}

@media (min-width: 992px) {
  .link-btn:hover {
    -webkit-transition: .3s;
    transition: .3s;
    background-color: #2D9968;
    color: #fff;
  }
  .link-btn:hover::after {
    -webkit-transition: .3s;
    transition: .3s;
    right: 1px;
  }
  .contact-info .link-btn:hover {
    border: 1.5px solid #2D9968;
  }
}

.sub-btn {
  margin-top: 25px;
}

.sub-btn .link-btn {
  border: 1px solid #000;
  background-color: transparent;
  margin-left: auto;
  max-width: 200px;
  height: 40px;
}

@media (min-width: 992px) {
  .sub-btn .link-btn:hover {
    background-color: #2D9968;
  }
}

.green-btn {
  width: 100%;
  display: inline-block;
  height: 50px;
  border: 1.5px solid #2D9968;
}

.pc-no-click {
  pointer-events: none;
}

h1.site-title {
  clip: auto;
}

@media (max-width: 768px) {
  .pc-no-click {
    pointer-events: inherit;
  }
}

.pc-hidden {
  display: none;
}

.sp-hidden {
  display: block;
}

@media (max-width: 768px) {
  .sp-hidden {
    display: none !important;
  }
  .pc-hidden {
    display: block;
  }
  span.sp-br {
    display: block;
  }
  span.br.sp-none {
    display: inline;
  }
}

.bold {
  font-family: "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "Segoe UI";
}

.f-10 {
  font-size: 1rem;
}

.f-14 {
  font-size: 1.4rem;
}

.f-16 {
  font-size: 1.6rem;
}

.f-18 {
  font-size: 1.8rem;
}

.f-22 {
  font-size: 2.2rem;
}

.f-26 {
  font-size: 2.6rem;
}

.f-28 {
  font-size: 2.8rem;
}

.f-40 {
  font-size: 4rem;
}

@media (max-width: 768px) {
  .f-18 {
    font-size: 1.6rem;
  }
  .f-22 {
    font-size: 1.8rem;
  }
  .f-26 {
    font-size: 2.2rem;
  }
  .f-28 {
    font-size: 2.4rem;
  }
  .f-40 {
    font-size: 2.8rem;
  }
}

h2.f-32 {
  font-size: 3.2rem;
}

.post, .page {
  margin: auto;
}

body {
  width: 100%;
  max-width: 1920px;
  position: relative;
  margin: auto;
}

.en-ttl {
  font-size: 1rem;
  font-family: "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "Segoe UI";
  letter-spacing: .1em;
}

.en-ttl::after {
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #000;
  margin-top: 3px;
}

/*~~~~~~~~~
breadcrumb
~~~~~~~~~~~*/
.cp_breadcrumb *,
.cp_breadcrumb *:after,
.cp_breadcrumb *:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.cp_breadcrumb {
  margin: 20px auto;
}

.cp_breadcrumb a {
  text-decoration: none;
  color: #000;
  font-size: 12px;
}

.cp_breadcrumb .breadcrumbs {
  padding-left: 22px;
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

@media (min-width: 992px) {
  .breadcrumbs li a:hover {
    -webkit-transition: .3s;
    transition: .3s;
    color: #2D9968;
  }
}

@media (max-width: 768px) {
  .cp_breadcrumb .breadcrumbs {
    padding-left: 0;
  }
}

.cp_breadcrumb li {
  display: inline-block;
  position: relative;
  padding-right: calc(15px + 10px);
  margin-right: 9px;
  color: #000;
  font-size: 1.2rem;
  letter-spacing: .1em;
}

.cp_breadcrumb li::before {
  content: '/';
  width: 1em;
  height: 1em;
  line-height: 1;
  text-align: center;
  font-size: 1em;
  color: inherit;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #646464;
}

.cp_breadcrumb li:last-child {
  margin-right: 0;
  padding-right: 0;
}

.cp_breadcrumb li:last-child::before {
  content: normal;
}

.cp_breadcrumb li a i {
  margin-right: 5px;
}

.breadcrumbs li a {
  color: #646464;
  -webkit-transition: .3s;
  transition: .3s;
}

.sub-main {
  padding-top: 140px;
}

@media (max-width: 768px) {
  .sub-main {
    padding-top: 85px;
  }
}

.sub-ttl {
  text-align: center;
  padding: 55px 0;
  font-size: 3.2rem;
  border-top: 1px solid #DADADA;
  letter-spacing: .1em;
}

.sub-ttl .sub-ttl-en {
  margin-top: 3px;
  display: block;
  font-size: 1.2rem;
  color: #646464;
  padding-bottom: 4px;
  width: 100%;
  letter-spacing: .1em;
}

@media (max-width: 768px) {
  .sub-ttl {
    padding: 20px 0;
  }
  .sub-ttl-en {
    margin-top: 0;
  }
}

.lower-sub-ttl {
  font-size: 4rem;
  letter-spacing: .1em;
}

@media (max-width: 768px) {
  .lower-sub-ttl {
    font-size: 2.8rem;
  }
}

.lower-block-ttl {
  text-align: center;
}

.line::after {
  content: "";
  display: block;
  background-color: #C6C6C6;
  height: 1px;
  width: 93.75%;
  margin: auto;
}

.map {
  margin-top: 10px;
}

@media (max-width: 768px) {
  .map {
    height: 300px;
    width: 100%;
  }
  .map iframe {
    height: 100%;
  }
}

@media (max-width: 1200px) {
  .lg-br {
    display: block;
  }
}

/* scroll animation*/
.left-to-right {
  opacity: 0.1;
  -webkit-transform: translateX(-20px);
          transform: translateX(-20px);
  -webkit-transition: all 1s;
  transition: all 1s;
}

.left-to-right.scrollin {
  opacity: 1;
  -webkit-transform: translate(0);
          transform: translate(0);
}

.fadeInUp {
  opacity: 0.1;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: all 1s;
  transition: all 1s;
}

.fadeInUp.scrollin {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.fadeInImage {
  opacity: 0.1;
  -webkit-filter: blur(5px);
          filter: blur(5px);
  -webkit-transition: all 1s;
  transition: all 1s;
}

.fadeInImage img {
  -webkit-transition: all 1s;
  transition: all 1s;
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.fadeInImage.scrollin {
  opacity: 1;
  -webkit-filter: blur(0px);
          filter: blur(0px);
}

.fadeInImage.scrollin img {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.fadeIn {
  opacity: 0.1;
  -webkit-filter: blur(5px);
          filter: blur(5px);
  -webkit-transition: all 1s;
  transition: all 1s;
}

.fadeIn.scrollin {
  opacity: 1;
  -webkit-filter: blur(0px);
          filter: blur(0px);
}

.delay-time02 {
  -webkit-transition: all 1s 0.2s;
  transition: all 1s 0.2s;
}

.delay-time04 {
  -webkit-transition: all 1s 0.4s;
  transition: all 1s 0.4s;
}

.delay-time06 {
  -webkit-transition: all 1s 0.6s;
  transition: all 1s 0.6s;
}

.lower-link {
  padding: 70px 0;
}

.lower-link-wrapper {
  max-width: 750px;
  margin: auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.lower-link .link-btn {
  width: 350px;
  height: 60px;
  border: 1.5px solid #000;
  font-size: 1.8rem;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.lower-link .link-btn:hover {
  border-color: #2D9968;
}

@media (max-width: 767px) {
  .lower-link {
    padding: 45px 0;
  }
  .lower-link-wrapper {
    display: block;
  }
  .philosophy-main .lower-link .link-btn {
    margin: auto;
  }
  .lower-link .link-btn {
    width: auto;
    max-width: 350px;
  }
  .lower-link .link-btn:last-child {
    margin-top: 20px;
  }
}

.error404 main {
  color: gray;
  min-height: 75vh;
  position: relative;
}

section.page404 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.page404 .button {
  font-weight: 300;
  font-size: 1.2em;
  border: 1px solid #333;
  padding: .5em;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  margin: 30px  auto 0;
}

.page404 p {
  text-align: center;
  font-weight: 100;
}

.page404 .error-ttl {
  text-align: center;
  font-size: 12em;
  font-weight: 100;
  line-height: 1;
  font-family: "Roboto", sans-serif;
}

@media (max-width: 768px) {
  .page404 .error-ttl {
    font-size: 9rem;
  }
  section.page404 {
    margin-top: 30px;
  }
}

header#masthead {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  position: fixed;
  z-index: 10;
  max-width: 1920px;
}

.globalMenuSp {
  visibility: hidden;
  height: 0;
  width: 0;
}

.main-navigation ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  height: 80px;
}

.main-navigation ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.main-navigation ul li a {
  padding: 20px 16.5px;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-family: "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "Segoe UI";
}

.main-navigation ul li .nav-contact-btn {
  color: #000;
  background-color: #fff;
  margin-left: 45px;
  width: 200px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.sub-navigation ul li a {
  color: #000;
}

.sub-navigation ul li .nav-contact-btn {
  background-color: #646464;
  color: #fff;
}

.custom-logo-link {
  margin: 30px 45px;
  max-width: 90px;
}

.site-title {
  -webkit-transition: all .4s;
  transition: all .4s;
}

.top-fixed-header.fixed-header .site-title {
  background: #fff;
  -webkit-transition: all .4s;
  transition: all .4s;
}

.js-image {
  z-index: 1;
}

.first-image {
  z-index: 0;
  opacity: 0;
  position: absolute;
  top: 30px;
  left: 45px;
  opacity: 0;
  max-width: 90px;
}

.main-navigation ul li a {
  -webkit-transition: all .4s;
  transition: all .4s;
}

.top-fixed-header {
  transition: all .4s;
}

.top-fixed-header.fixed-header {
  background: #fff;
  -webkit-transition: all .4s;
  transition: all .4s;
}

.top-fixed-header.fixed-header .main-navigation ul li a {
  -webkit-transition: all .4s;
  transition: all .4s;
  color: #000;
}

.top-fixed-header.fixed-header .main-navigation ul li a.nav-contact-btn {
  background-color: #646464;
  color: #fff;
}

@media (min-width: 992px) {
  .main-navigation ul li a:hover {
    color: #2D9968;
  }
  .top-fixed-header.fixed-header .main-navigation ul li a:hover {
    color: #2D9968;
  }
}

@media (max-width: 900px) {
  .sub-navigation ul li .nav-contact-btn {
    margin-left: 5px;
    width: 150px;
  }
  .main-navigation ul {
    font-size: 87.5%;
  }
  .main-navigation ul li a {
    padding: 20px 10.5px;
  }
  .main-navigation ul li .nav-contact-btn {
    margin-left: 10px;
  }
}

@media (max-width: 767px) {
  header#masthead {
    height: 80px;
  }
  .main-navigation {
    display: none;
  }
  .globalMenuSp.active {
    visibility: visible;
    display: block !important;
    height: 100%;
  }
  .sp-hidden {
    display: none;
  }
  /*ハンバーガーボタン*/
  .hamburger {
    display: block;
    position: fixed;
    z-index: 3;
    right: 15px;
    top: 19px;
    width: 42px;
    height: 42px;
    cursor: pointer;
    text-align: center;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
  }
  .hamburger span {
    -webkit-transition: all .4s;
    transition: all .4s;
    display: block;
    position: absolute;
    width: 30px;
    height: 2px;
    left: 6px;
    background: #fff;
  }
  .lower .hamburger span {
    background: #000;
  }
  .hamburger span:nth-child(1) {
    top: 10px;
  }
  .hamburger span:nth-child(2) {
    top: 20px;
  }
  .hamburger span:nth-child(3) {
    top: 30px;
  }
  /* ナビ開いてる時のボタン */
  .hamburger.active {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  .hamburger.active span:nth-child(1) {
    top: 16px;
    left: 6px;
    background: #000;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .hamburger.active span:nth-child(2) {
    top: 16px;
    background: #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .hamburger.active span:nth-child(3) {
    opacity: 0;
  }
  nav.globalMenuSp {
    position: fixed;
    height: 100vh;
    z-index: 2;
    top: 0;
    left: 0;
    color: #2D9968;
    background: #f5f5f5;
    text-align: center;
    width: 100%;
    opacity: 0;
    -webkit-transition: opacity .6s ease, visibility .6s ease;
    transition: opacity .6s ease, visibility .6s ease;
  }
  nav.globalMenuSp ul {
    margin: 0 auto;
    padding: 0;
    width: 100%;
  }
  nav.globalMenuSp ul.flex {
    display: block;
  }
  nav.globalMenuSp ul .contact-info-wrapper {
    width: 100%;
    margin-top: 20px;
  }
  nav.globalMenuSp ul .contact-info-wrapper a {
    position: relative;
    width: 260px;
    margin: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #fff;
  }
  nav.globalMenuSp ul .contact-info-wrapper a::after {
    margin-left: 8px;
    position: absolute;
    right: 6px;
  }
  nav.globalMenuSp ul .contact-info-wrapper .contact-info-content {
    margin-bottom: 30px;
  }
  nav.globalMenuSp ul .contact-info-wrapper .contact-info-content p {
    margin: 15px 0;
    color: #000;
  }
  nav.globalMenuSp ul li {
    list-style-type: none;
    padding: 0;
    width: 100%;
    -webkit-transition: .4s all;
    transition: .4s all;
  }
  nav.globalMenuSp ul li:last-child {
    padding-bottom: 0;
  }
  .header-nav-link {
    width: 50px;
    height: 50px;
  }
  .header-nav-link img {
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    margin-right: 15px;
  }
  nav.globalMenuSp ul li a {
    display: block;
    color: #000 !important;

    font-family: "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "Segoe UI";
    padding: 1em 0;
    text-decoration: none;
    font-size: 16px;
    text-align: left;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  nav.globalMenuSp ul li a::after {
    content: "";
    background-image: url(../images/arrow-right.svg);
    width: 15px;
    height: 15px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
  }
  nav.globalMenuSp ul li a:visited {
    color: #fff;
  }
  .header-block4.fixed-header nav.globalMenuSp a {
    color: #fff;
  }
  /* このクラスを、jQueryで付与・削除する */
  nav.globalMenuSp.active {
    opacity: 100;
    overflow-y: scroll;
  }
  .header-block4 .logo-wrap {
    margin-top: 0px;
  }
  .custom-logo-link {
    max-width: 60px;
    margin: 15px;
  }
  .first-image {
    top: 15px;
    left: 15px;
    opacity: 0;
    max-width: 60px;
  }
  .top-fixed-header.fixed-header .site-title {
  background: none;
  }
  .top-fixed-header.fixed-header .hamburger span {
    -webkit-transition: all .4s;
    transition: all .4s;
    background-color: #000;
  }
  .top-fixed-header.fixed-header .main-navigation ul li a.nav-contact-btn {
    background-color: #646464;
    color: #fff;
  }
  nav.globalMenuSp {
    display: none;
  }
  .hamburger-logo {
    text-align: center;
    margin-top: 80px;
  }
  nav.globalMenuSp ul li .custom-logo-link {
    margin: auto;
    width: 65vw;
    margin-bottom: 30px;
    max-width: 250px;
  }
  nav.globalMenuSp ul li {
    margin: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  nav.globalMenuSp ul li a {
    padding: 15px 10%;
  }
  .hamburger-list {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  nav.globalMenuSp ul li:not(:nth-child(1)) {
    border-bottom: 1px solid #c7e4d7;
  }
  nav.globalMenuSp ul li:nth-child(9),
  nav.globalMenuSp ul li:nth-child(10) {
    border: none;
  }
  nav.globalMenuSp ul li:nth-child(9) a::after,
  nav.globalMenuSp ul li:nth-child(10) a::after {
    content: none;
  }
  body.fixed-body {
    overflow: hidden;
  }
}

/*~~~~~~~~~
fv
~~~~~~~~~~~*/
.fv {
  position: relative;
  top: 0;
  left: 0;
}

.fv-catch {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
  height: 50vh;
  width: 100%;
}

.fv-catch img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.fv-slider {
  height: 100vh;
}

.fv-slider img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 768px) {
  .fv-slider img {
    -o-object-position: 85%;
       object-position: 85%;
  }
}

/*~~~~~~~~~
news
~~~~~~~~~~~*/
.top-news {
  padding-top: 65px;
  padding-bottom: 115px;
}

@media (max-width: 1200px) {
  .top-news-wrapper.flex {
    display: block;
    position: relative;
  }
}

.top-news-ttl {
  width: 24%;
  position: relative;
}

.top-news-ttl .news-ttl {
  font-family: "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "Segoe UI";
  letter-spacing: 0.05em;
}

.top-news-ttl .news-ttl-en {
  margin-top: 15px;
  letter-spacing: .1em;
}

.top-news-ttl .link {
  letter-spacing: .1em;
  position: absolute;
  bottom: 0;
}

.top-news-ttl .link::after {
  -webkit-transition: .3s;
  transition: .3s;
  margin-left: 15px;
}

.top-news-ttl-wrapper {
  padding-top: 20px;
}

@media (min-width: 992px) {
  .top-news-ttl .link:hover::after {
    margin-left: 25px;
    -webkit-transition: all .3s;
    transition: all .3s;
  }
}

@media (max-width: 1200px) {
  .top-news-ttl {
    position: unset;
  }
  .top-news-ttl .link {
    position: absolute;
    bottom: -15%;
    right: 0;
  }
  .top-news-ttl .news-ttl-en {
    margin-top: 5px;
  }
}

@media (max-width: 768px) {
  .top-news-ttl {
    width: 100%;
  }
}

.top-news-content {
  width: 76%;
}

.top-news-content a {
  -webkit-transition: all .2s;
  transition: all .2s;
}

.top-news-content dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 70px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #DADADA;
}

.top-news-content dt {
  width: 115px;
  min-width: 115px;
  padding-right: 20px;
  font-weight: normal;
}

.top-news-content dd {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .top-news-content a:hover {
    background: #f5f5f5;
    width: 100%;
    display: inline-block;
  }
  .top-news-content a:hover dt, .top-news-content a:hover dd {
    color: #2D9968;
  }
}

@media (max-width: 1200px) {
  .top-news-content {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .top-news-content dt {
    min-width: 100px;
    padding-right: 0;
  }
}

/*~~~~~~~~~
about
~~~~~~~~~~~*/
section.about {
  overflow-x: hidden;
}

.about-wrapper {
  background-image: url(../images/top/top_about_main.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  background-position: 54%;
  padding-bottom: 100px;
}

.about-wrapper h2 {
  padding-top: 45px;
}

.about-wrapper h3 {
  margin-top: 70px;
}

.about-wrapper .link-btn {
  margin-left: auto;
  margin-top: 105px;
}

@media (max-width: 1000px) {
  .about-wrapper {
    padding-bottom: 10%;
  }
  .about-wrapper .link-btn {
    margin-top: 8vw;
  }
}

@media (max-width: 768px) {
  .about-bg {
    display: block;
  }
}

@media (max-width: 450px) {
  .about-wrapper {
    background-position: 65%;
  }
}

.about-content-txt {
  margin-top: 18px;
  margin-left: 50px;
  line-height: 2.25;
}

@media (max-width: 768px) {
  .about-content-txt {
    margin-left: 0;
  }
}

.about-main {
  width: 50%;
  margin-left: auto;
}

@media (max-width: 1200px) {
  .about-main {
    width: 65%;
  }
}

@media (max-width: 1000px) {
  .about-main {
    width: 70%;
  }
}

@media (max-width: 767px) {
  .about-main {
    width: 77%;
  }
}

@media (max-width: 640px) {
  .about-main {
    width: 96%;
    padding-right: 4%;
  }
}

.about-img {
  margin-top: 5px;
  overflow: hidden;
}

.about-img .swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
          transition-timing-function: linear !important;
}

.about-img .swiper-slide {
  margin: 0 2.5px;
}

/*~~~~~~~~~
top-staff
~~~~~~~~~~~*/
.top-staff-img {
  width: 100%;
  height: auto;
  margin-top: 155px;
}

@media (max-width: 768px) {
  .top-staff-img {
    width: auto;
    height: 200px;
    margin-top: 25%;
  }
  .top-staff-img img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

/*~~~~~~~~~
top-philosophy
~~~~~~~~~~~*/
.top-philosophy {
  margin-top: 140px;
}

@media (max-width: 768px) {
  .top-philosophy {
    margin-top: 25%;
  }
}

.top-philosophy-txt {
  width: 65%;
  margin: auto;
}

.top-philosophy-txt .en-ttl {
  max-width: 300px;
  margin: auto;
}

.top-philosophy-txt .top-philosophy-content {
  text-align: center;
}

.top-philosophy-txt .top-philosophy-content-txt {
  margin-top: 45px;
  line-height: 2.625;
}

.top-philosophy-txt h3 {
  margin-top: 70px;
}

@media (max-width: 768px) {
  .top-philosophy-txt {
    width: 100%;
  }
  .top-philosophy-txt h3 {
    margin-top: 12%;
  }
  .top-philosophy-txt .top-philosophy-content-txt {
    margin-top: 8%;
  }
}

.top-philosophy-img {
  margin-top: 80px;
  justify-content: space-between;
}

.top-philosophy-img-wrapper {
  width: 24.4%;
}

@media (max-width: 768px) {
  .top-philosophy-img {
    margin-top: 15%;
    gap: 10px 10px;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .top-philosophy-img-wrapper {
    width: calc(50% - 5px);
  }
  .top-philosophy-img-wrapper:nth-child(n+3) {
    margin-top: 10px;
  }
}

/*~~~~~~~~~
top-facility
~~~~~~~~~~~*/
.top-facility {
  padding-top: 200px;
}

.top-facility h2::after {
  max-width: 300px;
  margin: 3px auto 0;
}

.top-facility h3 {
  margin-top: 70px;
  margin-bottom: 60px;
}

@media (max-width: 768px) {
  .top-facility {
    padding-top: 30%;
  }
  .top-facility h3 {
    margin-top: 10%;
    margin-bottom: 15%;
  }
}

.top-facility-store {
  margin-top: 100px;
  justify-content: space-between;
}

.top-facility-store h4 {
  margin-top: 40px;
  font-family: "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "Segoe UI";
  font-size: 22px;
}

.top-facility-store-link {
  margin-top: 25px;
  width: 100%;
}

.top-facility-store-link li::after {
  -webkit-transform: translateX(-5px);
          transform: translateX(-5px);
}

.top-facility-store-link ul {
  width: 100%;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.top-facility-store-link li {
  -webkit-transition: .3s;
  transition: .3s;
  font-size: 1.4rem;
  width: 48%;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.top-facility-store-link a {
  color: #2D9968;
  font-family: "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "Segoe UI";
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  margin: auto;
  padding: 0 15px;
}

.top-facility-store-info > ul {
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.top-facility-store-info > ul li {
  -webkit-transition: .3s;
  transition: .3s;
  margin-top: 15px;
  width: 48%;
  height: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-top: 1px solid #C6C6C6;
  border-bottom: 1px solid #C6C6C6;
}

.top-facility-store-info > ul li::after {
  -webkit-transition: .3s;
  transition: .3s;
}

.top-facility-store-info > ul a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (min-width: 992px) {
  .top-facility-store-info li:hover {
    -webkit-transition: .3s;
    transition: .3s;
    background-color: #f5f5f5;
  }
  .top-facility-store-info li:hover::after {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
  .top-facility-store-link li:hover {
    -webkit-transition: .3s;
    transition: .3s;
    background-color: #2D9968;
  }
  .top-facility-store-link li:hover a {
    color: #fff;
  }
  .top-facility-store-link li:hover::after {
    background-image: url(../images/arrow-right-wh.svg);
  }
}

@media (max-width: 1000px) {
  .top-facility-store {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: 5rem 5rem;
  }
}

@media (max-width: 768px) {
  .top-facility-store {
    display: block;
  }
  .top-facility-store h4 {
    margin-top: 7%;
  }
  .top-facility-store-link {
    margin-top: 5%;
  }
}

.top-facility-store-wrapper:nth-child(1) {
  -webkit-flex-basis: 38%;
      -ms-flex-preferred-size: 38%;
          flex-basis: 38%;
}

.top-facility-store-wrapper:nth-child(1) img {
  max-height: 303px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.top-facility-store-wrapper:nth-child(2),
.top-facility-store-wrapper:last-child {
  -webkit-flex-basis: 28%;
      -ms-flex-preferred-size: 28%;
          flex-basis: 28%;
}

.top-facility-store-wrapper:nth-child(2) img,
.top-facility-store-wrapper:last-child img {
  max-height: 303px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.top-facility-store-wrapper:last-child .top-facility-store-link:last-child {
  width: 100%;
}

.top-facility-store-wrapper:last-child .top-facility-store-link:last-child li:last-child {
  /* width: 100%; */
}

.top-facility-store-wrapper:last-child .top-facility-store-link:last-child ul {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.top-facility-store-wrapper:last-child .top-facility-store-link:last-child li {
  width: 48%;
  margin-bottom: 10px;
}

@media (max-width: 1000px) {
  .top-facility-store-wrapper:nth-child(1) {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
  }
  .top-facility-store-wrapper:nth-child(2), .top-facility-store-wrapper:last-child {
    -webkit-flex-basis: 47%;
        -ms-flex-preferred-size: 47%;
            flex-basis: 47%;
    padding-left: 0;
  }
}

@media (max-width: 768px) {
  .top-facility-store-wrapper:not(:first-child) {
    margin-top: 5rem;
  }
}

.top-facility-link {
  margin-top: 65px;
  padding-top: 115px;
  padding-bottom: 115px;
}

.top-facility-link-flex {
  justify-content: space-between;
}

.top-facility-link-flex .csr-link-wrapper:nth-child(n+2) {
  margin-left: 30px;
}

@media (max-width: 768px) {
  .top-facility-link {
    margin-top: 40px;
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .top-facility-link-flex {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .top-facility-link-flex .csr-link-wrapper:nth-child(n+2) {
    margin-left: 0;
    margin-top: 30px;
  }
}

.top-facility-link-wrapper {
  position: relative;
  width: 32%;
}

.top-facility-link-wrapper:nth-child(n+2) {
  margin-left: 30px;
}

@media (max-width: 768px) {
  .top-facility-link-wrapper {
    height: 250px;
    width: 100%;
    background-color: #000;
  }
  .top-facility-link-wrapper:nth-child(n+2) {
    margin-left: 0;
    margin-top: 30px;
  }
  .top-facility-link-wrapper img {
    height: 100%;
    width: 100%;
    opacity: .75;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .top-facility-link-wrapper:nth-child(3) img {
    -o-object-position: top;
       object-position: top;
  }
}

.top-facility-link-content {
  position: absolute;
  bottom: 30px;
  left: 30px;
}

.top-facility-link-content .link-btn {
  max-width: 200px;
}

.top-facility-link-content h4 {
  font-size: 2.2rem;
  font-family: "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "Segoe UI";
  color: #fff;
  margin-bottom: 15px;
  text-shadow: 0 0 4px #545454;
}

@media (max-width: 1000px) {
  .top-facility-link-content .link-btn {
    width: 180px;
  }
}

.top-facility-icon {
  max-width: 1240px;
  margin: auto;
  margin: 80px auto;
  padding: 0 20px;
}

.top-facility-icon li {
  width: 14.285%;
  text-align: center;
  max-height: 80px;
}

.top-facility-icon img {
  width: auto;
  height: 100%;
}

@media (max-width: 1000px) {
  .top-facility-icon ul {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 40px 20px;
  }
  .top-facility-icon li{
    width: 100%;
  }
  .top-facility-icon img {
    width: auto;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (max-width: 500px) {
  .top-facility-icon li {
    max-height: 75px;
  }
}


/*~~~~~~~~~
contact
~~~~~~~~~~~*/
.contact-info {
  margin-bottom: 85px;
}

.contact-info .container{
  max-width: 1140px;
  padding: 0 20px;
}

.contact-info p {
  color: #646464;
}

.contact-info p.small {
  font-size: 13px;
}

.contact-info .small {
  color: #000;
}

.contact-info-wrapper {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.contact-info::before, .contact-info::after {
  content: "";
  background-color: #c6c6c6;
  height: 1px;
  width: 96%;
  display: block;
  margin: 0 auto 24.5px;
}

.contact-info::after {
  margin: 25px auto 0;
}

.contact-info ul {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 15px 0;
}

.contact-info-icon {
  max-width: 70px;
  max-height: 70px;
  margin-right: 35px;
  flex-shrink: 0;
}

.contact-info .tel-link {
  font-size: 4rem;
  margin-top: 20px;
  font-weight: 400;
  font-family: 'Arial',sans-serif;
}

.contact-info a.link-btn {
  margin-top: 20px;
  border: 1.5px solid #000;
}

.contact-info li:nth-child(1) {
  padding-right: 60px;
}

.contact-info li:nth-child(1) .contact-info-content {
  margin-top: 15px;
}

.contact-info li:nth-child(2) {
  padding-left: 60px;
  border-left: 1px solid #c6c6c6;
}

@media (max-width: 1200px) {
  .contact-info ul {
    margin-left: 0;
  }
  .contact-info li:nth-child(1) {
    padding-right: 4%;
  }
  .contact-info li:nth-child(2) {
    padding-left: 4%;
  }
  .fv-catch {
    height: 50rem;
    max-height: 340px;
  }
  .contact-info-icon{
    max-width: 60px;
    max-height: 60px;
    margin-right:20px
  }
}

@media (max-width: 1000px) {
  .contact-info .tel-link {
    font-size: 2.4rem;
  }
}

@media (max-width: 768px) {
  .fv-catch {
    height: 40%;
  }
  .contact-info{
    display: none;
  }
  .contact-info ul {
    display: block;
  }
  .contact-info li:nth-child(1) {
    padding-right: 0;
  }
  .contact-info li:nth-child(2) {
    padding-left: 0;
    margin-top: 3rem;
    border-left: none;
  }
  .contact-info-wrapper {
    display: block;
    text-align: center;
  }
  .contact-info-icon {
    max-width: 50px;
    margin: auto;
  }
  .contact-info li:nth-child(2) .contact-info-content {
    margin-top: 15px;
  }
  .contact-info a.link-btn {
    margin: 20px auto 0;
  }
}

.contact-info li:nth-child(1) .contact-info-content.ma-0 {
  margin-top: 0;
}

/*~~~~~~~~~
cta-fixed
~~~~~~~~~~~*/
.cta-fixed{
  display: none;

  width: 100%;
  height: 70px;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #2D9968;
  z-index: 99;
}
.cta-fixed_wrap{
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}
.cta-fixed_wrap::before{
  content: '';
  width: 1px;
  height: 100%;
  background-color: white;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.cta-fixed_content{
  width: 50%;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cta-fixed_text{
  font-size: 20px;
  font-weight: 600;
  color: white;
  flex-shrink: 0;
  white-space: nowrap;
}
.cta-fixed_text::first-line{
  font-size: 11px;
  font-weight: 400;
}
.cta-fixed_icon{
  width: 38px;  
  height: 38px;
  flex-shrink: 0;
  margin-right: 10px;
}
.cta-fixed_icon img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (max-width: 768px) {
  .cta-fixed{
    display: block;
  }
}
/*~~~~~~~~~
cta-fixed
~~~~~~~~~~~*/
.headerRecruit{
  position: absolute;
  top: 80px;
  right: 0;
  width: 100%;
  height: 60px;
  z-index: -1;
  background: linear-gradient(90deg, #fff 0%, #fff 180px, #f6f7f7 180px);
}
.headerRecruit_list{
  width: fit-content;
  height: 100%;
  display: flex;
  align-items: center;
  margin-left: auto;
  padding-right: 20px;
}
.headerRecruit_list > li > a{
  font-size: 16px;
  font-weight: 600;
  padding: 15px;
  transition: color .2s;
}
.headerRecruit_list > li > a:hover{
  color: #2D9968;
}
@media (max-width: 1024px) {
  .headerRecruit_list{
    padding-right: 0px;
  }
}
@media (max-width: 768px) {
  .headerRecruit{
    display: none;
  }
}
/*~~~~~~~~~
footer
~~~~~~~~~~~*/
.footer-content {
  padding-top: 65px;
  padding-bottom: 75px;
}

.footer-content h2 {
  width: 120px;
}

.footer-content .footer-nav {
  padding-top: 15px;
}

@media (max-width: 768px) {
  .footer-content {
    padding-bottom: 0;
  }
  .footer-content h2 {
    width: 95px;
  }
}

.footer-nav-content {
  font-size: 1.4rem;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 20px;
}

.footer-nav-content ul {
  width: 100%;
  margin-top: 35px;
  margin-left: 0;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.footer-nav-content ul a {
  -webkit-transition: .3s;
  transition: .3s;
}

.footer-nav-content ul li {
  line-height: 2.48;
}

.footer-nav-content ul > li:nth-child(4) ul {
  max-width: 310px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.footer-nav-content ul > li:nth-child(4) li {
  width: 50%;
}

@media (min-width: 992px) {
  .footer-nav-content ul a:hover {
    color: #2D9968;
    -webkit-transition: .3s;
    transition: .3s;
  }
}

@media (max-width: 1000px) {
  .footer-nav-content ul {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin:20px 0 60px;
  }
  .footer-nav-content > ul > li:not(:last-child) {
    margin-right: 5%;
    width: 33vw;
  }
}

@media (max-width: 768px) {
  .footer-nav-content ul {
    margin-top: 25px;
    display: block;
  }
  .footer-nav-content ul > li:first-child ul {
    width: 100%;
    max-width: 100%;
  }
  .footer-nav-content ul > li:first-child li {
    width: 100%;
  }
  .footer-nav-content > ul > li:not(:last-child) {
    margin-right: 0;
    width: 100%;
  }
  .footer-nav-content > ul > li {
    border-bottom: 1px solid #c6c6c6;
  }
  .footer-nav .container {
    padding: 0;
  }
  .footer-nav-content ul > li > ul {
    display: none;
  }
  .footer-nav-content ul > li > ul,
  .footer-nav-content ul > li:nth-child(4) ul {
    max-width: 100%;
    width: 100%;
  }
  .footer-nav-content ul > li:nth-child(4) li {
    width: 100%;
    order: 1;
    padding: 10px 20px 10px 35px!important;
  }
  .footer-nav-content ul > li:nth-child(4) li:nth-child(2n) {
    padding: 10px 20px 10px 35px;
  }
  .footer-nav-content ul > li > ul {
    margin-top: 0;
    margin-bottom: 0;
  }
}

.footer-nav-ttl {
  font-family: "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "Segoe UI";
}

.footer-nav-ttl::after {
  content: "";
  background-color: #2D9968;
  height: 2px;
  width: 30px;
  display: block;
  margin-top: 7px;
}

@media (max-width: 768px) {
  .footer-nav-ttl {
    padding: 15px 20px;
    font-size: 1.6rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .footer-nav-ttl::after {
    content: none;
  }
  .footer-nav-ttl i {
    color: #2D9968;
  }
}

.site-info {
  padding-top: 20px;
  background-color: #323232;
  height: 160px;
  color: #fff;
  font-size: 1.4rem;
}

.site-info ul a {
  color: #fff;
}

.site-info ul li:first-child {
  padding-right: 25px;
}

.site-info-wrapper {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 768px) {
  .site-info {
    padding-top: 30px;
    padding-bottom: 20px;
    height: auto;
  }
  .site-info ul li:first-child {
    padding-right: 0;
  }
  .site-info p {
    font-size: 1.2rem;
    letter-spacing: 0;
    text-align: center;
    margin-top: 10px;
  }
  .site-info-wrapper {
    display: block;
  }
  .site-info-wrapper ul {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

/*~~~~~~~~~
privacy-policy
~~~~~~~~~~~*/
.policy {
  padding-top: 90px;
  padding-bottom: 185px;
}

.policy p {
  letter-spacing: 0;
  line-height: 1.625;
}

.policy ol {
  margin-left: 2.6rem;
}

.policy ol li {
  list-style-type: none;
  counter-increment: cnt;
}

.policy ol li::before {
  content: "(" counter(cnt) ")";
  display: inline-block;
  margin-left: -2.6rem;
  /* サイトに合せて調整 */
  width: 2.3rem;
  /* サイトに合せて調整 */
}

.policy .policy-main {
  margin-top: 60px;
}

.policy .policy-main h3 {
  margin-bottom: 15px;
}

.policy .policy-main-block:not(:first-child) {
  margin-top: 70px;
}

.policy .facility-flow-block dl {
  margin-top: 115px;
  border-color: #dadada;
  height: 100px;
}

.policy .facility-flow-block dl dt {
  height: 100%;
  width: 350px;
  font-size: 1.6rem;
  font-weight: 600;
}

.policy a {
  -webkit-transition: all .3s;
  transition: all .3s;
}

.policy a:hover {
  color: #2D9968;
}

@media (max-width: 768px) {
  .policy .policy-main {
    margin-top: 40px;
  }
  .policy {
    padding-top: 40px;
    padding-bottom: 55px;
  }
  .policy .facility-flow-block dl {
    height: auto;
    margin-top: 45px;
  }
  .policy .facility-flow-block dl dt {
    padding: 20px;
    width: 100%;
    text-align: center;
  }
  .policy .facility-flow-block dl dd {
    padding: 20px;
    text-align: center;
  }
  .policy .policy-main-block:not(:first-child) {
    margin-top: 30px;
  }
}

/*~~~~~~~~~
accordion
~~~~~~~~~~~*/
@media (max-width: 768px) {
  .displayNone {
    display: none;
  }
  .accordion li {
    border-bottom: 1px solid #ccc;
    padding: 10px 20px 10px 35px;
  }
  .accordion a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .accordion a i {
    color: #2D9968;
    opacity: .6;
  }
  .contentWrap {
    margin: 10px;
  }
  .switch {
    cursor: pointer;
    position: relative;
  }
}

@media (max-width: 768px) {
  .accordion li {
    border: none;
    background-color: #ebf0ee;
  }
  .accordion li:nth-child(2n) {
    background-color: #e1e9e5;
  }
}

/**
.csr
 */
.csr-head .csr-head-bg {
  position: relative;
  height: 600px;
}

.csr-head .csr-head-bg .csr-img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-image: url(../images/csr/csr_top.png);
}

.csr-head .csr-head-bg .csr-ttl {
  width: 27%;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}


@media (max-width: 768px) {
  .csr-head h2 {
    text-align: center;
    border-top: 1px solid #DADADA;
  }
  .csr-head h2 .sub-ttl {
    display: block;
    font-size: .8rem;
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    padding-bottom: 4px;
    width: 100%;
  }
  .csr-head .csr-head-bg {
    height: 300px;
  }
  .csr-head .csr-head-bg .csr-img {
    height: 300px;
  }
  .csr-head .csr-head-bg .csr-ttl {
    width: 100%;
    height: 100px;
    text-align: center;
  }
  .csr-head .csr-head-bg .csr-ttl img {
    height: 100%;
  }
}

.csr {
  padding-top: 85px;
  padding-bottom: 190px;
}

.csr .csr-txt {
  text-align: center;
}

.csr .csr-txt p {
  line-height: 2;
}

.csr .csr__intro{
  font-size: 16px;
  line-height: 2;
  width: fit-content;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.csr .csr-action{
  padding:0 20px 120px;
}

.csr .csr-action__image{
  display: block;
  width: 100%;
  max-width: 1600px;
  height: auto;
  margin: -20px auto 0;
  aspect-ratio: 1600/889;
  position: relative;
  z-index: 1;
}

.csr .csr-action__btn{
  margin: -20px auto 0;
  border: 1px solid #000;
  position: relative;
  z-index: 2;
}

.csr .csr-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 70px;
  gap: 35.75px;
}

.csr .csr-list li {
  width: calc((100% / 3) - 24px);
  background-color: #F6F7F7;
}

.csr .csr-list li img {
  width: 100%;
}

.csr .csr-list li .csr-list-txt {
  padding: 25px 30px;
}

.csr .csr-list li .csr-list-txt p {
  margin-top: 10px;
}

@media (max-width: 1100px) {
  .csr .csr-list li .csr-list-txt {
    padding: 15px 20px;
  }
}

@media (max-width: 1000px) {
  .csr .csr-list li .csr-list-txt {
    padding: 15px;
  }
  .csr .csr-list li .csr-list-txt p {
    font-size: 1.4rem;
  }
  .csr .csr-list li {
    width: calc((100% / 3) - 10px);
  }
  .csr .csr-list li:nth-child(n+3) {
    margin-top: 20px;
  }
}

@media (max-width: 860px) {
  .csr .csr-list li {
    width: calc((100% / 2) - 10px);
  }
}

@media (max-width: 768px) {
  .csr {
    padding-top: 45px;
    padding-bottom: 75px;
  }
  .csr .csr-txt {
    text-align: center;
  }
  .csr .csr__intro{
    font-size: 14px;
  }
  .csr .csr-action__image{
    margin: 0 auto;
  }
  .csr .csr-action__btn{
    margin: 0 auto;
  }
  .csr .csr-list {
    max-width: 375px;
    margin: 50px auto 0;
  }
  .csr .csr-list li {
    width: 100%;
    margin-bottom: 20px;
  }
  .csr .csr-list li:nth-child(n+3) {
    margin-top: 0;
  }
  .csr .csr-list li:nth-child(3) figure img {
    -o-object-position: top;
       object-position: top;
  }
  .csr .csr-list li figure {
    height: 250px;
  }
  .csr .csr-list li figure img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .csr .csr-list-txt {
    padding: 15px 20px;
  }
}

/*~~~~~~~~~
csr-area
~~~~~~~~~~~*/
.lower-page-about {
  padding-top: 80px;
  padding-bottom: 110px;
}

.lower-page-about p {
  margin-top: 45px;
  line-height: 1.75;
}

@media (max-width: 768px) {
  .lower-page-about {
    padding-top: 40px;
    padding-bottom: 55px;
  }
  .lower-page-about p {
    margin-top: 25px;
  }
}

@media (max-width: 768px) {
  .csr-area-img {
    padding-left: 3vw;
    padding-right: 3vw;
  }
}

.csr-area-slide-wrapper {
  justify-content: space-between;
}

.csr-area-slide-wrapper li {
  width: calc(25% - 4px);
}

@media (max-width: 768px) {
  .csr-area-slide-wrapper {
    margin: auto;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .csr-area-slide-wrapper li {
    width: calc(50% - 2px);
  }
  .csr-area-slide-wrapper li:nth-child(n+3) {
    margin-top: 4px;
  }
}

.csr-area-event-list {
  padding-top: 90px;
  justify-content: space-between;
}

.csr-area-event-list li:nth-child(n+2) {
  margin-left: 36px;
}

.csr-area-event-list h4 {
  font-family: "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "Segoe UI";
  font-size: 1.8rem;
  padding: 30px;
  background-color: #F6F7F7;
}

@media (max-width: 768px) {
  .csr-area-event-list {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .csr-area-event-list li:nth-child(n+2) {
    margin-left: 0;
    margin-top: 36px;
  }
}

.csr-area-event {
  padding-bottom: 155px;
}

@media (max-width: 768px) {
  .csr-area-event {
    padding-bottom: 80px;
    max-width: 375px;
  }
}

.csr-event-detail {
  padding-top: 95px;
  padding-bottom: 155px;
}

.csr-event-detail h3 {
  margin-bottom: 5px;
  text-align: center;
}

@media (max-width: 768px) {
  .csr-event-detail {
    padding-top: 50px;
    padding-bottom: 80px;
  }
  .csr-event-detail h3 {
    font-size: 2.2rem;
  }
}

.csr-event-detail-wrapper {
  margin-top: 80px;
  justify-content: space-between;
}

@media (max-width: 768px) {
  .csr-event-detail-wrapper {
    margin-top: 35px;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: 0;
  }
}

.csr-event-detail-slide {
  margin-top: 60px;
  justify-content: space-between;
}

.csr-event-detail-slide li {
  width: calc(25% - 4px);
}

@media (max-width: 768px) {
  .csr-event-detail-slide {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

@media (max-width: 768px) {
  .csr-event-detail-slide li {
    width: calc(50% - 2px);
  }
  .csr-event-detail-slide li:nth-child(n+3) {
    margin-top: 4px;
  }
  .csr-event-detail-slide li img {
    width: 100%;
  }
}

.csr-event-detail-txt {
  width: 50%;
}

.csr-event-detail-txt p {
  line-height: 1.75;
}

@media (max-width: 768px) {
  .csr-event-detail-txt {
    width: 100%;
  }
}

.csr-event-detail-img {
  width: 43%;
}

@media (max-width: 768px) {
  .csr-event-detail-img {
    margin-top: 20px;
    width: 100%;
    text-align: center;
  }
}

@media (max-width: 768px) {
  .csr-area-fv {
    height: 115px;
  }
  .csr-area-fv img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

/*~~~~~~~~~
csr-link
~~~~~~~~~~~*/
.csr-link {
  margin-bottom: 120px;
}

.csr-link-flex {
  gap: 20px;
}

.csr-link-wrapper {
  position: relative;
}

.csr-link-wrapper a {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.csr-link-wrapper h4 {
  margin-bottom: 0;
  font-size: 2rem;
  font-family: "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "Segoe UI";
  color: #fff;
}

.csr-link-wrapper .csr-link-content {
  position: absolute;
  bottom: 12px;
  left: 18px;
}

.csr-link-wrapper .csr-link-arrow {
  content: "";
  display: inline-block;
  position: absolute;
  right: 20px;
  bottom: 26px;
  background-image: url(../images/btn-arrow-wh.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 27.25px;
  height: 8px;
}

@media (min-width: 992px) {
  .csr-link-wrapper .csr-link-arrow, .csr-link-wrapper img {
    -webkit-transition: all .3s;
    transition: all .3s;
  }
  .csr-link-wrapper a:hover .csr-link-arrow {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  .csr-link-wrapper a {
    overflow: hidden;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .csr-link-wrapper a:hover img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}

/*~~~~~~~~~
csr-kaigo
~~~~~~~~~~~*/
.sports .lower-page-about, .csr-kaigo .lower-page-about {
  padding-bottom: 70px;
}

/**
.facility
 */
.facility-head .facility-head-bg {
  position: relative;
  height: 600px;
}

.facility-head .facility-head-bg .facility-img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-image: url(../images/facility/facility_top.png);
}

.facility-head .facility-head-bg .facility-ttl {
  width: 31%;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media (max-width: 768px) {
  .facility-head h2 {
    text-align: center;
    padding: 30px 0;
    font-size: 2.4rem;
    border-top: 1px solid #DADADA;
  }
  .facility-head h2 .sub-ttl {
    display: block;
    font-size: .8rem;
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    padding-bottom: 4px;
    width: 100%;
  }
  .facility-head .facility-head-bg {
    height: 300px;
  }
  .facility-head .facility-head-bg .facility-img {
    height: 300px;
  }
  .facility-head .facility-head-bg .facility-ttl {
    width: 100%;
    height: 100px;
    text-align: center;
  }
  .facility-head .facility-head-bg .facility-ttl img {
    height: 100%;
  }
}

.facility {
  padding-top: 85px;
  padding-bottom: 118px;
}

.facility .sub-btn {
  margin-top: 40px;
}

.facility .facility-txt {
  text-align: center;
}

.facility .facility-txt p {
  line-height: 2;
}

.facility .facility-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 84px 60px;
  width: 100%;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: 74px;
  justify-content: space-between;
}

.facility .facility-list li {
  width: calc(50% - 30px);
  background-color: #F6F7F7;
}

.facility .facility-list li:nth-child(n+3) {
  margin-top: 84px;
}

.facility .facility-list li .facility-list-txt {
  padding: 30px;
}

.facility .facility-list li .facility-list-txt h4 {
  font-size: 2.2rem;
}

.facility .facility-list li .facility-list-txt p {
  margin-top: 10px;
  letter-spacing: 0;
}

.facility .facility-list li .facility-list-txt .facility-btn {
  margin-top: 30px;
}

.facility .facility-list li .facility-list-txt .facility-btn .link-btn {
  border: 1px solid #000;
  background-color: transparent;
  margin-left: auto;
}

@media (max-width: 768px) {
  .facility {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .facility .sub-btn {
    margin-top: 15px;
  }
  .facility .facility-txt {
    text-align: center;
  }
  .facility .facility-list {
    gap: 25px 60px;
    margin-top: 45px;
  }
  .facility .facility-list li {
    width: 100%;
    margin-bottom: 0;
  }
  .facility .facility-list li:nth-child(n+2) {
    margin-top: 25px;
  }
  .facility .facility-list li figure {
    height: 200px;
  }
  .facility .facility-list li figure img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
  }
  .facility .facility-list li .facility-list-txt {
    padding: 15px;
  }
  .facility .facility-list li .facility-list-txt h4 {
    font-size: 1.8rem;
  }
}

/*~~~~~~~~~
sekkotuin
~~~~~~~~~~~*/
.facility-lower .lower-page-about {
  text-align: center;
  padding-bottom: 92px;
  padding-top: 85px;
}

.facility-lower .lower-page-about p {
  line-height: 2.2222;
  margin-top: 40px;
  color: #646464;
}

@media (max-width: 768px) {
  .facility-lower .lower-page-about {
    text-align: center;
    padding-bottom: 50px;
    padding-top: 45px;
  }
  .facility-lower .lower-page-about p {
    margin-top: 25px;
  }
}

.facility-concept {
  padding-top: 100px;
  padding-bottom: 125px;
}

.facility-concept-wrapper {
  gap: 80px;
  justify-content: space-between;
}

.facility-concept-img {
  width: 48%;
}

.facility-concept-txt {
  width: 48%;
}

.facility-concept-txt p {
  margin-top: 40px;
  line-height: 2;
}

@media (max-width: 768px) {
  .facility-concept {
    padding-top: 50px;
    padding-bottom: 60px;
  }
  .facility-concept-wrapper {
    gap: 0px;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .facility-concept-img {
    width: 100%;
    padding-left: 0px;
    margin-top: 15px;
  }
  .facility-concept-txt {
    width: 100%;
  }
  .facility-sekkotuin-fv {
    height: 115px;
  }
  .facility-sekkotuin-fv img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

@media (max-width: 768px) {
  .facility-sekkotuin-img {
    height: 200px;
  }
  .facility-sekkotuin-img img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

/*~~~~~~~~~
4s
~~~~~~~~~~~*/
.facility-block {
  padding-top: 100px;
  padding-bottom: 120px;
}

.facility-block h3 {
  font-size: 2.8rem;
  line-height: 1;
}

.facility-block .sub-ttl-en {
  font-family: "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "Segoe UI";
  font-size: 10px;
  margin-top: -5px;
}

@media (max-width: 768px) {
  .facility-block {
    padding-top: 50px;
    padding-bottom: 30px;
  }
  .facility-block h3 {
    font-size: 2.4rem;
    line-height: 1;
  }
}

.facility-4s {
  padding-bottom: 110px;
}

@media (max-width: 768px) {
  .facility-4s {
    padding-bottom: 60px;
  }
}

.facility-4s-wrapper {
  margin: 0 10px;
  margin-top: 50px;
  gap: 20px;
  justify-content: space-between;
}

.facility-4s-wrapper li {
  position: relative;
  width: 24%;
  text-align: center;
  color: #fff;
}

.facility-4s-wrapper li h4, .facility-4s-wrapper li .facility-4s-ttl-ja {
  font-family: "Yu Mincho Medium","游明朝体 Medium", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

.facility-4s-wrapper h4 {
  font-size: 3.2rem;
}

.facility-4s-wrapper .facility-4s-txt-wrapper {
  position: absolute;
  top: 40%;
  width: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.facility-4s-wrapper .facility-4s-txt-wrapper .facility-4s-txt {
  padding: 0 10px;
}

@media (max-width: 1200px) {
  .facility-4s-wrapper .facility-4s-txt-wrapper {
    top: 26%;
    font-size: 87.75%;
  }
}

@media (max-width: 1000px) {
  .facility-4s-wrapper .facility-4s-txt-wrapper {
    top: 20%;
    font-size: 87.75%;
  }
}

@media (max-width: 900px) {
  .facility-4s-wrapper .facility-4s-txt-wrapper {
    top: 5%;
    font-size: 75%;
  }
}

.facility-4s-wrapper .facility-4s-ttl-ja {
  font-size: 1.8rem;
  margin-top: 5px;
  margin-bottom: 20px;
}

@media (max-width: 768px) {
  .facility-4s-wrapper {
    margin: 0 10px;
    margin-top: 30px;
    gap: 0;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .facility-4s-wrapper li {
    height: 300px;
    width: 100%;
  }
  .facility-4s-wrapper li:nth-child(n+2) {
    margin-top: 20px;
  }
  .facility-4s-wrapper li img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .facility-4s-wrapper .facility-4s-txt-wrapper {
    top: 70px;
    width: 100%;
    font-size: 100%;
  }
}

/*~~~~~~~~~
facility-menu
~~~~~~~~~~~*/
.facility-menu-list {
  margin-top: 37px;
}

.facility-menu-list li {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.facility-menu-list li:not(:first-child) {
  margin-top: 65px;
}

.facility-menu-list .facility-menu-txt {
  width: calc(50% - 35px);
}

.facility-menu-list li:nth-child(2n) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.facility-menu-list li:nth-child(2n-1) .facility-menu-txt {
  padding-right: 40px;
  margin-right: 35px;
}

.facility-menu-list li:nth-child(2n) .facility-menu-txt {
  padding-left: 40px;
  margin-left: 35px;
}

.facility-menu-list li:nth-child(2n) .facility-menu-txt::before, .facility-menu-list li:nth-child(2n) .facility-menu-txt::after {
  left: calc(50% + 35px);
}

.facility-menu-list .facility-menu-img {
  width: 50%;
}

.facility-menu-list h4 {
  font-size: 2rem;
  font-family: "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "Segoe UI";
}

.facility-menu-list p {
  margin-top: 20px;
  letter-spacing: 0;
  line-height: 1.75;
}

.facility-menu-list .facility-menu-txt::before,
.facility-menu-list .facility-menu-txt::after {
  content: "";
  background-color: #000;
  height: 1px;
  width: calc(50% - 35px);
  display: block;
  position: absolute;
}

.facility-menu-list .facility-menu-txt::before {
  top: 0;
}

.facility-menu-list .facility-menu-txt::after {
  bottom: 0;
}

.facility-menu-list .facility-menu-txt-wrapper dl {
  margin-top: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.facility-menu-list .facility-menu-txt-wrapper dl dt {
  width: 92px;
  height: 30px;
  background-color: #646464;
  color: #fff;
  font-family: "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "Segoe UI";
  letter-spacing: 0;
  margin-right: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.facility-menu-list .facility-menu-txt-wrapper dl dd {
  font-family: "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "Segoe UI";
  font-size: 2.2rem;
  margin: 0;
  letter-spacing: 0;
}

.facility-menu-list .facility-menu-txt-wrapper dl dd .small-price {
  font-size: 1.8rem;
}

.facility-menu-list .facility-menu-txt-wrapper p.small {
  font-size: 1.4rem;
  margin-top: 10px;
}

@media (max-width: 768px) {
  .facility-menu-list .facility-menu-txt-wrapper dl dd {
    font-size: 1.6rem;
  }
}

@media (max-width: 768px) {
  .facility-menu-list p {
    margin-top: 15px;
  }
  .facility-menu-list li {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .facility-menu-list li:not(:last-child):after {
    content: "";
    display: block;
    background-color: #000;
    height: 1px;
    width: 80%;
    margin: 30px auto 0;
  }
  .facility-menu-list li:not(:first-child) {
    margin-top: 30px;
  }
  .facility-menu-list .facility-menu-txt, .facility-menu-list .facility-menu-img {
    width: 100%;
  }
  .facility-menu-list .facility-menu-img {
    margin-top: 15px;
  }
  .facility-menu-list li:nth-child(2n-1) .facility-menu-txt,
  .facility-menu-list li:nth-child(2n) .facility-menu-txt {
    padding: 0px;
    margin: 0px;
  }
  .facility-menu-list .facility-menu-txt::after,
  .facility-menu-list .facility-menu-txt::before {
    content: none;
  }
}

.seitaiin .menu-list p {
  margin-top: 30px;
}

.dayservice .facility-menu-list .facility-menu-txt-wrapper dl {
  margin-top: 8px;
}

.dayservice .facility-costs {
  padding-bottom: 165px;
}

@media (max-width: 768px) {
  .dayservice .facility-costs {
    padding-bottom: 65px;
  }
}

/*~~~~~~~~~
consultation
~~~~~~~~~~~*/
.consultation-block.consultation-first {
  margin-top: 28px;
}

.consultation-block.consultation-second {
  margin-top: 70px;
}

@media (max-width: 768px) {
  .consultation-block.consultation-second {
    margin-top: 40px;
  }
}

.consultation-block h4::before, .consultation-block h4::after {
  content: "";
  display: block;
  background-color: #000;
  height: 1px;
  width: 100%;
}

.consultation-block h4::before {
  margin-bottom: 15px;
}

.consultation-block h4::after {
  margin-top: 10px;
}

.consultation-block .consultation-main {
  margin-top: 25px;
}

.consultation-block .consultation-main-part {
  margin-top: 5px;
}

.consultation-block .consultation-main-part dl:not(:first-child) {
  margin-top: 5px;
}

.consultation-block .consultation-main-part dt, .consultation-block .consultation-main-part dd {
  padding: 20px 30px;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.consultation-block .consultation-main-part dt {
  width: 250px;
  border-right: 1px solid #C6C6C6;
  padding-left: 40px;
}

.consultation-block .consultation-main-part dt img {
  width: 30px;
  height: 30px;
  margin-right: 15px;
}

.consultation-block .consultation-main-part dd {
  letter-spacing: 0;
}

.consultation-block .consultation-sub {
  margin-top: 20px;
}

.consultation-block .plus-costs {
  margin-top: 10px;
}

.consultation-block .plus-costs dl {
  margin-right: 50px;
}

.consultation-block .plus-costs dt {
  padding: 5px 15px;
  background-color: #646464;
  color: #fff;
  font-family: "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "Segoe UI";
  letter-spacing: 0;
  margin-right: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.consultation-block .plus-costs dd {
  letter-spacing: 0;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 768px) {
  .consultation-block .consultation-main-part dl {
    display: block;
  }
  .consultation-block .consultation-main-part dt {
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-bottom: 1px solid #c6c6c6;
    border-right: 0;
  }
  .consultation-block .consultation-main-part dt, .consultation-block .consultation-main-part dd {
    padding: 15px 20px;
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .consultation-block .consultation-main-part dl:not(:first-child) {
    margin-top: 10px;
  }
  .consultation-block .plus-costs {
    display: block;
  }
  .consultation-block .plus-costs dl {
    margin-right: 0;
    margin-bottom: 5px;
  }
  .consultation-block .plus-costs dd {
    padding-left: 15px;
  }
}

.gray-ul {
  margin-top: 20px;
}

.gray-ul li {
  letter-spacing: 0;
  margin-left: 2rem;
  line-height: 1.625;
}

.gray-ul li::before {
  content: "";
  width: 12px;
  height: 12px;
  display: inline-block;
  background-color: #646464;
  border-radius: 50%;
  position: relative;
  top: -1px;
  margin-right: -12px;
  -webkit-transform: translateX(-20px);
          transform: translateX(-20px);
}

.facility-flow-block {
  margin-top: 28px;
}

.facility-flow-block dl {
  position: relative;
  margin-top: 28px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.facility-flow-block dl:not(:last-child):after {
  position: absolute;
  bottom: -31px;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  content: "";
  width: 1px;
  height: 30px;
  background-color: #C6C6C6;
  display: block;
  z-index: -1;
}

.facility-flow-block dt {
  background-color: #F6F7F7;
  font-size: 1.6rem;
  font-family: "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "Segoe UI";
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 310px;
  min-width: 310px;
  padding: 30px 20px 30px 40px;
}

.facility-flow-block dt .step {
  font-size: 1.4rem;
  font-weight: 400;
  background-color: #fff;
  border: 1px solid #C6C6C6;
  width: 110px;
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 20px;
  color: #646464;
}

.facility-flow-block dd {
  margin: 0;
  padding: 0 35px;
  line-height: 1.625;
}

@media (max-width: 768px) {
  .facility-flow-block dl {
    display: block;
  }
  .facility-flow-block dt {
    font-size: 1.6rem;
    width: 100%;
    padding: 10px 30px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .facility-flow-block dd {
    padding: 15px 35px;
  }
}

@media (max-width: 450px) {
  .facility-flow-block dt {
    -webkit-box-pack: left;
    -webkit-justify-content: left;
        -ms-flex-pack: left;
            justify-content: left;
  }
}

/*~~~~~~~~~
facility-store
~~~~~~~~~~~*/
.facility-store {
  padding-bottom: 90px;
  margin-top: 100px;
}

.facility-store-icon {
  width: 150px;
  height: 100px;
  margin: auto;
}

.facility-store-icon.--sasayuri{
  width: 270px;
  height: 74px;
  margin-bottom: 60px;
}
.facility-store-icon.--nihonmatsu{
  width: 140px;
  height: 110px;
  margin-bottom: 60px;
}

.facility-store-icon img {
  -o-object-fit: contain;
     object-fit: contain;
}

.facility-store-wrapper {
  margin-top: 45px;
  justify-content: space-between;
}

.facility-store-img {
  width: 42%;
}

.facility-store-info {
  width: 55%;
}

.facility-store-info .address {
  font-size: 1.5rem;
  line-height: 1.467;
}

.facility-store-hour, .facility-store .facility-store-attention {
  letter-spacing: 0;
  margin-top: 28px;
  padding-bottom: 27px;
}

.facility-store-hour h4, .facility-store .facility-store-attention h4 {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.facility-store-hour img, .facility-store .facility-store-attention img {
  width: 40px;
  height: 40px;
  margin-right: 15px;
}

.facility-store .biz-hour {
  font-size: 1.5rem;
  border-collapse: collapse;
}

@media screen and (max-width: 414px) {
  .facility-store .biz-hour {
    width: 100%;
  }
}

.facility-store tr:last-child th, .facility-store tr:last-child td {
  border-bottom: none;
}

.facility-store .biz-hour th, .facility-store .biz-hour td {
  padding: 10px;
  text-align: center;
  border: 1px solid #C6C6C6;
}

.facility-store .biz-hour th {
  font-weight: normal;
  border-top: none;
}

.facility-store .biz-hour th:nth-child(1) {
  border-left: none;
}

.facility-store .biz-hour td {
  border-top: none;
  height: 60px;
  width: 60px;
  vertical-align: middle;
}

.facility-store .biz-hour td:nth-child(1) {
  border-left: none;
}

.facility-store .biz-hour td.bg-gray {
  width: 160px;
}

.facility-store .line::after {
  width: 100%;
}

.facility-store .attention {
  line-height: 1.714285;
  margin-top: 15px;
}

.facility-store .facility-store-attention {
  padding-bottom: 0;
}

@media (max-width: 768px) {
  .facility-store {
    margin-top: 50px;
    padding-bottom: 45px;
  }
  .facility-store-icon {
    width: 90px;
  }
  .facility-store-wrapper {
    display: block;
    margin-top: 20px;
  }
  .facility-store-img {
    width: 100%;
    margin-bottom: 15px;
    height: 250px;
  }
  .facility-store-img img {
    height: 250px;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .facility-store-info {
    width: 100%;
  }
  .facility-store .biz-hour th, .facility-store .biz-hour td {
    padding: 5px;
  }
  .facility-store .biz-hour td.bg-gray {
    line-height: 1;
  }
  .facility-store .biz-hour td {
    height: 48px;
  }
}

/*~~~~~~~~~
dayservice
~~~~~~~~~~~*/
.point-table {
  gap: 50px;
}

@media (max-width: 768px) {
  .point-table {
    gap: 0px;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

.point-table-block {
  margin-top: 45px;
  width: 50%;
}

.point-table-block table {
  border-collapse: collapse;
}

.point-table-block th, .point-table-block td {
  width: 50%;
  padding: 15px;
  vertical-align: middle;
  text-align: center;
  letter-spacing: 0;
}

.point-table-block th:first-child {
  background-color: #e8ebeb;
}

.point-table-block th:last-child {
  background-color: #f6f7f7;
}

.point-table-block tr:not(:first-child) {
  border-bottom: 1px solid #c6c6c6;
}

@media (max-width: 768px) {
  .point-table-block {
    width: 100%;
  }
  .point-table-block:nth-child(2) {
    margin-top: 0;
  }
  .point-table-block:nth-child(2) tr:first-child {
    display: none;
  }
}

.dayservice-hour {
  margin-top: 10px;
}

.dayservice-hour dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #c6c6c6;
}

.dayservice-hour dl:last-child {
  border-bottom: 1px solid #c6c6c6;
}

.dayservice-hour dl dt, .dayservice-hour dl dd {
  font-size: 1.5rem;
  font-family: "Yu Mincho Medium","游明朝体 Medium", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  height: 40px;
  padding-left: 30px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.dayservice-hour dl dt {
  background-color: #f6f7f7;
  width: 41.38%;
}

.dayservice-hour dl dd {
  width: 58.62%;
  margin: 0;
}

@media (max-width: 450px) {
  .dayservice-hour dl {
    display: block;
  }
  .dayservice-hour dl dt,
  .dayservice-hour dl dd {
    width: 100%;
  }
}

/*~~~~~~~~~
seitaiin
~~~~~~~~~~~*/
.facility-lower .lower-page-about {
  padding-bottom: 125px;
}

@media (max-width: 768px) {
  .facility-lower .lower-page-about {
    padding-bottom: 65px;
  }
}

.facility-lower .en-ttl::after {
  width: 22%;
  height: 1.5px;
}

.seitaiin .map {
  margin-top: 145px;
}

@media (max-width: 768px) {
  .seitaiin .map {
    margin-top: 30px;
  }
}

/*~~~~~~~~~
dayservice
~~~~~~~~~~~*/
.dayservice .facility-menu.facility-block {
  padding-bottom: 140px;
}

@media (max-width: 768px) {
  .dayservice .facility-menu.facility-block {
    padding-bottom: 60px;
  }
}

/*~~~~~~~~~
houmon
~~~~~~~~~~~*/
.houmon .gray-ul li {
  color: #000;
  font-family: "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "Segoe UI";
}

.houmon .gray-ul li::before {
  background-color: #000;
}

.houmon .consultation-block .plus-costs {
  margin-top: 30px;
}

.houmon .facility-flow-houmon {
  margin-top: 40px;
}

.houmon .facility-store-icon {
  height: 120px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.houmon .facility-store-icon img {
  height: 100%;
}

.houmon .facility-menu {
  padding-bottom: 90px;
}

.houmon .gray-ul {
  margin-top: 30px;
}

.houmon .gray-ul li {
  font-size: 1.8rem;
}

.houmon .gray-ul li::after {
  width: 15px;
  height: 15px;
}

.houmon .consultation-block.consultation-second {
  margin-top: 60px;
}

.houmon .consultation-block .plus-costs dl {
  margin-right: 95px;
}

.houmon .facility-flow-houmon {
  margin-top: 25px;
}

.houmon .facility-flow {
  padding-bottom: 100px;
}

.houmon .facility-store {
  margin-top: 80px;
}

.houmon .facility-store-hour {
  padding-bottom: 60px;
}

@media (max-width: 768px) {
  .houmon .gray-ul li {
    font-size: 1.4rem;
  }
  .houmon .consultation-block.consultation-second {
    margin-top: 30px;
  }
  .houmon .facility-flow {
    padding-bottom: 35px;
  }
  .houmon .facility-store-icon {
    height: 100px;
  }
}

/*~~~~~~~~~
gym
~~~~~~~~~~~*/
.gym .gym-osusume {
  margin-top: 0;
}

.gym .gym-ul li {
  line-height: 1.75;
}

.gym .gray-ul,
.gym .facility-menu-list .gray-ul li {
  margin-top: 0;
}

.gym .consultation-block.consultation-second .gray-ul {
  margin-top: 20px;
}

.gym .facility-store-icon {
  height: 120px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.gym .facility-store-icon img {
  height: 100%;
}

.gym .biz-hour:last-child {
  margin-top: 10px;
}

@media (max-width: 768px) {
  .gym .facility-menu-list li:not(:last-child):after {
    content: none;
  }
  .gym .facility-store-icon {
    height: 100px;
  }
}

/*~~~~~~~~~
facility-kaigo
~~~~~~~~~~~*/
.facility-kaigo .facility-flow-block dt {
  width: 370px;
}

.facility-kaigo .facility-menu {
  padding-bottom: 140px;
}

.facility-kaigo .facility-flow {
  padding-bottom: 180px;
}

.facility-kaigo .facility-store {
  margin-top: 80px;
}

@media (max-width: 768px) {
  .facility-kaigo .facility-menu {
    padding-bottom: 60px;
  }
  .facility-kaigo .facility-flow {
    padding-bottom: 45px;
  }
  .facility-kaigo .facility-store {
    margin-top: 60px;
  }
}

/*~~~~~~~~~
woman
~~~~~~~~~~~*/
.woman .special-btn {
  position: relative;
  width: 350px;
  height: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 75px auto 70px;
  font-family: "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "Segoe UI";
  color: #2D9968;
  font-size: 2rem;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.woman .special-btn .arrow-right {
  position: absolute;
  right: 8px;
}

.woman .special-btn .arrow-right::after {
  -webkit-transition: all .3s;
  transition: all .3s;
}

.woman .special-btn:hover {
  background-color: #2D9968;
  color: #fff;
}

.woman .special-btn:hover .arrow-right::after {
  background-image: url(../images/arrow-right-wh.svg);
  -webkit-transform: translateX(5px);
          transform: translateX(5px);
}

.woman .biz-hour:last-child {
  margin-top: 10px;
}

.woman .facility-menu {
  padding-bottom: 120px;
}

.woman .facility-store-hour {
  padding-bottom: 15px;
}

@media (max-width: 768px) {
  .woman .special-btn {
    width: 90%;
    max-width: 350px;
    height: 80px;
    background-color: #2D9968;
    color: #fff;
    margin: 35px auto 0px;
  }
  .woman .special-btn .arrow-right::after {
    background-image: url(../images/arrow-right-wh.svg);
  }
  .woman .facility-menu {
    padding-bottom: 60px;
  }
}

/*~~~~~~~~~
sasayuri
~~~~~~~~~~~*/
.menu-table{
  width: 100%;
}
.menu-table-block{
  width: 100%;
}
.menu-table-block table{
  border-collapse: collapse;
  border: 0;
}
.menu-table-block th{
  background-color: #e8ebeb;
  text-align: center;
  vertical-align: middle;
}
.menu-table-block tr{
  height: 60px;
}
.menu-table-block tr > td:nth-of-type(1){
  font-weight: bold;
  background-color: #f6f7f7;
}
.menu-table-block td{
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid #c6c6c6;
}

@media (max-width: 425px) {
  .menu-table-block td{
    font-size: 13px;
  }
}

.news-main .line::after {
  width: 100%;
  background-color: #DADADA;
}

.main-news-list {
  padding-top: 130px;
  padding-bottom: 100px;
}

.main-news-list a {
  -webkit-transition: .3s;
  transition: .3s;
}

.main-news-list a:last-child dl {
  border-bottom: 1px solid #DADADA;
}

.main-news-list dl {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100px;
  border-top: 1px solid #DADADA;
  justify-content: space-between;
}

.main-news-list dt {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 110px;
  min-width: 110px;
  margin-right: 20px;
  font-weight: normal;
}

.main-news-list dd {
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: calc(100% - 130px);
}

.main-news-list dd::after {
  content: "";
  background-image: url(../images/btn-arrow-gr.png);
  width: 24px;
  height: 5px;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}

.main-news-list .main-news-ttl {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (min-width: 992px) {
  .main-news-list a:hover {
    background-color: #f5f5f5;
    width: 100%;
    -webkit-transition: .3s;
    transition: .3s;
    display: block;
    color: #2D9968;
  }
  .main-news-list a:hover dt {
    -webkit-transition: .3s;
    transition: .3s;
    color: #2D9968;
  }
}

@media (max-width: 768px) {
  .main-news-list {
    padding-top: 60px;
    padding-bottom: 50px;
  }
  .main-news-list .main-news-ttl {
    width: 85%;
  }
  .main-news-list dl {
    display: block;
    padding: 15px;
    height: auto;
  }
  .main-news-list dd {
    width: 100%;
  }
}

.pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 200px;
  margin-bottom: 85px;
}

.pagination .page-numbers {
  -webkit-transition: .2s;
  transition: .2s;
  height: 50px;
  width: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
  color: #2D9968;
  font-family: "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "Segoe UI";
  border: 1px solid #fff;
}

.pagination .page-numbers:nth-child(n+2) {
  margin-left: 10px;
}

.pagination .page-numbers.current {
  border: 1px solid #2D9968;
}

.pagination .prev.page-numbers {
  margin-right: 20px;
}

.pagination .next.page-numbers {
  margin-left: 20px;
}

.pagination .next.page-numbers, .pagination .prev.page-numbers {
  background-color: transparent;
  color: #646464;
  border: none;
  font-size: 1.4rem;
}

@media (min-width: 992px) {
  .pagination .page-numbers:hover {
    -webkit-transition: .3s;
    transition: .3s;
    border-color: #e4f4ed;
    background-color: #e4f4ed;
  }
  .pagination .page-numbers:hover.prev, .pagination .page-numbers:hover.next {
    background-color: transparent;
    color: #2D9968;
  }
}

@media (max-width: 768px) {
  .pagination {
    padding: 0 15px;
    height: 120px;
    margin-bottom: 50px;
  }
  .pagination .page-numbers {
    height: 40px;
    width: 40px;
  }
}

.post-news-ttl {
  margin-top: 80px;
}

.post-news-ttl h3 {
  margin-top: 10px;
  margin-bottom: 25px;
}

@media (max-width: 768px) {
  .post-news-ttl {
    margin-top: 45px;
  }
}

.post-news .line::after {
  width: 100%;
}

.post-news .post-news-content {
  margin-bottom: 160px;
  margin-top: 65px;
}

.post-news-thumb {
  margin: 0 auto 90px;
  max-width: 800px;
  height: 450px;
}

.post-news-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.post-news ul {
  background-color: #F6F7F7;
  padding: 25px 30px;
  margin-bottom: 55px;
}

.post-news li {
  color: #646464;
  font-family: "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "Segoe UI";
  margin-left: 20px;
}

.post-news li::before {
  content: "";
  width: 12px;
  height: 12px;
  display: inline-block;
  background-color: #2D9968;
  border-radius: 50%;
  position: relative;
  top: -1px;
  margin-right: -10px;
  -webkit-transform: translateX(-20px);
          transform: translateX(-20px);
}

.post-news h4 {
  margin-top: 55px;
  font-size: 1.8rem;
  font-family: "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "Segoe UI";
  margin-bottom: 40px;
}

.post-news h4::after {
  content: "";
  display: block;
  background-color: #2D9968;
  height: 1px;
  width: 100%;
  margin-top: 15px;
}

.post-news p {
  line-height: 2.25;
  margin-bottom: 55px;
}

@media (max-width: 768px) {
  .post-news .post-news-content {
    margin-top: 35px;
    margin-bottom: 60px;
  }
  .post-news .post-news-thumb {
    margin-left: -3vw;
    margin-right: -3vw;
    height: 240px;
    margin-bottom: 35px;
  }
  .post-news ul {
    padding: 20px;
    margin-bottom: 35px;
  }
  .post-news h4 {
    margin-top: 35px;
    margin-bottom: 20px;
  }
}

.pagination-prev,
.pagination-next {
  font-family: "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "Segoe UI";
  font-size: 1.4rem;
  color: #646464;
}

.pagination-prev a,
.pagination-next a {
  color: #646464;
  padding: 15px;
  -webkit-transition: .3s;
  transition: .3s;
}

.pagination-prev.link-none,
.pagination-next.link-none {
  opacity: .5;
  padding: 15px;
}

@media (max-width: 768px) {
  .pagination-prev.link-none,
  .pagination-next.link-none {
    padding: 5px;
    font-size: 1.2rem;
  }
}

.pagination-return a {
  color: #646464;
  background-color: #fff;
  width: 200px;
  height: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 30px;
  -webkit-transition: .3s;
  transition: .3s;
}

@media (min-width: 992px) {
  .pagination-return a:hover {
    background-color: #e4f4ed;
    -webkit-transition: .3s;
    transition: .3s;
  }
  .pagination-prev a:hover, .pagination-next a:hover {
    color: #2D9968;
    -webkit-transition: .3s;
    transition: .3s;
  }
}

@media (max-width: 768px) {
  .pagination-return a {
    width: 162px;
    margin: 0 5px;
  }
  .pagination-prev a, .pagination-next a {
    padding: 3px;
    font-size: 1.2rem;
  }
}

@media (max-width: 350px) {
  .pagination-return a {
    font-size: 1.2rem;
    width: 124px;
    margin: 0px 3px;
  }
}

.philosophy-main {
  text-align: center;
  margin-bottom: 45px;
}

.philosophy-main .csr-head .csr-head-bg .csr-img {
  background-image: url(../images/philosophy/philosophy_main_img.png);
}

.philosophy-main h3, .philosophy-main h4, .philosophy-main p {
  font-family: "Yu Mincho Medium","游明朝体 Medium", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

.philosophy-main .csr-head .csr-head-bg {
  max-height: 800px;
  height: 41.25vw;
  max-width: 1800px;
  margin: auto;
}

@media (max-width: 768px) {
  .philosophy-main .csr-head .csr-head-bg {
    min-height: 300px;
  }
  .philosophy-main .csr-head .csr-head-bg .csr-img {
    background-position-x: 65%;
  }
}

.philosophy-about {
  padding-bottom: 190px;
  padding-top: 105px;
}

.philosophy-about-txt {
  line-height: 2.2222;
  margin-top: 40px;
}

@media (max-width: 768px) {
  .philosophy-about {
    padding-top: 75px;
    padding-bottom: 60px;
  }
}

.philosophy-tomoiki {
  padding-top: 85px;
  padding-bottom: 150px;
}

.philosophy-tomoiki-txt {
  margin-top: 35px;
  line-height: 2.25;
}

.philosophy-tomoiki-logo {
  margin-top: 45px;
  height: 95px;
  width: auto;
}

.philosophy-tomoiki-logo img {
  height: 100%;
}

@media (max-width: 768px) {
  .philosophy-tomoiki {
    padding-top: 55px;
    padding-bottom: 75px;
  }
  .philosophy-tomoiki-logo {
    height: 6vw;
    min-height: 45px;
  }
}

.philosophy-yotsuya .philosophy-tomoiki-txt {
  margin-top: 40px;
}

.philosophy-slider .swiper-slide img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.company .line::after {
  width: 100%;
}

.company .cp_breadcrumb {
  margin-bottom: 60px;
}

@media (max-width: 768px) {
  .company .cp_breadcrumb {
    margin-bottom: 20px;
  }
}

.main-company {
  margin-bottom: 35px;
}

.sidebar {
  padding-top: 85px;
  width: 28.64583333%;
  border-right: 1px solid #dadada;
}

.sidebar ul {
  position: -webkit-sticky;
  position: sticky;
  top: 150px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: 80px;
}

.sidebar ul li {
  line-height: 2.5;
}

.sidebar ul a {
  font-family: "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "Segoe UI";
  -webkit-transition: all .3s;
  transition: all .3s;
  color: #c8c8c8;
}

.sidebar ul a.active {
  color: #000;
}

.sidebar li.--disable a{
  color: #c8c8c8;
}

.sidebar li.--disable:hover a{
  color: #000;
}

@media (max-width: 768px) {
  .sidebar.m_fixed {
    bottom: 0px;
    position: fixed;
    -webkit-transition: all .4s;
    transition: all .4s;
  }
  .sidebar.m_fixed.show {
    display: block;
    opacity: 1;
    visibility: visible;
  }
  .sidebar.m_fixed.none {
    visibility: hidden;
    opacity: 0;
  }
  .main-company {
    display: block;
  }
}

.company-content {
  width: calc(100% - 28.64583333%);
}

.company-content-wrapper {
  max-width: 850px;
  margin: 85px 7.5% 95px;
}

.company-content h3 {
  font-size: 2.6rem;
  font-family: "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "Segoe UI";
  margin-bottom: 20px;
}

.company-content dl {
  border-top: 1px solid #dadada;
  height: auto;
  padding: 0px 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.company-content dl:last-child {
  border-bottom: 1px solid #dadada;
}

.company-content dt {
  width: 150px;
}

.company-content dd {
  width: calc(100% - 150px);
  margin: 0;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.company-content dt, .company-content dd {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.company-content .company-content-block {
  min-height: 20vh;
}

@media (max-width: 768px) {
  .company-content {
    width: 100%;
  }
  .company-content-wrapper {
    margin: 40px 3% 45px;
  }
}

#history {
  margin-top: 120px;
}

#member {
  margin-top: 180px;
}

@media (max-width: 768px) {
  #history {
    margin-top: 45px;
  }
  #member {
    margin-top: 45px;
  }
}

.member-block .member-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 50px;
  width: calc(100% - 300px);
}

.member-block .position {
  font-size: 1.8rem;
  font-family: "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "Segoe UI";
}

@media (max-width: 768px) {
  .member-block .position {
    margin-top: 15px;
  }
}

.member-top:nth-child(3) {
  margin-top: 55px;
}

.member-top .member-name {
  font-size: 3rem;
}

.member-top .member-txt {
  margin-top: 25px;
}

.member-txt {
  line-height: 1.625;
}

.member-txt-top {
  margin-top: 30px;
}

.member-txt-top::before {
  content: "●";
  display: inline-block;
  color: #2D9968;
  margin-right: 6px;
}

.member-flex {
  margin-top: 80px;
  gap: 50px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  justify-content: space-between;
}

.member-flex li {
  width: calc(50% - 25px);
}

.member-flex li:nth-child(n+3) {
  margin-top: 50px;
}

.member-flex .member-block .member-kari {
  width: 200px;
  height: 200px;
}

.member-flex .member-block .member-kari img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.member-flex .member-info {
  padding-left: 20px;
  width: calc(100% - 200px);
}

.member-flex .member-name {
  font-size: 2.6rem;
}

.member-flex .member-txt {
  margin-top: 15px;
}

@media (max-width: 768px) {
  .member-txt-top {
    margin-top: 20px;
  }
}

#facility {
  margin-top: 100px;
}

#facility .company-facility-name {
  margin-top: 25px;
  font-size: 2.2rem;
  font-family: "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "Segoe UI";
}

#facility dl {
  margin-top: 10px;
  height: auto;
}

#facility dl:last-child {
  border-bottom: 1px solid #dadada;
}

#facility dl dt {
  width: 130px;
}

#facility dl dt, #facility dl dd {
  padding: 20px;
}

#facility dl dd {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

#facility .company-facility-block {
  margin-bottom: 65px;
}

@media (max-width: 1200px) {
  #facility dl dt {
    width: 145px;
  }
  .member-flex .member-block.flex {
    display: block;
  }
  .member-flex .member-block .member-kari {
    margin: auto;
  }
  .member-flex .member-info {
    padding-left: 0;
    width: 100%;
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .member-flex .member-name {
    font-size: 2.2rem;
  }
}

@media (max-width: 992px) {
  .member-block.flex {
    display: block;
  }
  .member-kari {
    text-align: center;
  }
  .member-block .member-info {
    padding-left: 0;
    padding-top: 30px;
  }
  .member-flex {
    margin-top: 50px;
    gap: 25px;
  }
  .member-block .member-info {
    width: 100%;
  }
  .member-flex .member-block .member-kari {
    width: 100%;
    height: auto;
  }
  #facility dl dt {
    width: 200px;
  }
}

@media (max-width: 768px) {
  #facility {
    margin-top: 45px;
  }
  #facility dl dt,
  #facility dl dd {
    width: 100%;
    padding: 3px 10px;
  }
  #facility .company-facility-block {
    margin-bottom: 30px;
  }
  .sidebar {
    width: 100%;
    padding-top: 30px;
    border: none;
  }
  .sidebar.m_fixed {
    -webkit-transition: all .3s;
    transition: all .3s;
  }
  .sidebar.m_fixed ul {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #fff;
    z-index: 100;
    justify-content: space-around;
  }
  .sidebar ul {
    padding-left: 3%;
    padding-right: 3%;
    margin-right: 30px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .sidebar ul li:not(:last-child) {
    padding-right: 8px;
  }
  .member-flex .member-info {
    text-align: left;
  }
  .member-flex li {
    width: 100%;
  }
  .member-flex li:nth-child(n+2) {
    margin-top: 40px;
  }
  .member-flex .member-block .member-kari {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
  }
  .member-flex .member-block.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .company-content dl {
    padding: 13px 0;
  }
  .member-flex .member-info {
    padding-top: 0;
    padding-left: 25px;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
        -ms-flex-pack: left;
            justify-content: left;
  }
}

@media (max-width: 375px) {
  .sidebar ul {
    font-size: 75%;
  }
}

#access {
  padding-top: 100px;
}

#access dl {
  padding: 30px 15px;
  height: auto;
}

#access dl dd {
  width: 49%;
}

#access dl dt {
  width: 49%;
  display: block;
}

#access dl dt > p {
  font-family: "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "Segoe UI";
  margin-bottom: 10px;
}

#access dl dt li {
  font-weight: 500;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

#access dl dt li::before {
  content: "";
  background-image: url(../images/address.svg);
  width: 36px;
  height: 36px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 15px;
}

#access dl dt li:last-child {
  margin-top: 10px;
}

#access dl dt li:last-child::before {
  background-image: url(../images/tel.png);
}

#access dl:last-child {
  border-bottom: 1px solid #dadada;
}

#access .top-facility-store-info {
  width: 100%;
}

#access .top-facility-store-info a {
  font-family: "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, "Segoe UI";
  font-size: 1.4rem;
}

@media (max-width: 768px) {
  #access {
    padding-top: 0;
  }
  .company-content dl {
    display: block;
    height: auto;
    padding: 20px 0;
  }
  .company-content dd {
    width: 100%;
  }
  #access dl {
    padding: 20px 8px;
  }
  #access dl dt, #access dl dd {
    width: 100%;
  }
}

.kari {
  height: 1600px;
  width: 100%;
  background-color: #c8c8c8;
}

.member-kari img {
  height: 300px;
  width: 300px;
  background-color: #c8c8c8;
}

#summary dl,
#history dl {
  padding: 20px 15px;
}

@media (max-width: 768px) {
  #summary.company-content-block dl {
    padding: 13px 0;
  }
  #summary dl,
  #history dl {
    padding: 10px 5px;
  }
}
/*~~~~~~~~~
shop
~~~~~~~~~~~*/
.shop .kv{
  width: 100%;
  height: auto;
}
.shop .shop_heading{
  font-size: 28px;
  text-align: center;
  word-break: keep-all;
	overflow-wrap: break-word;
  padding: 0 20px;
}
.shop .intro{
    width: 100%;
    max-width: 1360px;
    padding: 0 40px;
    margin: 80px auto;
}
.shop .intro > p{
  text-align: center;
  line-height: 2;
}
.shop .intro > p + p{
  margin-top: 40px;
}
.shop .products .products_inner{
  width: 100%;
  max-width: 1360px;
  padding: 0 40px;
  margin: 80px auto;
}
.shop .products h2{
  font-size: 28px;
  text-align: center;
}
.shop .products h2 span{
  font-size: 12px;
}
.shop .products .product-item_wrap .product-item:nth-of-type(even) .product-item_container{
  flex-direction: row-reverse;
}
.shop .products .product-item{
  width: 100%;
  max-width: 1080px;
  margin: 120px auto;
}
.shop .products .product-item_container{
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 80px;
  margin-top: 60px;
}
.shop .products .product-item_container .link-btn{
  margin-top: 60px;
}
.shop .products .product-item_img{
  max-width: 500px;
  width: 46.29%;
  height: auto;
  aspect-ratio: 1/1;
  flex-shrink: 0;
}
.shop .products .product-item_img img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position:top center;
}
.shop .products .product-item_text{
  line-height: 2;
}
.shop .ec_point{
  max-width: 1160px;
  width: 100%;
  padding: 0 40px;
  margin: 80px auto;
  display: flex;
  gap: 65px;
}
.shop .ec_main > p{
  line-height: 2;
}
.shop .ec_img{
  max-width: 500px;
  width: 100%;
  height: auto;
  aspect-ratio: 500/250;
}
.shop .ec_img img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.shop .ec_main > .link-btn{
  margin-top: 30px;
}
@media (max-width: 1024px) {
  .shop .products .product-item_container{
    gap: 40px;
  }
}
@media (max-width: 768px) {
  .shop .kv_img{
    width: 100%;
    height: 230px;
    object-fit: cover;
  }
  .shop .shop_heading{
    font-size: 22px;
  }
  .shop .intro{
    padding: 0 20px;
    margin: 60px auto;
  }
  .shop .intro > p{
    text-align: left;
  }
  .shop .intro > p + p{
    margin-top: 20px;
  }
  .shop .products .products_inner{
    padding: 0 20px;
    margin: 60px auto;
  }
  .shop .products .product-item{
    margin: 80px auto;
  }
  .shop .product-item{
    flex-direction: column;
  }
  .shop .product-item .shop_heading{
    order: 1;
  }
  .shop .product-item .product-item_container{
    display: contents;
  }
  .shop .product-item .product-item_img{
    width: 100%;
    order: 2;
    margin: 20px auto;
  }
  .shop .product-item .product-item_main{
    order: 3;
  }
  .shop .products .product-item_container .link-btn{
    margin-top: 20px;
    margin-left: auto;
  }
  .shop .ec_point{
    padding: 0 20px;
    margin: 40px auto 80px;
    gap: 40px;
    flex-direction: column-reverse;
  }
}
/*~~~~~~~~~
shop
~~~~~~~~~~~*/
.calendar-block{
  margin-top: 60px;
}
.calendar-title{
  font-size: 22px;
  margin-bottom: 16px;
}
/*# sourceMappingURL=style.css.map */