@charset "UTF-8";


/*****************************************************
　共通　
*****************************************************/
/* .inner 
------------------------------------------------- */
.inner{
	margin:0 auto;
	max-width:1130px;
	width:91%;
}
/* 見出し 
------------------------------------------------- */
.heading-basic{
	border-bottom:3px solid #ff7b2c;
	font-size:1.8em;
	font-weight:bold;
	letter-spacing:0.1em;
	line-height:1.4;
	padding:0 35px 5px;
	position:relative;
}
.heading-basic:before{
	background:url('../images/top/hb_arrow.png') no-repeat left center;
	background-size:contain;
	content:'';
	display:block;
	height:15px;
	left:10px;
	position:absolute;
	top:50%;
	transform:translate(0,-50%);
	width:15px;
	z-index:0;
}
/* フォント 
------------------------------------------------- */
.f-oswald{
	font-family: "Oswald", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
}


/*****************************************************
　バナー　
*****************************************************/
.top-banner{
	margin:15px 0 20px;
}
.top-banner img.sp{
	display:none;
}


/*****************************************************
　スライダー　
*****************************************************/
#main-visual{
	margin:0 0 50px;
}
#main-visual img.sp{
	display:none;
}
#main-visual .slick-prev:before,
#main-visual .slick-next:before{
	display:none;
}
#main-visual .slick-prev,
#main-visual .slick-next{
	height:54px;
	width:32px;
	z-index:1;
}
#main-visual .slick-prev{
	background:url('../images/top/prev_arrow.png') no-repeat center center;
	background-size:contain;
	left:0;
}
#main-visual .slick-next{
	background:url('../images/top/next_arrow.png') no-repeat center center;
	background-size:contain;
	right:0;
}


/*****************************************************
　定番リフォームメニュー　
*****************************************************/
#standard-reform{
	margin:0 0 45px;
}
/* タイトル 
------------------------------------------------- */
#standard-reform .heading-basic br{
	display:none;
}
/* 一覧 
------------------------------------------------- */
.sr-block{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin:25px auto 0;
	max-width:1113px;
	width:100%;
}
.sr-block .sr-box{
	max-width:270px;
	width:24%;
}
.sr-block .sr-box .ttl{
	font-size:1.5em;
	line-height:1.4;
	margin:5px 0 10px;
	text-align:center;
}
.sr-block .sr-box a .ttl{
	color:#212121;
	text-decoration:underline;
}
.sr-block .sr-box .price{
	margin:0 0 30px;
}
.sr-block .sr-box a:hover .ttl{
	color:#ff7b2c;
}
.sr-block .sr-box .soudan{
	text-align:center;
}
.sr-block .sr-box .soudan span{
	border:2px solid #f00;
	color:#f00;
	display:inline-block;
	font-size:2.1em;
	letter-spacing:0.1em;
	padding:0 18px;
}
/* 注意書き 
------------------------------------------------- */
.attention{
	margin:30px 0 0;
	text-align:center;
}
.attention-txt{
	display:inline-block;
	line-height:1.5;
	padding:0 0 0 65px;
	position:relative;
	text-align:left;
}
.attention-txt:before{
	background:url('../images/top/attention.png') no-repeat left center;
	background-size:contain;
	content:'';
	display:block;
	height:53px;
	left:0;
	position:absolute;
	top:50%;
	transform:translate(0,-50%);
	width:53px;
	z-index:0;
}


/*****************************************************
　リフォーム事例　
*****************************************************/
#works{
	margin:0 0 75px;
}
/* 見出し 
------------------------------------------------- */
#works .heading-basic{
	line-height:1.2;
}

.staffList-item{
	width:40%;
}

.staffList-item2{
	width:95%;
}


#works .bl{
margin-top:20px;
}

