@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP&family=Rajdhani&display=swap');

/* 共通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: 68%;
}
body {
    min-height: 100vh;
    background: #ffffff;
    font-family: 'Noto Serif JP', serif;
    letter-spacing: 0.2em;
    line-height: 1.8;
}
a {
    text-decoration: none;
}
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: #0a4277;
    border: none;
    color: #e9ecf0;
}
.bg {
    background-image: url('../img/design57_3.jpg');
}

.title{
font-size:1.5em;
font-weight:700;
margin:1em 0
}

.logo{
width:120px;
}