@charset "UTF-8";
@font-face{
  font-family:"Yu Gothic";
  src:local("Yu Gothic Medium");
  font-weight:100;
}
@font-face{
  font-family:"Yu Gothic";
  src:local("Yu Gothic Medium");
  font-weight:200;
}
@font-face{
  font-family:"Yu Gothic";
  src:local("Yu Gothic Medium");
  font-weight:300;
}
@font-face{
  font-family:"Yu Gothic";
  src:local("Yu Gothic Medium");
  font-weight:normal;
}
@font-face{
  font-family:"Yu Gothic";
  src:local("Yu Gothic Bold");
  font-weight:bold;
}
body{
  color:#000;
  font-family:zen-kaku-gothic-new, sans-serif, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", -apple-system, BlinkMacSystemFont, "Yu Gothic", YuGothic, "游ゴシック", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, sans-serif;
  font-size:16px;
  font-size:1rem;
  font-weight:normal;
}
a{
  text-decoration:underline;
  -webkit-transition:0.4s ease-out all;
  transition:0.4s ease-out all;
  text-decoration:none;
  color:#000;
}
a.btn, a[class*=link-], a[class*=btn-], a[class*=-link], a.tel{
  text-decoration:none;
}

svg{
  max-width:100%;
  max-height:100%;
  height:auto;
  -o-object-fit:contain;
  object-fit:contain;
}

a.tel{
  cursor:default;
}

.visually-hidden{
  clip:rect(1px, 1px, 1px, 1px);
  clip-path:inset(50%);
  height:1px;
  width:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute;
}

.text-left{
  text-align:left;
}
.text-center{
  text-align:center;
}
.text-right{
  text-align:right;
}

.header{
  position:sticky;
  inset:0 0 auto;
  height:95px;
  gap:40px;
  background-color:#FFF;
  z-index:1111111;
}
.header-wrap{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  height:100%;
}
.header-logo{
  width:340px;
  height:auto;
}

#wrapper{
  overflow-x:clip;
}

.home .header{
  position:initial;
  inset:initial;
}
.home .header-logo{
  -webkit-transform:translateY(-100px);
  transform:translateY(-100px);
  -webkit-animation:h_down 1s ease-in-out 2.4s forwards;
  animation:h_down 1s ease-in-out 2.4s forwards;
}
.home.home-active .header{
  position:sticky;
  inset:0 0 auto;
  z-index:999;
}

@-webkit-keyframes h_down{
  from{
    -webkit-transform:translateY(-100px);
    transform:translateY(-100px);
  }
  to{
    -webkit-transform:translateY(0);
    transform:translateY(0);
  }
}

