@charset "utf-8";


/* --------------- header --------------- */
.header-wrap{
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.header-wrap::after{
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 5em;
  background-color: #fff;
  box-shadow: 0px 4px 20px 5px rgb(68, 52, 0, 0.03), 0px 4px 10px -2px rgb(68, 52, 0, 0.03);
  transition: opacity 0.2s linear;
}
.top-header .header-wrap::after{
  opacity: 0;
}
.header-scroll .header-wrap::after{
  opacity: 1;
}
.header-logo{
  width: 6.0em;
  margin: 0.8em 0 0 1em;
  transition: opacity 0.3s linear, width 0.8s cubic-bezier(.15,1,.2,1), margin 0.8s cubic-bezier(.15,1,.2,1);
}
.top-header .header-logo{
  width: 6.0em;
  margin: 1em 0 0 1em;
}
.top-header.header-scroll .header-logo{
  width: 5.6em;
  margin: 0.8em 0 0 1em;
}
.header-right{
  display: flex;
  height: 5em;
  box-shadow: 0px 4px 20px 5px rgb(68, 52, 0, 0.05), 0px 4px 10px -2px rgb(68, 52, 0, 0.05);
  transition: 0.5s 0.05s cubic-bezier(.15,1,.2,1);
  /* width:; */
}
.top-header .header-right{
  opacity: 0;
}
.drawer-show .header-right{
  height: 4.5em;
  transform: translate(-1.8vw,1.8vw);
}
.header-recruit{
  display: flex;
  justify-content: right;
  align-items: center;
  font-size: 0.95em;
  padding: 0 1.5em;
  transition: 0.5s 0.05s cubic-bezier(.15,1,.2,1);
}
.drawer-show .header-recruit{
  padding: 0 1.4em;
}
.header-tel{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  line-height: 1.6;
  padding: 0 1.5em;
  transition: 0.5s 0.05s cubic-bezier(.15,1,.2,1);
}
.drawer-show .header-tel{
  padding: 0 1em;
}
.header-tel__txt{
  font-size: 0.7em;
  letter-spacing: 0.04em;
  margin-top: 0.5em;
  padding: 0.2em 1.6em 0.1em;
  border-radius: 100px;
}
.header-tel__cont{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.15em;
  margin: 0.2em 0 0;
  border-radius: 2em;
}
.header-tel__icon{
  width: 1.8em;
  line-height: 1;
  margin: 0 0.2em 0.08em 0;
}
.header-tel__num {
  font-size: 1.6em;
  letter-spacing: 0.01em;
  line-height: 1.2;
}

@media (max-width: 1400px){
}
@media (max-width: 1320px){
  .header-wrap::after{
    display: none;
  }
}
@media (max-width: 1023px){
}
@media (max-width: 767px){
  .header-logo{
    width: 5.8em;
    margin: 1em 0 0 1em;
  }
  .drawer-show .header-logo img{
    opacity: 0;
  }
  .header-scroll .header-logo{
    width: 5.8em;
    margin: 1em 0 0 1em;
  }
  .drawer-show .header-right{
    transform: translate(-0.8em,0.8em);
  }
  .header-recruit{
    display: none;
  }
  .header-tel{
    padding: 0;
    width: 100%;
  }
  .drawer-show .header-tel{
    padding: 0 0.6em;
  }
  .header-tel__txt{
    font-size: 10px;
  }
  .header-tel__cont{
    font-size: 1.05em;
    letter-spacing: 0.02em;
    padding: 0.1em 0.2em;
  }
  .header-tel__icon{
    width: 1.6em;
  }
}

/* header-nav */
.top-header .header-nav,
.top-header .header-nav a{
  color: #fff;
  transition: color 0.2s linear;
}
.header-scroll.top-header .header-nav,
.header-scroll.top-header .header-nav a{
  color: #222;
}
.header-nav{
  width: fit-content;
  line-height: 1.5;
  margin: 1.9em 4em 0 auto;
  transition: opacity 0.12s linear;
}
.drawer-show .header-nav{
  opacity: 0;
  pointer-events: none;
}
.header-nav>ul{
  display: flex;
  align-items: flex-start;
  /* 1320~1920px,fz13-16 */
  font-size: clamp(0.813rem, 0.4rem + 0.5vw, 1rem);
}
.header-nav>ul>li:not(:last-child){
  margin-right: 2em;
}
.header-nav__txt{
  position: relative;
  display: flex;
  align-items: flex-start;
}
.header-nav__txt>p{
  padding-bottom: 1em;
}
.header-nav__txt>a{
  padding-bottom: 1em;
  text-decoration: underline;
  transition: color 0.1s linear;
}
.header-nav__txt:hover>a{
  color: #FF6801;
}
.header-scroll.top-header .header-nav__txt:hover>a{
  color: #FF6801;
}
.header-nav__arrow{
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 0.28em solid transparent;
  border-left: 0.28em solid transparent;
  border-top: 0.38em solid #222;
  border-bottom: 0;
  margin: 0.35em 0 0 0.15em;
  transition: border-top 0.2s linear;
}
.header-nav__txt:hover>.header-nav__arrow{
  border-top: 0.4em solid #FF6801;
}
.top-header .header-nav__arrow{
  border-top: 0.4em solid #fff;
}
.header-scroll .header-nav__arrow{
  border-top: 0.4em solid #222;
}
.header-nav__child{
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 0;
  font-size: 0.95em;
  width: 19em;
  padding: 2.5em 0 1.8em 1.5em;
  opacity: 0;
  visibility: hidden;
  transition: 0.12s linear;
}
.header-nav__txt:hover .header-nav__child{
  opacity: 0.95;
  visibility: visible;
}

.header-nav__child::after{
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #ED6801, #F7AA09);
  border-radius: 0.8em;
  box-shadow: 0px 4px 20px 5px rgb(68, 52, 0, 0.1), 0px 4px 10px -2px rgb(68, 52, 0, 0.1);
}
.header-nav__child,
.header-nav__child a{
  color: #fff;
}
.header-scroll.top-header .header-nav__child,
.header-scroll.top-header .header-nav__child a{
  color: #fff;
}
.header-nav__child>li+li{
  margin-top: 1em;
}
.header-nav__child>li>a{
  text-decoration: underline;
}
@media (max-width: 1400px){
  .header-nav{
    margin: 2em 3em 0 auto;
  }
  .header-nav>ul>li:not(:last-child){
    margin-right: 1.6em;
  }
}
@media (max-width: 1320px){
  .header-nav{
    display: none;
  }
}
@media (max-width: 1023px){
}
@media (max-width: 767px){
}

/* drawer-btn */
.drawer-btn{
  width: 4.8em;
  height: 100%;
  overflow: hidden;
  position: relative;
  transition: 0.5s 0.05s cubic-bezier(.15,1,.2,1);
}
.drawer-show .drawer-btn{
  width: 4.5em;
  border-radius: 0 0.8em 0 0;
}
.drawer-btn::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #ED6801,#F49A0B 70%);
}
.drawer-btn__bar{
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1.8em;
  height: 3px;
  background-color: #fff;
  transition: 0.2s cubic-bezier(.13,.66,.41,.97);
}
.drawer-btn__bar:nth-child(1){
  top: 43%;
}
.drawer-btn__bar:nth-child(2){
  top: 57%;
}
.drawer-btn:hover .drawer-btn__bar:nth-child(1){
  top: 41%;
}
.drawer-btn:hover .drawer-btn__bar:nth-child(2){
  top: 59%;
}
.drawer-show .drawer-btn__bar:nth-child(1),
.drawer-show .drawer-btn:hover .drawer-btn__bar:nth-child(1){
  top: 50%;
  transform: translate(-50%, -50%) rotate(35deg);
}
.drawer-show .drawer-btn__bar:nth-child(2),
.drawer-show .drawer-btn:hover .drawer-btn__bar:nth-child(2){
  top: 50%;
  transform: translate(-50%, -50%) rotate(-35deg);
}

@media (max-width: 1023px){
}
@media (max-width: 767px){
  .drawer-show .drawer-btn{
    border-radius: 0 0.8em 0 0;
  }
}



/* drawer-menu */
.drawer-menu{
  position: fixed;
  z-index: 102;
  top: 1.8vw;
  right: 1.8vw;
  width: min(90%,49em);
  height: calc(100% - 3.6vw);
  border-radius: 0.8em;
  box-shadow: 0px 4px 20px 5px rgb(68, 52, 0, 0.1), 0px 4px 10px -2px rgb(68, 52, 0, 0.1);
  background-color: rgb(255, 255, 255, 0.99);
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  transition: 0.2s linear;
}
.drawer-show .drawer-menu{
  pointer-events: inherit;
  opacity: 1;
  transition: 0.2s 0.1s linear;
}
.drawer-menu__inner{
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  width: 86%;
  height: 100%;
  margin: 0 auto 0;
}
.drawer-menu__left{
  flex: 1;
  height: 100%;
  overflow-y: scroll;
  /* スクロールバー非表示 */
  -ms-overflow-style: none;
  scrollbar-width: none;
  opacity: 0;
  transform: translateY(1.2em);
  transition: opacity 0.2s linear, transform 0s 0.2s cubic-bezier(.15,1,.2,1);
}
.drawer-show .drawer-menu__left{
  opacity: 1;
  transform: translateY(0);
  transition: 0.8s 0.15s cubic-bezier(.15,1,.2,1);
}
.drawer-menu__left::-webkit-scrollbar{
  display: none;
}
.drawer-menu__list{
  display: flex;
  flex-wrap: wrap;
  gap: 1.8em;
  font-size: clamp(0.813rem, 0.767rem + 0.19vw, 1rem);
  letter-spacing: 0.04em;
  margin: 6.2em 2em 6em 1.5em;
}
.drawer-menu__list>li{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 15em;
}
.drawer-menu__list>li::after{
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #777;
  margin-top: 1.2em;
}
.drawer-menu__list>li:nth-child(1)::after{
  opacity: 0;
}
.drawer-menu__list-head-en{
  font-size: 10px;
  letter-spacing: 0.05em;
  color: #F47340;
  margin-left: 0.1em;
}
.drawer-menu__list-head-jp{
  font-size: 1.25em;
  letter-spacing: 0.05em;
  line-height: 1.3;
  color: #444;
  transition: 0.1s ease-out;
}
a.drawer-menu__list-head .drawer-menu__list-head-jp{
  position: relative;
  width: fit-content;
}
a.drawer-menu__list-head:hover .drawer-menu__list-head-jp{
  color: #F47340;
}
a.drawer-menu__list-head .drawer-menu__list-head-jp::after{
  content: "";
  position: absolute;
  bottom: 0.14em;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #444;
  transition: 0.1s ease-out;
}
a.drawer-menu__list-head:hover .drawer-menu__list-head-jp::after{
  background-color: #F47340;
  opacity: 0.9;
}
.drawer-menu__list-child{
  margin-top: 0.9em;
}
.drawer-menu__list-child>li{
  width: fit-content;
  line-height: 1.3;
  margin-top: 0.74em;
}
.drawer-menu__list-child>li>a{
  color: #666;
  transition: 0.1s ease-out;
}
.drawer-menu__list-child>li>a:hover{
  color: #F49334;
}

