body {
    -webkit-text-size-adjust: 100%;
    font-size: 62.5%;
    font-family: "M PLUS 1p", sans-serif;
    background-image: url("./i-area_bg.png");
}
img {
    max-width: 80%;
    height: auto;
    width: auto;
}
    p {
        font-size: 160%;
        font-weight: 1000;
    }

@media screen and (max-width: 640px) {
    p {
        font-size: 130%;
        font-weight: 600;
    }
}
.section-style > div > p > span {
    font-size: 150%;
    font-weight: bolder;
    color: rgba(34, 200, 228);
    background:linear-gradient(transparent 70%, #FFFF00 0%);
}
header {
    background:linear-gradient(90deg,rgba(34, 200, 228, 1),rgba(20, 184, 167, 0.7));
}
footer {
    background:linear-gradient(90deg,rgba(34, 200, 228, 0.7),rgba(20, 184, 167, 1));
    min-height: 40px;
}
.section-style {
    font-size: 140%;
    background:linear-gradient(90deg,rgba(246, 253, 254, 0.8),rgba(246, 253, 254, 0.8));
}
.section-style > div > p > span{
    font-family: 'Kosugi Maru', sans-serif;
}
.odd-style {
    width:100%;
    float:left; 
}
.even-style {
    width:100%;
    float:right;
}
.non-style {
       width:100%;
}
.box-style {
    /*background:linear-gradient(90deg,rgba(246, 253, 254, 0.8),rgba(246, 253, 254, 0.8));*/
    margin-bottom: 60px;
    min-height: 150px;
}

.p-style {
    font-size: 180%;
    color: rgba(34, 200, 228);
}

.p-style > span {
    font-size: 200%;
    font-weight: 1000;
    background:linear-gradient(transparent 70%, #FFFF00 0%);
}