@charset "utf-8";
/* CSS Document */


/*レスポンシブ*/
/* 767px以下: デフォルト */
/*header*/
main#about_m{
	background-color: #fdfcf1;
}
/*--/header--*/

/*pankuzu*/
#pk_bk{
    background-color: #fdfcf1;
}

#pk_area{
    margin: 0 auto;
    color: #fff;
}

#pk_area a{
	color: #351d0e;
}

#pk_area ol,#pk_area a{
	padding: 70px 0 0;
}

.cd-breadcrumb li, .cd-multi-steps li{
	display: inline-block;
	float: left;
	font-size: 1.3rem;
}

.cd-breadcrumb li a:visited, .cd-multi-steps li a:visited{
	color:#fff;
}

.cd-breadcrumb li a:hover, .cd-multi-steps li a:hover,#pk_area a:hover{
  color: #efcd9a;
}

.arrow a{
	text-decoration: underline;
}

li.under{
	color: #351d0e;
}

.cd-breadcrumb li.arrow::after, .cd-multi-steps li::after {
	font-size: 1.6rem;
	display: inline-block;
	content: '\00bb';
	margin: 0 .6em;
	color: #ccc;
}
/*--pankuzu--*/


/*--about--*/
section#about p{
	text-align: center;
}

section#about p:not(.concept_m){
	font-size: 1.6rem;
}
h3{
	font-family: "Sawarabi Mincho";
	font-weight: 100;
    font-size: 3.2rem;
    margin: 0 auto 50px;
	position: relative;
	height: 22px;
	z-index: 1;
}

h3::after {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	content: '';
	width: 100%;
	height: 6px;
	background-color: #f6ecda;
}

section#about img,#sekkei_s img,#after_s img,#banner_area img{
	max-width: 100%;
	height: auto;
}
.concept_m{
	font-size: 2.4rem;
	margin-top: 35px;
	margin-bottom: 18px;
	font-weight: 500;
}

/*--service--*/
h4{
	font-family: "Sawarabi Mincho";
	color: #684026;
	border-bottom: dashed 3px #684026;
	font-weight: 100;
	padding: 13px 0;
    font-size: 2.5rem;
    margin: 0 auto 18px;
}

h4#heat_insulator{
	letter-spacing: 1.5em;
	text-align: center;
    text-indent: 1.5em;
}


.about_s img{
	width: 100%;
    height: auto;
}

h4{
	padding-top: 50px;
}

.abouts_M{
	font-size: 2.4rem;
	margin: 18px 0;
	font-weight: 500;
}

.about_t{
	font-size: 1.6rem;
	margin-bottom: 33px;
}

#sekkei_s p{
	text-align: center;
}
/*--/service--*/

/*--company--*/
#after_s{
	text-align: center;
}
/*--/company--*/

/* 768px以上 */
@media (min-width: 768px) {
	#pk_area{
		width: 80%;
	}
	
	#pk_area ol,#pk_area a{
	padding: 7px 0;
	}
	
	.h4s_l,.h4s_lm{
		float: left;
	}
	
	.h4s_lm{
		width: 39%;
		margin-top: 18px;
	}

	.h4s_r{
		margin-top: 18px;
	}
	
	.h4s_r,.h4s_rm{
		float: right;
		width: 39%;
	}
	
	.h4s_l,.h4s_rm{
	width: 60%;
	}
	
	h4#sekkei{
	letter-spacing: 1em;
	text-align: center;
    text-indent: 1em;
	}

	h4#after{
		letter-spacing: 0.1em;
		text-align: center;
		text-indent: 0.1em;
	}
	h4{
		font-size: 3.0rem;
	}
}


/* 1200px以上 */
@media (min-width: 1240px) {
	
}