/* 全体にフォントを設定 */
body {
    font-family: 'Noto Sans', sans-serif;/* サンセリフはmobile対応フォント */
}


/*テキストについて===============================================
 ===============================================================*/

/* テキスト白 */
.txt-white {
    text-align: left;
    color: #ffffff;
}

/* テキスト黒 */
.txt-black {
    text-align: left;
    color: #242424;
}

/* テキストグレー01 */
.txt-gre01 {
    text-align: left;
    color: #666666;
}

/* テキストグレー02 */
.txt-gre02 {
    text-align: left;
    color: #949494;
}

/* テキストグラデ */
.txt-grad {
    text-align: left;
    font-weight: bold;
    background-image: linear-gradient(135deg, #08CDF9 0%, #D23BF8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /* letter-spacing: 3px;文字間調整 */
}

.txt-grad-p2 {
    text-align: left;
    font-weight: bold;
    background-image: linear-gradient(135deg, #c2f82e 0%, #D23BF8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: 3px;/* 文字間調整 */
}


/* テキスト黒 外枠緑 */
.txt-frame {
    text-align: left;
    color: #333333;
    text-shadow: 
    1px 1px 0 #00B0B0,
    -1px -1px 0 #00B0B0,
    1px -1px 0 #00B0B0,
    -1px 1px 0 #00B0B0;
    line-height: 0.8; /* 行間を狭める */
}

/* テキスト白 外枠グラデ */
.txt-wh-grd {
    color: #FFFFFF;
    -webkit-text-stroke: 5px transparent; /* テキストの縁取りを透明にする */
    text-stroke: 5px transparent; /* テキストの縁取りを透明にする */
    background-image: linear-gradient(to right, #08CDF9, #B922D1); /* 枠線になるグラデーション */
    -webkit-background-clip: text; /* テキストに対してグラデーションをクリップ */
    background-clip: text; /* テキストに対してグラデーションをクリップ */
    letter-spacing: 15px; /* 文字間調整 */
}

/* テキスト黒 外枠グラデ */
.txt-br-grd {
    color: #000000;
    -webkit-text-stroke: 5px transparent; /* テキストの縁取りを透明にする */
    text-stroke: 5px transparent; /* テキストの縁取りを透明にする */
    background-image: linear-gradient(to right, #08CDF9, #B922D1); /* 枠線になるグラデーション */
    -webkit-background-clip: text; /* テキストに対してグラデーションをクリップ */
    background-clip: text; /* テキストに対してグラデーションをクリップ */
    letter-spacing: 15px; /* 文字間調整 */
}



/* フッター======================================================== */
/* =============================================================== */

/* フッター帯 */
.footer-group {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    width: 100%;
    height: 100px;
}

/* フッターのポジション */
.footer-pos {
    position: relative;
    margin-top: 10%;
    bottom: 0;
    left: 50%; /* 左端を画面の中央に */
    transform: translate(-50%, 0%); /* 中心を画面の中央に移動する */
}

/* お問い合わせ */
.footer-txt-101 {
    font-size: 18px;
}

/* |仕切り */
.footer-line {
    font-size: 18px;
    margin-left: 80px;
}

/* プライバシーポリシー */
.footer-txt-102 {
    font-size: 18px;
    margin-left: 80px;
}
@media (max-width: 768px) {

    /* フッター帯 */
    .footer-group {
        width: 100%;
        height: 30px;
    }

    /* お問い合わせ */
    .footer-txt-101 {
        font-size: 5px;
    }

    /* |仕切り */
    .footer-line {
        font-size: 5px;
        margin-left: 40px;
    }

    /* プライバシーポリシー */
    .footer-txt-102 {
        font-size: 5px;
        margin-left: 40px;
    }
}