.drawer-menu__right-bg{
  position: absolute;
  top: 0;
  right: 0;
  width: 38%;
  height: 100%;
  background-color: rgb(235, 230, 220, 0.8);
}
.drawer-menu__right{
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 10em;
}
.drawer-menu__form{
  opacity: 0;
  transition: 0.2s linear;
}
.drawer-show .drawer-menu__form{
  opacity: 1;
  transition: 0.25s 0.28s linear;
}
.drawer-menu__form>li+li{
  margin-top: 0.6em;
}
.drawer-menu__form>li>a{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.92em;
  background: linear-gradient(117deg,#f1a407, #e97304);
  border-radius: 0.44em;
  padding: 0.7em 0;
}
.drawer-menu__form>li:nth-child(2)>a{
  background: linear-gradient(117deg,#EFA008, #E66802);
}
.drawer-menu__form>li:nth-child(3)>a{
  background: linear-gradient(117deg,#EF9406, #E56802);
}
.drawer-menu__form-icon{
  width: 1.3em;
  aspect-ratio: 1/0.9;
  margin-right: 0.6em;
  opacity: 0.95;
}
.drawer-menu__form-icon>img{
  height: 100%;
  object-fit: contain;
}
.drawer-menu__info{
  line-height: 1.4;
  margin: 12vh 0 2em;
  opacity: 0;
  transition: 0.2s linear;
}
.drawer-show .drawer-menu__info{
  opacity: 0.9;
  transition: 0.3s 0.34s linear;
}
.drawer-menu__info-logo{
  width: 7em;
  margin: 0 auto;
}
.drawer-menu__info-address{
  margin-top: 1.6em;
}
.drawer-menu__info-tel{
  margin-top: 0.8em;
}
.drawer-menu__info-tel i{
  font-size: 0.7em;
}
.drawer-menu__info-tel>a{
  width: fit-content;
  letter-spacing: 0.02em;
  margin: 0 auto 0;
}
.drawer-menu__info-tel>a::after{
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin-top: -0.3em;
  background-color: #393939;
}
.drawer-menu__info-privacy{
  width: fit-content;
  color: #555;
  margin: 1.5em auto 0;
}
.drawer-menu__info-privacy::after{
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #555;
  margin-top: -0.2em;
}
.drawer-bg{
  position: fixed;
  z-index: 101;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transition: 0.2s linear;
}
.drawer-show .drawer-bg{
  pointer-events: inherit;
  opacity: 0.08;
}
@media (max-width: 1299px){
  .drawer-menu{
    width: min(80%, 36em);
  }
  .drawer-menu__inner{
    width: 78%;
  }
  .drawer-menu__list{
    flex-direction: column;
  }
  .drawer-menu__info{
    margin: 6vh auto 2em;
  }
  .drawer-menu__right-bg{
    width: 25%;
  }
}
@media (max-width: 1023px){
  .drawer-menu{
    width: min(75%, 20em);
  }
  .drawer-menu__inner{
    flex-direction: column;
    width: fit-content;
    height: 100%;
    overflow-y: scroll;
  /* スクロールバー非表示 */
  -ms-overflow-style: none;
  scrollbar-width: none;
  }
  .drawer-menu__inner::-webkit-scrollbar{
    display: none;
  }
  .drawer-menu__left{
    height: auto;
    overflow: visible;
  }
  .drawer-menu__list{
    gap: 2em;
    margin: 8em 0 0 0;
  }
  .drawer-menu__list>li::after{
    margin-top: 1.5em;
  }
  .drawer-menu__list>li:nth-child(1)::after{
    margin-top: 0.5em;
  }
  .drawer-menu__list-child{
    margin-top: 1.2em;
  }
  .drawer-menu__list-child>li{
    margin-top: 1.1em;
  }
  .drawer-menu__right{
    width: 100%;
    margin: 3em 0 4em 0;
  }
  .drawer-menu__info{
    margin: 3em auto 0;
  }
}
@media (max-width: 767px){
  .drawer-menu{
    top: 0.8em;
    right: 0.8em;
    height: calc(100% - 1.6em);
    border-radius: 0.8em;
  }
}




/* cta */
.header-cta{
  position: fixed;
  z-index: 100;
  bottom: 10svh;
  right: 0;
  transition: 0.5s 0.15s cubic-bezier(.15,1,.2,1);
}
/* 特定のページでCTA非表示 */
/*250319*/
body:has(.data_req) .header-cta,
body:has(.inquirys) .header-cta{
  display: none;
}

.top-header .header-cta{
  opacity: 0;
}
.drawer-show .header-cta{
  transform: translateX(100%);
  transition: 0.2s cubic-bezier(.15,1,.2,1);
}
.header-cta>li{
  font-size: clamp(0.813rem, 0.527rem + 0.45vw, 1.063rem);
  width: 6.5em;
  height: 6.5em;
  margin-top: 0.2em;
  box-shadow: 0px -2px 20px 1px rgb(68, 52, 0, 0.03), 0px -2px 10px -1px rgb(68, 52, 0, 0.05);
}
.header-cta>li>a{
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  transition: background-color 0.8s cubic-bezier(.15,1,.2,1);
}
.header-cta__visit{
  border: 0.2em solid #ff6801;
  border-right: none;
}
.header-cta__visit:hover{
  background-color: #f7e6da;
}
.header-cta__document{
  border: 0.2em solid #de0620;
  border-right: none;
}
.header-cta__document:hover{
  background-color: #efdfe3;
}
.header-cta__contact{
  border: 0.2em solid #222;
  border-right: none;
}
.header-cta__contact:hover{
  background-color: #e5e5e5;
}
.header-cta__image{
  width: 30%;
  margin: 4% auto 2%;
}
.header-cta__visit .header-cta__txt{
  color: #ff6801;
}
.header-cta__document .header-cta__txt{
  color: #de0620;
}


@media (max-width: 1023px){
  .header-cta{
    bottom: 0.5em;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    width: 95%;
  }
  .drawer-show .header-cta{
    transform: translateX(0);
  }
  .header-cta>li{
    width: 33.33%;
    height: 5em;
    font-size: clamp(0.9rem, 0.714rem + 0.15vw, 1.0rem);
    margin: 0;
    transition: 0.2s 0.15s linear;
  }
  .drawer-show .header-cta>li{
    opacity: 0;
    transition: 0.2s linear;
  }
  .header-cta__contact{
    border: 0.2em solid #222;
  }
  .header-cta__image{
    width: 15%;
    margin: 3% auto 1%;
  }
}
@media (max-width: 767px){
}


/* --------------- footer --------------- */

/* contact */
.footer-contact{
  position: relative;
  z-index: 1;
}
.footer-contact__head-bg{
  position: absolute;
  top: 0;
  left: 0;
  width: 60%;
  height: 50%;
}
.footer-contact__wrap{
  position: relative;
  z-index: 1;
}
.footer-contact__wrap>.wrap-m{
  position: relative;
  z-index: 1;
  padding-top: 1px;
}
.footer-contact__wrap-bg{
  position: absolute;
  top: 0;
  right: 0;
  width: calc(min(90%,calc((100vw - 66.7em) / 2 + 66.7em)) - 10%);
  height: 100%;
  border-radius: 1em 0 0 1em;
}
.footer-contact__image{
  position: absolute;
  bottom: 85%;
  right: 5%;
  width: 42%;
}
.footer-contact__ttl-en{
  width: 17em;
  margin: 0 0 0.4em -1em;
}
.footer-contact__btn{
  display: flex;
  flex-wrap: wrap;
  width: min(85%,32em);
  font-size: clamp(1rem, 0.818rem + 0.78vw, 1.75rem);
  margin: 3.8em 0 0 auto;
  border-radius: 0.7em;
  overflow: hidden;
}
.footer-contact__btn>li{
  width: 50%;
}
.footer-contact__btn>li:nth-child(1){
  position: relative;
}
.footer-contact__btn-line{
  width:1px;
  height:3em;
  background-color: #bebebe;
  position: absolute;
  top: 11%;
  right: 0;
}
.footer-contact__btn>li:nth-child(2){
  position: relative;
}
.footer-contact__btn>li:nth-child(3){
  width: 100%;
  position: relative;
}
.footer-contact__btn-tel a{

  text-align: center;
}
.footer-contact__btn-tel a i{
  font-size: 0.7em;
  line-height: 1;
  margin: 0 0.35em 0.08em 0;
  transform: translateY(18px);
}
.footer-contact__btn-arrow{
  position: absolute;
  width: 0.4em;
  top: 50%;
  right: 12%;
  transform: translateY(-50%);
  transition: 0.4s 0.1s cubic-bezier(.15,1,.2,1);
}
.footer-contact__btn>li:hover .footer-contact__btn-arrow{
  right: 10.5%;
  opacity: 0;
  transition: 0.4s cubic-bezier(.15,1,.2,1);
}
.footer-contact__btn-arrow02{
  right: 6%;
}
.footer-contact__btn>li:hover .footer-contact__btn-arrow02{
  right: 5.5%;
}
.footer-contact__btn>li>a{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1em 0;
}
.footer-contact__btn>li>a>span{
  position: relative;
  display: block;
  width: fit-content;
  margin: 0;
  transition: 0.4s 0.1s cubic-bezier(.15,1,.2,1);
}
.footer-contact__btn>li>a>span.footer-contact__freedial{
  width: 1.75em;
  margin-bottom: 0.2em;
}
.footer-contact__btn>li>a>span::after{
  content: "";
  position: absolute;
  bottom: 0.4em;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #FF6801;
  transition: 0.08s ease-out;
}
.footer-contact__btn>li>a.bg-black>span::after{
  background-color: rgb(34, 34, 34, 0);
}
.footer-contact__btn>li>a:hover>span::after{
  width: 100%;
  transition: 0.08s 0.1s ease-out;
}
.footer-contact__btn>li>a:hover>span{
  transform: scale(0.98);
  transition: 0.4s cubic-bezier(.15,1,.2,1);
}
.footer-contact__btn>li.footer-contact__btn-tel>a:hover>span{
  transform: scale(1);
}
@media (max-width: 1023px){
}
@media (max-width: 767px){
  .footer-contact__image{
    width: 60%;
    top: -23%;
    right: 0;
  }
  .footer-contact__btn{
    width: 100%;
  }
  .footer-contact__ttl{
    margin-top: 3em;
    margin-left: 1em;
  }
  .footer-contact__btn-arrow{
    width: 0.4em;
  }
  .footer-contact__wrap-bg{
    border-radius: 0.8em 0 0 0.8em;
  }
  .footer-contact__btn-tel a i{
  font-size: 0.7em;
  line-height: 1;
  margin: 0 0.35em 0.08em 0;
  transform: translateY(8px);
}
}

/* link */
.footer-link{
  margin-top: -5%;
  padding-bottom: 5em;
}
.footer-link-cont{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.footer-link-cont_ttl{
  text-align: center;
}
.footer-link-cont_ttl span{
  display: block;
}
.footer-link-list{
  display: flex;
  justify-content: space-between;
  width: 60%;
  margin-top: 1.5em;
}
.footer-link-list a{
  width: 30%;
  transition: 0.2s ease-out;
}
.footer-link-list a:hover{
  opacity: 0.8;
}
.life-b-banner{
  width: min(70%,24em);
  margin: 5em auto 0;
}
@media (max-width: 1200px){
  .footer-link-list{
    width: 77%;
    align-items: center;
  }
  .footer-nav-right-wrap{
    display: block;
  }
}

@media (max-width: 767px){
  .footer-link{
    margin-top: -9%;
    padding-bottom: 3em;
  }
  .footer-link-cont_ttl{
    width:fit-content;
  }
  .footer-link-list{
    display: block;
    width: 50%;
    margin-top: 1em;
  }
  .footer-link-list a{
    width: 100%;
    display: block;
    margin-bottom: 0.5em;
  }
  .life-b-banner{
    width: min(75%,20em);
    margin: 3em auto 0;
  }
}

/* footer-nav */
.footer-nav-wrap{
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}
.footer-nav-logo{
  width: 9em;
  margin: 0 auto;
}
.footer-nav-left{
  width: 23%;
}
.footer-nav-left a{
  width: 15em;
}
.footer-nav-info{
  border-radius: 10px;
  margin-top: 3em;
}
.footer-nav-info-wrap{
  line-height: 1.6;
  margin: 0 auto;
  padding: 1.2em 0 1.5em;
}
.footer-nav-info__number{
  font-size: 1.4em;
  line-height: 1.2;
}
.footer-nav-info__number i{
  font-size: 0.7em;
  line-height: 1.0;
}
.footer-nav-info a{
  display: block;
  padding: 2em;
}
.footer-nav-info__icon{
  display: block;
  height: 2em;
  width: auto;
  margin: 0 auto 0.8em;
}
.footer-nav-info__icon img{
  height: 100%;
}
.footer-nav-info__number{
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer-nav-info__freedial{
  width: 1.7em;
  margin: 0 0.1em 0.1em 0;
}
.footer-nav-right-wrap{
  display: flex;
  justify-content: space-between;
  width: 68%;
}
.footer-nav-list{
  margin-top: 0;
  width: 30%;
}
.footer-nav-item:first-child{
  margin-top: 0;
}
.footer-nav-item{
  border-bottom: 1px solid #bbb;
  padding-bottom: 1.6em;
  margin-top: 3.6em;
}
.footer-nav-item--top{
  border-bottom: none;
}
.footer-nav-item>a{
  display: block;
  width: fit-content;
  transition: 0.1s ease-out;
}
.footer-nav-item>a:hover{
  color: #FF8B2C;
}
.footer-nav-list_subttl{
  font-size: 10px;
}
.footer-nav-list_ttl{
  position: relative;
  line-height: 1.3;
  font-size: clamp(1rem, 0.939rem + 0.26vw, 1.25rem);
  width: fit-content;
  margin-top: -0.2em;
}
.footer-nav-item>a .footer-nav-list_ttl{
  text-decoration: underline;
}
.footer-nav-item-cont{
  margin-top: 1.6em;
  font-size: clamp(0.813rem, 0.797rem + 0.06vw, 0.875rem);
  line-height: 1.4;
}
.footer-nav-item-cont>li{
  margin-top: 0.85em;
}
.footer-nav-item-cont>li>a{
  font-weight: 500;
  color: #ddd;
  transition: 0.1s ease-out;
}
.footer-nav-item-cont>li>a:hover{
  color: #FCA54F;
}
.fotter-privacy{
  font-size: clamp(0.813rem, 0.797rem + 0.06vw, 0.875rem);
  margin-top: 3em;
  border-bottom: 1px solid #ddd;
  width: fit-content;
}
.footer-copyright{
  font-size: 10px;
  color: #ccc;
  padding-bottom: 3em;
}

@media (max-width: 1200px){
  .footer-nav-wrap{
    width: 90%;
  margin: 0 auto;
  }
  .footer-nav-left{
    width: 27%;
  }
  .footer-nav-right-wrap{
    display: block;
  }
  .footer-nav-list{
    width: 60%;
    margin-left: 3em;
  }
  .footer-nav-item:first-child{
    margin-top: 2em;
  }
  .footer-nav-item{
    margin-top: 2em;
  }
}

@media (max-width: 767px){
  .footer-nav-logo{
    width: 8em;
  }
  .footer-nav-info{
    margin-top: 1.5em;
  }
  .footer-nav-info-wrap{
    padding: 1.2em 0 1em;
  }
  .footer-nav-info__icon{
    margin: 0 auto 0.5em;
  }
  .footer-nav-wrap{
    display: block;
  }
  .footer-nav-left{
    width: 60%;
    margin: 0 auto;
  }
  .footer-nav-right-wrap{
    display: block;
    margin: 0 auto;
    width: 80%;
  }
  .footer-nav-list{
    width: 100%;
    margin: 0 auto;
  }
  .footer-Copyright{
    padding-bottom: 12em;
  }
  .footer-copyright{
    width: 72%;
    text-align: left;
    margin: 0 auto;
    padding: 3em 0 11em;
  }
  }


/* --------------- animation --------------- */
.image-zoom{
  overflow: hidden;
}


/* top共通 */
.top-ttl01-jp{
  margin-top: 0.3em;
  padding: 0.2em 0.5em;
  overflow: hidden;
}
.top-ttl01-en{
  width: 4em;
}
@media (max-width: 1023px){
}
@media (max-width: 767px){
}



.top-mv{
  position: relative;
  height: 100svh;
}
.top-mv__movie{
  height: 100%;
  overflow: hidden;
  opacity: 0;
}
.top-mv__movie-inner{
  height: 100%;
}
.top-mv__movie-inner>video{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 1023px){
  .top-mv{
    height: 90vw;
  }
}

@media (max-width: 767px){
  .top-mv{
    height: 120vw;
  }
}


/* topics */

.top-topics{
  position: relative;
  margin-top: -3.4em;
}
.top-pickup,.top-youtube,.top-news{
  position: relative;
  z-index: 1;
}
.top-pickup,.top-youtube{
  padding-top: 1.5em;
}
.top-pickup>.wrap-m-right,
.top-youtube>.wrap-m-right,
.top-news>.wrap-m-right{
  position: relative;
  z-index: 1;
}
.top-topics__band{
  position: absolute;
  top: 0;
  left: 0;
  width: 86%;
  height: 15em;
  border-radius: 0 2em 0 0;
}
.top-topics__bg{
  position: absolute;
  top: 4em;
  right: 0;
  height: calc(100% - 4em);
}
.top-topics__bg-inner{
  width: 93%;
  margin-left: auto;
  height: 100%;
  border-radius: 0 0 0 2em;
}

@media (max-width: 767px){
  .top-topics{
    margin-top: -2em;
  }
  .top-topics__bg{
    top: 2em;
    height: calc(100% - 2em);
  }
  .top-topics__band{
    border-radius: 0 1em 0 0;
  }
  .top-topics__bg-inner{
    border-radius: 0 0 0 1em;
  }
}

/* slide */
.top-topics__slide-head{
  margin-left: 11.4%;
}
.top-topics__slide-cont{
  /* padding: 2% 0 0 16%; */
  margin-left: 10%;
  padding: 2% 16% 0 0;
  overflow-x: hidden;
}
.slick-list{
  overflow: visible;
}
.top-topics__slide-cont .slick-item{
  padding: 0 5%;
}
.slick-item__inner{
  padding: 5% 5% 10%;
}
.top-pickup__slide-txt{
  flex: 1;
  font-size: clamp(0.813rem, 0.767rem + 0.19vw, 1rem);
  padding: 0.6em 0 1.2em;
  border-bottom: 1px solid #888;
}

.top-youtube__slide-video{
  position: relative;
  padding-top: 56.25%;
}
.top-youtube__slide-video iframe{
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

@media (max-width: 1023px){
  .top-topics__slide-cont{
    padding: 2% 10% 0 12%;
  }
  .top-pickup__slide-list>li{
    width: 46%;
  }
  .top-pickup__slide-list>li:nth-child(n+3){
    margin-top: 6%;
  }
  .top-youtube__slide-list>li{
    width: 46%;
  }
  .top-youtube__slide-list>li:nth-child(n+3){
    margin-top: 6%;
  }
}
@media (max-width: 767px){
  .top-topics__slide-head{
    margin-left: 10.8%;
  }
  .top-topics__slide-cont{
    margin-left: 8%;
    padding: 2% 28% 0 0%;
  }
  .top-topics__slide-cont .slick-item{
    padding: 0 4%;
  }
  /* .top-pickup__slide-list{
    gap: 1.6em;
    width: fit-content;
  } */
  .top-pickup__slide-list>li{
    /* width: 17em; */
    width: 48%;
  }
  .top-pickup__slide-list>li:nth-child(n+3){
    margin-top: 4%;
  }
  /* .top-youtube__slide-list{
    gap: 1.8em;
  } */
  .top-youtube__slide-list>li{
    /* width: 19em; */
    width: 48%;
  }
  .top-youtube__slide-list>li:nth-child(n+3){
    margin-top: 4%;
  }
}


/* slide-demo */

.slick-prev, .slick-next{
  z-index:100;
}
.slick-prev:before, .slick-next:before{
  color:#75E1D6;
}





/* news */
.top-news__head{
  display: flex;
  align-items: flex-end;
}
.top-news__ttl{
  position: relative;
  flex: 1;
  margin-top: 1em;
}
.top-news__ttl-en{
  position: absolute;
  bottom: 100%;
  left: -0.3em;
  width: 3em;
}
.top-news__cate{
  display: flex;
  align-items: center;
  width: 84%;
}
.top-news__cate a{
  font-size: clamp(0.625rem, 0.579rem + 0.19vw, 0.813rem);
  margin-right: 0.8em;
  padding: 0.1em 1.8em;
  border: 1px solid #222;
  border-radius: 10em;
}
.top-news__cont{
  display: flex;
  margin-top: 2em;
  padding-top: 3em;
  border-top: 1px solid #666666;
}
.top-news__left{
  flex: 1;
}
.top-news__left .btn{
  font-size: clamp(0.875rem, 0.784rem + 0.39vw, 1.25rem);
  margin: 0;
  padding: 0.4em 2em;
  border-radius: 0 0 1em 0;
}
.top-news__right{
  width: 84%;
  margin-top: -0.2em;
  padding-right: 5%;
}
.top-news__list>li+li{
  margin-top: 1.2em;
}
.top-news__list>li>a{
  display: flex;
  align-items: center;
  gap: 2em;
  width: fit-content;
  /* 13-18 */
  font-size: clamp(0.813rem, 0.737rem + 0.32vw, 1.125rem);
  line-height: 1.6;
}
.top-news__info{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5em;
  width: 13em;
}
.top-news__tag{
  width: 9em;
  font-size: clamp(0.625rem, 0.579rem + 0.19vw, 0.813rem);
  text-align: center;
}
.top-news__tag.news-cate--info{
  background-color: #eda009;
}
@media (max-width: 1399px){
  .top-news__list>li+li{
    margin-top: 1.4em;
  }
  .top-news__list>li>a{
    flex-direction: column;
    align-items: flex-start;
    gap: 0.1em;
  }
}
@media (max-width: 1199px){
  .top-news__cate{
    width: 76%;
  }
  .top-news__right{
    width: 76%;
  }
}
@media (max-width: 767px){
  .top-news__head{
    flex-direction: column;
    align-items: flex-start;
  }
  .top-news__cate{
    width: 100%;
    margin-top: 0.8em;
    padding-right: 5%;
  }
  .top-news__cont{
    margin-top: 1.6em;
  }
  .top-news__cont{
    flex-direction: column-reverse;
    padding-top: 2.2em;
  }
  .top-news__left .btn{
    margin-top: 2.2em;
  }
  .top-news__right{
    width: 100%;
  }
}



/* about */

.top-about__wrap{
  position: relative;
  z-index: 1;
}
.top-about__left{
  position: relative;
  z-index: 1;
  width: 57%;
  overflow: hidden;
}
.top-about__right{
  position: relative;
  z-index: 1;
  width: 46%;
  margin: 13% 0 0 -3%;
}
.top-about__txt{
  width: min(80%,25.5em);
  font-size: clamp(0.938rem, 0.862rem + 0.32vw, 1.25rem);
  margin-top: 1.5em;
}
.top-about__btn{
  position: relative;
  z-index: 1;
  width: 16em;
  margin: 12% auto 0 14%;
}
.top-about__right-image{
  width: 68%;
  margin: -1.6em 0 0 auto;
}
.top-about__bg{
  position: absolute;
  top: 8%;
  left: 29%;
  width: 62.5%;
  height: 65%;
  border-radius: 0 2em 0 2em;
}

@media (max-width: 1023px){
  .top-about__wrap{
    flex-direction: column;
  }
  .top-about__left{
    width: 80%;
  }
  .top-about__right{
    width: 80%;
    margin: -1.2em 0 0 auto;
  }
  .top-about__bg{
    left: 14%;
    width: 78%;
    height: 75%;
  }
}
@media (max-width: 767px){
  .top-about__right{
    width: 93%;
  }
  .top-about__bg{
    width: 90%;
    height: 85%;
    left: 0;
    border-radius: 0 1em 1em 0;
  }
  .top-about__txt{
    margin-top: 1.5em;
  }
  .top-about__btn{
    margin: 12% auto 0 8%;
  }
}


/* service */

.top-service{
  position: relative;
}
.top-service__wrap{
  position: relative;
  z-index: 1;
  padding-top: 3em;
}
.top-service__left{
  position: relative;
  width: 38%;
}
.top-service .top-ttl01-en{
  width: 3.5em;
}
.top-service__txt{
  width: min(90%,23.5em);
  font-size: clamp(0.938rem, 0.862rem + 0.32vw, 1.25rem);
  margin-top: 1.5em;
}
.top-service__btn{
  width: min(100%,18em);
  margin: 10% 0 0 0;
}
.top-service__right{
  position: relative;
  width: 57%;
  margin-top: 1%;
}
.top-service__script{
  position: absolute;
  top: 87%;
  left: -4%;
  width: 67%;
}
.top-service__left-bg{
  position: absolute;
  z-index: -1;
  top: -3em;
  left: -20%;
  width: 200%;
  height: calc(100% + 1.5em);
}
.top-service__bottom-bg{
  position: absolute;
  bottom: 0;
  left: 0;
  height: 62%;
}

@media (max-width: 1023px){
  .top-service{
    padding-top: 12%;
  }
  .top-service__wrap{
    flex-direction: column;
    width: 100%;
  }
  .top-service__left{
    width: 75%;
    padding-left: 12%;
  }
  .top-service__btn{
    position: relative;
    z-index: 1;
    margin-top: 20%;
  }
  .top-service__left-bg{
    width: 100%;
    left: auto;
    right: 0;
  }
  .top-service__right{
    width: 62%;
    margin: -7em 0 0 auto;
  }
}
@media (max-width: 767px){
  .top-service__wrap{
    padding-top: 2em;
  }
  .top-service__left{
    width: 86%;
    padding-left: 7%;
  }
  .top-service__left-bg{
    top: -1em;
    height: 118%;
  }
  .top-service__btn{
    margin-top: 10%;
    padding: 0.4em 1em;
  }
  .top-service__right{
    width: 80%;
    margin: -1em 0 0 auto;
  }
}


/* 施設一覧 */
.top-facility__wrap{
  display: flex;
  align-items: center;
}
.top-facility__map{
  width: 70%;
}
.top-facility__cont{
  width: 50%;
  margin: 0 0 11% -20%;
}
.top-facility__cont-copy{
  width: 10em;
}
.top-facility__cont__ttl{
  background-color: #FF6801;
  border: 1px solid #fff;
  padding: 0.2em 0 0.1em 0.5em;
  margin-top: 0.3em;
}
.top-facility__cont__txt{
  /* 15-20 */
  font-size: clamp(0.938rem, 0.862rem + 0.32vw, 1.25rem);
  margin-top: 1.5em;
  width: min(70%,28em);
  text-align: justify;
}
.top-facility__link{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: min(90%,32em);
  margin-top: 8%;
}
.top-facility__btn{
  width: 49%;
  font-size: clamp(0.875rem, 0.814rem + 0.26vw, 1.125rem);
  line-height: 1.45;
  margin: 2% 0 0 0;
}

@media (max-width: 1220px){
  .top-facility{
    padding-bottom: 5em;
  }
}
@media (max-width: 767px){
  .top-facility{
    padding-bottom: 2em;
  }
  .top-facility__wrap{
    display: block;
    padding-bottom: 3em;
    overflow: hidden;
  }
  .top-facility__map{
    transform: scale(3);
    margin: 0 auto;
    padding: 100px 0;
  }
  .top-facility__cont{
    width: 95%;
    margin-left: auto;
    margin-right: 0;
  }
  .top-facility__link{
    width: min(95%,24em);
  }
  .top-facility__cont__txt{
    width: 90%;
  }
  .top-facility__cont-button{
    width: 70%;
    margin-top: 2em;
  }
  .top-facility__btn span{
    font-size: 14px;
  }

}

/* strength */
.top-strength-copy{
  width: 10em;
  margin: 0 auto;
}
.top-strength__cont__ttl{
  margin: 0 auto;
  width: fit-content;
  padding-bottom: 0.2em;
  border-bottom: 2px solid #FF6801;
}
.top-strength__cont-wrap{
  margin-top: 5em;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 60em;
  margin: 5em auto 0;
}
.top-strength__cont-wrap a{
  width: 32%;
  margin-bottom:2%;
}
.top-strength__cont-wrap a:nth-of-type(7) {
  margin-left:17%;
}
.top-strength__cont-wrap a:nth-of-type(8) {
  margin-right:17%;
}

@media (max-width: 767px){
  .top-strength__cont__ttl{
    text-align: center;
  }
.top-strength__cont-wrap a{
  width: 49%;
}
.top-strength__cont-wrap a:nth-of-type(7) {
  margin-left:0;
}
.top-strength__cont-wrap a:nth-of-type(8) {
  margin-right:0;
}
}
/* move-in */
.top-move-in{
  position: relative;
  overflow: hidden;
}
.top-move-in-bg{
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 80%;
  background-color: #ebe6dc;
  z-index: -10;
}
.top-move-in-cont{
  display: flex;
  width: 90%;
  margin: 0 auto;
  align-items: end;
}
.top-move-in-cont__img{
  position: relative;
  width: 54%;
}
.top-move-in-cont__ttl{
  position: absolute;
  z-index: 1;
  top:50%;
  right:-5%;
  border-bottom: 2px solid #FF6801;
}
.top-move-in-cont-right{
  flex: 1;
  margin-left: 7%;
  margin-bottom: -1%;
}
.top-move-in__cont-button{
  display: block;
  width: min(90%,19em);
  position: relative;
  border-radius: 0 0 1em 0;
  margin-top: 1.5em;
  padding: 1.8em 0 1.8em 7%;
  box-shadow: 4px 5px 10px rgb(0, 0, 0, 0.1);
}
.top-move-in__cont-button>div{
  position: relative;
  width: fit-content;
  transition: 0.4s 0.1s cubic-bezier(.15,1,.2,1);
}
.top-move-in__cont-button:hover>div{
  transform: scale(0.98);
  transition: 0.4s cubic-bezier(.15,1,.2,1);
}
.top-move-in__cont-button>div::after{
  content: "";
  position: absolute;
  bottom: 0.05em;
  left: 0;
  width: 0;
  height: 1px;
  background-color: rgb(0, 0, 0, 0.55);
  transition: 0.08s ease-out;
}
.top-move-in__cont-button:hover>div::after{
  width: 100%;
  transition: 0.08s 0.1s ease-out;
}
.top-move-in__cont-button img{
  width: 0.45em;
  position: absolute;
  right: 8%;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.4s 0.1s cubic-bezier(.15,1,.2,1);
}
.top-move-in__cont-button:hover img{
  right: 6.5%;
  opacity: 0;
  transition: 0.4s cubic-bezier(.15,1,.2,1);
}
.top-move-in-cont-bottom{
  position: relative;
}
.top-move-in-cont-bottom-img02{
  position: absolute;
  left: 0;
  bottom: 13%;
  width: 26%;
  z-index: -2;
}
.top-move-in-cont-bottom-img03{
  position: absolute;
  right: 53%;
    top: 3%;
    width: 21%;
    z-index: -2;
}
.top-move-in-cont-bottom-img04{
  position: absolute;
  right: 0;
  bottom: 15%;
  width: 30%;
  z-index: -2;
}
.top-move-in-cont-bottom-copy{
  position: absolute;
  right: 20%;
  bottom: 40%;
  width: 66%;
  z-index: -1;
}
.top-move-in-cont-bottom-txt{
  line-height: 1.8;
  margin-top: 7%;
  margin-bottom: 3%;
}

@media (max-width: 767px){
  .top-move-in-bg{
    height: 82%;
  }
  .top-move-in-cont{
    display: block;
    margin-right: auto;
    margin-left: 0;
    width: 100%;
  }
  .top-move-in-cont-right{
    margin-left: auto;
    margin-right: 5%;
  }
  .top-move-in__cont-button{
    width: min(90%, 16em);
    margin-left: auto;
  }
  .top-move-in-cont__ttl{
    top: 23%;
    left: 45%;
  }
  .top-move-in-cont__img{
    width: 90%;
  }
  .top-move-in-cont-bottom-img02{
    width: 53%;
    left: 4%;
    bottom: 34%;
  }
  .top-move-in-cont-bottom-img03{
    right: 57%;
    top: 6%;
    width: 40%;
  }
  .top-move-in-cont-bottom-img04{
    width: 55%;
    bottom: 9%;
  }
  .top-move-in-cont-bottom-copy{
    right: 11%;
    top: 21%;
    width: 80%;
  }
  .top-move-in-cont-bottom-txt{
    line-height: 1.5;
    margin-top: 23%;
    margin-bottom: 80%;
  }
}






/* page-about */
.about-page-link-wrap {
  grid-template-columns: repeat(3,1fr);
}

.about-spirit{
  position: relative;
  z-index:1;
}
.about-spirit-ttl-wrap{
  padding-left: 10%;
  margin-bottom: -1.5em;
}
.about-spirit .r-band{
  height: 25em;
  bottom:-4em;
}
.about-spirit-item-wrap{
  margin-right: auto;
  padding:8% 10%;
  border-radius: 0 0 35px 0;
  width: 88%;
}
.about-spirit-item-number{
  width: 2em;
  height: 2em;
  text-align: center;
}
.about-spirit-item-wrap hr{
  margin: 2em 0 1.5em 0;
  height: 1px;
  background-color: #231815;
  border:none;
}
.about-philosophy-pic{
  position: relative;
}
.about-philosophy-pic .holland{
  width: clamp(200px,40%,600px);
  position: absolute;
  top:15%;
  left:50%;
  transform:translateX(-50%);
}
.about-philosophy-txt-wrap{
  position: relative;
  border-radius: 0 0 25px 0;
  box-shadow: 2px 2px 16px -5px rgb(0, 0, 0, 0.3);
  margin-top: -12%;
}
.about-philosophy-txt-wrap .vertical-black{
  position: absolute;
  top:50%;
  left:50%;
  padding: 15% 0;
  height: 80%;
  background: #231815;
  width: 1px;
  transform: translateY(-50%);
}
.about-philosophy-txt{
  width: 50%;
  padding:8% 9%;
}
.about-philosophy-txt:nth-of-type(2){
  border-radius: 0 0 40px 0;
}
.about-message-pic{
  margin-bottom: 2em;
  grid-template-columns: repeat(2,1fr);
}
.about-prifile-ul li{
  padding-top: 2em;
  padding-bottom: 1.5em;
  border-bottom:1px solid #c4c4c4;
  grid-template-columns: 120px 1fr;
}
.about-company-profile li{
  padding-top: 2em;
  padding-bottom: 1.5em;
  border-bottom:1px solid #c4c4c4;
  grid-template-columns: 150px 1fr;
}
.company-profile__group-co>p>a{
  display: block;
  width: fit-content;
  color: #444;
  text-decoration: underline;
}
.company-profile__group-co>p>a+a{
  margin-top: 0.2em;
}
.about-history-ul{
  padding: 7%;
}
.about-history-ul li{
  padding-top: 2em;
  padding-bottom: 1.5em;
  border-bottom:1px solid #c4c4c4;
  grid-template-columns: 120px 1fr;
  align-items: center;
}

@media (max-width: 767px){
  .about-page-link-wrap {
    grid-template-columns: repeat(2,1fr);
  }
  .about-spirit-item-wrap{
    padding:15% 8%;
    width: 90%;
  }
  .about-philosophy-txt-wrap .vertical-black{
    display: none;
  }
  .about-philosophy-txt-wrap{
    flex-direction: column;
    margin-top: -1em;
    padding-top: 1em;
    box-shadow: 2px 2px 16px -5px rgb(0, 0, 0, 0.12);
  }
  .about-philosophy-txt{
    width: 100%;
    padding:5%;
  }
  .about-message-pic{
    grid-template-columns: 65% 1fr;
  }
  .about-prifile-ul li,.about-company-profile li,.about-history-ul li{
    grid-template-columns: 90px 1fr;
  }

}

/* page-service */
.service-improve{
  position: relative;
}
.service-improve::after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 80%;
  height: 100%;
  background-color: #F1EDE3;
  border-radius: 0 1.5em 0 0;
}
.service-improve-wrap{
  position: relative;
  z-index: 1;
}
.service-improve-ttl{
  /* 24-43 */
  font-size: clamp(1.5rem, 1.212rem + 1.2vw, 2.688rem);
  letter-spacing: 0.05em;
  line-height: 1.5;
  margin-bottom: 1.4em;
}
.service-improve-ttl>span{
  display: block;
  width: max-content;
  background-color: #222;
  padding: 0.1em 0.9em;
}
.service-improve-ttl>span+span{
  margin: 0.4em 0 0 4.8em;
}
.service-improve-box{
  margin-left: 7%;
}
.service-improve-subttl{
  font-size: 1.5em;
  margin-bottom: 0.5em;
}
.service-improve-image{
  position: absolute;
  z-index: -1;
  bottom: 5%;
  right: -8%;
  width: 36%;
}
.service-improve2{
  position: relative;
}
.service-improve2::after{
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 91%;
  height: 100%;
  background-color: #FF6801;
  border-radius: 0 0 0 1.5em;
}
.service-improve2-wrap{
  position: relative;
  z-index: 1;
}
.service-improve2-ttl{
  /* 24-43 */
  font-size: clamp(1.5rem, 1.212rem + 1.2vw, 2.688rem);
  letter-spacing: 0.05em;
  line-height: 1.5;
  width: max-content;
  margin: 0 7% 0 auto;
}
.service-improve2-ttl>span{
  display: block;
  width: max-content;
  background-color: #fff;
  padding: 0.1em 0.8em;
}
.service-improve2-ttl>span:nth-child(1){
  margin: 0 1em 0 auto;
}
.service-improve2-ttl>span:nth-child(2){
  margin: 0.4em 0 0 auto;
}
.service-improve2-box{
  margin: -1.5em 0 0 7%;
}
.service-improve2-subttl{
  font-size: 1.5em;
  margin-bottom: 0.5em;
}
.service-improve2-image{
  max-width: 55em;
  margin: 0 auto;
}


.service-reason-wrap{
  position: relative;
  border: 0.55em solid #222;
  padding: 6%;
}
.service-reason-ttl{
  letter-spacing: 0.05em;
  line-height: 1.45;
}
.service-reason-wrap .community{
  position: absolute;
  top:-20%;
  left:-6%;
  width: min(50%,540px);
}
.service-reason-wrap .based{
  position: absolute;
  bottom:-23%;
  right:2%;
  width: min(40%,320px);
}
.service-facility .facility{
  margin: 0 auto;
  width: min(40%,170px);
}
.service-facility-item-wrap{
  grid-template-columns: repeat(2,1fr);
  grid-gap: 6em;
}
.service-more{
  display: block;
  border:1px solid #E4A82A;
  padding: 2%;
}
.service-message .message{
  margin: 0 auto;
  width: min(35%,180px);
}
.service-message-copy{
  line-height: 1.45;
  margin-top: 1.5em;
}
.service-message-box>p{
  line-height: 2;
  margin-top: 1em;
}
@media (max-width: 1023px){
  .service-improve-wrap{
    padding-bottom: 30%;
  }
  .service-improve-image{
    bottom: 2%;
    right: -4%;
  }
}
@media (max-width: 767px){
  .service-improve-wrap{
    padding-bottom: 50%;
  }
  .service-improve-box{
    margin-left: 0%;
  }
  .service-improve-subttl{
    font-size: 1.3em;
  }
  .service-improve-txt{
    text-align: justify;
  }
  .service-improve-image{
    bottom: 4%;
    right: 27%;
    width: 45%;
  }
  .service-improve2::after{
    width: 95%;
  }
  .service-improve2-ttl{
    margin-right: 0;
  }
  .service-improve2-box{
    margin: 2em 0 0 0;
  }

  .service-reason-wrap .community{
    top:-10%;
  }
  .service-reason-wrap .based{
    bottom:-9%;
  }
  .service-facility-item-wrap{
    grid-template-columns: repeat(1,1fr);
  }
}

/* page-flow */
.flow-item{
  padding: 7%;
  border-radius: 0 0 25px 0;
  box-shadow: 2px 2px 8px -3px #777777;
}
.flow-item-btn img{
  height: clamp(2.5rem, 1.893rem + 2.59vw, 5rem);
}
.flow-item-btn{
  display: block;
}
p.flow_telbtn a {
  display: block;
  width: 200px;
  border-radius: 10px;
  text-align: center;
  color: #fff;
  background: #000;
  padding: 20px 0;
}

.flow-item-number{
  width: fit-content;
  padding: 0 2.2em;
  border-radius: 15px 15px 0 0;
}
.flow-item-number .big{
  margin-left: 0.2em;
}
#flow .arrow{
  margin: 4em auto;
  width: 30px;
}

.flow-wrap{
  position: relative;
  z-index:10;
}
.flow-wrap > .bottom-band{
  
  position: absolute;
  bottom:0;
  left:0;
  width: 100%;
  height: 4em;
  background-color: #F5A809;
  z-index: -1;
}

.second-home{
  position: relative;
  padding-top: 0.1em;
  z-index: 1
}
.second-home-ttl{
  position: absolute;
  top:32%;
  left:50%;
  width: 100%;
  transform: translateX(-50%);
  z-index:-1;
}

@media (max-width: 767px){
  .flow-item-btn-wrap{
    display: block;
  }
  .flow-item-btn-wrap p{
    margin-bottom: 1em;
  }
  .flow-item-btn{
    width:min(70%,14em);
  }
  .flow-item-btn img{
    height: auto;
  }
  
}

/* page-voice */
.voice-sub-ttl{
  width: min(30%,12em);
  margin-bottom: 0.4em;
}
.voice-item{
  margin-bottom: 0.5em;
  padding: 8%;
  border-radius: 0 0 25px 0;
  box-shadow: 2px 2px 8px -3px #777777;
  background-color: #fff;
}
.voice-item>div{
  grid-template-columns: 40% 1fr;
  align-items: center;
  grid-gap: 1em;
  padding-bottom: 1.5em;
  margin-bottom: 1em;
}
.voice-item-wrap1{
  position: relative;
  z-index: 1;
}
.voice-item-wrap1 .l-band{
  bottom:4%;
  height: 80%;
}
.voice-item-wrap2{
  position: relative;
  z-index: 1;
}
.voice-item-wrap2 .r-band{
  bottom:2%;
  height: 80%;
}

@media (max-width: 767px){
  .voice-item-wrap1 .l-band{
    bottom:2%;
    height: 93%;
  }
  .voice-item-wrap2 .r-band{
    bottom:1%;
    height: 95%;
  }
}

/* page-visit */
.welcome-wrap {
  height: 20em;
}
.welcome-pic{
  position: absolute;
  top:-4em;
  left:50%;
  width: 100%;
  transform: translateX(-40.4%);
}
.visit-talk p{
  position: relative;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding:5%;
}
.visit-talk-left{
  display: grid;
  grid-template-columns: 10% 1fr;
  align-items: center;
  grid-gap:5%;
  margin-bottom: 2em;
}
.visit-talk-left p::before{
  position: absolute;
  content:url('../image/visit/talk-left.svg');
  width: 0.71rem;
  width: clamp(0.938rem, 0.71rem + 0.97vw, 1.875rem);
  height: auto;
  top:50%;
  left:0;
  transform: translate(-100%,-50%);
}
.visit-talk-right{
  display: grid;
  grid-template-columns: 1fr 10%;
  align-items: center;
  grid-gap:5%;
  margin-bottom: 2em;
}
.visit-talk-right p::before{
  position: absolute;
  content:url('../image/visit/talk-right.svg');
  top:50%;
  right:0;
  width: 0.71rem;
  width: clamp(0.938rem, 0.71rem + 0.97vw, 1.875rem);
  height: auto;
  transform: translate(100%,-50%);
}
.staff::after{
  display: block;
  content: "スタッフ";
  font-size: 0.8em;
  color: #222;
  text-align: center;
  font-weight: 500;
}
.yamazaki::after{
  display: block;
  content: "山﨑さま";
  font-size: 0.8em;
  color: #222;
  text-align: center;
  font-weight: 500;
}
.yamaoka::after{
  display: block;
  content: "山岡さま";
  font-size: 0.8em;
  color: #222;
  text-align: center;
  font-weight: 500;
}

.inspection-banner{
  width: min(90%,36em);
  margin: 0 auto ;
}

.over-pic{
  position: relative;
  z-index:1;
  margin-top: -4em;
}

#visit .slick-wrapper{
  width: 100%;
}
#visit .slick-visit{
  padding-inline: 1em;
}

#visit .slick-visit img {
  height: auto;
  width: 100%;
	aspect-ratio: 3/2;
}
#visit .slick-wrapper .slick-arrow {
	transition: 0.1s ease-out;
	position: absolute;
	bottom: -6em;
	width: min(30%,150px);
	height: auto;
	z-index: 10;
}
#visit .slick-wrapper .slick-arrow:hover{
	cursor: pointer;
	opacity: 0.85;
}
#visit .slick-wrapper .prev-arrow {
	left: 50%;
  transform: translateX(-110%);
}
#visit .slick-wrapper .next-arrow {
	left: 50%;
  transform: translateX(10%);
}
@media (max-width: 767px){
  .welcome-wrap{
    height: 7.5em;
  }
  .welcome-pic{
    width: 80%;
  }
  .visit-talk-right{
    grid-template-columns: 1fr 18%;
    grid-gap:8%;
  }
  .visit-talk-left{
    grid-template-columns:18% 1fr ;
    grid-gap:8%;
  }
  #visit .slick-wrapper .slick-arrow {
    bottom: -4em;
  }
  .inspection-banner{
    width: min(100%,32em);
  }
}

