@charset "UTF-8";

#under_main {
    background: url(../plan/images/plan_top.jpg)no-repeat center/cover;
}
@media screen and (max-width:768px) {
    #under_main {
        max-width: 1100px;
        overflow:hidden;
    }
}
/* =======================================================
*plan top
* ======================================================= */
h2 {
    border-bottom: none;
}
.plan_item {
    margin-top: 100px;
}
.plan_item h3 {
    margin-bottom: 30px;
     font-size: 20px;
    letter-spacing: 0.1em;
}
.plan_item h3 span {
    font-size: 13px;
    
}
.plan_item p {
    margin-bottom: 30px;
}
.plan_item .flex .plan01 {
    width: 40%;
    margin-bottom: 30px;
    /* background-color: #f2e8db; */
    background-color: #eae1d6;
    padding: 40px;
}

.plan_item .flex .plan02 {
    width: 40%;
    margin-bottom: 30px;
    background-color: #eee;
    padding: 40px;
}
.plan_item .flex span {
    font-weight: bold;
    font-size: 18px;
}

@media screen and (max-width:768px) {
    #plan {
        width: 90%;
        margin: 0 auto;
    }
    #plan .plan_item .flex {
        display: block;
    }
    #plan .plan_item .plan01{
        width: 100%;
        padding: 30px 20px ;
    } 
    #plan .plan_item .plan02{
        width: 100%;
        padding: 30px 20px ;
    } 
    
}





  /* =======================================================
*アタッチメント
* ======================================================= */

.background {
    background-image: url(./images/plan.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 60vh;
}
@media screen and (max-width:768px) {
    .background {
        background-attachment: scroll;
        background-size: cover;
        height: 50vh;
    }
}