@charset "UTF-8";
@import url("https://fonts.googleapis.com/earlyaccess/notosansjp.css");
@import url("https://use.fontawesome.com/releases/v5.3.1/css/all.css");
* {
  min-height: 0.01px;
}

html {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0;
  margin: 0;
  color: #333;
}

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
  height: 100vh;
  padding: 0;
  margin: 0;
}

.main {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.inner {
  padding-left: 30px;
  padding-right: 30px;
}

@font-face {
  font-family: "Noto Sans JP", "sans-serif";
  font-weight: 300;
  font-style: normal;
}

.caution-title {
  padding: 0.5em 0.75em;
  background-color: #ff8029;
  border-radius: 10px;
  color: #fff;
  font-weight: 900;
  text-align: center;
  margin-bottom: 0.75em;
}

/* ページローディング */
#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #fff;
  z-index: 5000;
}

/* ページローディング　*/
.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}

.loader {
  margin: 60px auto;
  font-size: 10px;
  position: absolute;
  top: calc(50% - 120px);
  left: calc(50% - 50px);
  text-indent: -9999em;
  border-top: 1.1em solid rgba(146, 146, 146, 0.2);
  border-right: 1.1em solid rgba(146, 146, 146, 0.2);
  border-bottom: 1.1em solid rgba(146, 146, 146, 0.2);
  border-left: 1.1em solid #929292;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@media screen and (min-width: 768px) {
  .mt0 {
    margin-top: 0px !important;
  }
  .mb0 {
    margin-bottom: 0px !important;
  }
  .mt5 {
    margin-top: 5px !important;
  }
  .mb5 {
    margin-bottom: 5px !important;
  }
  .mt10 {
    margin-top: 10px !important;
  }
  .mb10 {
    margin-bottom: 10px !important;
  }
  .mt15 {
    margin-top: 15px !important;
  }
  .mb15 {
    margin-bottom: 15px !important;
  }
  .mt20 {
    margin-top: 20px !important;
  }
  .mb20 {
    margin-bottom: 20px !important;
  }
  .mt25 {
    margin-top: 25px !important;
  }
  .mb25 {
    margin-bottom: 25px !important;
  }
  .mt30 {
    margin-top: 30px !important;
  }
  .mb30 {
    margin-bottom: 30px !important;
  }
  .mt35 {
    margin-top: 35px !important;
  }
  .mb35 {
    margin-bottom: 35px !important;
  }
  .mt40 {
    margin-top: 40px !important;
  }
  .mb40 {
    margin-bottom: 40px !important;
  }
  .mt45 {
    margin-top: 45px !important;
  }
  .mb45 {
    margin-bottom: 45px !important;
  }
  .mt50 {
    margin-top: 50px !important;
  }
  .mb50 {
    margin-bottom: 50px !important;
  }
  .mt55 {
    margin-top: 55px !important;
  }
  .mb55 {
    margin-bottom: 55px !important;
  }
  .mt60 {
    margin-top: 60px !important;
  }
  .mb60 {
    margin-bottom: 60px !important;
  }
  .mt65 {
    margin-top: 65px !important;
  }
  .mb65 {
    margin-bottom: 65px !important;
  }
  .mt70 {
    margin-top: 70px !important;
  }
  .mb70 {
    margin-bottom: 70px !important;
  }
  .mt75 {
    margin-top: 75px !important;
  }
  .mb75 {
    margin-bottom: 75px !important;
  }
  .mt80 {
    margin-top: 80px !important;
  }
  .mb80 {
    margin-bottom: 80px !important;
  }
  .mt85 {
    margin-top: 85px !important;
  }
  .mb85 {
    margin-bottom: 85px !important;
  }
  .mt90 {
    margin-top: 90px !important;
  }
  .mb90 {
    margin-bottom: 90px !important;
  }
  .mt95 {
    margin-top: 95px !important;
  }
  .mb95 {
    margin-bottom: 95px !important;
  }
  .mt100 {
    margin-top: 100px !important;
  }
  .mb100 {
    margin-bottom: 100px !important;
  }
  .mt105 {
    margin-top: 105px !important;
  }
  .mb105 {
    margin-bottom: 105px !important;
  }
  .mt110 {
    margin-top: 110px !important;
  }
  .mb110 {
    margin-bottom: 110px !important;
  }
  .mt115 {
    margin-top: 115px !important;
  }
  .mb115 {
    margin-bottom: 115px !important;
  }
  .mt120 {
    margin-top: 120px !important;
  }
  .mb120 {
    margin-bottom: 120px !important;
  }
  .mt125 {
    margin-top: 125px !important;
  }
  .mb125 {
    margin-bottom: 125px !important;
  }
  .mt130 {
    margin-top: 130px !important;
  }
  .mb130 {
    margin-bottom: 130px !important;
  }
  .mt135 {
    margin-top: 135px !important;
  }
  .mb135 {
    margin-bottom: 135px !important;
  }
  .mt140 {
    margin-top: 140px !important;
  }
  .mb140 {
    margin-bottom: 140px !important;
  }
  .mt145 {
    margin-top: 145px !important;
  }
  .mb145 {
    margin-bottom: 145px !important;
  }
  .mt150 {
    margin-top: 150px !important;
  }
  .mb150 {
    margin-bottom: 150px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt0 {
    margin-top: 0px !important;
  }
  .mb0 {
    margin-bottom: 0px !important;
  }
  .mt5 {
    margin-top: 2.5px !important;
  }
  .mb5 {
    margin-bottom: 2.5px !important;
  }
  .mt10 {
    margin-top: 5px !important;
  }
  .mb10 {
    margin-bottom: 5px !important;
  }
  .mt15 {
    margin-top: 7.5px !important;
  }
  .mb15 {
    margin-bottom: 7.5px !important;
  }
  .mt20 {
    margin-top: 10px !important;
  }
  .mb20 {
    margin-bottom: 10px !important;
  }
  .mt25 {
    margin-top: 12.5px !important;
  }
  .mb25 {
    margin-bottom: 12.5px !important;
  }
  .mt30 {
    margin-top: 15px !important;
  }
  .mb30 {
    margin-bottom: 15px !important;
  }
  .mt35 {
    margin-top: 17.5px !important;
  }
  .mb35 {
    margin-bottom: 17.5px !important;
  }
  .mt40 {
    margin-top: 20px !important;
  }
  .mb40 {
    margin-bottom: 20px !important;
  }
  .mt45 {
    margin-top: 22.5px !important;
  }
  .mb45 {
    margin-bottom: 22.5px !important;
  }
  .mt50 {
    margin-top: 25px !important;
  }
  .mb50 {
    margin-bottom: 25px !important;
  }
  .mt55 {
    margin-top: 27.5px !important;
  }
  .mb55 {
    margin-bottom: 27.5px !important;
  }
  .mt60 {
    margin-top: 30px !important;
  }
  .mb60 {
    margin-bottom: 30px !important;
  }
  .mt65 {
    margin-top: 32.5px !important;
  }
  .mb65 {
    margin-bottom: 32.5px !important;
  }
  .mt70 {
    margin-top: 35px !important;
  }
  .mb70 {
    margin-bottom: 35px !important;
  }
  .mt75 {
    margin-top: 37.5px !important;
  }
  .mb75 {
    margin-bottom: 37.5px !important;
  }
  .mt80 {
    margin-top: 40px !important;
  }
  .mb80 {
    margin-bottom: 40px !important;
  }
  .mt85 {
    margin-top: 42.5px !important;
  }
  .mb85 {
    margin-bottom: 42.5px !important;
  }
  .mt90 {
    margin-top: 45px !important;
  }
  .mb90 {
    margin-bottom: 45px !important;
  }
  .mt95 {
    margin-top: 47.5px !important;
  }
  .mb95 {
    margin-bottom: 47.5px !important;
  }
  .mt100 {
    margin-top: 50px !important;
  }
  .mb100 {
    margin-bottom: 50px !important;
  }
  .mt105 {
    margin-top: 52.5px !important;
  }
  .mb105 {
    margin-bottom: 52.5px !important;
  }
  .mt110 {
    margin-top: 55px !important;
  }
  .mb110 {
    margin-bottom: 55px !important;
  }
  .mt115 {
    margin-top: 57.5px !important;
  }
  .mb115 {
    margin-bottom: 57.5px !important;
  }
  .mt120 {
    margin-top: 60px !important;
  }
  .mb120 {
    margin-bottom: 60px !important;
  }
  .mt125 {
    margin-top: 62.5px !important;
  }
  .mb125 {
    margin-bottom: 62.5px !important;
  }
  .mt130 {
    margin-top: 65px !important;
  }
  .mb130 {
    margin-bottom: 65px !important;
  }
  .mt135 {
    margin-top: 67.5px !important;
  }
  .mb135 {
    margin-bottom: 67.5px !important;
  }
  .mt140 {
    margin-top: 70px !important;
  }
  .mb140 {
    margin-bottom: 70px !important;
  }
  .mt145 {
    margin-top: 72.5px !important;
  }
  .mb145 {
    margin-bottom: 72.5px !important;
  }
  .mt150 {
    margin-top: 75px !important;
  }
  .mb150 {
    margin-bottom: 75px !important;
  }
}

@media screen and (min-width: 768px) {
  .pt0 {
    padding-top: 0px !important;
  }
  .pb0 {
    padding-bottom: 0px !important;
  }
  .pt5 {
    padding-top: 5px !important;
  }
  .pb5 {
    padding-bottom: 5px !important;
  }
  .pt10 {
    padding-top: 10px !important;
  }
  .pb10 {
    padding-bottom: 10px !important;
  }
  .pt15 {
    padding-top: 15px !important;
  }
  .pb15 {
    padding-bottom: 15px !important;
  }
  .pt20 {
    padding-top: 20px !important;
  }
  .pb20 {
    padding-bottom: 20px !important;
  }
  .pt25 {
    padding-top: 25px !important;
  }
  .pb25 {
    padding-bottom: 25px !important;
  }
  .pt30 {
    padding-top: 30px !important;
  }
  .pb30 {
    padding-bottom: 30px !important;
  }
  .pt35 {
    padding-top: 35px !important;
  }
  .pb35 {
    padding-bottom: 35px !important;
  }
  .pt40 {
    padding-top: 40px !important;
  }
  .pb40 {
    padding-bottom: 40px !important;
  }
  .pt45 {
    padding-top: 45px !important;
  }
  .pb45 {
    padding-bottom: 45px !important;
  }
  .pt50 {
    padding-top: 50px !important;
  }
  .pb50 {
    padding-bottom: 50px !important;
  }
  .pt55 {
    padding-top: 55px !important;
  }
  .pb55 {
    padding-bottom: 55px !important;
  }
  .pt60 {
    padding-top: 60px !important;
  }
  .pb60 {
    padding-bottom: 60px !important;
  }
  .pt65 {
    padding-top: 65px !important;
  }
  .pb65 {
    padding-bottom: 65px !important;
  }
  .pt70 {
    padding-top: 70px !important;
  }
  .pb70 {
    padding-bottom: 70px !important;
  }
  .pt75 {
    padding-top: 75px !important;
  }
  .pb75 {
    padding-bottom: 75px !important;
  }
  .pt80 {
    padding-top: 80px !important;
  }
  .pb80 {
    padding-bottom: 80px !important;
  }
  .pt85 {
    padding-top: 85px !important;
  }
  .pb85 {
    padding-bottom: 85px !important;
  }
  .pt90 {
    padding-top: 90px !important;
  }
  .pb90 {
    padding-bottom: 90px !important;
  }
  .pt95 {
    padding-top: 95px !important;
  }
  .pb95 {
    padding-bottom: 95px !important;
  }
  .pt100 {
    padding-top: 100px !important;
  }
  .pb100 {
    padding-bottom: 100px !important;
  }
  .pt105 {
    padding-top: 105px !important;
  }
  .pb105 {
    padding-bottom: 105px !important;
  }
  .pt110 {
    padding-top: 110px !important;
  }
  .pb110 {
    padding-bottom: 110px !important;
  }
  .pt115 {
    padding-top: 115px !important;
  }
  .pb115 {
    padding-bottom: 115px !important;
  }
  .pt120 {
    padding-top: 120px !important;
  }
  .pb120 {
    padding-bottom: 120px !important;
  }
  .pt125 {
    padding-top: 125px !important;
  }
  .pb125 {
    padding-bottom: 125px !important;
  }
  .pt130 {
    padding-top: 130px !important;
  }
  .pb130 {
    padding-bottom: 130px !important;
  }
  .pt135 {
    padding-top: 135px !important;
  }
  .pb135 {
    padding-bottom: 135px !important;
  }
  .pt140 {
    padding-top: 140px !important;
  }
  .pb140 {
    padding-bottom: 140px !important;
  }
  .pt145 {
    padding-top: 145px !important;
  }
  .pb145 {
    padding-bottom: 145px !important;
  }
  .pt150 {
    padding-top: 150px !important;
  }
  .pb150 {
    padding-bottom: 150px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt0 {
    padding-to: 0px !important;
  }
  .pb0 {
    padding-bottom: 0px !important;
  }
  .pt5 {
    padding-to: 2.5px !important;
  }
  .pb5 {
    padding-bottom: 2.5px !important;
  }
  .pt10 {
    padding-to: 5px !important;
  }
  .pb10 {
    padding-bottom: 5px !important;
  }
  .pt15 {
    padding-to: 7.5px !important;
  }
  .pb15 {
    padding-bottom: 7.5px !important;
  }
  .pt20 {
    padding-to: 10px !important;
  }
  .pb20 {
    padding-bottom: 10px !important;
  }
  .pt25 {
    padding-to: 12.5px !important;
  }
  .pb25 {
    padding-bottom: 12.5px !important;
  }
  .pt30 {
    padding-to: 15px !important;
  }
  .pb30 {
    padding-bottom: 15px !important;
  }
  .pt35 {
    padding-to: 17.5px !important;
  }
  .pb35 {
    padding-bottom: 17.5px !important;
  }
  .pt40 {
    padding-to: 20px !important;
  }
  .pb40 {
    padding-bottom: 20px !important;
  }
  .pt45 {
    padding-to: 22.5px !important;
  }
  .pb45 {
    padding-bottom: 22.5px !important;
  }
  .pt50 {
    padding-to: 25px !important;
  }
  .pb50 {
    padding-bottom: 25px !important;
  }
  .pt55 {
    padding-to: 27.5px !important;
  }
  .pb55 {
    padding-bottom: 27.5px !important;
  }
  .pt60 {
    padding-to: 30px !important;
  }
  .pb60 {
    padding-bottom: 30px !important;
  }
  .pt65 {
    padding-to: 32.5px !important;
  }
  .pb65 {
    padding-bottom: 32.5px !important;
  }
  .pt70 {
    padding-to: 35px !important;
  }
  .pb70 {
    padding-bottom: 35px !important;
  }
  .pt75 {
    padding-to: 37.5px !important;
  }
  .pb75 {
    padding-bottom: 37.5px !important;
  }
  .pt80 {
    padding-to: 40px !important;
  }
  .pb80 {
    padding-bottom: 40px !important;
  }
  .pt85 {
    padding-to: 42.5px !important;
  }
  .pb85 {
    padding-bottom: 42.5px !important;
  }
  .pt90 {
    padding-to: 45px !important;
  }
  .pb90 {
    padding-bottom: 45px !important;
  }
  .pt95 {
    padding-to: 47.5px !important;
  }
  .pb95 {
    padding-bottom: 47.5px !important;
  }
  .pt100 {
    padding-to: 50px !important;
  }
  .pb100 {
    padding-bottom: 50px !important;
  }
  .pt105 {
    padding-to: 52.5px !important;
  }
  .pb105 {
    padding-bottom: 52.5px !important;
  }
  .pt110 {
    padding-to: 55px !important;
  }
  .pb110 {
    padding-bottom: 55px !important;
  }
  .pt115 {
    padding-to: 57.5px !important;
  }
  .pb115 {
    padding-bottom: 57.5px !important;
  }
  .pt120 {
    padding-to: 60px !important;
  }
  .pb120 {
    padding-bottom: 60px !important;
  }
  .pt125 {
    padding-to: 62.5px !important;
  }
  .pb125 {
    padding-bottom: 62.5px !important;
  }
  .pt130 {
    padding-to: 65px !important;
  }
  .pb130 {
    padding-bottom: 65px !important;
  }
  .pt135 {
    padding-to: 67.5px !important;
  }
  .pb135 {
    padding-bottom: 67.5px !important;
  }
  .pt140 {
    padding-to: 70px !important;
  }
  .pb140 {
    padding-bottom: 70px !important;
  }
  .pt145 {
    padding-to: 72.5px !important;
  }
  .pb145 {
    padding-bottom: 72.5px !important;
  }
  .pt150 {
    padding-to: 75px !important;
  }
  .pb150 {
    padding-bottom: 75px !important;
  }
}

@media screen and (min-width: 768px) {
  .w-per50 {
    width: 50% !important;
  }
}

@media screen and (max-width: 767px) {
  .w-per50 {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .w-per60 {
    width: 60% !important;
  }
}

@media screen and (max-width: 767px) {
  .w-per60 {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .w-per70 {
    width: 70% !important;
  }
}

@media screen and (max-width: 767px) {
  .w-per70 {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .w-per80 {
    width: 80% !important;
  }
}

@media screen and (max-width: 767px) {
  .w-per80 {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .w-per90 {
    width: 90% !important;
  }
}

@media screen and (max-width: 767px) {
  .w-per90 {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .w-per100 {
    width: 100% !important;
  }
}

@media screen and (max-width: 767px) {
  .w-per100 {
    width: 100%;
  }
}

.fs18 {
  font-size: 1.125rem;
}

figcaption {
  font-size: 1.25rem;
}

.fs24,
h3.facility-icon,
h3.access-icon,
h3.aisatsu-icon,
h3.staff-icon {
  font-size: 1.5rem;
}

.fs28 {
  font-size: 1.75rem;
}

body {
  /*padding-top: 20px;*/
  padding-bottom: 20px;
}

p {
  text-align: justify;
}

a {
  color: #333;
  text-decoration: none !important;
}

a:hover {
  color: #333;
  text-decoration: none !important;
}

.orange_txt {
  color: #ff8029;
}

.bg_orange {
  background-color: #ff8029 !important;
  color: #fff;
}

.bg_orange a {
  color: #fff;
}

.bg_light-orange {
  background-color: #fcf7f0 !important;
}

.bg_white {
  background-color: #ff8029 !important;
  color: #333;
}

.bg_white a {
  color: #333 !important;
}

.bg_white a:link,
.bg_white a:visited,
.bg_white a:hover,
.bg_white a:active {
  color: #333 !important;
}

.navbar {
  background: #ff8029;
}

.navbar a {
  color: #fff;
}

.navbar li {
  position: relative;
  font-size: 24px;
}

.navbar li.facility a:before,
.navbar li.access a:before,
.navbar li.aisatsu a:before,
.navbar li.staff a:before {
  position: relative;
  top: 0.1em;
  padding-right: 5px;
}

.navbar li.facility a:before {
  content: url(../img/facility-icon.png);
}

.navbar li.access a:before {
  content: url(../img/access-icon.png);
}

.navbar li.aisatsu a:before {
  content: url(../img/aisatsu-icon.png);
}

.navbar li.staff a:before {
  content: url(../img/staff-icon.png);
}

@media screen and (max-width: 1199px) {
  .navbar li {
    padding-left: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  }
  .navbar li:hover {
    background: #ffa93a;
  }
}

.navbar .navbar-toggler {
  border: 1px solid #fff;
  position: relative;
}

.navbar .navbar-toggler .bars {
  padding: 0;
  margin: 0;
  /* font-weight: 400; フォントファイル" Regular" */
  /* font-weight: 900; フォントファイル  "Solid" */
}

.navbar .navbar-toggler .bars:before {
  top: 0.5em;
  left: 1em;
  color: #fff;
  position: absolute;
  font-family: "Font Awesome 5 Free";
  content: "\f0c9";
  font-weight: 900;
}

@media screen and (min-width: 1200px) {
  .navbar-brand {
    display: block;
  }
}

@media screen and (max-width: 1199px) {
  .navbar-brand {
    display: none;
  }
}

@media screen and (min-width: 1200px) {
  .icons-pc {
    width: auto;
    height: 36px;
  }
  .icons-pc a img {
    margin-left: 6px;
  }
}

@media screen and (max-width: 1199px) {
  .icons-pc {
    display: none;
  }
}

/*
.icons-mobile {
@include min(1200)
{
display: none;
}
@include max(1199)
{
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
@include min(1200)
{
width:80%;
}
@include screen(768,1199) {
width:40%;
}
@include screen(400,767)
{
width:60%;
}
@include max(399)
{
width:75%;
}

// height: 36px;
a.cell img {
width:calc((50%/4) - 9px);
display: inline-flex;
margin-left: 3px;
margin-bottom: 3px;
}
a.tel-cell img {
width:calc(50% - 9px);
display: inline-flex;
margin-left: 3px;
margin-bottom: 3px;
}

}
}
*/
@media screen and (min-width: 1200px) {
  .icons-mobile {
    display: none;
  }
}

@media screen and (max-width: 1199px) {
  .icons-mobile {
    display: inline-block;
  }
}

@media screen and (max-width: 1199px) and (min-width: 1200px) {
  .icons-mobile {
    width: 80%;
  }
}

@media screen and (max-width: 1199px) and (min-width: 768px) and (max-width: 1199px) {
  .icons-mobile {
    width: 40%;
  }
}

@media screen and (max-width: 1199px) and (min-width: 400px) and (max-width: 767px) {
  .icons-mobile {
    width: 60%;
  }
}

@media screen and (max-width: 1199px) and (max-width: 399px) {
  .icons-mobile {
    width: 75%;
  }
}

@media screen and (max-width: 1199px) {
  .icons-mobile a.cell img {
    width: calc((50% / 4) - 9px);
    display: inline-block;
    margin-left: 3px;
    margin-bottom: 3px;
  }
  .icons-mobile a.tel-cell img {
    width: calc(50% - 9px);
    display: inline-block;
    margin-left: 3px;
    margin-bottom: 3px;
  }
}

.nav-link.disabled {
  color: #fff;
}

.kado-maru8 {
  border: 8px solid #fe9849;
  border-radius: 20px !important;
  background: #fff;
}

.kado-maru10 {
  border: 10px solid #fe9849;
  border-radius: 20px !important;
  background: #fff;
}

.kado-maru4 {
  border: 4px solid #fe9849;
  border-radius: 20px !important;
  background: #fff;
}

.kado-maru {
  border-radius: 20px !important;
  background: #fff;
}

.carousel-indicators li {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.5);
}

.carousel-control-prev,
.carousel-control-next {
  display: none;
}

.ep-xl {
  position: absolute;
  z-index: 100;
  top: calc(50% - 20px);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 30px;
}

@media screen and (min-width: 992px) {
  .ep-xl {
    display: block;
  }
}

@media screen and (max-width: 991px) {
  .ep-xl {
    display: none;
  }
}

.mobile-title {
  width: calc(50% - 30px);
  height: 30%;
  position: absolute;
  z-index: 100;
  top: 50%;
  left: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (min-width: 992px) {
  .mobile-title {
    display: none;
  }
}

@media screen and (max-width: 991px) {
  .mobile-title {
    display: block;
  }
}

h3.facility-icon {
  line-height: 1.5;
  color: #ff8029;
  font-weight: 500;
}

@media screen and (min-width: 576px) {
  h3.facility-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}

@media screen and (max-width: 575px) {
  h3.facility-icon {
    display: block;
    width: 100%;
  }
}

h3.facility-icon:before {
  content: url("../img/facility-icon-l.png");
  padding-right: 28px;
}

@media screen and (max-width: 575px) {
  h3.facility-icon:before {
    display: block;
    width: 100%;
    text-align: center;
    padding-right: 0;
  }
}

h3.access-icon {
  line-height: 1.5;
  color: #ff8029;
  font-weight: 500;
}

@media screen and (min-width: 576px) {
  h3.access-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}

@media screen and (max-width: 575px) {
  h3.access-icon {
    display: block;
    width: 100%;
  }
}

h3.access-icon:before {
  content: url("../img/access-icon-l.png");
  padding-right: 28px;
}

@media screen and (max-width: 575px) {
  h3.access-icon:before {
    display: block;
    width: 100%;
    text-align: center;
    padding-right: 0;
  }
}

h3.aisatsu-icon {
  line-height: 1.5;
  color: #ff8029;
  font-weight: 500;
}

@media screen and (min-width: 576px) {
  h3.aisatsu-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}

@media screen and (max-width: 575px) {
  h3.aisatsu-icon {
    display: block;
    width: 100%;
  }
}

h3.aisatsu-icon:before {
  content: url("../img/aisatsu-icon-l.png");
  padding-right: 28px;
}

@media screen and (max-width: 575px) {
  h3.aisatsu-icon:before {
    display: block;
    width: 100%;
    text-align: center;
    padding-right: 0;
  }
}

h3.staff-icon {
  line-height: 1.5;
  color: #ff8029;
  font-weight: 500;
}

@media screen and (min-width: 576px) {
  h3.staff-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}

@media screen and (max-width: 575px) {
  h3.staff-icon {
    display: block;
    width: 100%;
  }
}

h3.staff-icon:before {
  content: url("../img/staff-icon-l.png");
  padding-right: 28px;
}

@media screen and (max-width: 575px) {
  h3.staff-icon:before {
    display: block;
    width: 100%;
    text-align: center;
    padding-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .twitter-timeline {
    height: 400px !important;
  }
}

figcaption {
  text-align: center;
  padding-top: 5px;
  color: #ff8029;
}

.google-map {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}

.google-map iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 98%;
  height: 98%;
}

@media screen and (min-width: 992px) {
  .w-appearance {
    width: 60%;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .w-appearance {
    width: 80%;
  }
}

@media screen and (max-width: 767px) {
  .w-appearance {
    width: 100%;
  }
}

.staff-pict {
  position: relative;
}

@media screen and (min-width: 992px) {
  .staff-pict {
    width: 100%;
    height: 640px;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .staff-pict {
    width: 100%;
    height: 340px;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .staff-pict {
    width: 100%;
    height: 340px;
  }
}

@media screen and (max-width: 575px) {
  .staff-pict {
    width: 100%;
    height: auto;
  }
}

@media screen and (min-width: 992px) {
  .staff-pict img.staff01 {
    position: absolute;
    z-index: 2;
    width: 270px;
    height: auto;
    bottom: 0;
    left: 0;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .staff-pict img.staff01 {
    position: absolute;
    z-index: 2;
    width: calc(260px * 0.7);
    height: auto;
    bottom: 0;
    left: 0;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .staff-pict img.staff01 {
    max-width: 100%;
  }
}

@media screen and (max-width: 575px) {
  .staff-pict img.staff01 {
    max-width: 100% !important;
    height: auto;
  }
}

@media screen and (min-width: 992px) {
  .staff-pict img.staff02 {
    position: absolute;
    z-index: 1;
    width: 400px;
    height: auto;
    top: 0;
    right: 15px;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .staff-pict img.staff02 {
    position: absolute;
    z-index: 1;
    width: calc(400px * 0.7);
    height: auto;
    top: 0;
    right: 15px;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .staff-pict img.staff02 {
    max-width: 100%;
  }
}

@media screen and (max-width: 575px) {
  .staff-pict img.staff02 {
    max-width: 100% !important;
    height: auto;
  }
}

.footer {
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 30px;
  padding-right: 30px;
  margin: 0;
}

@media screen and (min-width: 768px) {
  .footer p span:after {
    content: "";
    padding-right: 10px;
  }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
  .footer p span:after {
    content: "";
    padding-right: 0;
  }
}

@media screen and (min-width: 768px) {
  .footer br {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .footer br {
    display: block;
  }
}

/* page-top */
#page-top {
  position: fixed;
  bottom: 30px;
  right: 20px;
  font-size: 2.4rem;
  z-index: 1000;
}

#page-top a {
  text-decoration: none;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.7);
  height: 4.8rem;
  width: 4.8rem;
  display: block;
  text-align: center;
  line-height: 4.8rem;
  color: #fff !important;
}

#page-top a:hover {
  color: #ff9070 !important;
  text-decoration: none;
}

.sp_links {
  display: block;
  width: fit-content;
  margin-inline: auto;
  background-color: red;
  color: #fff;
  font-weight: 700;
  padding: 0.35em 2em;
  text-decoration: none !important;
  border-radius: 50vh;
  text-align: center;
}
.sp_links:hover {
  background-color: #ff8029 !important;
  color: #fff;
}

.cat {
  border-radius: 50%;
}

.holiday {
  display: block;
  text-align: center;
  font-weight: 700;
  color: #ff8029;
  margin-top: .75em;
}