/* page-recruit */
#recruit .r-band-s{
  height: 25em;
  top:-2em;
}
#recruit .l-band-l{
  height: 83%;
  bottom:4em;
}
@media (max-width: 767px){
  #recruit .l-band-l{
    height: 100%;
    bottom:2em;
  }
}

/* page-candidate */
#candidate .city{
  position: absolute;
  bottom:-2.5em;
  right:0;
  width: 5.774rem;
  width: clamp(8.125rem, 6.305rem + 7.77vw, 15.625rem);
  height: auto;
}
#candidate table{
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}
#candidate th{
  width: 12em;
  padding: 4%;
  border:1px solid #fff;
}
#candidate td{
  padding: 4%;
  border:1px solid #ccc;
}
#candidate .btn{
position: relative;
margin: 1.5em auto 0;
padding: 3% 10%;
border-radius: 5px;
background-color: #E96500;
}
#candidate .btn::after{
  position: absolute;
  content:'';
  width: 10px;
  height: 10px;
  border: 0;
  border-bottom: solid 2px #fff;
  border-right: solid 2px #fff;
  transform: translateY(-50%) rotate(-45deg) ;
  top:50%;
  right:1.5em;
}
@media (max-width: 767px){
  #candidate th{
    width: 7.8em;
  }
}