#works .heading-basic br{
	display:none;
}
#works .hb-num{
	color:#ff7b2c;
	font-size:2em;
	font-style:italic;
	letter-spacing:0.055em;
}
#works .heading-basic:before{
	top:calc(50% + 0.4em);
}
/* スライダー 
------------------------------------------------- */
.works-list_wrap{
	margin:35px 0 40px;
}
.works-list{
	margin:0 auto;
	max-width:984px;
	width:100%;
}
.works-list .works-item{
	margin:0 9px;
	max-width:237px;
}
.works-list .works-item .ttl{
	font-size:1em;
	letter-spacing:0.1em;
	line-height:1.2;
	margin:10px 0;
	text-align:center;
}
.works-list .works-item a{
	color:#212121;
}
.works-list .works-item a .ttl{
	text-decoration:underline;
}
.works-list .works-item .category{
	font-weight:bold;
	letter-spacing:0.1em;
}
.works-list .works-item .price-cp{
	align-items:flex-end;
	display:flex;
	margin:-10px 0 0;
}
.works-list .works-item .price-cp .price{
	font-weight:bold;
	margin:0 0.5em 0 0;
}
.works-list .works-item .price-cp .price .large{
	color:#f10013;
	font-size:3em;
	font-style:italic;
}
.works-list .works-item .price-cp .price .small{
	color:#f10013;
	font-size:2.6em;
	font-style:italic;
	margin:0 0.1em 0 0;
}
.works-list .works-item .price-cp .cp{
	font-weight:bold;
	margin:0 0 5px;
	width: 45%;
}
/* ----- slick ----- */
.works-list .slick-prev:before,
.works-list .slick-next:before{
	display:none;
}
.works-list .slick-prev,
.works-list .slick-next{
	height:80px;
	width:47px;
	z-index:0;
}
.works-list .slick-prev{
	background:url('../images/top/prev_arrow.png') no-repeat center center;
	background-size:contain;
	left:-60px;
}
.works-list .slick-next{
	background:url('../images/top/next_arrow.png') no-repeat center center;
	background-size:contain;
	right:-60px;
}


/* LINEバナー画像 
------------------------------------------------- */

.line_bn {
    text-align: center;
    margin-bottom: 20px;
	margin-top: 30px;
}


/* カテゴリー別 
------------------------------------------------- */
.works-category{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.works-category .wc-item{
	background:#f7f7f7;
	margin:7px 0 0;
	max-width:367px;
	width:33%;
}
.works-category .wc-item:nth-child(1),
.works-category .wc-item:nth-child(2),
.works-category .wc-item:nth-child(3){
	margin:0;
}
.works-category .wc-item a{
	align-items:center;
	color:#212121;
	display:flex;
	padding:12px;
}
.works-category .wc-item a:hover{
	background:#feeee3;
	color:#ff7b2c;
}
.works-category .wc-item .img{
	width:66px;
}
.works-category .wc-item .ttl{
	text-align:center;
	width:calc(100% - 66px);
}


/*****************************************************
　住まいのお直し隊を知ろう！！　
*****************************************************/
/* 住まいのお直し隊が選ばれる理由 
------------------------------------------------- */
#reason{
	margin:60px 0 0;
}
/* ----- タイトル ----- */
.about-subttl{
	margin:0 0 30px;
	text-align:center;
}
.reason-ttl{
	margin:0 0 60px;
	text-align:center;
}
/* ----- 理由 ----- */
/* 理由 */
.reason-list{
	display:flex;
	justify-content:space-between;
}
.reason-list .reason-item{
	max-width:340px;
	width:30%;
}
.reason-list .reason-item:nth-child(2){
	max-width:390px;
	width:35%;
}
.reason-list .reason-item .ttl{
	align-items:center;
	display:flex;
	font-feature-settings:"palt";
	justify-content:space-between;
}
.reason-list .reason-item .ttl:before{
	content:'';
	display:block;
	height:76px;
	width:78px;
}
.reason-list .reason-item:nth-child(1) .ttl:before{
	background:url('../images/top/reason_num1.png') no-repeat center center;
	background-size:contain;
}
.reason-list .reason-item:nth-child(2) .ttl:before{
	background:url('../images/top/reason_num2.png') no-repeat center center;
	background-size:contain;
}
.reason-list .reason-item:nth-child(3) .ttl:before{
	background:url('../images/top/reason_num3.png') no-repeat center center;
	background-size:contain;
}
.reason-list .reason-item .ttl span{
	color:#ff6700;
	font-size:1.6em;
	letter-spacing:0.025em;
	line-height:1.4;
	width:calc(100% - 90px);
}
.reason-list .reason-item .txt{
	margin:15px 0 0;
}
/* リンク */
.reason-nav{
	display:flex;
	justify-content:space-between;
	margin:45px 0 0;
}
.reason-nav .rn-item{
	text-align:center;
}
.reason-nav .rn-item a .ttl{
	color:#212121;
	text-decoration:underline;
}
.reason-nav .rn-item a:hover img{
	opacity:0.49;
}
.reason-nav .rn-item a:hover .ttl{
	color:#ff7b2c;
}
.reason-nav .rn-item .ttl{
	font-size:1.6em;
	letter-spacing:0.1em;
	margin:12px 0 0;
}
/* お知らせ、店舗情報 
------------------------------------------------- */
#news-store_wrap{
	display:flex;
	justify-content:space-between;
	margin:100px 0 0;
}
/* お知らせ 
------------------------------------------------- */
#news{
	max-width:660px;
	width:59%;
}
/* ----- タイトル ----- */
#news .news-ttl{
	font-size:1.8em;
	letter-spacing:0.1em;
	margin:0 0 15px;
}
/* ----- リスト ----- */
#news .news-list{
	line-height:1.4;
}
#news .news-list .news-item{
	border-bottom:1px dotted #ddd;
	display:flex;
	padding:12px 0;
}
#news .news-list .news-item .date{
	float:none;
	padding:0 0 0 22px;
	width:150px;
}
#news .news-list .date:before{
	bottom:auto;
	left:10px;
	top:3px;
}
#news .news-list .news-item .ttl{
	width:calc(100% - 150px);
}

