@charset "UTF-8";
@media screen and (max-width: 767px) {
    .pc{ display: none !important; }
    .sp{ display: block !important; }

body{
    background-color: #fff;
}
.hamburger__line{
        background: #000;
}

.main{
    position: relative;
}
.main_title{
    width: 80vw;
    display: block;
    margin: 23vw auto 20vw;
}
.back_img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    width: 100vw;
    height: auto;
    z-index: -1;
}
.con01{
    display: block;
    width: 80vw;
    margin: 0 auto 15vw;
}
.con02{
    display: block;
    width: 90vw;
    margin: 0 auto 15vw;
}
.con03{
    display: block;
    width: 90vw;
    margin: 0 auto 15vw;
}
.con04{
    display: block;
    width: 90vw;
    margin: 0 auto 15vw;
}
.conbtn{
    display: block;
    width: 90vw;
    margin: 0 auto 20vw;
}
.conbanner{
    display: block;
    width: 90vw;
    margin: 0 auto 25vw;
}

}