@charset "utf-8";

:root {
	--color-black01: #1a1a1a;
	--color-black02: #3a3a3a;
	--color-white: #ffffff;
	--color-lightgray: #f7f8fa;
	--color-orange: #b84c28;
	--color-line: #1a1a1a;
}

/* common */

body{
	color:var(--color--black01);
}

.btn-main--bk{
	border-color:var(--color-black01);
	background-color:var(--color-white);
}

.btn-main--bk:before{
	background-color:var(--color-black01);
}

.btn-main--bk:after {
	background-image: url(../../nagamochiplus-wallpaint/img/common/arrow-bk.svg);
}

.btn-main--bk span{
	color:var(--color--black01);
}

.btn-main--bk:hover span{
	color:var(--color-white);
}

.btn-main--bk:hover::after{
	background-image: url(../../nagamochiplus-wallpaint/img/common/arrow-wh.svg);
}

.btn-main--wo{
	border-color:var(--color-orange);
}

.btn-main--wo:before{
	background-color:var(--color-orange);
}

.btn-main--wo span{
	color:var(--color-orange);
}

.breadcrumb{
	background-color:var(--color-black01);
}

.ttl-en{
	color:var(--color-orange);
}

.editor h2,
.heading-2{
	background-color:var(--color-lightgray);
}

.editor h3:before,
.heading-3:before{
	background-color:var(--color-black02);
}

.editor h3:after,
.heading-3:after{
	background-color:var(--color-orange);
}

.editor h4,
.heading-4{
	color:var(--color-orange);
}

.plr-en{
	color:var(--color-orange);
}

.pagenation-list li.is-current > div{
	background-color:var(--color-orange);
}

.pagenation-list li div,
.pagenation-list li:not(.pagenation-prev):not(.pagenation-next) a{
	color:var(--color-orange);
}

.pagenavi-prev a,
.pagenavi-next a,
.pagenavi-back a{
	background-color: var(--color-black01);
	border-color: var(--color-black01);
}

.area-city > li{
	background-color:var(--color-lightgray);
}

/* header */

.header-top{
	background-color:var(--color-black01);
	color:var(--color-white);
}

.header-logo .img--fit{
	filter: brightness(0) invert(1);
}

.header-medal > div{
	display:none;
}

.header-tel-num:before{
	filter: brightness(0) invert(1);
}

.header-content-in{
	background-color:var(--color-black02);
}

.header-btn--contact{
	background-color:var(--color-orange);
	border-color:var(--color-orange);
}

.header-btn--line{
	background-color:var(--color-white);
	border-color:var(--color-white);

}

.header-btn .header-btn--line p{
	color:var(--color-black02);
}

.header-btn--line p:before{
	background-image: url(../../nagamochiplus-wallpaint/img/common/line-gr.svg);
}

@media screen and (min-width: 751px){

	.navi li .navi-menu-jp{
		color:var(--color-white);
	}
	
	.navi-submenu-list a{
		border-bottom-color:var(--color-lightgray);
		color:var(--color-white);
	}
	
	.navi-submenu{
		background-color:var(--color-black02);
		border-color: transparent;
	}
}

.toggle{
	background-color:var(--color-orange);
}

/* footer */

.follow-menu--contact a{
	background-color:var(--color-orange);
	border-color:var(--color-orange);
}

.follow-menu--line a{
	background-color:var(--color-line);
	border-color:var(--color-line);
}

/* home*/

.topmv2{
	background-color:var(--color-black02);
}

.topmv2-bnr{
	background-color:var(--color-black02);
}

.news a{
	background-color:var(--color-lightgray);
}

.news-head{
	color:var(--color-orange);
}

.news-date{
	color:var(--color--black02);
}

.reviews{
	background-image:none;
	background-color:var(--color-lightgray);
}

.reviews-ja span.score{
	color:var(--color-orange);
}

.reason-label{
	background-color:var(--color-orange);
	color:var(--color-white);
}

