@charset "UTF-8";

.fontred{ color: #b40d0d; font-weight: bold; }


/*全テキストエディタの左、中央、右寄せを有効化*/
img.alignright{
    display: block;
    margin: 0 0 0 auto;
}
 
img.alignleft{
    display: block;
    margin: 0 auto 0 0;
}
 
img.aligncenter{
    display: block;
    margin: 0 auto;
}

.container{
    box-sizing: border-box;
}

/*youtubeのCSS*/
.youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube iframe{
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}

/*RFC違反の文字*/
#rfc_error{
    color: #5aaedd;
    font-weight: bold;
}

.logomenu{
    box-sizing: border-box;
    z-index: 20;
    transition: .4s
}
.logomenu :hover{
    opacity: 1;
}

.menu-margin{
    margin-top: 1%;
    justify-content: center;
}

.logoscroll img{
    -webkit-animation-name: logo_anime;
    -webkit-animation-duration:.4s;
    animation-name:logo_anime;
    animation-duration:.4s;
    height: 80px;
    transition:.4s;
}

.f-name{
	width: 150px;
	margin-right: 2%;
}

@-webkit-keyframes logo_anime{
    from{
        height: 140px;
    }
    to {
        width: 80px !important;
    }
}
@keyframes logo_anime{
    from{
        height : 140px;
    }
    to{
        height : 80px !important;
    }
}
.fixed{
    position: fixed;
    z-index: 9;
    background: rgba(67,33,7,0.8);
    height: 80px;
    width: 100%;
    top:0;
}

.flex{
    display: flex;
    flex-wrap: wrap;
}

.j-c{
    justify-content: center;
}


@media screen and (min-width: 768px), print {

.notfound{
    border:1px solid #000;
    width: 1200px; 
    margin: 0 auto;
    padding: 20px 40px 20px 40px;
}

    .l-footer .ttl {
        position: relative;
        padding-left: 36px;
        color: #282828;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 0.8px;
    }
    .l-header .row03 .child__list--v.toku{
width: 220px;
    }
    .l-header .row03 .child__list--v.toku02{
        width: 185px;
}
.l-header .row03 .child__list--v.toku03{
    width: 190px;
}
.l-header .floating{
   /* top: 56px;*/
   top:100px;
}



.parent a{
    color: #fff;
}
.white{
	color: #fff;
}


.l-footer .company-left .fit{
height: auto;
}
.sp{ display: none !important; }
.sp2{ display: none !important; }

.form.thanks-message{ width: 1100px; margin: 0 auto 100px !important; }
.thanks-message{}

.borderwrap{ margin-bottom: 40px;}
.borderwrap h4{ font-size: 1.5em; font-weight: bold;  margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px #ccc solid; line-height: 1.6; }
.borderwrap p{ font-size: 0.875em; line-height: 1.8;}
}


@media screen and (max-width: 767px) {

.notfound{
    border:1px solid #000;
    width: 90%; 
    margin: 0 auto 6vw;
    padding: 4vw 4vw 4vw 4vw;
}


.pc{ display: none !important; }
.pc2{ display: none !important; }
.l-footer .l-flex01{ display: none !important; }
.l-footer .heading{ display: none !important; }

.form.thanks-message{ margin: 0 0 5vh 0 !important; }
.thanks-message{}
.borderwrap{ width: 94%; margin: 0 auto 10%; line-height: 1.6;}
.borderwrap h4{ font-size: 1.2rem; font-weight: bold;  margin-bottom: 5%; padding-bottom: 5%; border-bottom: 1px #ccc solid; }
.borderwrap p{ font-size: 0.875em;}
	
	.modelhouse_bnr .l-flex__box--sp2{width: 100%!important;}
	.modelhouse_bnr .l-modelhouse_bnr .box__ttl p{margin-top: 0px!important;padding-top: 20px!important;}
	.mdoelhouse_bnr .l-modelhouse_bnr .box__ttl p{margin-top: 0px!important;padding-top: 20px!important;}

}

@media screen and (min-width: 1240px) {
.dekaipc{
    margin: 0 auto;
}


}