html {font-size: 18px;scroll-behavior: smooth;}
body {font-family: 'Noto Sans', sans-serif;margin: 0;padding: 0;}
p{font-size: 1.0rem;line-height: 1.8rem;}
img {vertical-align: top;width: 100%; height: auto;}

.section01{
    background: #014AAD;
}

.section01.case04{height: 100vh;}

.container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse; 
    justify-content: flex-start;
    max-width: 900px;
    margin: 0 auto;
}


.item {
    background: white;
    flex: 1 1 calc(33.333% - 10px); 
    margin: 5px;
    box-sizing: border-box;
    max-width: calc(33.333% - 10px); 
    padding: 8px;
}

.item img {
    width: 100%;
    height: auto;
    display: block;
}

.container p{
    text-align: right;
    padding: 0;
    padding-top: 4px;
    margin: 0;
    font-size: 10px;
    line-height: 1.0em !important;
}

/* タブレット用スタイル */
@media (min-width: 768px) and (max-width: 1024px) {

.section01.case04{height: auto;}

}


/* スマートフォン用スタイル */
@media (max-width: 767px) {


.container {
    display: block;
    padding: 8px;
    box-sizing: border-box;
}


.item {
    width: 100%;
    max-width: 100%;
    margin: 0px;
    padding: 8px;
    margin-bottom: 12px;
}

}