/* page-certificate */
.certificate-paid-wrap{
  grid-gap:2.5em;
}
.certificate-paid-item{
  display: grid;
 grid-template-columns: repeat(1,1fr);
  padding: 8%;
  grid-gap:2.5em;
  border-radius: 0 0 35px 0;
}
.certificate-paid-ttl{
  display: grid;
  grid-template-columns: 30px 1fr;
  grid-gap:1.5em;
  align-items: flex-start;
}
.certificate-paid-ttl img{
  width: 100%;
  height: auto;
}
#certificate .pdf{
  position: relative;
  display: block;
  padding: 2% 4%;
  border-radius: 0 0 15px 0;
}
#certificate .pdf::after{
  position: absolute;
  content:'';
  width: 10px;
  height: 10px;
  border: 0;
  border-bottom: solid 2px #fff;
  border-right: solid 2px #fff;
  transform: translateY(-50%) rotate(-45deg) ;
  top:50%;
  right:1.2em;
}
#certificate table{
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}
#certificate th{
  padding: 2%;
  border:1px solid #ccc;
  text-align: center;
}
#certificate td{
  padding: 2%;
  border:1px solid #ccc;
  text-align: center;
  vertical-align: middle;
}

/* page-document */

#document table{
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}
#document th{
  width: 22em;
  padding: 1.5%;
  border:1px solid #ccc;
  text-align: center;
}
#document td{
  position: relative;
  padding: 1.5%;
  border:1px solid #ccc;
  text-align: center;
  vertical-align: middle;
}
#document td img{
  width: 20px;
  margin-top: -3px;
  margin-right: 1em;
}
@media (max-width: 767px){
  .table-scroll {
    overflow: scroll;
  }
  #document table{
    border-collapse: collapse;
    table-layout: fixed;
    width: 600px;
  }
  #document th{
    width: 13em;
  }
}


