@charset "UTF-8";
@import url('https://fonts.cdnfonts.com/css/barlow');

                
.contents_inner {
    display: block;
    padding-top: 120px;
    margin-top: -120px;
}

.center{text-align: center;}
.overimg:hover{opacity: 0.5;}
.spnone{display: block;}
.sponly{display: none;}
.f-left{float: left;}
.f-right{float: right;}
.img100{width: 100%;}
.normal{font-weight: normal;}
.justify{text-align: justify;}
.w48per{width: 48%;}
.w30per{width: 30%;}
.w48per img{width: 100%;}
.w66per{width: 66%;position: relative;}
.w80per{width: 80%;margin: 0 auto;}
.w90per{width: 90%;margin: 0 auto;}
.shadow{filter: drop-shadow(4px 4px 5px  rgba(0, 0, 0, 0.32));}


.sec_ttl img{height: 200px;}
.sec_ttl{font-size: 4em;text-align: center;}



/* section_01 */
/* news */
.news_ttl{width:16%;float: left;}
#news{width: 80%;float: right;}
#news dl a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 1em 0 2em;
    margin: 1em 0;
	color: #000000;
	border-bottom: solid 1px #000000;
	position: relative;
	width: 100%;
}
#news dl:last-of-type {
    margin-bottom: 0;
}
#news dl a::after{
	content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 27px;
  width: 15px;
  height: 15px;
  margin: auto;
  border-top: 2px solid #000000;
  border-right: 2px solid #000000;
  transform: rotate(45deg);
  box-sizing: border-box;}
#news dl dt span {
    position: relative;
    display: inline-block;
    justify-content: flex-start;
    align-items: center;
    padding-right: 0em;
	color:#0000000;
	width: 9em;
	font-size: 1.14em;
}
#news dl dt span.news_cat{text-align: center; background-color: #bb1b2a;color:#ffffff;}
#news dl dd {
    font-size: 1.14em;
    line-height: 1.5;
}
#news dl dd {
    display: block;
	padding-left: 1em;
    transition:all 0.3s;
}

.news_btn{width: 40%;margin: 2em auto;display: block;}
.news_btn img{width: 100%;}


/* section_02 */
.section_02{background-image: url("../img/sec_02_back_pc.webp");background-position: center top;background-repeat: no-repeat;background-size:cover;position: relative;}
.section_02 .illust{position: absolute; width: 15%;}

