@charset "UTF-8";
/*webサイト大枠のレイアウトスタイル
---------------------------------------------------------*/
/*ヘッダーエリア*/
header{
    position: sticky;
    width: 100%;
    top: 0;
    max-height: 120px;
    z-index: 5;
    background: #fff;
}
.l-headertop-Area{
    padding: 10px 0 0;
    background-color: #241816;
}

@media screen and (max-width:768px) {
    header{
        position: fixed;
        background-color: #fff;
        width:100%;
        z-index: 5;
    }
    .l-headertop-Area{
        display:initial;  
    }
 }

 @media screen and (min-width:769px) {
    nav{
        background-color: #fff;
        font-weight: bold;
        font-size:1.6rem;
    }
 }

/*メインエリア*/
#wrapper{
}

.inner{
    max-width: 1180px;
    margin: 0 auto;
    padding: 2% 3% 3%;
}

main{

}
.l-contents{
}
@media screen and (max-width:768px) {
    main{
        width: 100%;
        margin: 40px 0;
    }
}

/*KVエリア*/
.l-kv-Area{
    width:100%;
    background:#D70050;
}

@media screen and (max-width:768px) {
    .l-kv-Area{
         margin-top: 11%;
    }
    
}

/*下層ページ*/
.lowerPage{

}
@media screen and (max-width:768px) {
.lowerPage{
margin-top: 5%;
}
}

/*メインエリア　コンテンツ*/
.l-contents-inner{
    width: 100%;
    background: #fff;
}

@media screen and (max-width:768px) {
    .l-contents-inner{
        width: 100%;
        background: #fff;
    }
    .inner{
        padding-top: 8%;
        margin-top:-11%;
        padding-left:4%;
        padding-right:4%;
        padding-bottom: 10%;
    }
    
}

/*フッター エリア*/
.l-footer{
    background-color: #231715;
    width: 100%;
    color: #969696;
 }

/*問い合わせフォーム*/
.footer-Area1-inner3{
    max-width: 850px;
    margin: 0 auto;
    padding: 2rem 1.5rem;
    background-color: #ECF4D9;
    border-radius: 10px;
    width: 90%;
}

@media screen and (max-width:768px) {
    .footer-Area1-inner3{
        width: 100%;
    }
}