/* page-facility */
.facility-page-link-wrap {
  grid-template-columns: repeat(4,1fr);
}

.facility-btn {
  position: relative;
  display: inline-block;
  width: 14em;
  padding: 1.4em 0;
  border-radius: 0px 0px 20px 0px;
}
.facility-btn::after{
  position: absolute;
  content:'';
  top:50%;
  right:10%;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  transform:translateY(-50%) rotate(45deg);
  width: 10px;
  height: 10px;
}
.facility-tel-wrap{
  margin-inline: auto;
  width:30em;
  padding:2em 4em ;
  box-shadow: 6px 6px 18px -10px #777777;
  border-radius: 0px 0px 20px 0px;
}
.facility-dial{
  border-radius: 30px;
  background-color: #DD640E;
  padding: 0.2em 0;
}
@media (max-width: 767px){
  .facility-page-link-wrap{
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0.8em;
  }
  .facility-tel-wrap{
    width:22em;
    padding:2em 3em ;
  }
}

/* feature */
#feature .r-band{
  height: 25em;
  top:4em;
}
#feature .l-band{
  height: 25em;
  bottom:30%;
}
.feature-item-wrap{
  grid-gap:3em 4%;
}
.feature-item{
  padding: 4% 8% 8%;
  border-radius: 0 0 25px 0;
  background-color: #fff;
  box-shadow: 2px 2px 8px -5px #777777;
}
.feature-item span+span{
  margin-left:0.1em;
}
.feature-more{
  display: block;
  padding: 4%;
  width: min(90%,20em);
  margin-inline: auto;
  border-radius: 10px;
}
@media (max-width: 767px){
  .feature-item-wrap{
    grid-gap:2em;
  }
  #feature .r-band{
    width: 85%;
    height: 100vh;
  top:2em;
  }
  #feature .l-band{
    width: 85%;
    height: 100vh;
  bottom:40%;
  }
}

