@import "bootstrap";

body {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    /* 通常の太さ */
}

h1 {
    font-weight: 700;
    /* 太字 */
}

h2 {
    font-weight: 700;
    /* 太字 */
}

.bg-image {
    background:
        linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 162, 146, 0.5) 100%),
        url('../img/top.png');
    /* background: linear-gradient(to bottom rgba(0, 0, 0, 0) 50%, rgba(0, 162, 146, 0.5) 100%),
        url('../img/top.png'); */
    /* background-image: url('../img/top.png'); */
    /* 背景画像を指定 */
    background-size: cover;
    /* 画像を要素のサイズに合わせて拡大縮小 */
    background-position: center;
    /* 画像を中央に配置 */
    height: 500px;
    /* 要素の高さを指定 */
    position: relative;
    /* 子要素の配置を制御可能にする */
}

.text-shadow {
    text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
}

.fs-10 {
    font-size: 0.8rem;
}








.mw-100 {
    max-width: 100px !important;
}

.mw-300 {
    max-width: 300px !important;
}

.mw-480 {
    max-width: 480px !important;
}

.mw-507 {
    max-width: 480px !important;
}

.mw-600 {
    max-width: 600px !important;
}

.footer-bg {
    background-color: #F5F5F5;
}

a {
    text-decoration: none;
    /* アンダーラインを消す */
    color: inherit;
    /* テキストの色を親要素に合わせる（オプション） */
}

a:hover {
    text-decoration: none;
    /* ホバー時もアンダーラインを消す */
}

.gradient-bg {
    background: linear-gradient(70deg, #162141 50%, #80509c 100%);
}

.lh-custom {
    line-height: 2;
    /* お好みで1.5や1.8などに調整可能 */
}


/* style.css */
.fs-0 { font-size: 5rem !important; }
.fs-025 { font-size: 3.5rem !important; }
.fs-05 { font-size: 3rem !important; }
.main-height{height:300px;}

@media (min-width: 768px) {
    .main-height{height:500px;}
  .fs-md-0 { font-size: 5rem !important; }
  .fs-md-025 { font-size: 3.5rem !important; }
  .fs-md-05 { font-size: 3rem !important; }
}
@media (min-width: 992px) {
    .main-height{height:500px;}
  .fs-lg-0 { font-size: 5rem !important; }
  .fs-lg-025 { font-size: 3.5rem !important; }
  .fs-lg-05 { font-size: 3rem !important; }
}