@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Rajdhani&display=swap');
/*
'Rajdhani' is licensed under the Open Font License.
https://fonts.google.com/specimen/Rajdhani
*/

/* 共通CSS */

/* バナー風リンク背景設定 */
a#banner1 {
    background: center / cover no-repeat #cae7e9;
    background-image: linear-gradient(rgba(68,74,255,.1),rgba(68,74,255,.1)), url('../img/design57_3.jpg');
    /*同じ色から同じ色のグラデーションを重ねてフィルター風にしています*/
}
a#banner2 {
    background: url('../img/bg/bg_54.jpg') center / cover no-repeat #cae7e9;
}

a#banner3 {
    background: url('../img/design57_banner.jpg') center 80% / cover no-repeat;
}

/* 共通設定 */
html {
    background: transparent;
    font-size: 62%;
}
body {
    min-height: 100vh;
    background: #ffffff;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    letter-spacing: 0.2em;
    line-height: 1.6;
}
a {
    text-decoration-color:#000000;
}
em {
    background: #0a4277;
    color: #ffffff;
    font-style: normal;
    font-weight: bolder;
}
ul,ol,dl {
    list-style: none;
}
.center {
    text-align: center;
}
.right {
    text-align: right;
}

/* スラッシュ付きリスト設定 */
.list-slash {
    display: flex;
    flex-wrap: wrap;
}
.list-slash li::before {
    content: '/';
    display: inline-block;
    margin: 0 1em;
    color: #67828f;
}
.list-slash li:first-of-type::before {
    content: none;
}
/* 背景設定（ボタン、ボックス） */
.bg-button {
    padding: .2em 1em;
    background: #e6e6e6;
    border: none;
    color: #000000;
}
.bg {
    background-image: url('../img/design57_3.jpg');
}