/* hospitality */
#hospitality .page-link-wrap{
display: grid;
grid-template-columns: repeat(3,1fr);
grid-gap:1em;
}

.omotenashi-wrap{
  display: grid;
  grid-template-columns:15% 1fr;
  grid-gap:8%;
}
#hospitality .txt-en-3l{
  line-height: 1;
  vertical-align: bottom;
}

.jinzai-pic{
  margin-inline: auto;
  width: min(100%,720px);
}
.hospitality-02-item{
  padding: 5%;
  grid-template-columns: 150px 1fr;
  grid-gap:4em;
}
.hospitality-02-item div+p{
  border-left:1px solid #C4C4C4;
  padding-left:3em;
  height: 100%;
}
.hospitality-03-item-wrap{
  grid-gap:4%;
}
.hospitality-03-item{
  padding: 2.5em;
}
.hospitality-03-item hr{
  margin: 2em 0;
  background-color: #C4C4C4;
  border: none;
  height: 1px;
}
.hospitality-04-item-wrap{
  grid-template-columns: repeat(2,1fr);
  grid-gap:4%;
}
.hospitality-04-item{
  padding: 2.5em;
}
.hospitality-04-item hr{
  margin: 2em 0;
  background-color: #C4C4C4;
  border: none;
  height: 1px;
}
.care-pic{
  margin-inline: auto;
  width: min(100%,720px);
}
.hospitality-05-item{
  grid-template-columns: 1fr 30%;
  grid-gap:3em;
}
.hospitality-06-item-wrap{
  padding: 5%;
}
.hospitality-06-item-wrap hr{
  margin: 2em 0;
  background-color: #C4C4C4;
  border: none;
  height: 1px;
}
.hospitality-06-item-wrap figure{
  margin-inline: auto;
  width: min(100%,720px);
}
.hospitality-07-item-wrap{
  grid-gap:4%;
}
@media (max-width: 1023px){
  .omotenashi-wrap{
    display: block;
  }
  .hospitality-02-item{
    grid-template-columns: repeat(1,1fr);
    grid-gap:2em;
  }
  .hospitality-02-item div+p{
    border-left:none;
    border-top:1px solid #C4C4C4;
    margin-top:1em;
    padding-top: 1em;
    padding-left:0;
  }
  .hospitality-03-item-wrap{
    grid-gap:2em;
  }
  .hospitality-04-item-wrap{
    grid-template-columns: repeat(1,1fr);
    grid-gap:2em;
  }
}
@media (max-width: 767px){
  #hospitality .page-link-wrap{
    display: grid;
    grid-template-columns: repeat(2,1fr);
  }
}