/* スタッフ紹介 
------------------------------------------------- */

.staffList2{
  display: flex;
  justify-content: center;
padding-top: 20px;
}

.tooltip {
  position: relative;
  border-bottom: 1px dotted black;
}

/* Tooltip box */
.tooltip:before {
    content: attr(data-tooltip);
    position: absolute;
     /*width: 200px; */
    background-color: #f66b1a;
    color: #fff;
    text-align: center;
    padding: 10px;
    line-height: 1.2;
    border-radius: 6px;
    z-index: 1;
    opacity: 0;
    transition: opacity .6s;
    /* bottom: 90%; */
    top: 420%;
    left: 10%;
    margin-left: -20px;
    font-size: 1.0em;
    visibility: hidden;
}

/* Tooltip arrow */
.tooltip:after {
    content: "";
    position: absolute;
    /* bottom: 75%; */
    left: 58%;
    top: 290%;
    margin-left: -10px;
    border-width: 10px;
    border-style: solid;
    opacity: 0;
    transition: opacity .6s;
    border-color: #f66b1a transparent transparent transparent;
    visibility: hidden;
    transform: rotateZ(180deg);
}

.tooltip:hover:before, .tooltip:hover:after {
  opacity: 1;
  visibility: visible;
}


/* 店舗情報 
------------------------------------------------- */
#store{
	max-width:440px;
	width:39%;
}
/* ----- タイトル ----- */
#store .store-ttl{
	font-size:1.8em;
	letter-spacing:0.1em;
	margin:0 0 15px;
}
/* ----- 地図 ----- */
#store .map{
	height:0;
	margin:0 0 10px;
	overflow:hidden;
	padding-bottom:56.25%;
	position:relative;
	width:100%;
}
#store .map iframe{
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:0;
}
/* ----- 表 ----- */
#store .store-info th,
#store .store-info td{
	border:none;
	color:#221815;
	letter-spacing:0.1em;
	padding:3px 0;
}
#store .store-info th{
	background:transparent;
	font-size:1.5em;
}
#store .store-info td{
	background:transparent;
	font-size:1.3em;
}


