@charset "utf-8";

.cont_img {
    background: url(../images/main_image.jpg) no-repeat center center;
    background-size: cover;
}

.cont h1 {
    background: url(../images/title.png) no-repeat center center;
}

article p,.primal{
    text-align: left;
}

article p:not(.day) {
    margin-bottom: 30px;
}

.primal {
    padding-left: 20px;
    counter-reset: number 0;
}

.primal li {
    position: relative;
}

.primal li::before {
    counter-increment: number 1;
    content: counter(number)".";
    position: absolute;
    left: -20px;
}

.primal li {
    margin-bottom: 40px;
}

p.day {
	text-align: right;
}

@media only screen and (max-width: 768px) {

    .cont_img {
        background: url(../images/main_image_sp.jpg);
        background-size: cover;
    }

    .cont h1 {
        background: url(../images/title_sp.png) center center no-repeat;
        background-size: 79.3333333333%;
    }

    .cont h2 {
        line-height: 28px;
    }

    .cont h2 span {
        display: block;
        padding-left: 0;
    }


}