/* medical */
#medical .kyoryoku-pic{
  margin-inline: auto;
  width: min(100%,820px);
}
#medical .kyoryoku-item{
padding-inline: 8%;
}
#medical .kyoryoku-item hr{
  border: none;
  background-color: #C5C5C5;
  height: 1px;
  margin: 2em 0;
}
#medical .naika-item{
  grid-template-columns: repeat(2,1fr);
  margin-inline:auto ;
  margin-top: 4em;
  width: min(80%,520px);
}
#medical .other-item{
  grid-template-columns: 20% 1fr;
  grid-gap:2em;
}
#medical .meeting-pic{
  margin-inline: auto;
  width: min(100%,900px);
}
#medical .kanri-item{
  grid-template-columns: 28% 1fr;
  grid-gap:4em;
  align-items: center;
  padding:5% 8%;
}
#medical .kanri-item div+p{
  border-left:1px solid #C4C4C4;
  padding-left:3em;
  height: 100%;
}
#medical .kanri-item figure{
  margin-inline: auto;
  width: min(20%,60px);
}
#medical .anshin-item{
  padding-inline:8%;
}
#medical .anshin-item hr{
  border: none;
  background-color: #C5C5C5;
  height: 1px;
  margin: 2em 0;
}
#medical .souki-item{
  grid-template-columns: 1fr 33%;
  grid-gap:5%;
}
#medical .taisaku-item{
  position: relative;
  padding:5% 8%;
}
#medical .taisaku-item::before{
  content: '';
  position: absolute;
  top:0;
  left:0;
  border: 10px solid #FF6801;
  border-right-color: transparent;
  border-bottom-color: transparent; 
  height: 0;
  width: 0;
}
#medical .taisaku-item hr{
  border: none;
  background-color: #C5C5C5;
  height: 1px;
  margin: 2em 0;
}
@media (max-width: 767px){
  #medical .naika-item{
    margin-top: 2em;
    width: 100%;
  }
  #medical .other-item{
    grid-template-columns: repeat(1,1fr);
    grid-gap:1em;
  }
  #medical .kanri-item{
    grid-template-columns: repeat(1,1fr);
    grid-gap:2em;
    align-items: center;
    padding:5% 8%;
  }
  #medical .kanri-item div+p{
    border-left:none;
    padding-left:0;
    height: 100%;
  }
  #medical .souki-item{
    grid-template-columns: repeat(1,1fr);
    grid-gap:2em;
  }
}

/* dementia */
.dementia-care-item{
  width: 86vw;
}
.dementia-care-item-r{
  margin-left:auto;
  grid-template-columns: 40% 1fr;
}
.dementia-care-item-r figure{
  transform: translate(12%,20%);
}
.dementia-care-item-r .dementia-care-item-ttl{
  padding-inline-start: 20%;
}
.dementia-care-item-r .bg-white{
  padding-inline-start: 20%;
  padding-inline-end: 8%;
}
.dementia-care-item-l{
  margin-right:auto;
  grid-template-columns: 1fr 40%;
}
.dementia-care-item-l figure{
  transform: translate(-12%,20%);
}
.dementia-care-item-l .dementia-care-item-ttl{
  padding-inline-start: 8%;
}
.dementia-care-item-l .bg-white{
  padding-inline-end: 20%;
  padding-inline-start: 8%;
}
.dementia-care-item-gokan{
  grid-template-columns: repeat(4,1fr);
  grid-gap:5px;
  text-align: center;
}
.dementia-care-item-plan{
  grid-template-columns: repeat(2,1fr);
  grid-gap:5px;
  text-align: center;
}
.dementia-family-item-wrap hr{
  border:none;
  background-color: #fff;
  height: 1px;
}
.dementia-family-item{
  padding-inline: 8%;
}
.dementia-ishizaki-item{
  grid-template-columns: 1fr 20%;
  grid-gap:4%;
  padding-inline: 8%;
}
.dementia-ishizaki-item figcaption{
  margin-inline:auto ;
}
.dementia-ishizaki-item figcaption::before{
  position: absolute;
  top:27%;
  left:-1.5em;
  transform: translateY(-40%);
  content:url('../image/feature/more.svg');
  width: 15px;
  height: 15px;
}
@media (max-width: 767px){
  .dementia-care-item{
    width: 90%;
    margin-inline: auto;
  }
  .dementia-care-item-r{
    margin-inline:auto;
    grid-template-columns: repeat(1,1fr);
  }
  .dementia-care-item-r figure{
    transform: none;
  }
  .dementia-care-item-r .dementia-care-item-ttl{
    padding-inline:6%;
  }
  .dementia-care-item-r .bg-white{
    padding-inline:6%;
  }
  .dementia-care-item-l{
    margin-inline:auto;
    grid-template-columns: repeat(1,1fr);
  }
  .dementia-care-item-l figure{
    transform: none;
  }
  .dementia-care-item-l .dementia-care-item-ttl{
    padding-inline:6%;
  }
  .dementia-care-item-l .bg-white{
    padding-inline:6%;
  }
  .dementia-care-item-gokan{
    font-size: 0.8em;
  }
  .dementia-care-item-plan{
    font-size: 0.8em;
  }
  .dementia-ishizaki-item{
    grid-template-columns: repeat(1,1fr);
    grid-gap:2em;
    padding-inline: 8%;
  }
}

/* tranning */
.senior-training-sub-ttl-wrap {
  margin-bottom: -6em;
}
.senior-training-sub-ttl{
  width: fit-content;
  margin-inline: auto;
  border-radius: 35px;
  padding: 0.2em 1em;
}
.senior-training-item{
  padding-inline: 8%;
}
.senior-training-item hr{
  border: none;
  background-color: #C5C5C5;
  height: 1px;
  margin: 2em 0;
}
.senior-training-item .grid{
  grid-template-columns: 1fr 30%;
  grid-gap:8%;
}
.training-movie-wrap{
  grid-gap:2em;
}
.training-help-item-wrap hr{
  border: none;
  background-color: #C5C5C5;
  height: 1px;
  margin: 3em 0;
}
.training-help-item{
  grid-template-columns: 1fr 30%;
  grid-gap:8%;
}
.training-device-item{
  padding: 2em;
  grid-template-columns:30% 1fr ;
  align-items: center;
}
.training-rehabili-pic {
  margin-inline: auto;
  width: min(100%,900px);
}
.environment-item{
  position: relative;
  padding: 5% 8%;
}
.environment-item hr{
  border: none;
  background-color: #C5C5C5;
  height: 1px;
  margin: 2em 0;
}
.environment-item::before{
  content: '';
  position: absolute;
  top:0;
  left:0;
  border: 10px solid #FF6801;
  border-right-color: transparent;
  border-bottom-color: transparent; 
  height: 0;
  width: 0;
}
@media (max-width: 767px){
  .senior-training-sub-ttl-wrap {
    margin-bottom: -3.5em;
  }
  .senior-training-sub-ttl{
    border-radius: 20px;
  }
  .senior-training-item .grid{
    grid-template-columns: repeat(1,1fr);
    grid-gap:2em;
  }
  .training-movie-wrap{
    grid-gap:2em;
  }
  .training-movie-wrap iframe{
    height: 180px;
  }
  .training-help-item{
    grid-template-columns: repeat(1,1fr);
    grid-gap:2em;
  }
  .training-device-item{
    padding: 2em;
    grid-template-columns: repeat(1,1fr);
    align-items: center;
  }
}

/* spa */
.spa-item{
    grid-template-columns: 1fr 30%;
    grid-gap:8%;
}
.spa-component-table{
  margin-bottom: 4em;
  border-collapse: collapse;
  border: 1px solid #C4C4C4;
}
.spa-component-table th{
  width: 10em;
}
.spa-component-table th{
  padding: 1em;
  border: 1px solid #C4C4C4;
}
.spa-component-table td{
  padding: 1em;
  border: 1px solid #C4C4C4;
}
.spa-every-item-wrap{
  padding-inline: 8%;
}
.spa-every-item-wrap hr{
  border: none;
  background-color: #C5C5C5;
  height: 1px;
  margin: 3em 0;
}
.spa-every-item{
  grid-template-columns: 1fr 40%;
    grid-gap:8%;
}
@media (max-width: 767px){
  .spa-item{
    grid-template-columns: repeat(1,1fr);
    grid-gap:2em;
  }
  .spa-component-table th{
    width: 8em;
  }
  .spa-every-item{
    grid-template-columns: repeat(1,1fr);
    grid-gap:2em;
  }
}

/* meal */
.meal-sec{
  display: grid;
  grid-template-columns:15% 1fr;
  grid-gap:8%;
}
.meal-sec .txt-en-3l{
  line-height: 1;
  vertical-align: bottom;
}
.meal-item-wrap{
grid-gap:2em;
}
.meal-item{
  padding:8%;
}
.meal-item hr{
  border: none;
  background-color: #C5C5C5;
  height: 1px;
  margin: 2em 0;
}
.meal-water-sec{
  display: grid;
  grid-template-columns:1fr 15%;
  grid-gap:8%;
}
.meal-water-sec .txt-en-3l{
  color: #EEF3F3;
  line-height: 1;
  vertical-align: bottom;
}
.meal-water-item{
  grid-template-columns: 1fr 25%;
  grid-gap:5%;
  padding: 5%;
}
.meal-air-sec{
  display: grid;
  grid-template-columns:15% 1fr;
  grid-gap:8%;
}
.meal-air-sec .txt-en-3l{
  color: #F8D282;
  line-height: 1;
  vertical-align: bottom;
}
.meal-air-item{
  padding: 5%;
}
@media (max-width: 767px){
  .meal-sec,.meal-water-sec,.meal-air-sec{
    display: block;
  }
  .meal-water-item{
    grid-template-columns: repeat(1,1fr);
    grid-gap:2em;
    padding: 8%;
  }
  .meal-air-item{
    padding: 8%;
  }
}

/* event */
.recreation-item{
  padding-inline: 8%;
}
#event hr{
  border: none;
  background-color: #C5C5C5;
  height: 1px;
  margin: 2em 0;
}

/* social */
.social-review-item{
  grid-template-columns: 1fr 15%;
  grid-gap:2em;
  border-top:1px solid #c5c5c5;
  padding-block: 2em;
}
.social-review-item-long{
  grid-template-columns: 1fr 30%;
  grid-gap:2em;
  border-top:1px solid #c5c5c5;
  padding-block: 2em;
}
.social-review-item-last{
  border-top:1px solid #c5c5c5;
  border-bottom:1px solid #c5c5c5;
  padding-block: 2em;
}
@media (max-width: 767px){
.social-review-item{
  grid-template-columns: 1fr 40%;
}
.social-review-item-long{
  grid-template-columns: repeat(1,1fr);
}

}

