.pc_none{
    display: none;
}
main{
    overflow-x: hidden;
    background: #fff;

}
.mv img{
    width: 100%;
}
.container{
    font-family: 'Yu Mincho', '游明朝', serif;
}
.container_catch{
    font-size: 2.3rem;
    font-weight: 600;
    text-align: center;
    margin-top: 5rem;
    line-height: 2;
}
.container_catch span{
    color: #0d632c;
}
.container_subcatch{
    font-size: 2.3rem;
    margin-top: 6rem;
    text-align: center;
    line-height: 2;
    font-weight: 800;
}
.container_stream{
    max-width: 845px;
    margin: 6rem auto 3rem;
    border-bottom: 1px solid #433b55;
}
.container_stream .__ttl{
    text-align: center;
    position: relative;
    font-size: 2.6rem;
    line-height: 1.5;
    max-width: 845px;
    margin: 0 auto;
}
.container_stream .__ttl::before{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    height: 1px;
    width: 40%;
    background: #433b55;
}
.container_stream .__ttl::after{
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    height: 1px;
    width: 40%;
    background: #433b55;
}
.container_stream .__day{
    text-align: center;
    margin: 6rem 0 4rem;
    font-size: 3.6rem;
    color: #0d632c;
    font-weight: 800;
}
.container_stream .__day span{
    font-size: 130%;
}
.container_stream .__deadline{
    background: #0d632c;
    max-width: 380px;
    margin: 0 auto;
    color: #fff;
    font-size: 2.5rem;
    text-align: center;
    height: 4.2rem;
    line-height: 4.2rem;
    border-radius: 2px;
}
.container_stream .__deadlineDay{
    font-size: 2.5rem;
    line-height: 1.5;
    text-align: center;
    margin: 2rem 0 6rem;
    font-weight: 800;
}
.container_samll p{
    text-align: center;
    font-size: 2rem;
    font-weight: 800;
    max-width: 845px;
    margin: 0 auto;
    line-height: 1.5;
}
.container_tokuten{
    margin-top: 6rem;
    text-align: center;
    padding: 1rem 0;
    background: linear-gradient(99deg, rgba(188,144,81,1) 0%, rgba(249,234,135,1) 50%, rgba(188,144,81,1) 100%);
    position: relative;
}
.container_tokuten_ttl{
    font-size: 3.8rem;
}
.container_tokuten::before{
    content: "";
    background: url(https://joilmills.itembox.design/item/oilday/2025/image/tokuten_01.png) center top / 100% no-repeat;
    position: absolute;
    top: 50%;
    left: 25%;
    height: 90px;
    width: 180px;
    transform: translateY(-50%);
}
.container_tokuten::after{
    content: "";
    background: url(https://joilmills.itembox.design/item/oilday/2025/image/tokuten_02.png) center top / 100% no-repeat;
    position: absolute;
    top: 50%;
    right: 25%;
    height: 145px;
    width: 127px;
    transform: translateY(-50%);
}
.container_tokuten_info{
    text-align: center;
    margin: 6rem 0;
}
.container_tokuten_info p{
    font-size: 2.6rem;
    font-weight: 600;
    line-height: 1.5;
    color: #0d632c;
}
.container_tokuten_info p span{
    font-size: 80%;
}
.container_online{
    padding: 2rem 0;
    background: #38784f;
    text-align: center;
    position: relative;
    z-index: 10;
}
.container_online p {
    font-size: 2.4rem;
    line-height: 2;
    color: #fff;
}
.container_online p strong{
    font-size: 150%;
    color: #ffe978;
}
.container_mail{
    background: url(https://joilmills.itembox.design/item/oilday/2025/image/mail_back.jpg) center top / 100% ;
    padding-bottom: 7rem;
    position: relative;
}
.container_mail_box{
    background: #fff;
    max-width: 800px;
    margin: 0 auto;
    padding: 4rem 0;
    text-align: center;
    position: relative;
}
.container_mail_box::before{
    content: "";
    position: absolute;
    background: url(https://joilmills.itembox.design/item/oilday/2025/image/reef01.png) center top / 100% no-repeat;
    height: 309px;
    width: 296px;
    top: -4rem;
    left: -6rem;
    z-index: 1;
}
.container_mail_box .__ttl{
    max-width: 425px;
    margin: 0 auto;
}
.container_mail_box .__subttl{
    color: #0d632c;
    font-size: 1.6rem;
    font-weight: 400;
    margin-top: 2rem;
    position: relative;
}
.container_mail_box .__subttl::before{
    content: "";
    position: absolute;
    right: 50%;
    bottom: -15px;
    margin: auto;
    transform: translateX(50%);
    height: 1px;
    width: 500px;
    background: #433b55;
}
.container_mail_box .__text{
    font-size: 2.4rem;
    padding: 3.7rem 0 0;
    font-weight: 700;
    line-height: 1.5;
}
.container_mail_box .__etc{
    text-align: right;
    max-width: 440px;
    margin: 1rem auto 3rem;
    font-size: 2.4rem;
    font-weight: 700;
    padding: 0rem 3rem;
}
.container_mail_app{
    max-width: 800px;
    margin: 0 auto;
    background: #38784f;
    padding: 5rem 0;
    position: relative;
}
.container_tokuten_info .container_mail_app{
    margin: 6rem auto 0;
}
.container_tokuten_info .container_mail_app::before{
    content: none;
}
.container_mail_app::before{
    content: "";
    position: absolute;
    background: url(https://joilmills.itembox.design/item/oilday/2025/image/reef02.png) center top / 100% no-repeat;
    height: 352px;
    width: 268px;
    bottom: -12rem;
    right: -13rem;
    z-index: 1;
}
.container_mail_app .__catch{
    color: #fff;
    text-align: center;
    font-size: 1.6rem;
    line-height: 2;
    margin-bottom: 3rem;
}
.container_mail_app .__small{
    color: #fff;
    text-align: center;
    font-size: 1.6rem;
    line-height: 2;
    margin-top: 40px;
    font-weight: 500;
}
.container_mail_app .__box{
    display: flex;
    justify-content: space-evenly;
}
.container_mail_app .__box div p{
    text-align: center;
    padding-top: 20px;
    color: #fff;
    font-weight: 700;
    line-height: 1.5;
    font-size: 2rem;
}
.container_member{
    padding: 5rem 0;
    text-align: center;
    border-bottom: 2px solid #e0e0e0;
}
.container_member .__ttl{
    color: #028408;
    position: relative;
}
.container_member .__ttl::before{
    content: "";
    position: absolute;
    background: url(https://joilmills.itembox.design/item/oilday/2025/image/member_ttl2.png) center top / 100% no-repeat;
    width: 810px;
    height: 24px;
    bottom: -25px;
    right: 50%;
    transform: translateX(50%);
}
.container_member .__text{
    padding: 30px 0 0;
    line-height: 2;
}
.container_magazine{
    border-bottom: 2px solid #e0e0e0;
    font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', sans-serif;
}
.container_magazine_box{
    padding: 4rem 0;
    max-width: 730px;
    margin: 0 auto;
}
.container_magazine_box .__address{
    font-size: 2rem;
    line-height: 2;
    padding-bottom: 1.5rem;
}
.container_magazine_box .__address span{
    color: #028408;
}
.container_magazine_box .__buy{
    padding-top: 1.5rem;
    font-size: 2rem;
    line-height: 2;
}
.container_magazine_box .__line{
    padding-top: 1.5rem;
    font-size: 2rem;
    line-height: 2;
}
.container_magazine_box .__line span{
    color: #028408;
    font-weight: 600;
}
.container_magazine_box .__line a{
    text-decoration: underline;
}
.container_sns{
    text-align: center;
    padding: 5rem 0 8rem;
    font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', sans-serif;
}
.container_sns .__ttl{
    font-weight: 500;
    font-style: normal;
    display: block;
    font-size: 2.6rem;
}
.container_sns .__subttl{
    font-weight: 500;
    font-style: normal;
    display: block;
    font-size: 1rem;
}
.container_sns_icon{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2rem;
}
.container_sns_icon li{
    margin: 0 1.5rem;
}

@media screen and (max-width: 1024px){
    .container_mail_box::before{
        content: "";
        position: absolute;
        background: url(https://joilmills.itembox.design/item/oilday/2025/image/reef01.png) center top / 100% no-repeat;
        height: 30vw;
        width: 28vw;
        top: -17.25vw;
        left: -3rem;
        z-index: 1;
    }
    .container_mail_app::before{
        content: "";
        position: absolute;
        background: url(https://joilmills.itembox.design/item/oilday/2025/image/reef02.png) center top / 100% no-repeat;
        height: 34vw;
        width: 26vw;
        bottom: -5rem;
        right: -14.6vw;
        z-index: 1;
    }
    .container_subcatch{
        font-size: 2.9vw;
    }
    .container_member .__ttl{
        font-size: 2.92vw;
    }
    .container_member .__ttl::before{
        width: 79.1vw;
        height: 24px;
    }
}

@media screen and (max-width: 768px){
    .pc_none{
        display: block;
    }
    .container_tokuten::before{
        left: -2rem;
        height: 15.7vw;
        width: 29.4vw;
    }
    .container_tokuten::after{
        right: -2rem;
        height: 21.8vw;
        width: 18.5vw;
    }
    .container_catch{
        font-size: 3.6vw;
        margin-top: 10vw;
        padding: 0 2rem;
    }
    .container_subcatch{
        font-size: 3.8vw;
        margin-top: 10.5vw;
        padding: 0 2rem;
    }
    .container_online p{
        font-size: 2.7vw;
        padding: 0 3rem;
    }
    .container_tokuten_info {
        margin: 3rem 0;
    }
    .container_mail{
        padding: 13vw 0;
    }
    .container_mail_box .__subttl::before{
        width: 75.1vw;
    }
    .container_mail_box{
        padding: 2rem 0;
    }
    .container_mail_box .__ttl:nth-of-type(1){
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 80%;
    }
    .container_mail_box .__subttl{
        font-size: 3.48vw;
    }
    .container_mail_box .__text{
        padding: 3rem 0 0 0;
        font-size: 4.16vw;
    }
    .container_mail_box .__ttl:nth-of-type(2){
        width: 90%;
        margin-top: 3rem;
    }
    .container_member .__text{
        padding: 2.5rem 1.5rem 0;
        text-align: left;
    }
    .container_mail_app .__catch{
        font-size: 4.68vw;
    }
    .container_magazine{
        padding: 0 1.5rem;
    }
    .container_magazine_box .__address{
        font-size: 3.16vw;
    }
    .container_magazine_box .__buy{
        font-size: 4.16vw;
    }
    .container_magazine_box .__line{
        font-size: 4.16vw;
    }
    .container_mail_box .__etc{
        font-size: 4.16vw;
    }
    .container_member .__ttl{
        font-size: 3.4vw;
    }
    .container_member .__ttl::before{
        width: 95.9vw;
        bottom: -30px;
    }
    .container_stream{
        width: 80%;
    }
    .container_stream .__ttl::before{
        left: 0;
        width: 35%;
    }
    .container_stream .__ttl::after{
        right: 0;
        width: 35%;
    }
    .container_samll{
        max-width: 80%;
        margin: 0 auto;
        width: 80%;
    }
    .container_samll p{
        font-size: 3.25vw;
    }
}
.container_mail_app .__box div img{
    transition: 0.3s;
    width: 70%;
}
.container_mail_app .__box div img:hover{
    opacity: 0.8;
}
.container_mail_app .__box div a{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.sp-head-btns p.spcart{
    background-image: none;
}

.sp-head-btns p.fs-clientInfo{
    background-image: none;
}
.sp-head-btns p img{
    width: 100%;
}