@charset "utf-8";

/* CSS Document */
@media only screen and (max-width: 768px) {
    #contents {
        padding-top: 60px;
    }
}
.l-container {
    width: 88%;
    max-width: 600px;
    margin: 0 auto;
}
.shadow {
    display: block;
    width: 100%;
    border-radius: 25px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    margin: 40px 0;
    background: #F8FBFF;
    img {
        display: block;
        width: 100%;
    }
}
.yellow {
    background: #FFFEF3;
}

.block01 {
    margin-top: 10px;
    .block01_inner {
        position: relative;
        .block01_inner-ttl {
            position: absolute;
            top: 20px;
            right: -3%;
            width: 79%;
        }
        .block01_inner-subttl {
            width: 82%;
            margin: 50px auto 0 15px;
        }
    }
}
.block02 {
    .block02_inner {
        .block02_inner-img {
            margin-bottom: 20px;
            &:nth-of-type(2) {
                margin-bottom: unset;
            }
        }
    }
}
.block03 {
    padding-bottom: 200px;
    .block03_inner {
        .block03_inner-ttl {
            width: 80%;
            margin: 60px auto 30px;
        }
        .block03_inner-txt {
            width: 51.5%;
            margin: 110px auto 25px 0;
        }
        .block03_inner-img {
            width: 76%;
            margin-left: auto;
        }
    }
}
.block01, .block02, .block03 {
    img {
        width: 100%;
    }
}