/* nursing */
.nursing-mv-image img{
  width: 100%;
  height: 90vh;
  object-fit: cover;
}
.ttl-nursing-wrap{
  position: absolute;
  z-index:1;
  width: 85%;
  bottom:-3em;
  border-radius: 0 30px 0 0;
  padding:1.5em 5%;
  background: linear-gradient(90deg, #058014,#0AB416);
}
.nursing-sub-ttl-r{
  padding: 2.4em 1em;
  border-radius: 30px 0 0 0;
}
.nursing-sub-ttl-l{
  padding: 2.4em 1em;
  border-radius: 0 30px 0 0;
}
#nursing-point .nursing-sub-ttl-l{
  position: absolute;
  top:6em;
  left:0;
}
.nursing-point-wrap{
  border-radius: 30px 0 0 0;
  gap:4em;
}
.nursing-point-item+.nursing-point-item{
  margin-top: 4em;
}
.nursing-point-item .txt-en-2l{
  line-height: 1.2;
}

.point-more-toggle{
  position: relative;
  padding: 0.5em 4em;
  margin-inline: auto;
  width: 90%;
  cursor: pointer;
  font-weight: 500;
}
.point-more-toggle:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 45%;
  right: 30px;
  width: 10px;
  height: 10px;
  border-right: 2px solid #573200;
  border-bottom: 2px solid #573200;
  transform: translateY(-50%) rotate(45deg);
  transition: .3s;
}
.point-more-toggle.open:after {
  transform: rotate(225deg);
}
.point-more-toggle-item-wrap{
  display: none;
}
.point-more-toggle-item{
  width: 90%;
  margin-inline: auto;
}
.point-more{
  position: relative;
  padding: 0.2em 4em;
  margin:2em auto 0;
}
.point-more::after{
  position: absolute;
  content:'';
  top:50%;
  right:10%;
  border-top: solid 2px #222;
  border-right: solid 2px #222;
  transform:translateY(-50%) rotate(45deg);
  width: 10px;
  height: 10px;
}
.ttl-nursing-service{
  border:2.5px solid #0AB416;
  border-radius: 0px 0px 20px 0px;
  padding: 0.2em 0.4em;
}
.nursing-service-more{
  position: relative;
  padding: 0.2em 4em;
  margin:2em auto 0;
  background-color: #B9DBBA;
}
.nursing-service-more::after{
  position: absolute;
  content:'';
  top:50%;
  right:10%;
  border-top: solid 2px #222;
  border-right: solid 2px #222;
  transform:translateY(-50%) rotate(45deg);
  width: 10px;
  height: 10px;
}
.nursing-price{
  border-radius: 20px 20px 0 0;
  padding-inline: 4%;
}
.level-more{
  margin: 2em auto 0;
  padding: 0.2em 4em;
  margin-inline: auto;
  border-radius: 0 0 20px 0;
  border:2px solid #0AB416;
}
.nursing-facility-more{
  margin:2em auto 0;
  padding: 0.2em 2em;
  border-radius: 0 0 20px 0;
}
.nursing-ceo{
  display: grid;
  grid-template-columns: 20% 1fr;
}
#nursing .archive-btn:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 30px;
  width: 10px;
  height: 10px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: translateY(-50%) rotate(-45deg);
  transition: .3s;
}

@media (max-width: 767px){
  .ttl-nursing-wrap h1{
    font-size: 1.4em;
  }
  .nursing-sub-ttl-r,.nursing-sub-ttl-l{
    padding-block: 1em;
  }
  #nursing-point .nursing-sub-ttl-l{
    top:3em;
  }
  .point-more-toggle{
    width: 100%;
    margin-top: 1.2em;
  }
  .point-more-toggle-item{
    width: 100%;
  }
  .nursing-ceo{
    grid-template-columns:repeat(1,1fr);
  }
  .nursing-ceo figure{
    max-width: 200px;
    margin-inline: auto;
  }
}

/* footer */
.f-contactus{
  max-width: 510px;
}

.f-contact-wrap{
  margin: 2em auto;
  max-width: 900px;
}
.f-contact-wrap .grid{
  display: grid;
  grid-template-columns: repeat(2,1fr);
}

.f-form-tour-btn{
  border-radius: 20px 0 0 0;
}

.f-form-document-btn{
  border-radius: 0 20px 0 0;
}

.f-form-btn{
  border-radius: 0 0 20px 20px;
}

.f-contact-wrap a{
  padding: 1em 0.2em;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(1,1fr);
}

.f-link-wrap{
  grid-template-columns: 30% 70%;
  grid-gap:3em;
}

.f-sns-wrap{
  grid-template-columns: repeat(3,1fr);
  grid-gap:1em;
}

.f-sitemap{
  grid-template-columns: 30% 1fr;
  grid-gap:4em;
}

.f-logo{
  width: min(40%,200px);
  margin: 0 auto 2em;
}

.f-map-icon{
  width: min(30%,38px);
  margin: 0 auto 1em;
}

.f-tel-icon{
  width: min(34%,50px);
  margin: 0 auto 1em;
}

.f-information{
  padding: 2em;
  margin-bottom: 2em;
  border-radius: 10px;
}

.f-right{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  grid-gap:2em;
  width: 90%;
}

.f-right hr{
border: none;
height: 1px;
background-color: #fff;
margin: 2em auto;
}

.copyright{
  margin-top: 4em;
  font-size: 10px;
}

@media (max-width: 767px){
  .f-sitemap{
    grid-template-columns: repeat(1,1fr);
    grid-gap:2em;
  }
  .f-right{
    grid-template-columns: repeat(1,1fr);
  }
}
/*250123追記*/
.topics_date span{margin-right: 10px;}
.topics-main .flex:has(.topics_date){flex-wrap: wrap;}
#topics .topics-content ul:not([class*="ez-toc-"]) {
    background: #f9f9f9;
    border: 1px solid #aaa;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    padding: 10px 20px 10px 30px;
    width: 100%;
    list-style: disc;
    box-sizing: border-box;
    word-break: break-all;
    margin-left: 0;
}
/*250226追記*/
.column_banner a{display:block;}
.column_banner_2{
    /* max-width: 500px; */
    margin: 60px auto 0;
}
@media (max-width: 767px) {
.column_banner_2{
  margin: 40px auto 0;
}
}



/*250326追記　重要事項説明書全事業所掲載*/

ul.linklists_normalline {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 30px 0 0;
}
ul.linklists_normalline li {
  width: 48%;
}
ul.linklists_normalline li a {
  display: block;
  width: 100%;
  border-bottom: 1px dotted #ccc;
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  font-size: 90%;
}
ul.linklists_normalline li a img {
  width: 16px;
  margin-top: -4px;
  margin-right: 5px;
}

#document table.jusetsutable {
  margin-top: 20px;
}
#document table.jusetsutable th {
  width: 22%;
  font-size: 90%;
  vertical-align: middle;
  text-align: left;
  line-height: 1.4;
  padding: 10px 15px;
  background-color: #F5A809;
  color: #fff;
  font-weight: normal;
}
#document table.jusetsutable td {
  text-align: left;
  line-height: 1.4;
  padding: 10px 20px;
}
#document table.jusetsutable td.jusetsutable_jigyocategory {
  background: #FFEBC0;
  font-size: 85%;
  text-align: left;
  width: 17%;
  padding: 10px 15px;
}
#document table.jusetsutable td a {
  display: inline-block;
  font-size: 90%;
  padding-right: 20px;
  margin: 10px 0 10px;
}
#document table.jusetsutable td a:hover {
  color: #FF6801;
  text-decoration: underline;
}
#document table.jusetsutable td a img {
  width: 16px;
  margin-top: -4px;
  margin-right: 5px;
}

@media (max-width: 767px) {

ul.linklists_normalline li a {
  font-size: 100%;
}

#document table.jusetsutable th {
  width: 12em;
  font-size: 100%;
  vertical-align: middle;
}
#document table.jusetsutable td a {
  display: inline-block;
  width: 49%;
  font-size: 100%;
  margin: 10px 0 10px;
}


}





/* link list */
.link-list__ttl{
  font-size: 1.8em;
  letter-spacing: 0.08em;
  line-height: 1.45;
  padding: 0em 0 0.3em 0.8em;
  border-bottom: 1px solid rgb(34, 34, 34, 0.45);
  border-left: 4px solid #FF6801;
}
.link-list__cont{
  margin-top: 2em;
}
.link-list__cont+.link-list__cont{
  margin-top: 4.5em;
}
.link-list__cont>li>a{
  line-height: 1.45;
  padding: 1.3em 0 1.3em 1.68em;
  border-bottom: 1px dotted rgb(34, 34, 34, 0.7);
  transition: 0.4s cubic-bezier(.15,1,.2,1);
}
.link-list__cont>li>a:hover{
  color: #FF6801;
  background-color: rgb(245, 240, 230, 0.2);
}
.link-list__cont-icon{
  width: 1.7em;
}
@media (max-width: 1023px){
}
@media (max-width: 767px){
  .link-list__ttl{
    font-size: 1.3em;
    padding: 0em 0 0.3em 0.6em;
    border-left: 3px solid rgb(255, 104, 1, 0.8);
  }
  .link-list__cont{
    margin-top: 1.6em;
  }
  .link-list__cont+.link-list__cont{
    margin-top: 3.5em;
}
  .link-list__cont>li>a{
    padding: 1.2em 0 1.2em 0.95em;
  }
}






/* FAQ */

#faq .tabs{
  display: flex;
  border-bottom:2px solid #F67100;
  line-height: 1.4;
}
#faq .tabs-btn{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 20%;
  margin-right: -1px;
  flex-shrink: 0;
  padding: 0.8em 0;
  background-color: #fff;
  border:none;
  cursor:pointer;
}
#faq .tabs-btn figure{
  max-width: 50px;
  margin: 0 auto 0.5em;
}
#faq .tabs-btn.active {
  background-color: #F67100;
  color: #fff;
}
#faq .tabs-btn:hover{
  background-color: #F67100;
  color: #fff;
}

.tabs-cont {
  display: none;
}
#faq dl+dl{
  margin-top: 1.25em;
  padding-top: 1.25em;
  border-top: 1px solid #ccc;
}
#faq .ac-child{
  padding: 0.4em 1em;
}
#faq .question{
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1.1;
}
#faq .answer{
  font-size: 1.5em;
  font-weight: bold;
  color: #e96500;
  line-height: 1.45;
}
#faq .question-item{
  line-height: 1.55;
}

@media (max-width: 1023px){
}
@media (max-width: 767px){
  #faq .tabs{
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #faq .tabs-btn{
    width: 49%;
    border-radius: 0.3em;
    border: 1px solid #F67100;
  }
  #faq .tabs-btn:nth-child(n+3){
    margin-top: 2%;
  }
}




/* 長居公園フロント */
.nagai-kyoshitsu-desc{
  margin: 2em auto 0;
  padding: 0.4em 2em;
  border-radius: 0.4em;
}
.btn-pdf{
  display: inline-block;
  border-radius: 50px;
  padding: 0.4em 2em;
}