body {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size: 14px;
    line-height: 1.75;
    font-weight: 700;
    text-align: center;
    color: #FFF;
    background-color: #00A1F1;
    margin: 0px;
}

p {
    margin: 0;
    font-weight: 500;
}

h2 {
    margin: 0;
}

h3 {
    margin: 0;
}

html {
    scroll-behavior: smooth;
}

ul {
    margin: 0;
    padding: 0;
}

/* コンテナのクラス */

.view-timer {
    color: #FFFFFF;
    background: #00399E;
    font-size: 20px;
    line-height: 1.5;
    display: flex;
    padding: 16px 0px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
}

.container {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    max-width: 600px;
    margin: 0 auto;
}


.section{
    display: flex;
    padding: 0px 0px 32px 0px;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    align-self: stretch;
    background: linear-gradient(180deg, #00A1F1 49.5%, #0073E6 100%);
}

.section h2 {
    color:  #FFF;
    text-align: center;
    font-size: 20px;
    line-height: 130%;
    display: flex;
    padding: 4px 0px;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
}

.headline {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: -8px;
}

.headline img {
    width: 40px;
}

.image-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    padding: 0px 16px 0px 16px;
    max-width: 640px;
    margin: auto;
    align-items: end;
}

.image-grid a {
    display: block;
}

.image-grid img {
    width: 100%;
    height: auto;
    border: 1px solid #000;
    box-shadow: 0px 0px 0px 1px #FCE700;
}

/* テキストのクラス */

/* 画像のクラス */

img {
    width: 100%;
}

.decoimg {
    width: 85%;
}