/*****************************************************
　お問い合わせ　
*****************************************************/
#contact{
	margin:30px 0 60px;
}
/* 上 
------------------------------------------------- */
#contact .contact-top{
	background:#fcf5f0;
	padding:40px 70px 45px;
}
/* ----- 見出し ----- */
.contact-top .contact-top_ttl{
	color:#ff7b2c;
	font-size:2.3em;
	font-weight:bold;
	letter-spacing:0.05em;
	line-height:1.4;
	margin:0 0 25px;
	text-align:center;
}
.contact-top .contact-top_ttl br{
	display:none;
}
/* ----- コンテンツ ----- */
.contact-top .ct-block{
	display:flex;
	justify-content:space-between;
}
.contact-top .ct-block .ct-box{
	align-items:center;
	display:flex;
	justify-content:space-between;
	max-width:450px;
	width:46%;
}
.contact-top .ct-block .ct-box .img{
	width:138px;
}
.contact-top .ct-block .ct-box .txt{
	width:calc(100% - 158px);
}
.contact-top .ct-block .ct-box .txt .ttl{
	font-size:1.8em;
	font-weight:bold;
	margin:0 0 10px;
	text-decoration:underline;
}
.contact-top .ct-block .ct-box .txt p{
	letter-spacing:0.1em;
	line-height:1.5;
	margin:0;
}
/* 下 
------------------------------------------------- */
#contact .contact-bottom{
	margin:40px 0 0;
	text-align:center;
}
/* ----- 見出し ----- */
.contact-bottom .contact-bottom_ttl{
	color:#4d2e15;
	font-size:1.6em;
	font-weight:bold;
	letter-spacing:0.05em;
	line-height:1.4;
	margin:0 0 15px;
}
/* ----- コンテンツ ----- */
.contact-bottom .business-hours{
	font-size:1.3em;
	letter-spacing:0.1em;
	line-height:1.4;
}
/* ボタン */
.contact-bottom .booking-btn{
	background:#ff6700;
	border-radius:9px;
	letter-spacing:0.025em;
	line-height:69px;
	margin:0 auto;
	max-width:414px;
	width:100%;
}
.contact-bottom .booking-btn a{
	color:#fff;
	display:block;
}
.contact-bottom .booking-btn a span{
	background:url('../images/top/arrow.png') no-repeat right center;
	background-size:8px 12px;
	display:inline-block;
	font-size:1.8em;
	font-weight:bold;
	padding:0 25px 0 0;
}


/*****************************************************
　固定メニュー　
*****************************************************/
#fixnav ul li + li{
	margin:10px 0 0;
}


@media screen and (max-width: 1280px){
	/*****************************************************
	　固定メニュー　
	*****************************************************/
	#fixnav ul{
		align-items:center;
		display:flex;
		margin:20px 10px;
	}
	#fixnav ul li + li{
		margin:0 0 0 10px;
	}
	#fixnav ul li:nth-child(5){
		display:none;
	}
}


