.container{padding-top:150px;}

#wedding{background-color:#FAF2F2;}
#funeral{background-color:#F2F0F8;}
#third{background-color:#F9F2E4;}


.main-img{
    width:95%;
    max-width:1000px;
    margin:auto;
    padding:15px 0px;
}
.main-img img,.course-main-box img,.pdf-check img{
    width:100%;
    display:inline-block;
    vertical-align:bottom;
}
.main-img .sp-img,.course-main-box .sp-img{display:none;}
.course-main-box{
    width:95%;
    max-width:1000px;
    margin:auto;
}
.course-box{
    padding-bottom:30px;
}
.pdf-check{
    background-color:#FEFEFE;
    padding:45px 0px 30px 0px;
}
.pdf-check > a:hover,.pdf-check > .back:hover,.pdf-check > a:active,.pdf-check > .back:active{
    opacity:0.5;
    transition: .4s;
}
.pdf-check > .pdf-link{
    width:60%;
    max-width:400px;
    margin:auto;
    display:block;
}
.pdf-check > .back{
    display:block;
    width:50%;
    max-width:208px;
    margin:20px auto 0px auto;
    padding:15px;
    text-align:center;
    background-color:#E8E8E8;
    color:#222222;
    font-size:1.2em;
    border-radius:25px;
    border:none;
    cursor:pointer;
}
.course-set-box{display:none;}
.update{
    font-size:14px;
    text-align:right;
    margin:0px;
    padding:0px 0px 20px 0px;
}
.banner{
    width:90%;
    max-width:720px;
    margin:0px auto 40px auto;
    display:flex;
    justify-content:space-between;
}
.banner > a:hover,.banner > a:active{
    opacity:0.5;
    transition: .4s;
}
@media screen and (max-width: 768px){
    .container{padding-top:60px;}
    .main-img{width:100%;}
    .main-img h2{
        margin:0px;
        width:100%;
        max-width:414px;
        margin:auto;
    }
    .main-img .pc-img,.course-main-box .pc-img{display:none;}
    .main-img .sp-img,.course-main-box .sp-img{display:inline-block;}
    .course-main-box{
        width:100%;
        max-width:394px;
        margin:auto;
    }
    .course-box{
        padding:0px;
        margin:0px auto;
        width:90%;
        max-width:394px;
    }
    .course-set-box{
        display:block;
        padding:0px;
        margin:0px auto 20px auto;
        width:90%;
        max-width:394px;
        background:#FFF;
    }
    .course-set-box dl{
        margin:0px;
        padding:10px 0px;
    }
    .course-set-box dl dt{
        border: 1px solid #BAA593;
        background:#FCF3D6;
        color:#604C3F;
        text-align:center;
        font-size:14px;
        padding:10px 0px;
        width:95%;
        margin:0px auto;
        position: relative;
    }
    .course-set-box dl dt::after{
        content:"";
        display:block;
        width:12px;
        height:12px;
        background-image: url(../images/course/plus.svg);
        background-size:cover;
        position:absolute;
        top:0;
        bottom:0;
        right:20px;
        margin:auto;
    }
    .course-set-box dl dd{
        margin:0;
        padding:0;
        display:none;
    }
    .course-set-box dl dd > p{
        text-align:right;
        width:95%;
        padding:14px 0px 0px 0px;
        margin:0px;
    }
    .close-btn{
        display:inline-block;
        position:relative;
        color:#604C3F;
        font-size:14px;
        padding-right:30px;
    }
    .close-btn::after{
        content:"";
        width:12px;
        height:2px;
        background-image: url(../images/course/minus.svg);
        background-size:cover;
        position:absolute;
        top:0;
        bottom:0;
        right:10px;
        margin:auto;
    }
    .update{
        font-size:11px;
        width:90%;
        max-width:394px;
        margin:0px auto;
    }
    .banner{
        flex-wrap:wrap;
        max-width:355px;
    }
    .banner > a{margin-bottom:20px;}
    .pdf-check{padding:20px 0px}
    .pdf-check > .pdf-link{
        width:80%;
        max-width:358px;
    }
}