.reason-label:after{
	border-color:var(--color-orange) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

.reason-ja span.og{
	color:var(--color-orange);
}

.reason-list-num{
	color:var(--color-orange);
}

.reason-list-num:after{
	background-color:var(--color-orange);
}

.failure{
	background-color:var(--color-black02);
}

.failure-ja{
	color:var(--color-white);
}

.failure-lead{
	color:var(--color-white);
}

.failure:before,
.failure:after{
	content:none;
}

.failure-ja span.label{
	color:var(--color-orange);
}

.failure-ja span.label:before{
	content:none;
}

.strengths-label{
	background-color:var(--color-orange);
	color:var(--color-white);
}

.strengths-label:after{
	border-color:var(--color-orange) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

.strengths-ttl span.og{
	color:var(--color-orange);
}

.strengths{
	background-image:none;
	background-color:var(--color-lightgray);
}

.strengths-point-num{
	color:var(--color-orange);
}

.menu-ttl span{
	background-color:var(--color-orange);
}

.constr{
	background-image:none;
	background-color:var(--color-white);
}

.price{
	background-color:var(--color-black02);
}

.price-en{
	color:var(--color-black01);
}

.price-head{
	color:var(--color-white);
}

.c-cost .lineup-main-taxout span{
	color:var(--color-orange);
}

.works::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 368px;
    background-color: rgba(0,0,0,0.4);
    background-size: cover;
}

.c-works-cat > li{
	background-color:var(--color-orange);
}

.inquiry{
	background-image:none;
}

.inquiry:before,
.inquiry:after{
	background-color:var(--color-orange);
}

.inquiry-box{
	background-color:transparent;
}

.inquiry-label{
	background-color:var(--color-orange);
	color:var(--color-white);
}

.inquiry-btn--contact{
	background-color:var(--color-orange);
	border-color:var(--color-orange);
}

.inquiry-btn--contact:hover span{
	color:var(--color-orange);
}

.inquiry-btn--line{
	background-color:var(--color-line);
	border-color:var(--color-line);
}

.company{
	background-color:var(--color-lightgray);
}

.company:before,
.company:after{
	content:none;
}

.btn-main--wh span{
	color:var(--color-orange);
}

.c-blog-cat > li{
	background-color:var(--color-orange);
}

.flow-slide-num{
	color:var(--color-orange);
}

.footer{
	background-color:var(--color-black02);
}

.fopter-bar{
	background-color:var(--color-black01);
}

/* contact */

.inquiry-area dl dt:after{
	background-color:var(--color-orange);
}

.sec--form{
	background-color:var(--color-lightgray);
}

.form-ttl{
	background-color:var(--color-orange);
}

.form-label--req{
	background-color:var(--color-orange);
}

.form-btn{
	background-color:var(--color-orange);
	border-color:var(--color-orange);
}

.form-btn:hover .form-submit{
	color:var(--color-orange);
}

.form-consent p a{
	color:var(--color-orange);
}

/* works */

.term dt:after{
	background-color:var(--color-orange);
}

.heading-1:after{
	background-color:var(--color-orange);
}

.works-bf-before .works-bf-ttl{
	background-color:var(--color-black01);
}

.works-bf-after .works-bf-ttl{
	background-color:var(--color-orange);
}

.works-bf > div:nth-child(2):before{
	border-color:var(--color-orange) transparent transparent transparent;
}

@media screen and (min-width: 751px){
	
	.works-bf > div:nth-child(2):before{
		border-color: transparent transparent transparent var(--color-orange);
	}
}

.works-data dt{
	background-color:var(--color-lightgray);
}

.sub-lead{
	background-color:var(--color-lightgray);
}

.sub-lead:before{
	background-color:var(--color-orange);
}

.works-staff{
	background-color:var(--color-lightgray);
}

.related{
	background-color:var(--color-lightgray);
}

/* cost */

.lineup-catch{
	background-color:var(--color-orange);
}

.lineup-main-taxout span{
	color:var(--color-orange);
}

.lineup-remarks{
	border-color:var(--color-orange);
}

.lineup-remarks-ttl{
	background-color:var(--color-orange);
}

.lineup-stand{
	background-color:var(--color-lightgray);
}

.lineup-stand-head{
	color:var(--color-orange);
}

.lineup-stand-ttl{
	color:var(--color-orange);
}

/* paint */

.plr-ttl span.bar:after{
	background-color:var(--color-lightgray);
}

.paint-reason-ttl{
	color:var(--color-orange);
}

.paint-condition-text{
	background-color:var(--color-lightgray);
}

.feature-slide-num{
	color:var(--color-orange);
}

.feature-slide-num:after{
	background-color:var(--color-orange);
}

/* siding */

.siding-about{
	border-color:var(--color-lightgray);
}

.plr--cost{
	background-color:var(--color-lightgray);
}

.plr-cost .heading-2{
	background-color:var(--color-black01);
}

.siding-advise-text{
	background-color:var(--color-lightgray);
}

.subsidy-ttl:after{
	background-color:var(--color-orange);
}

/* faq */

.faq-item{
	background-color:var(--color-lightgray);
}

.faq-item dt:before{
	background-color:var(--color-orange);
}

.faq-item dd:before{
	background-color:var(--color-black01);
}

/* reason */

.reason-main-ja span.og{
	color:var(--color-orange);
}

.reason-item-num{
	background-color:var(--color-orange);
}

.reason-item > li:nth-child(even){
	background-color:var(--color-lightgray);
}

.reason-item-subttl{
	color:var(--color-orange);
}

/* company */

.company-overview dt{
	background-color:var(--color-lightgray);
}

/* staff */

.c-staff{
	background-color:var(--color-lightgray);
}

.c-staff-en{
	color:var(--color-orange);
}

.c-staff-message dt{
	background-color:var(--color-lightgray);
}

/* blog */

.blog-side-ttl{
	background-color:var(--color-orange);
}

.post-cat{
	background-color:var(--color-orange);
}

.blog-mokuji{
	background-color:var(--color-lightgray);
}