@media screen and (max-width:1024px){
	/*****************************************************
	　共通　
	*****************************************************/
	/* 見出し 
	------------------------------------------------- */
	.heading-basic{
		border-bottom:3px solid #ff7b2c;
		font-size:4.61vw;
		padding:0 8.97vw 1.53vw;
	}
	.heading-basic:before{
		height:6.41vw;
		left:0;
		width:6.41vw;
	}


	/*****************************************************
	　バナー　
	*****************************************************/
	.top-banner{
		margin:0 0 2.56vw;
	}
	.top-banner .inner{
		width:auto;
	}
	.top-banner img.pc{
		display:none;
	}
	.top-banner img.sp{
		display:block;
	}


	/*****************************************************
	　スライダー　
	*****************************************************/
	#main-visual{
		margin:0 0 6.41vw;
	}
	#main-visual img.sp{
		display:block;
	}
	#main-visual img.pc{
		display:none;
	}
	#main-visual .inner{
		width:auto;
	}
	#main-visual .inner .slick-slider{
		margin:0;
	}
	#main-visual .slick-prev,
	#main-visual .slick-next{
		height:6.92vw;
		width:4.1vw;
	}


	/*****************************************************
	　定番リフォームメニュー　
	*****************************************************/
	#standard-reform{
		margin:0 0 5.76vw;
	}
	/* タイトル 
	------------------------------------------------- */
	#standard-reform .heading-basic br{
		display:block;
	}
	/* 一覧 
	------------------------------------------------- */
	.sr-block{
		margin:4.48vw auto 0;
		max-width:none;
		width:84.23vw;
	}
	.sr-block .sr-box{
		max-width:none;
		width:39.74vw;
	}
	.sr-block .sr-box .ttl{
		font-size:3.84vw;
		margin:0.64vw 0 1.28vw;
	}
	.sr-block .sr-box .price{
		margin:0 0 3.84vw;
		text-align:center;
	}
	.sr-block .sr-box .price img{
		width:80%;
	}
	.sr-block .sr-box .soudan span{
		font-size:3.84vw;
		padding:0 2.3vw;
	}
	/* 注意書き 
	------------------------------------------------- */
	.attention{
		margin:3.84vw 0 0;
	}
	.attention-txt{
		font-size:2.56vw;
		padding:0 0 0 8.33vw;
	}
	.attention-txt:before{
		height:6.79vw;
		width:6.79vw;
	}


	/*****************************************************
	　リフォーム事例　
	*****************************************************/
	#works{
		margin:0 0 9.61vw;
	}
	/* 見出し 
	------------------------------------------------- */
	#works .hb-num{
		font-size:3.84vw;
	}
	/*#works .heading-basic:before{
		top:calc(50% + 1.5em);
	}*/
	/* スライダー 
	------------------------------------------------- */
	#works .heading-basic br{
		display:block;
	}
	#works .hb-num{
		font-size:10vw;
	}
	#works .heading-basic:before{
		top:50%;
	}
	.works-list_wrap{
		margin:4.48vw 0 10.25vw;
	}
	.works-list{
		max-width:none;
	}
	.works-list .works-item{
		margin:0 1.15vw;
		max-width:none;
	}
	.works-list .works-item .ttl{
		font-size:3.84vw;
		margin:1.28vw 0;
	}
	.works-list .works-item .category{
		font-size:3.84vw;
	}
	.works-list .works-item .price-cp{
		margin:-1.28vw 0 0;
	}
	.works-list .works-item .price-cp .price{
		font-size:3.84vw;
	}
	.works-list .works-item .price-cp .price .large{
		font-size:9vw;
	}
	.works-list .works-item .price-cp .price .small{
		font-size:7vw;
	}
	.works-list .works-item .price-cp .cp{
		font-size:3.84vw;
		margin:0 0 1.2vw;
	}
	/* ----- slick ----- */
	.works-list .slick-prev,
	.works-list .slick-next{
		height:10.25vw;
		width:6.02vw;
	}
	.works-list .slick-prev{
		left:-4.5vw;
	}
	.works-list .slick-next{
		right:-4.5vw;
	}
	
	/* スタッフ紹介
	------------------------------------------------- */	

.staffList2 {
    display: block;
    justify-content: center;
}
.staffList-item {
    width: 49%;
    float: left;
}
	