.topic_box{background-color: #ffffff;padding: 3%;box-sizing: border-box;margin-top: 2em;border-radius: 10px;}
.topic_title .topic_mark{width: 120px;margin-right: 2%;margin-bottom: 0.4%;}
.topic_title{display: inline-block; width: 100%; border-bottom: solid 2px #d26614;padding-bottom: 0.4em;padding-top: 0.4em; font-size: 1.7em;position: relative;margin-top: 0em;}
.topic_title span{font-size: 0.8em;}
.topic_box p{font-size: 1.3em;font-weight: bold;text-align: center;margin-top: 0.6%;}
.topic_title::after {
  content: '';
  position: absolute;
  bottom: 0.4em;
  right: 27px;
  width: 1.6em;   /* 画像サイズ調整 */
  height: 1.6em;
  background-image: url("../img/arrow_right_pc.svg"); /* 矢印画像のパス */
  background-size: contain; /* 画像を枠に収める */
  background-repeat: no-repeat;
}




/* section_03 */
.section_03{background-color: #f5f5f1;position: relative;}
.section_03 .sec03_illust{position: absolute; width: 15%;z-index: -10;right:0;top:-70px;}




/* section_04 */
.section_04{background-image: url("../img/sec_04_back_top_pc.svg");
	background-repeat: no-repeat;background-size: cover;background-position: top center; position: relative;padding: 0;background-color: #cbddd8;margin: 0;}

.section_04 .sec04_illust{position: absolute; width: 20%;left:0;top:0;}
.section_04 .sec04_illust_right{position: absolute; width: 20%;right:5%;top:7%;}
.furniture-bk-img{
    width: 100%;
    height: 230px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
	margin-bottom: 2%;
}
a.furniture_box:visited{color: #3e3a39;}
.tex_box{display: block; height: 150px;position: relative;margin-bottom: 5%;color: #3e3a39;}
.tex_box img{position: absolute;bottom:0;}
.sec_04_ttl{font-size: 1.2em;font-weight: bold;padding-left: 0.6em;margin: 0.2% 0;}
.cate_01{border-left: solid 5px #bb1b2a;}
.cate_02{border-left: solid 5px #009ede;}
.cate_03{border-left: solid 5px #6a71b4;}
.cate_04{border-left: solid 5px #f8b500;}
.cate_05{border-left: solid 5px #ea5514;}
.cate_06{border-left: solid 5px #3fa537;}
.cate_07{border-left: solid 5px #45c0ee;}
.cate_08{border-left: solid 5px #f4e829;}
.cate_09{border-left: solid 5px #9cb046;}
/* フレックスボックス */
.flexbox_buton{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content:space-between;
  	flex-wrap: wrap;
	width: 90%;
	margin: 0 auto;}
.furniture_btn{width: 46%;margin: 2em 2%;display: block;box-sizing: border-box;}
.furniture_btn img{width: 100%;}

/* section_05 */
.mt5per{margin-top: 5%;}
.section_05{background-color:#f5f5f1;position: relative;}
.section_05 .sec05_illust{position: absolute; width: 17%;right:0;top:10%;}
.category{background-color: #7f4f21;color:#ffffff;display: inline-block;padding: 0.1em 0.8em;}
.proposing-bk-img{
    width: 100%;
    height: 150px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
	margin-bottom: 2%;
}
.proposing_box{height: 290px;position: relative;margin-bottom: 5%;color: #3e3a39;}
.proposing_box::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;   /* 画像サイズ調整 */
  height: 38px;
  background-image: url("../img/sec_05_more_pc.svg"); /* 矢印画像のパス */
  background-size: contain; /* 画像を枠に収める */
  background-repeat: no-repeat;
}
.sec_05_ttl{font-size: 1.0em;font-weight: bold;margin: 0.2% 0;}

/* section_06 */
.section_06{position: relative;}
.section_06 .sec06_illust{position: absolute; width: 15%;left:0;top:3%;}
.zi_10{position: relative; z-index: 10;}

/* section_07 */
.section_07{background-image: url("../img/sec_07_back_top_pc.svg");
	background-repeat: no-repeat;background-size: contain;background-position: top center; position: relative;padding: 0;background-color: #efefef;margin: 0;}

.section_07 .sec07_illust{position: absolute; width: 20%;right:0;top:0;}
.sec_07_left,.sec_08_left,.sec_09_left,.sec_10_left{width: 46%;float: left;}
.sec_07_right,.sec_08_right,.sec_09_right,.sec_10_right{width: 48%;float: right;}
.sec_07_ttl,.sec_08_ttl,.sec_09_ttl{font-size: 1.5em;margin-bottom: 0.4em;margin-top: 0.4em;}
.sec_07_right p,.sec_09_right p,.sec_10_right p{font-size: 1.2em;line-height: 2em;margin-bottom: 4em;}
.sec_07_right a,.sec_08_right a,.sec_09_right a,.sec_10_right a{width: 80%;display: block;}

/* section_08 */
.section_08{background-image: url("../img/sec_08_back_top_pc.svg");
	background-repeat: no-repeat;background-size: contain;background-position: top center; position: relative;padding:5% 0;background-color: #dddbd3;margin: 0;}

.section_08 .sec08_left_illust{position: absolute; width: 25%;left:0;top:10%;}
.section_08 .sec08_right_illust{position: absolute; width: 15%;right:0;top:0%;}
.sec_08_right p{font-size: 1.2em;line-height: 2em;margin-bottom: 2em;}

/* section_09 */
.section_09{background-image: url("../img/sec_09_back_top_pc.svg");
	background-repeat: no-repeat;background-size: contain;background-position: top center; position: relative;padding:5% 0;background-color: #dee8e3;margin: 0;}

.section_09 .sec09_illust{position: absolute; width: 12%;left:0;top:0%;}
.sec_08_right p{font-size: 1.2em;line-height: 2em;margin-bottom: 2em;}

/* section_10 */
.section_10{position: relative;}
.section_10 .sec10_illust{position: absolute; width: 27%;right:0;top:10%;z-index: -10;}

/* section_sns */
.section_sns{background-image: url("../img/sec_sns_back_pc.webp");
	background-repeat: no-repeat;background-size: cover;background-position: top center; position: relative;padding:5% 0;background-color: #dee8e3;margin: 0;}

/* section_contact */
.section_contact{background-color:#f5f5f1;position: relative;}
.contact_box{background-color: #ffffff;border-radius: 15px;padding: 5%;border: solid 2px #c9caca;position: relative;}
.contact_box h3{font-size: 1.34em;}
.seccontact_illust{position: absolute;width: 15%;left:20%;top:-30px;}
.sec_ttl_contact{text-align: center;}
.sec_ttl_contact img{height: 100px;margin-bottom: 1em;}
.border_right{border-right: solid 1px #040000;padding-right: 2%;}
.gmap iframe{width: 100%;height: 350px;}

/* section_11 */
.section_11{background-image: url("../img/sec_04_back_top_pc.svg");
	background-repeat: no-repeat;background-size: cover;background-position: top center; position: relative;padding: 0;background-color: #cbddd8;margin: 0;}
.sec_11_back{background-image: url("../img/sec_11_back_pc.svg");
	background-repeat: no-repeat;background-size: cover;background-position: top center; position: relative;height: auto; padding: 30px 0% 5%;margin: 0;}
.sec_11_mt5per{margin-top: 5%;}
.sec_11_back p{padding: 0 14% 0%;box-sizing: border-box;}
/* ブランド */
.top06 {
    width: 15%;
    margin: 0 1% 20px 0;
}

.topWrap06 {
    margin: 60px auto -20px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-around;
	box-sizing: border-box;
}



.top06 a {
    display: block;
    border: solid 1px #e6e6e6;
}
.top06 a img{width: 100%;}
/*
===================================================
 tb タブレット解像度
===================================================
*/
@media screen and (max-width:1000px) {
.spnone{display: block;}
.tbonly{display: block;}
.tbnone{display: none;}
.sponly{display: none;}

	}
/*
===================================================
 sp スマホ解像度
===================================================
*/
@media screen and (max-width:640px) {
.spnone{display: none;}
.sponly{display: block;}
.tbonly{display: none;}


.f-left{float: none;}
.f-right{float: none;}
.w90per{width: 100%;margin:0 auto;}
.w80per{width: 80%;margin:0 auto;}
.w48per{width: 100%;margin-bottom: 3%;}
.w66per{width: 100%;position: relative;}	
.lh_l {line-height:1.8 !important;}
	
.sec_ttl img{height: 130px;z-index: 100;position: relative;}
.sec_ttl{font-size: 2em;text-align: center;}
/* news */
.news_ttl{width:100%;float:none;text-align: center;}
.news_ttl img{height: 130px;}
#news{width: 100%;float: none;}
#news dl a {
	display: block;}
#news dl dd {
    font-size: 0.84em;
}
#news dl a {
    display: block;
    justify-content: flex-start;
    align-items: center;
    padding: 0.6em 0 1em;
    margin: 0.6em 0;
	color: #000000;
	border-bottom: solid 1px #000000;
	position: relative;
	width: 100%;
	font-size: 0.84em;
}
#news dl:last-of-type {
    margin-bottom: 0;
}
#news dl a::after{
	content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 27px;
  width: 15px;
  height: 15px;
  margin: auto;
  border-top: 2px solid #000000;
  border-right: 2px solid #000000;
  transform: rotate(45deg);
  box-sizing: border-box;}
#news dl dt span {
    position: relative;
    display: inline-block;
    justify-content: flex-start;
    align-items: center;
    padding-right: 0em;
	color:#0000000;
	width: 8em;
	font-size: 1.14em;
}
#news dl dt span.news_cat{text-align: center; background-color: #bb1b2a;color:#ffffff;}
#news dl dd {
    font-size: 1.14em;
    line-height: 1.8;
}
#news dl dd {
    display: block;
	padding-left: 0em;
    transition:all 0.3s;
}

.news_btn{width: 99%;margin: 2em auto;display: block;}
.news_btn img{width: 100%;}


/* section_02 */
.section_02 .illust{position: absolute;top:7%;right:3%;width: 24%;}
.topic_box p{text-align: left; font-size: 0.84em;margin-top: 0.4em;}
	.topic_box .more_btn{margin-top: 0.4em;}
.topic_title .topic_mark{width: 100px;margin-right: 0%;display: block;margin-bottom: 0.5em;}
.topic_title{display: block; width: 100%; border-bottom: solid 2px #d26614;padding-bottom: 0.4em;padding-top: 0em; font-size: 1em;position: relative;margin-top: 0em;padding-right: 0px;line-height: 1.3em;}
.topic_title::after {
  display: none;
}
/* section_03 */
.section_03 .sec03_illust{position: absolute; width: 20%;z-index: 10;right:5px;top:-10px;}
/* section_04 */
.section_04{background-image: url("../img/sec_04_back_top_sp.svg");
	background-size: contain;}
.section_04 .sec04_illust{position: absolute; width:30%;left:3%;top:0;}
.section_04 .sec04_illust_right{position: absolute; width: 30%;right:3%;top:5%;}
.furniture_box{height: 160px;position: relative;margin-bottom: 5%;color: #3e3a39;display: flex;}
.furniture-bk-img{
    width: 38%;
    height: 150px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
	margin-bottom: 2%;
	margin-right: 4%;
	display: block;
}
.tex_box{width: 58%;}
.sec_04_ttl{font-size: 1.0em;font-weight: bold;padding-left: 0.6em;margin: 0.1% 0 0.6em;}
.furniture_box p.justify{font-size: 0.84em;line-height: 1.4em;}
.flexbox_buton{
	width: 100%;}
.furniture_btn{width: 99%;margin: 0.4em 2%;}
/* section_05 */	
.mt5per{margin-top: 10%;}
.section_05 .sec05_illust{position: absolute; width: 20%;right:3%;top:10%;}
.boxitem_04{width: 48%;}
.proposing-bk-img{
    width: 100%;
    height: 120px;
	margin-bottom: 3%;
}
.proposing_box{height: 280px;}
.date{font-size: 0.76em;}
.category{background-color: #7f4f21;color:#ffffff;display: inline-block;padding: 0.1em 0.8em;font-size: 0.7em;}
.tex_box_w100 p.justify{font-size: 0.8em;}
.sec_05_ttl{font-size: 0.8em;}
/* section_06 */	
.section_06 .sec06_illust{position: absolute; width: 25%;left:3%;top:3%;}
/* section_07 */
.section_07 .sec07_illust{position: absolute; width: 25%;right:3%;top:5%;}
.sec_07_left,.sec_08_left,.sec_09_left,.sec_10_left{width: 100%;float:none;}
.sec_07_right,.sec_08_right,.sec_09_right,.sec_10_right{width: 100%;float: none;}
.sec_07_ttl,.sec_08_ttl,.sec_09_ttl{font-size:1.14em;margin-bottom: 0.4em;margin-top: 0.4em;}
.sec_07_right p,.sec_09_right p,.sec_10_right p{font-size: 0.84em;line-height: 1.6em;margin-bottom: 1.4em;}
.sec_07_right a,.sec_08_right a,.sec_09_right a,.sec_10_right a{width: 100%;display: block;}
/* section_08 */	
.section_08 .sec08_left_illust{position: absolute; width: 30%;left:2%;top:5%;}
.section_08 .sec08_right_illust{position: absolute; width: 23%;right:3%;top:2%;}
.sec_08_right p{font-size: 0.84em;line-height: 1.6em;margin-bottom: 1.4em;}
/* section_09 */
.section_09 .sec09_illust{position: absolute; width: 18%;left:3%;top:3%;}
/* section_10 */
.section_10 .sec10_illust{position: absolute; width: 25%;right:3%;top:6%;z-index: -10;}
.sec_10_left img{margin-bottom: 0.6em;}
/* section_contact */
.section_contact{background-color:#f5f5f1;position: relative;}
.contact_box{background-color: #ffffff;border-radius: 15px;padding: 10%;border: solid 2px #c9caca;position: relative;}
.contact_box h3{font-size: 1.0em;}
.seccontact_illust{position: absolute;width: 20%;left:3%;top:10px;}
.sec_ttl_contact{text-align: center;}
.sec_ttl_contact img{height: 70px;margin-bottom: 1em;}
.border_right{border-right: none;padding-right: 0%;}
.gmap iframe{width: 100%;height: 300px;}
/* section_11 */
.section_11{padding: 10% 0 0;}
.sec_11_back{background-image: url("../img/sec_11_back_sp.svg");
	background-repeat: no-repeat;background-size: cover;background-position: top center; position: relative;height: auto; padding: 15px 0% 5%;margin: 0;}
.sec_11_mt5per{margin-top: 0%;margin-bottom: 1em;}
.sec_11_back p{font-size: 0.84em;}
.sec_11_back p,.sec_11_back a{padding: 0 5% 0%;box-sizing: border-box;}
	
.top06 {
    width: 48%;
    margin: 0 1% 10px 0;
}

}