@keyframes h_down{
  from{
    -webkit-transform:translateY(-100px);
    transform:translateY(-100px);
  }
  to{
    -webkit-transform:translateY(0);
    transform:translateY(0);
  }
}
@-webkit-keyframes h_down1{
  from{
    -webkit-transform:translateY(-160px);
    transform:translateY(-160px);
  }
  to{
    -webkit-transform:translateY(0);
    transform:translateY(0);
  }
}
@keyframes h_down1{
  from{
    -webkit-transform:translateY(-160px);
    transform:translateY(-160px);
  }
  to{
    -webkit-transform:translateY(0);
    transform:translateY(0);
  }
}
.footer{
  padding-block:90px 30px;
  background:url(../img/bg_footer.webp) 0 100%/contain no-repeat, -webkit-gradient(linear, left top, right top, from(#11507d), to(#000017)) 0 0/cover;
  background:url(../img/bg_footer.webp) 0 100%/contain no-repeat, linear-gradient(90deg, #11507d, #000017) 0 0/cover;
  color:#FFF;
}
.footer-wrap{
  display:grid;
  grid-auto-columns:1fr;
  grid-template-columns:342px 1fr;
  grid-template-rows:repeat(3, auto);
  gap:35px 50px;
  grid-template-areas:"f_logo f_btn" "f_address f_btn" "f_copyright f_copyright";
  max-width:1160px;
  width:100%;
  margin-inline:auto;
  padding-inline:30px;
}
.footer-wrap::after{
  display:block;
  content:"";
}
.footer-logo{
  grid-area:f_logo;
}
.footer-logo-link{
  display:block;
  width:341px;
  height:40px;
}
.footer-inf{
  grid-area:f_address;
}
.footer-address{
  line-height:1.4;
}
.footer-hospital{
  grid-area:f_btn;
  width:100%;
}
.footer-hospital-link{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  height:75px;
  color:#FFF;
  border:1px solid #FFF;
  text-align:center;
  background:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.33%22%20height%3D%2212.5%22%20viewBox%3D%220%200%208.33%2012.5%22%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M1.25%2C12.5c-.36%2C0-.72-.16-.97-.48-.44-.55-.36-1.37.17-1.82l4.65-3.95L.46%2C2.3C-.08%2C1.85-.15%2C1.03.28.48.72-.08%2C1.51-.16%2C2.04.29l5.83%2C4.95c.29.25.46.61.46%2C1s-.17.76-.46%2C1l-5.83%2C4.95c-.23.2-.51.29-.79.29Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E") calc(100% - 40px) 50%/5px auto no-repeat;
  text-decoration:none;
}
.footer-hospital-link.btn-arrow{
  width:350px;
}

.copyright{
  font-family:brandon-grotesque, sans-serif;
  font-size:0.75rem;
  color:#FFF;
  text-align:center;
  grid-area:f_copyright;
}

.tel{
  color:#FFF;
  text-decoration:none;
}

.nav-active{
  overflow:hidden;
}
.nav-active .nav-toggle{
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2258.041%22%20height%3D%2224.984%22%20viewBox%3D%220%200%2058.041%2024.984%22%3E%20%3Cpath%20d%3D%22M29.021%2C85.7%2C1.089%2C74.818%2C0%2C77.613l24.888%2C9.7L0%2C97.007%2C1.089%2C99.8%2C29.021%2C88.92%2C56.952%2C99.8l1.089-2.795-24.888-9.7%2C24.888-9.7-1.089-2.795Z%22%20transform%3D%22translate(0%20-74.817)%22%20fill%3D%22%23231815%22%2F%3E%3C%2Fsvg%3E");
}
.nav-active .nav-bar{
  visibility:visible;
  display:block;
}
.nav-toggle{
  position:absolute;
  top:11px;
  right:11.5px;
  display:block;
  width:30px;
  background:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2259.001%22%20height%3D%2226%22%20viewBox%3D%220%200%2059.001%2026%22%3E%20%3Cpath%20d%3D%22M0%2C25V22H58v3ZM0%2C14V11H58v3ZM0%2C3V0H58V3Z%22%20transform%3D%22translate(0.5%200.5)%22%20fill%3D%22%23231815%22%20stroke%3D%22rgba(0%2C0%2C0%2C0)%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E") no-repeat center center/contain;
  aspect-ratio:1/1;
  -webkit-transform:translateY(-100px);
  transform:translateY(-100px);
  -webkit-animation:h_down 1s ease-in-out 2.4s forwards;
  animation:h_down 1s ease-in-out 2.4s forwards;
}
.nav-menu{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:30px;
}
.nav-link{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
}
.nav-entry{
  font-weight:bold;
  font-family:brandon-grotesque, sans-serif;
}

.home{
  overflow-x:clip;
}
.btn-arrow{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  width:100%;
  height:75px;
  color:#FFF;
  text-align:center;
  background:calc(100% - 40px) 50%/5px auto no-repeat;
}
.btn-arrow.white{
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.33%22%20height%3D%2212.5%22%20viewBox%3D%220%200%208.33%2012.5%22%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M1.25%2C12.5c-.36%2C0-.72-.16-.97-.48-.44-.55-.36-1.37.17-1.82l4.65-3.95L.46%2C2.3C-.08%2C1.85-.15%2C1.03.28.48.72-.08%2C1.51-.16%2C2.04.29l5.83%2C4.95c.29.25.46.61.46%2C1s-.17.76-.46%2C1l-5.83%2C4.95c-.23.2-.51.29-.79.29Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
}
.btn-arrow.black{
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.33%22%20height%3D%2212.5%22%20viewBox%3D%220%200%208.33%2012.5%22%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M1.25%2C12.5c-.36%2C0-.72-.16-.97-.48-.44-.55-.36-1.37.17-1.82l4.65-3.95L.46%2C2.3C-.08%2C1.85-.15%2C1.03.28.48.72-.08%2C1.51-.16%2C2.04.29l5.83%2C4.95c.29.25.46.61.46%2C1s-.17.76-.46%2C1l-5.83%2C4.95c-.23.2-.51.29-.79.29Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}
.btn-arrow.btn-calendar{
  background-color:#113862;
}
.btn-arrow.btn-career{
  background-color:#4d3967;
}
.btn-entry{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  width:100%;
  height:100%;
  background-color:#f3c62f;
  color:#000;
}
.btn-pamphlet{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  width:100%;
  height:100%;
  background-color:#287fbd;
  color:#FFF;
}
.btn-radius{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  width:100%;
  height:50px;
  border-radius:50px;
  background-color:#113862;
  color:#FFF;
}
.btn-radius-line{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  width:100%;
  height:50px;
  border-radius:50px;
  color:#FFF;
  background-color:transparent;
}
.btn-radius-line.white{
  border-width:1px;
  border-style:solid;
  border-color:#FFF;
  color:#FFF;
}

.link-text{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  height:20px;
  padding-left:30px;
  background:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpath%20d%3D%22M20%2C2c9.93%2C0%2C18%2C8.07%2C18%2C18s-8.07%2C18-18%2C18S2%2C29.93%2C2%2C20%2C10.07%2C2%2C20%2C2M20%2C0C8.95%2C0%2C0%2C8.95%2C0%2C20s8.95%2C20%2C20%2C20%2C20-8.95%2C20-20S31.05%2C0%2C20%2C0h0Z%22%2F%3E%3Cpath%20d%3D%22M17.08%2C26.25c-.36%2C0-.72-.16-.97-.48-.44-.55-.36-1.37.17-1.82l4.65-3.95-4.65-3.95c-.53-.45-.61-1.27-.17-1.82.44-.55%2C1.22-.64%2C1.76-.18l5.83%2C4.95c.29.25.46.61.46%2C1s-.17.76-.46%2C1l-5.83%2C4.95c-.23.2-.51.29-.79.29Z%22%2F%3E%3C%2Fsvg%3E") no-repeat left center/20px auto;
  font-size:0.875rem;
}
.link-more{
  padding-bottom:3px;
}
@media screen and (max-width: 1759px){
  .header-wrap{
    padding-left:40px;
  }
}
@media (max-width: 1199.98px){
  .header-logo{
    width:240px;
  }
  .header-ttl{
    width:240px;
  }
}
@media (max-width: 991.98px) and (max-width: 991.98px){
  .header-wrap{
    padding-inline:30px;
  }
}
@media (max-width: 991.98px) and (max-width: 767.98px){
  .header-wrap{
    padding-inline:20px;
  }
}
@media (max-width: 991.98px) and (max-width: 575.98px){
  .header-wrap{
    padding-inline:4vw;
  }
}
@media (max-width: 991.98px){
  .header{
    height:52px;
  }
  .header-wrap{
    max-width:1160px;
    width:100%;
    margin-inline:auto;
    padding-inline:30px;
  }
  .footer-wrap{
    padding-inline:30px;
  }
  .footer-hospital-link.btn-arrow{
    width:280px;
  }
  .nav-active .heroview-main::before{
    opacity:0;
  }
  .nav-bar{
    display:none;
    visibility:hidden;
    position:fixed;
    top:52px;
    left:0;
    right:0;
    bottom:0;
    z-index:10000;
    background-color:#fff;
    overflow-y:auto;
    font-size:0.9375rem;
  }
  .nav-menu{
    gap:15px;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    padding-top:15px;
    padding-inline:4vw;
  }
  .nav-menu > li{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
  }
  .nav-link{
    width:100%;
    height:60px;
  }
  .nav-sub{
    margin:28px auto;
  }
  .nav-sub-list{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    justify-content:center;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    gap:20px;
  }
  .nav-sub-list li{
    max-width:230px;
    height:48px;
    margin-block:15px;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
  }
  .nav-extra{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    gap:15px;
    margin-block:30px;
  }
  .nav-extra li{
    max-width:200px;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
  }
}
@media (max-width: 767.98px){
  body{
    font-size:0.875rem;
  }
  .blk-sp{
    display:block;
  }
  .header-wrap{
    padding-inline:4vw;
  }
  .header-ttl{
    width:185px;
  }
  .footer{
    padding-block:50px 20px;
    background-size:365px auto, cover;
    background-image:url(../img/bg_footer_sp.webp), -webkit-gradient(linear, left top, right top, from(#11507d), to(#000017));
    background-image:url(../img/bg_footer_sp.webp), linear-gradient(90deg, #11507d, #000017);
  }
  .footer-wrap{
    padding-inline:20px;
  }
  .footer-inf{
    max-width:450px;
    font-size:0.75rem;
  }
  .footer-hospital-link{
    height:50px;
    font-size:0.75rem;
    background-position:calc(100% - 15px) auto;
    background-size:4px auto;
  }
  .footer-hospital-link.btn-arrow{
    width:100%;
    max-width:450px;
  }
  .nav-menu{
    display:block;
  }
  .nav-sub{
    width:230px;
  }
  .nav-sub-list{
    display:block;
  }
  .nav-sub .sns-list{
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
  }
  .nav-extra li{
    max-width:none;
  }
  .btn-arrow{
    height:50px;
    font-size:0.75rem;
    background-size:4px auto;
  }
  .btn-arrow.btn-calendar{
    background-position:calc(100% - 15px) 50%;
  }
  .btn-arrow.btn-career{
    background-position:calc(100% - 15px) 50%;
  }
  .btn-radius{
    height:35px;
    font-size:0.75rem;
  }
  .btn-radius-line{
    height:35px;
    font-size:0.75rem;
  }
  .link-text{
    font-size:0.75rem;
    padding-left:22px;
    background-size:18px auto;
  }
}
@media (max-width: 575.98px){
  .footer-wrap{
    padding-inline:4vw;
  }
  .footer-wrap{
    grid-template-columns:1fr;
    grid-template-rows:repeat(4, auto);
    grid-template-areas:"f_logo" "f_address" "f_btn" "f_copyright";
    gap:15px 0;
  }
  .footer-logo-link{
    width:300px;
    height:30px;
  }
  .footer-logo-link{
    width:235px;
    height:27px;
  }
  .footer-hospital{
    margin-top:10px;
    text-align:center;
  }
  .copyright{
    margin-top:42px;
    font-size:0.625rem;
  }
}
@media (min-width: 576px){
  .br-sm{
    display:none;
  }
}
@media (min-width: 768px) and (max-width: 991.98px){
  .blk-tb{
    display:block;
  }
}
@media (min-width: 768px){
  .br-sp{
    display:none;
  }
  .footer-hospital{
    text-align:end;
  }
  .copyright{
    margin-top:50px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px){
  .nav-menu{
    gap:1.25vw;
  }
}
@media (min-width: 992px){
  .blk-pc{
    display:block;
  }
  .br-tb{
    display:none;
  }
  .hidden-lg{
    display:none;
  }
  .home .header .nav-menu{
    -webkit-transform:translateY(-100px);
    transform:translateY(-100px);
    -webkit-animation:h_down 1s ease-in-out 2.4s forwards;
    animation:h_down 1s ease-in-out 2.4s forwards;
  }
  .nav-toggle{
    display:none;
  }
  .nav-link{
    padding:10px 8px;
  }
  .nav-sub .sns-list{
    display:none;
  }
  .nav-entry{
    position:absolute;
    top:0;
    right:0;
    width:200px;
    height:95px;
    z-index:10001;
  }
  .nav-area{
    margin-left:auto;
    padding-right:230px;
  }
  .home .nav-entry{
    height:160px;
    -webkit-transform:translateY(-160px);
    transform:translateY(-160px);
    -webkit-animation:h_down1 1s ease-in-out 2.4s forwards;
    animation:h_down1 1s ease-in-out 2.4s forwards;
  }
  .home .nav-sub{
    position:absolute;
    top:0;
    right:0;
    z-index:10002;
  }
  .home .nav-sub-list{
    position:relative;
  }
  .home .js-fixed .nav-entry{
    height:95px;
  }
  .home .js-fixed .triangle{
    visibility:hidden;
  }
  .home-active .triangle{
    display:none;
  }
}
.subpage .triangle{
  display:none;
}

@media (min-width: 1200px){
  .br-pc{
    display:none;
  }
}
@media (min-width: 1400px){
  .nav-entry{
    width:350px;
  }
  .nav-area{
    padding-right:390px;
  }
}
@media screen and (min-width: 1760px){
  .header-wrap{
    padding-left:6.25vw;
  }
}
@media (hover: hover){
  a:hover{
    opacity:0.6;
  }
  .btn-arrow:hover{
    opacity:0.6;
    background-position:calc(100% - 32px) 50%;
  }
  .link-text:hover{
    opacity:0.6;
    background-position:5px center;
  }
}

/*# sourceMappingURL=common.css.map */