.staffList-item2 {
    width: 49%;
    display: inline-block;
}
	
	/* カテゴリー別 
	------------------------------------------------- */
	.works-category .wc-item{
		margin:0.89vw 0 0;
		max-width:none;
		width:49%;
	}
	.works-category .wc-item:nth-child(3){
		margin:0.89vw 0 0;
	}
	.works-category .wc-item a{
		padding:1.53vw;
	}
	.works-category .wc-item .img{
		width:8.46vw;
	}
	.works-category .wc-item .ttl{
		font-size:2.94vw;
		text-align:center;
		width:calc(100% - 8.46vw);
	}


	/*****************************************************
	　住まいのお直し隊を知ろう！！　
	*****************************************************/
	/* 住まいのお直し隊が選ばれる理由 
	------------------------------------------------- */
	#reason{
		margin:7.69vw 0 0;
	}
	/* ----- タイトル ----- */
	.about-subttl{
		margin:0 0 3.84vw;
	}
	.reason-ttl{
		margin:0 0 7.69vw;
	}
	/* ----- 理由 ----- */
	/* 理由 */
	.reason-list{
		display:block;
	}
	.reason-list .reason-item:nth-child(1),
	.reason-list .reason-item:nth-child(2){
		margin:0 0 5vw;
	}
	.reason-list .reason-item,
	.reason-list .reason-item:nth-child(2){
		max-width:none;
		width:auto;
	}
	.reason-list .reason-item .ttl:before{
		height:9.74vw;
		width:10vw;
	}
	.reason-list .reason-item .ttl span{
		font-size:4.61vw;
		width:calc(100% - 11.53vw);
	}
	.reason-list .reason-item .txt{
		font-size:3.84vw;
		margin:1.92vw 0 0;
	}
	/* リンク */
	.reason-nav{
		flex-wrap:wrap;
		margin:5.76vw 0 0;
	}
	.reason-nav .rn-item{
		width:49%;
	}
	.reason-nav .rn-item:nth-child(1),
	.reason-nav .rn-item:nth-child(2){
		margin-bottom:3vw;
	}
	.reason-nav .rn-item .ttl{
		font-size:4.61vw;
		margin:1.53vw 0 0;
	}
	/* お知らせ、店舗情報 
	------------------------------------------------- */
	#news-store_wrap{
		display:block;
		margin:12.82vw 0 0;
	}
	/* お知らせ 
	------------------------------------------------- */
	#news{
		max-width:none;
		width:auto;
	}
	/* ----- タイトル ----- */
	#news .news-ttl{
		font-size:4.61vw;
		margin:0 0 1.92vw;
	}
	/* ----- リスト ----- */
	#news .news-list .news-item{
		padding:1.53vw 0;
	}
	#news .news-list .news-item .date{
		font-size:3.2vw;
		padding:0 0 0 2.82vw;
		width:35vw;
	}
	#news .news-list .date:before{
		left:1.28vw;
		top:0.38vw;
	}
	#news .news-list .news-item .ttl{
		width:calc(100% - 35vw);
	}
	#news .news-list .news-item .ttl a{
		font-size:3.2vw;
	}
	/* 店舗情報 
	------------------------------------------------- */
	#store{
		margin:5vw 0 0;
		max-width:none;
		width:auto;
	}
	/* ----- タイトル ----- */
	#store .store-ttl{
		font-size:4.61vw;
		margin:0 0 1.92vw;
	}
	/* ----- 地図 ----- */
	#store .map{
		margin:0 0 1.28vw;
	}
	/* ----- 表 ----- */
	#store .store-info th,
	#store .store-info td{
		padding:0.38vw 0;
	}
	#store .store-info th{
		font-size:4.61vw;
	}
	#store .store-info td{
		font-size:3.84vw;
	}


	/*****************************************************
	　お問い合わせ　
	*****************************************************/
	#contact{
		margin:30px 0 60px;
	}
	/* 上 
	------------------------------------------------- */
	#contact .contact-top{
		padding:5.12vw 8.97vw 5.76vw;
	}
	/* ----- 見出し ----- */
	.contact-top .contact-top_ttl{
		font-size:5.12vw;
		margin:0 0 3.2vw;
	}
	.contact-top .contact-top_ttl br{
		display:block;
	}
	/* ----- コンテンツ ----- */
	.contact-top .ct-block{
		display:block;
	}
	.contact-top .ct-block .ct-box{
		max-width:none;
		width:auto;
	}
	.contact-top .ct-block .ct-box:nth-child(2){
		margin:3vw 0 0;
	}
	.contact-top .ct-block .ct-box .img{
		width:17.69vw;
	}
	.contact-top .ct-block .ct-box .txt{
		width:calc(100% - 20.25vw);
	}
	.contact-top .ct-block .ct-box .txt .ttl{
		font-size:4.61vw;
		margin:0 0 1.28vw;
	}
	.contact-top .ct-block .ct-box .txt p{
		font-size:3.84vw;
	}
	/* 下 
	------------------------------------------------- */
	#contact .contact-bottom{
		margin:5.12vw 0 0;
	}
	/* ----- 見出し ----- */
	.contact-bottom .contact-bottom_ttl{
		margin:0 0 1.92vw;
	}
	/* ----- コンテンツ ----- */
	.contact-bottom .business-hours{
		margin:1em 0;
	}
	/* ボタン */
	.contact-bottom .booking-btn{
		border-radius:1.15vw;
		line-height:15vw;
		max-width:none;
		width:70vw;
	}
	.contact-bottom .booking-btn a span{
		background-size:1.02vw 1.53vw;
		font-size:5.12vw;
		padding:0 3.2vw 0 0;
	}


	/*****************************************************
	　固定メニュー　
	*****************************************************/
	#fixnav ul{
		margin:0 1.28vw;
	}
	#fixnav ul li + li{
		margin:0 0 0 1.28vw;
	}
}