@charset "UTF-8";


/* 767px以下SP
--------------------------------------------------------------------------------- */
@media screen and (max-width: 767px) {
	#design .mainimg{
		background: url("../img/design/mainv_design_sp.png") center 50% no-repeat;
		background-size: cover;
	}
.content_design {
background-color: #f2eae1;
margin: 0 auto;

padding: 0 20px 50px;
}
	
	
	
.content_design h3 {
		font-size: clamp(1.25rem, 1.011rem + 1.02vw, 1.5rem); /*20-24px*/
		font-family: "Wix Madefor Text", sans-serif;
		font-weight: 400;
		text-align: center;
padding-bottom: 30px;
}
.content_block_d {
padding: 0px 0 50px;
}
.w_img {
width: 100%;
margin: 0 auto;
}
/*.n_img {
margin: 0 20px;
}*/
.midashi {
padding: 20px 0 0;
font-size: 16px;
}

.honbun {
padding: 20px 0 50px;
font-size: 14px;

}
.honbun2 {
padding: 20px 0;
font-size: 14px;

}
.kakomi {
padding: 30px 30px 10px;
background-color: #fff;
margin: 50px 0 50px;
}
.kakomi2 {
padding: 30px;
background-color: #fff;
margin: 20px 0 50px;
}
.kakomi_ttl {
font-family: "Wix Madefor Text", sans-serif;
font-weight: 400;
text-align: center;
padding-bottom: 15px;
font-size: 18px;
}
.kakomi_ttl span {
font-size: 12px;
font-family: "Noto Serif", serif;
font-weight: 400;
padding: 5px 0 0;
}
.kakomi_name {
font-size: 13px;

text-align: center;
padding-bottom: 10px;
}
.kakomi_name span {
font-size: 13px;
}
ul.kakomi_img {
width: 100%;
margin: 0 auto 20px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
ul.kakomi_img li {
width: 48%;
	margin-bottom: 4%;
}
.kakomi_honbun {
font-size: 12px;

}
.kakomi_img_designer {
width: 130px;
margin: 0 auto 20px;
}
/* インテリアカラー */
.box_ic{
	}
.box_ic .h_ic{
	background-color: #e8d9c9;
	font-size: 16px;
	padding: 5px 20px;
	margin-bottom: 15px;
	letter-spacing: 0.05em;
	}
.box_ic .h_ic span{
	margin-right: 20px;
	}
.box_ic ul{
	margin-bottom: 30px;
	}
.box_ic ul li{
	margin-bottom: 30px;
	}
	.box_ic ul.ul_li3{
	margin-bottom: 50px;
	}
	
	.box_ic ul.ul_li3 li{
	}
	.box_ic ul li .h_ph{
		font-size: 14px;
		margin-bottom: 10px;
	}
	.box_ic ul li .btm_cap_l span:nth-of-type(1){}
	.box_ic ul li .btm_cap_l span:nth-of-type(2){
		left: auto;
		right: 10px;
	}
	.box_ic ul li .img_sub{
		margin-top: 10px;
	}
}

/* 768px以上 PC
--------------------------------------------------------------------------------- */
@media print, screen and (min-width: 768px) {

#design .mainimg{
		background: url("../img/design/mainv_design.png") center 50% no-repeat;
		background-size: cover;
	}
.content_design {
		padding: 0 0 80px ;
		background-color: #f2eae1;
		margin: 0 auto;
		
	}
	.content_design h3 {
		font-size: clamp(2.5rem, 2.334rem + 0.347vw, 2.75rem); /*40-44px*/
	}

.content_block_d {
margin: 0 auto;
padding: 0 0 50px;
}
	
.w_img {
width: 100%;
	width: 50%;
margin: 0 auto;
}
/*.n_img {
width: 100%;
margin: 0 auto;
}*/
.midashi {
padding: 30px 20px 0;
font-size: 28px;
text-align: center;
}
.honbun {
padding: 30px 50px 100px;
font-size: 16px;

}
.honbun2 {
padding: 30px 50px 30px;
font-size: 16px;

}
.kakomi {
background-color: #fff;
width: 1000px;
margin-left: auto;;
}
.kakomi2 {
background-color: #fff;
width: 1000px;
margin-right: auto;;
}


.kakomi_ttl {
font-family: "Wix Madefor Text", sans-serif;
font-weight: 400;
text-align: center;
padding-bottom: 30px;
font-size: 34px;
}
.kakomi_ttl span {
font-size: 16px;
font-family: "Noto Serif", serif;
font-weight: 400;
padding: 5px 0 0;
}
.kakomi_name {
font-size: 18px;

text-align: center;
padding-bottom: 10px;
}
.kakomi_name span {
font-size: 17px;
}
ul.kakomi_img {
width: 740px;
margin: 50px auto 20px;
display: flex;
justify-content: space-between;
}
ul.kakomi_img li {
width : calc((100% - 6%)/4) ;
}
.kakomi_honbun {
font-size: 14px;

padding: 0 130px;
}
.pc_kakomi_r {
background: #fff;
margin-left: calc(50% - 50vw);
padding-left: calc(50vw - 50%);
overflow: hidden;
padding: 50px 30px 30px;
margin-top: 50px;
margin-bottom: 150px;
box-shadow: 50px 50px 0 #e8d9c9;
}
.pc_kakomi_l {
background: #fff;
margin-right: calc(50% - 49.4vw);
padding-right: calc(49.4vw - 50%);
overflow: hidden;
padding: 50px 30px;
margin-top: 100px;
margin-bottom: 50px;
box-shadow: -50px -50px 0 #e8d9c9;
}
.kakomi_img_designer {
width: 160px;
margin: 0 auto;
}
	
/* インテリアカラー */
.box_ic{
	}
.box_ic .h_ic{
	background-color: #e8d9c9;
	font-size: 28px;
	padding: 5px 20px;
	margin-bottom: 15px;
	letter-spacing: 0.05em;
	}
.box_ic .h_ic span{
	margin-right: 20px;
	}
.box_ic ul{
	display: flex;
	justify-content: space-between;
	margin-bottom: 70px;
	}
.box_ic ul li{
	width : calc((100% - 20px)/2) ;
	}
	.box_ic ul.ul_li3{
	margin-bottom: 150px;
	}
	
	.box_ic ul.ul_li3 li{
	width : calc((100% - 40px)/3) ;
	}
	.box_ic ul li .h_ph{
		font-size: 18px;
		margin-bottom: 10px;
	}
	.box_ic ul li .btm_cap_l span:nth-of-type(1){}
	.box_ic ul li .btm_cap_l span:nth-of-type(2){
		left: auto;
		right: 10px;
	}
	.box_ic ul li .img_sub{
		margin-top: 10px;
	}

}