/* Bootstrap の上に重ねる、このサイト用の最小限の調整 */
.content img { max-width: 100%; height: auto; }
.content a { overflow-wrap: anywhere; }
.content table { display: block; overflow-x: auto; max-width: 100%; }

/* --- トップページの hero --- */
.hero { position: relative; overflow: hidden; color: #fff; background: #333; text-align: center;}
.hero-slides, .hero-slide, .hero-overlay { position: absolute; inset: 0; }
.hero-slide { background-size: cover; background-position: center; opacity: 0; transition: opacity 1.5s ease; }
.hero-slide.is-active { opacity: 1; }
.hero-overlay { background: rgba(0, 0, 0, .45); }
.hero-content { position: relative; padding-top: 8vh; padding-bottom: 8vh; }
.hero-large-text { font-size: calc(1.4rem + 2vw); font-weight: 700; font-family: var(--font-sans);}
.hero-small-text { font-size: 1.1rem; margin-bottom: 1.5rem; font-family: var(--font-sans);}
.js-rotating.is-rotating { display: inline-block; transition: opacity .4s ease; }
.js-rotating.is-hidden { opacity: 0; }
.titleclass{text-align: center; font-family: var(--font-sans);}