@charset "UTF-8";

/*
SP ～519px
tab 520px～959px
pc 960px～
*/

.sp-only {
    display: none;
}


h4 {
    font-size: var(--size-md);
    font-family: var(--font-sans);
    color: var(--main-color);
}

h5 {
    font-size: var(--size-md);
    font-family: var(--font-sans);
    margin: 1em 1em 1em;
}

h6 {
    font-size: var(--size-sm);
    font-family: var(--font-sans);
}

p {
    margin-left: 3vw;
    line-height: 1.8;
    font-family: var(--font-serif);
}

.bulb_instruction,
.casablanca_article p {
    font-size: var(--size-sm);
}

.green {
    width: 100%;
    margin-bottom: var(--section-gutter);
    margin: 0 auto;
}

.bulb {
    width: 100%;
    background-color: rgb(248, 248, 247);
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 30px;
}

.casablanca_article,
.bulb_instruction {
    width: 85%;
    margin: 15px auto;
    padding: 1em;
}

.green img {
    width: 25%;
    margin-right: 1em;
    margin-top: 1em;
    margin-bottom: 2em;
    float: left;
}

.green_article::after {
    content: "";
    display: block;
    clear: both;
}




@media screen and (min-width:960px) {

    .green {
        margin-bottom: var(--contents-gutter-pc);
    }

    .green_img {
        grid-template-columns: 240px 240px;
        grid-gap: 24px;
    }

}

/*=======min-width:960px=======*/