@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');


img {
	max-width: 100%;
}
strong {
	font-weight: 700;
}
.text-center {
	text-align: center;
}
.width-large {
	width: 650px;
	margin: auto;
}
.section-container h2 {
	margin: 20px auto 20px auto;
}

.margin-large-bottom {
	margin-bottom: 50px;
}


.locNav ul {
    width: 700px;
    float: right;
    height: 60px;
}/**/

.leadBox  p {
	font-size: 1.3rem;
	line-height: 2.1;
}


p.text {
	margin: 1rem auto;
	line-height: 1.8;

}
p.text-small {
	font-size: 0.8rem;
	line-height: 1.6;
}

h2#mainIMGBox {
	background: #211714;
	text-align: center
}

section.section-container {
	width: 1000px;
	margin: auto;
padding: 50px 0;
	font-size: 1rem;
	font-family: 'Noto Sans JP', sans-serif;
}

section.section-container p {
	line-height: 2;
}


.flexbox{
	display:flex;	
justify-content:space-around ;
}

.flex-item{
	padding: 1rem;
	width: 462px;
}

/*//////////快適性のタイトルや文字　関連/////////////////*/

h3.iconTitleconfort {
	margin-top: 80px;
	margin-bottom: 10px;
}
h3.iconTitleconfort span {
	background-color: #e88d68;
	color: #fff;
	padding: 0.3rem 0.5rem;
	font-size: 0.9rem;
	border-radius: 3px;
}

section.section-container div.wrapper h4 {
	 font-size: 2rem;
	font-weight: bold;
	padding: 0.5rem auto;
	color: #000;
	margin-bottom: 30px;
}
span.textTitleconfort {
	display: inline-block;
	border-bottom: solid 3px #e88d68;
}

span.textTitleconfort::before {
	content: "“"
}

span.textTitleconfort::after {
	content: "”"
}

span.textLineConfort {
	border-bottom: solid 2px #e88d68;
	padding-bottom: 3px;
}



/*//////////共通のタイトルや文字　関連/////////////////*/
section.section-container div.wrapper h4 {
	 font-size: 2.5rem;
	font-weight: bold;
	padding: 0.5rem auto;
	color: #000;
	margin-bottom: 30px;
}

span.textTitle::before {
	content: "“"
}
span.textTitle::after {
	content: "”"
}




/*//////////耐久力のタイトルや文字　関連/////////////////*/

section#toughBox h3.iconTitle {
		margin-top: 80px;
	margin-bottom: 10px;
}

section#toughBox h3.iconTitle span{
	background-color: #71AC7C;
	color: #fff;
	padding: 0.3rem 0.5rem;
	font-size: 0.9rem;
	border-radius: 3px;
}

section#toughBox span.textTitle {
	display: inline-block;
	border-bottom: solid 3px #71AC7C;
}

section#toughBox span.textLine {
	border-bottom: solid 2px #71AC7C;
	padding-bottom: 3px;
	font-weight: 700;
}
/*//////////END 耐久力のタイトルや文字　関連/////////////////*/


/*//////////ラク施工のタイトルや文字　関連/////////////////*/

section#fineBox h3.iconTitle {
		margin-top: 80px;
	margin-bottom: 10px;
}

section#fineBox h3.iconTitle span{
	background-color: #55A9C8;
	color: #fff;
	padding: 0.3rem 0.5rem;
	font-size: 0.9rem;
	border-radius: 3px;
}

section#fineBox span.textTitle {
	display: inline-block;
	border-bottom: solid 3px #55A9C8;
}

section#fineBox span.textLine {
	border-bottom: solid 2px #55A9C8;
	padding-bottom: 3px;
	font-weight: 700;
}
/*//////////END ラク施工のタイトルや文字　関連/////////////////*/









.margin-small-top {
	margin-top: 20px;
}

div.flex-item p {
	margin-top: 20px;
	margin-bottom: 20px;
}





/*//////////Fixメニューの改修　202008/////////////////*/
.absolute{
		display: none;
}
.fixed {s
	display: block;
}