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

    .is-pc {
        display: block;
    }

    .is-sp {
        display: none;
    }
}
@media screen and (max-width:768px) {

    .is-pc {
        display: none;
    }

    .is-sp {
        display: block;
    }

}

.subpage-content {}

.subpage-wrapper {
    width: 96%;
    max-width: 770px;
    margin: 0 auto;
}

.subpage-ttl {
	margin: 0 auto;
}

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

    .subpage-wrapper {
        width: 92%;
    }

}

.__main {
    overflow: hidden;
}

.__main:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #e40012;
    z-index: 100;
    transition: 0.3s;
}

.is-open .__main:after {
    width: 0;
}


.__banners .is-long {
    width: 100%;
    flex-shrink: 0;
    max-width: initial;
}