#navi_to_contents {
    display: flex;
    flex-direction: row;
    justify-content: center;
    text-align: center;
}
#navi_to_contents .shin-kobe {
    --background-color: var(--color-sub-red);
}
#navi_to_contents .suzuran {
    --background-color: var(--color-base-blue);
}
#navi_to_contents .shin-kyoto {
    --background-color: var(--color-sub-pink);
}
#navi_to_contents > div {
    height: 320px;
    background-color: var(--background-color);
    padding-top: var(--height-header);
    padding-bottom: 30px;
}
#navi_to_contents > div a {
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 30px;
    animation: fadein 1.3s cubic-bezier(0.175, 0.885, 0.320, 1.275) alternate;
}

#slogan {
    width: 1200px;
    font-size: 38px;
    margin: 0 auto;
    padding: 90px 0 75px;
    text-align: center;
    font-weight: 400;
    line-height: 200%;
    color: #000;
    font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

#index_info {
    width: 1200px;
    margin: 0 auto;
    padding: 90px 0 100px;
    text-align: center;
}
#index_info .description {
    margin: 0 0 100px 0;
}
#index_info .description h1, #index_info .description p {
    font-size: 1rem;
}
#index_info .pamphlet a {
    display: inline-block;
    background: #bbb;
    color: #fff;
    text-decoration: none;
    padding: 0 85px 0 140px;
    height: 110px;
    line-height: 112px;
    font-size: 26px;
    transition: 0.3s ease-out;
}
#index_info .pamphlet a:hover {
    background-color: #2D8696;
}