@charset "utf-8";
@keyframes fades{0%{opacity:0;}10%{opacity:1;}50%{opacity:1;}60%{opacity:0;}100%{opacity:0;}}

main{overflow:visible;}
main > section:not(.homeParaTxt),
main > figure#btmFg{
	position:relative;
	background-color:#fff;
}
#footer{
	position:relative;
	margin-top:0;
	z-index:2;
}
a[data-boxlink]{
	display:flex;
	align-items:center;
	padding:9px 18px 11px;
	border:1px solid #006039;
	font-size:calc(16 / 16 * 1rem);
	border-radius:4px;
}
a[data-boxlink]:hover{
	background-color:#006039;
	color:#fff;
}
a[data-boxlink] > *{display:block;}
a[data-boxlink] span{
	letter-spacing:3px;
	white-space:nowrap;
}
a[data-boxlink] svg{
	width:24px;
	margin-left:13px;
	transition:transform 0.4s;
}
a[data-boxlink]:hover svg{transform:translateX(10px);}
a[data-boxlink] svg use{fill:#006039;}
a[data-boxlink]:hover svg use{fill:#fff;}
.inner{margin:0 auto;}
.verticalTtl{opacity:1;}
.verticalTtl img{
	opacity:0;
	transition-property:opacity;
	transition-timing-function:ease;
	transition-duration:0.8s;
}
.verticalTtl.show img{opacity:1;}
.verticalTtl.show img:nth-child(2){transition-delay:0.2s;}
.verticalTtl.show img:nth-child(3){transition-delay:0.4s;}
.verticalTtl.show img:nth-child(4){transition-delay:0.6s;}
.verticalTtl.show img:nth-child(5){transition-delay:0.8s;}
.verticalTtl.show img:nth-child(6){transition-delay:1.0s;}
.verticalTtl.show img:nth-child(7){transition-delay:1.2s;}
.verticalTtl.show img:nth-child(8){transition-delay:1.4s;}
.verticalTtl.show img:nth-child(9){transition-delay:1.6s;}
#topVisual{
	width:100%;
	position:sticky;
	top:0;
	left:0;
	grid-area:topMV;
}
#topVisual picture{
	transition: opacity 1.6s ease-in-out;
	opacity:0;
}
#topVisual.show picture{opacity:1;}
#topVisual .mvTtl{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
#topVisual h1{
	display:block;
	writing-mode:vertical-rl;
	color:#fff;
}
#topVisual h1 span{opacity:0;}
#topVisual h1 .mvSpan{display:inline-block;}
#topVisual h1 .mvSpanLine{display:block;}
#topVisual h1 span:nth-child(1){animation: fadeIn 0.8s ease-in-out 2.0s forwards;}
#topVisual h1 span:nth-child(2){animation: fadeIn 0.8s ease-in-out 3.0s forwards;}
#topVisual h1 span:nth-child(3){animation: fadeIn 0.8s ease-in-out 4.0s forwards;}
#topVisual h1 span:nth-child(4){animation: fadeIn 0.8s ease-in-out 5.0s forwards;}
.homeParaFg,
.homeParaTxt{
	position:sticky;
	top:0;
	left:0;
	height:100vh;/*min(100svh,100vh)*/
}
.homeParaFg{opacity:1!important;}
.homeParaFg .inner,
.homeParaTxt .inner{
	height:100%;
	position:relative;
}
.homeParaFg .inner{background-color:#fff;}
.homeParaFg picture{
	opacity:0;
	transition:all 0.8s ease;
}
.homeParaFg.show picture{opacity:1;}
.homeParaFg img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center center;
}
.homeParaTxt{pointer-events:none;}
.homeParaTxt .outBox{
	container:half / inline-size;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	color:#fff;
}
.homeParaTxt .outBox a{
	color:#fff;
	pointer-events:all;
}
.homeParaTxt .inBox{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	display:flex;
	flex-direction:row-reverse;
	justify-content:space-between;
	margin:0 auto;
}
.homeParaTxt .houseTtl{
	display:block;
  writing-mode: vertical-rl;
  opacity:0;
	background-color:#fff;
	transition:opacity 0.8s ease 0.4s;
}
.homeParaTxt .houseTtl.show{opacity:1;}
.homeParaTxt .houseTtl *{
	display:block;
	line-height:1.0;
}
.homeParaTxt .houseTtl strong{position:relative;}
.homeParaTxt .houseTtl strong:before,
.homeParaTxt .houseTtl strong:after{
	content:"";
	display:block;
	position:absolute;
}
.homeParaTxt .houseTtl strong:before{height:1px;}
.homeParaTxt .houseTtl strong:after{width:1px;}
.homeParaTxt h3{line-height:1.88;}
.homeParaTxt .houseLink{display:flex;}
.homeParaTxt .houseLink li{
	display:block;
	line-height:1.0;
}
.homeParaTxt .houseLink a[data-boxlink]{border-color:#fff;}
.homeParaTxt .houseLink a[data-boxlink] svg use{fill:#fff;}
.homeParaTxt .houseLink a[data-boxlink]:hover{background-color:#fff;}
#newTxt .houseLink a[data-boxlink]:hover{color:#006039;}
#reformTxt .houseLink a[data-boxlink]:hover{color:#c46800;}
#newTxt .houseLink a[data-boxlink]:hover svg use{fill:#006039;}
#reformTxt .houseLink a[data-boxlink]:hover svg use{fill:#c46800;}
.homeParaTxt .houseLink li:nth-child(2) a[data-boxlink] span{letter-spacing:0.2px;}
#newFg{grid-area:newFg;}
#reformFg{grid-area:reformFg;}
#newTxt{grid-area:newTxt;}
#newTxt .houseTtl{color:#006039;}
#newTxt .houseTtl strong:before,
#newTxt .houseTtl strong:after{background-color:#006039;}
#reformTxt{grid-area:reformTxt;}
#reformTxt .houseTtl{color:#c46800;}
#reformTxt .houseTtl strong:before,
#reformTxt .houseTtl strong:after{background-color:#c46800;}
#blogBox{
	grid-area:blogBox;
	background-color:#fbf8ec;
}
#blogBox .inner{
	display:flex;
	align-items:center;
	justify-content:space-between;
}
#blogBox *{line-height:1.0;}
#blogBox h2{color:#006039;}
#blogBox .articleLink{flex:1;}
#blogBox .articleLink svg{transition:transform 0.4s;}
#blogBox .articleLink a:hover svg{transform:translateX(10px);}
#blogBox .articleLink a .catTag{border-left: 1px solid #006039;}
#familyBox{grid-area:familyBox;}
#familyBox .inner:before{
	content:"";
	display:block;
	width:100%;
	height:1px;
}
#familyBox .fgInner{
	width:100%;
	position:relative;
}
#familyBox .fgInner picture,
#familyBox img{display:block;}
#familyBox figcaption{position:relative;}
#familyBox h2{
	position:absolute;
	background:url("../img/top/family-ttl-bg.svg") no-repeat left top / 100% auto;
}
#familyBox h2 img{
	width:100%;
	display:block;
}
#familyBox h3{
	display:block;
	line-height:1.88;
	color:#006039;
}
#familyBox p{display:block;}
#familyBox .circleLink{text-align:right;}
#familyBox .circleLink a{margin-left:auto;}
#breathBox{grid-area:breathBox;}
#breathBox .movieBtn > img{
	aspect-ratio:16 / 9;
	object-fit:cover;
	object-position:center center;
}
#breathBox .breathTxt{position:relative;}
#breathBox h2{
	position:absolute;
	background:url("../img/top/breath-ttl-bg.svg") no-repeat left top / 100% auto;
}
#breathBox h2 img{
	display:block;
	width:100%;
}
#breathBox h3{
	display:block;
	line-height:1.88;
	color:#006039;
}
#breathBox .fg01,
#breathBox .fg02{display:block;}
#breathBox p{display:block;}
#breathBox{
	background:url("../img/top/circle-bg.svg") repeat #fff;
	background-size:5px auto;
}
#breathBox .movieBtn{
	position:relative;
	margin:0 auto;
}
#breathBox .circleLink{text-align:right;}
.sliderBox .sliderHd .leadTxt,
.sliderBox .sliderHd h2 > span > span,
#blogSet .sliderHd .leadTxt,
#blogSet .sliderHd h2 > span > span{color:#006039;}
.sliderBox .sliderHd h2 > span:before,
.sliderBox .sliderHd h2 > span:after,
#blogSet .sliderHd h2 > span:before,
#blogSet .sliderHd h2 > span:after{background-color:#006039;}
.sliderBox{margin-top:0;}
#workSlider{grid-area:reformSlider;}
#interviewSlider{grid-area:interviewSlider;}
#interviewSlider .workBoxSet li a{grid-template:"fimgs fimgs" auto "fname fTag" auto "hAdd fTag" auto / 1fr auto;}
#interviewSlider .workBoxSet li h3{text-align:right;}
#interviewSlider .workBoxSet li a figure{
	grid-area:fimgs;
	width:100%;
	position:relative;
}
#interviewSlider .workBoxSet li .fg{position:relative;}
#interviewSlider .workBoxSet li .fg:before,
#interviewSlider .workBoxSet li .fg:after{
	content:"";
	display:block;
	position:absolute;
	background-size:contain;
	background-repeat:no-repeat;
}
#interviewSlider .workBoxSet li .fg:before{background-position:left top;}
#interviewSlider .workBoxSet li .fg:after{background-position:right bottom;}
#interviewSlider .workBoxSet li[data-cat="newhouse"] .fg:before{background-image:url("../img/interview/interview-pin01.svg");}
#interviewSlider .workBoxSet li[data-cat="newhouse"] .fg:after{background-image:url("../img/interview/interview-pin02.svg");}
#interviewSlider .workBoxSet li[data-cat="reform"] .fg:before{background-image:url("../img/interview/interview-pin03.svg");}
#interviewSlider .workBoxSet li[data-cat="reform"] .fg:after{background-image:url("../img/interview/interview-pin04.svg");}
#interviewSlider .workBoxSet li .fg img{
	margin-bottom:0;
	border-radius:0px;
}
#interviewSlider .workBoxSet li .houseName{white-space:nowrap;}
#interviewSlider .workBoxSet li a .houseAddress{grid-area:hAdd;}
#blogSet{
	grid-area:blogSet;
	background-color:#f5f7f6;
}
#blogSet .inner{
	position:relative;
	max-width:1280px;
	margin:0 auto;
}
#blogSet .sliderHd{background-color:transparent;}
#blogSet .blogLink{
	width:100%;
	text-align:center;
}
#blogSet .blogList{
	display:flex;
	flex-wrap:wrap;
	width:100%;
	margin:0 auto;
}
#blogSet .blogList a:hover{opacity:0.5;}
#blogSet .blogList li *{display:block;}
#blogSet .blogList li[data-new] figure{position:relative;}
#blogSet .blogList li[data-new] figure a:after{
	content:"";
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:url("../img/blog/new-icon.svg") no-repeat;
}
#blogSet .blogList li time{line-height:1.0;}
#blogSet .blogList h3 a{color:#333;}
#blogSet .blogList li .blogTag{line-height:1.0;}
#blogSet .blogLink a{margin:0 auto;}
#blogSet .blogLink a svg{transition:transform 0.4s;}
#blogSet .blogLink a:hover svg{transform:translateX(10px);}
#lineBox{
	gria-area:lineBox;
	text-align:center;
	color:#006039;
}
#lineBox a{display:block;}
#lineBox .telTxt a{display:inline-block;}
#lineBox .lineTxt{
	display:block;
	margin:0 auto;
}
#lineBox .lineTxt img{width:100%;}
#lineBox .snsLine{
	width:100%;
	text-align:center;
}
#lineBox .snsLine a{margin:0 auto;}
#btmFg{gria-area:btmFg;}
#btmFg img{
	object-fit:cover;
	object-position:center bottom;
	height:100%;
	max-height:1386px;
}
#footer{background-color:transparent;}
@media (max-width:1099.98px){
	main{
		display:grid;
		grid-template:"topMV" auto "blogBox" auto "newFg" auto "newTxt" auto "reformFg" auto "reformTxt" auto "familyBox" auto "breathBox" auto "reformSlider" auto "interviewSlider" auto "blogSet" auto "lineBox" auto "btmFg" auto "footer" auto / 100%;
	} 
	#topVisual{
		background-color:#fbf8ec;
		z-index:0;
	}
	#topVisual img{
		width:100%;
		object-fit:cover;
		object-position:center center;
	}
	#newFg{z-index:2;}
	#newTxt{z-index:3;}
	#reformFg{
		margin-top:100vh;
		z-index:4;
	}
	#reformTxt{z-index:5;}
	#blogBox{z-index:1;}
	#familyBox{
		margin-top:50vh;/************************************/
		z-index:6;
	}
	#breathBox{z-index:7;}
	#workSlider{z-index:8;}
	#interviewSlider{z-index:9;}
	#blogSet{z-index:10;}
	#lineBox{z-index:11;}
	#btmFg{z-index:12;}
	#footer{z-index:13;}
}
@media (max-width:768.98px){
html {height: -webkit-fill-available;}
body {
  min-height: 100dvh;
  min-height: -webkit-fill-available;
}/*******************************************9/24**/


	a[data-boxlink]{
		padding:8px 13px 8px 12px;
		font-size:calc(14 / 16 * 1rem);/********sp upset************/
		border-radius:4px;
	}
	a[data-boxlink] span{letter-spacing:3px;}
	a[data-boxlink] svg{
		width:19px;
		margin-left:10px;
	}
	#topVisual{padding-top:66px;}
	#topVisual img{
		height:calc(min(100vh,100dvh) - 120px);/*9/24*/
		border-bottom-left-radius:25.777vw;
	}
	#topVisual .mvTtl{
		display:block;
		padding:calc(67px + 18.666vw) 0 0;
	}
	#topVisual h1{
		margin:0 auto;
		font-size:calc(23 / 16 * 1rem);
		line-height:2.1817;
		letter-spacing:2px;
	}
	.homeParaTxt .inBox{padding-bottom:36px;}
	.homeParaTxt .houseTtl{
		width:97px;
		height:227px;
		padding:14px 18px 17px 24px;
		margin-top:8px;
	}
	.homeParaTxt .houseTtl small{
		padding-top:5px;
		margin-left:12px;
		font-size:calc(8.6732 / 16 * 1rem);
		letter-spacing:3px;
	}
	.homeParaTxt .houseTtl strong{
		height:196px;
		padding-top:4px;
		font-size:calc(24 / 16 * 1rem);
	}
	.homeParaTxt .houseTtl strong:before,
	.homeParaTxt .houseTtl strong:after{
		content:"";
		display:block;
	}
	.homeParaTxt .houseTtl strong:before{
		width:46px;
		bottom:0;
		left:-16px;
	}
	.homeParaTxt .houseTtl strong:after{
		height:204px;
		top:0;
		left:-10px;
	}
	.homeParaTxt .txtBox{
		width:calc(100% - 97px);
		/*padding-right:4.2666vw;
		padding-left:8vw;*/
	}
	.homeParaTxt h3{
		padding-top:82px;
		font-size:calc(20 / 16 * 1rem);/***19>20***/
		letter-spacing:3.5px;
	}
	.homeParaTxt p{
		margin-top:18px;
		font-size:calc(14 / 16 * 1rem);/********sp upset************/
		letter-spacing:0.9px;
		line-height:1.95;
	}
	.homeParaTxt .houseLink{
		margin-top:29px;
		padding-left:27px;
	}
	.homeParaTxt .houseLink li:nth-child(2){margin-left:24px;}
	#newTxt .inBox{background:url("../img/top/house-bg01-sp.svg") no-repeat center top / cover;}
	#newTxt .houseTtl strong{letter-spacing:4.5px;}
	#reformTxt .inBox{background:url("../img/top/house-bg02-sp.svg") no-repeat center top / cover;}
	#reformTxt .houseTtl strong{letter-spacing:9.5px;}
	#blogBox .inner{
		width:322px;
		padding:11px 0 13px;
	}
	#blogBox h2{
		font-size:calc(14 / 16 * 1rem);/*12 14*/
		letter-spacing:3.2px;
	}
	#blogBox .articleLink{
		flex:1;
		margin-left:12px;
		padding-left:14px;
		border-left:1px solid #006039;
	}
	#blogBox .articleLink a{
		position:relative;
		display:block;
		padding:0 33px 1px 0;
		font-size:calc(11 / 16 * 1rem);/*************10.666 > 11**************/
	}
	#blogBox .articleLink time,
	#blogBox .articleLink .catTag{
		display:inline-block;
		vertical-align:middle;
	}
	#blogBox .articleLink time{letter-spacing:1.7px;}
	#blogBox .articleLink .catTag{
		margin-left:6px;
		padding-left:6px;
		letter-spacing:1px;
	}
	#blogBox .articleLink .blogTxt{
		display:block;
		margin-top:5px;
		font-size:calc(13 / 16 * 1rem);
		letter-spacing:0.6px;
	}
	#blogBox .articleLink svg{
		position:absolute;
		top:calc(50% - 13px);
		right:8px;
		width:26px;/*22>26*/
	}
	#familyBox{padding:35px 8vw 55px;}
	#familyBox .fgInner{
		width:100vw;
		margin:0 -8vw;
	}
	#familyBox .fgInner .fg01,
	#familyBox .fgInner .fg02,
	#familyBox .fgInner .fg03{
		margin-right:auto;
		margin-left:auto;
	}
	#familyBox .fg01{
		width:80.266vw;/*301px*/
		transform:translateX(-1.866vw);/*-7px*/
	}
	#familyBox .fg02{
		position:relative;
		width:62.222vw;/*223px*/
		margin-top:6.933vw;/*26px*/
		z-index:1;
	}
	#familyBox .fgInner .fg02{margin-right:0;}
	#familyBox .fg03{
		width:48.8884vw;/*151px> 44.444vw*/
		margin-top:-7.4666vw;/*-28px*/
		transform:translateX(-12.4vw);/*-68px > 22.4vw*/
	}
	#familyBox figcaption{
		width:100%;
		padding:13.6vw 0 0;/*51px 0 0*/
		z-index:1;
	}
	#familyBox h2{
		width:39px;
		right:0;
		top:-66.5863vw;/*-227px>-60.533vw*/
	}
	#familyBox h3{
		margin-bottom:33px;
		font-size:calc(20 / 16 * 1rem);/***19>20***/
		letter-spacing:3.8px;
	}
	#familyBox p{
		margin-top:23px;
		font-size:calc(14 / 16 * 1rem);/********sp upset************/
		line-height:2.0;
		letter-spacing:0.9px;
	}
	#familyBox .circleLink{margin-top:28px;}
	#familyBox .circleLink a{padding-right:2px;}
	#familyBox .circleLink span{letter-spacing: 0.7px;}
	#breathBox{padding:32px 0;}
	#breathBox .breathTxt{background-color:#fff;}
	#breathBox .movieBtn{width:84vw;}/*315px*/
	#breathBox .breathFg{
		position:relative;
		width:72vw;/*270px*/
		margin-top:25px;
		transform:translateX(28vw);/*104px*/
		z-index:1;
	}
	#breathBox .breathFg .fg02{
		position:absolute;
		top:0;
		left:0;
		opacity:0;
		animation:8.0s ease-in 4.0s infinite normal forwards fades;
	}
	#breathBox .breathTxt{
		width:calc(100% - 8vw);
		margin-top:-182px;
		padding:207px 0 39px 8vw;
		border-radius:0 8px 8px 0;
	}
	#breathBox h2{
		width:43px;
		top:-30px;
		left:6.4vw;
	}
	#breathBox h3{
		padding-left:20vw;
		margin-bottom:24px;
		font-size:calc(20 / 16 * 1rem);/***19>20***/
		letter-spacing:3.4px;
	}
	#breathBox p{
		padding-right:8vw;
		font-size:calc(14 / 16 * 1rem);/********sp upset************/
		line-height:2.0;
		letter-spacing:0.8px;
	}
	#breathBox p+p{margin-top:25px;}
	#breathBox .circleLink{
		padding-right:5.333vw;
		margin-top:34px;
	}
	#breathBox .circleLink span{letter-spacing:0.7px;}
	.sliderHd{
		padding-bottom:38px;
		text-align:center;
	}
	.sliderHd h2,
	.sliderHd .leadTxt{margin:0 auto;}
	.sliderHd h2 > span{font-size:calc(19 / 16 * 1rem);}
	.sliderHd h2 > span:before{height:38px;}
	.sliderHd .leadTxt{
		padding:7px 0 0;
		font-size:calc(6.666 / 16 * 1rem);
	}
	#workSlider{padding:79px 0 119px;}
	#workSlider .sliderHd h2{width:153px;}
	#workSlider .sliderHd h2 > span{
		padding:0 0 13px;
		letter-spacing:12px;
		text-indent:12px;
	}
	#workSlider .sliderHd .leadTxt{
		letter-spacing:3.6px;
		transform:translateX(0);
	}
	#workSlider .swiper-slide{
		width:230px;
		margin:0 15px;
	}
	#workSlider .swiper-slide[data-new] a:after{
		background-position:right 15px;
		background-size:19px auto;
  }
	#workSlider li a{grid-template:"fimg fimg fimg" auto "fttl fttl fttl" auto "fTag fTag fname" auto "fTag fTag fYear" auto / 1fr auto;}
	#workSlider li img{margin-bottom:20px;}
	#workSlider li h3{
		padding:5px 18px 0;
		margin-bottom:21px;
		letter-spacing:2.4px;
	}
	#workSlider li .caseTag{
		width:41px;
		height:41px;
		margin:0 12px 0 auto;
		font-size:calc(9.1429 / 16 * 1rem);
	}
	#workSlider li[data-cat="newhouse"] .caseTag span{
		letter-spacing: 12px;
    text-indent: 12px;
  }
	#workSlider li .houseName{
		margin:0 16px 0 0;
    font-size:calc(14 / 16 * 1rem);/********sp upset************/
		letter-spacing:2.4px;
	}
	#workSlider li .houseYear{
		margin-right:16px;
    font-size:calc(14 / 16 * 1rem);/********sp upset************/
		letter-spacing:2.4px;
	}
/*	#workSlider .reLink{margin-top:36px;}*/
	#interviewSlider{padding:0 0 140px;}
	#interviewSlider .sliderHd{
		display:block;
		padding-bottom:28px;
	}
	#interviewSlider .sliderHd h2{width:232px;}
	#interviewSlider .sliderHd h2 > span{
		padding:0 0 13px;
		font-size:calc(17 / 16 * 1rem);
		letter-spacing:4.8px;
		text-indent:9.8px;
	}
	#interviewSlider .sliderHd .leadTxt{
		letter-spacing:3.6px;
		transform:translateX(0);
	}
	#interviewSlider .swiper-slide,
	#interviewSlider .topSliderInterview li{
		width:230px;
		margin:0 20px;
	}
	#interviewSlider li h3{
		padding:3px 0 4px;
		font-size:calc(14 / 16 * 1rem);/********sp upset************/
		letter-spacing:1.8px;
	}
	#interviewSlider .workBoxSet li .fg{margin-bottom:14px;}
	#interviewSlider .workBoxSet li .fg:before,
	#interviewSlider .workBoxSet li .fg:after{
		width:26px;
		height:26px;
	}
	#interviewSlider .workBoxSet li .fg:before{
		top:-6px;
		left:-6px;
	}
	#interviewSlider .workBoxSet li .fg:after{
		bottom:-6px;
		right:-6px;
	}
	#interviewSlider .workBoxSet li .houseName{
		padding-left:18px;
		font-size:calc(19 / 16 * 1rem);
		letter-spacing:18px;
		text-indent:0;
	}
	#interviewSlider .workBoxSet li .houseName span{margin:0;}
	#interviewSlider .workBoxSet li a .houseAddress{
		padding-left:18px;
		margin-top:10px;
		font-size:calc(14 / 16 * 1rem);/********sp upset************/
		letter-spacing:1px;
	}
	#interviewSlider .workBoxSet li .caseTag{
		width:41px;
		height:41px;
		margin:11px 5px 0 0;
		font-size:calc(9.1429 / 16 * 1rem);
	}
	#interviewSlider .workBoxSet li[data-cat="newhouse"] .caseTag span{
		letter-spacing: 12px;
    text-indent: 12px;
  }
	#blogSet{padding:63px 8vw 70px;}
	#blogSet h2{width:158px;}
	#blogSet .sliderHd{padding-bottom:50px;}
	#blogSet .sliderHd h2 > span{
		padding-top:2px;
		letter-spacing:12px;
		text-indent:12px;
	}
	#blogSet h2 > span:after{bottom:-2px;}
	#blogSet .sliderHd .leadTxt{
		padding-top:8px;
    letter-spacing: 3.5px;
    transform: translateX(-5px);
	}
	#blogSet .blogBoxSet{margin:0 auto;}
	#blogSet .blogList{justify-content:space-between;}
	#blogSet .blogList li{width:146px;}
	#blogSet .blogList li[data-new] figure a:after{
		background-position:right 7px;
		background-size:14px auto;
	}
	#blogSet .blogList li time{
		margin-top:19px;
		letter-spacing:1.8px;
		font-size:calc(10.666 / 16 * 1rem);
	}
	#blogSet .blogList li h3{
		margin-top:7px;
		letter-spacing:0.6px;
		font-size:calc(14 / 16 * 1rem);/********sp upset************/
		line-height:1.9;
	}
	#blogSet .blogList li .blogTag{
		margin-top:6px;
		font-size:calc(10.666 / 16 * 1rem);
		letter-spacing:1px;
	}
	#blogSet .blogLink{margin-top:50px;}
	#blogSet .blogLink a{
		display:inline-flex;
		padding:4px 13px 4px 12px;
	}
	#lineBox{padding:63px 8vw 70px;}
	#lineBox .lineTxt{width:302px;}
	#lineBox .telTxt{margin-top:32px;}
	#lineBox .telTxt small{
		font-size:calc(13.2356 / 16 * 1rem);
		letter-spacing:3.8px;
	}
	#lineBox .telTxt span{
		margin-left:10px;
		font-size:calc(18.8352 / 16 * 1rem);
		letter-spacing:4px;
	}
	#lineBox .snsLine{margin-top:30px;}
	#lineBox .snsLine a{width:174px;}
	#lineBox .snsLine a{
		border-radius:0;
		background-color:transparent;
	}
	#lineBox .line{
		margin-top:29px;
		font-size:calc(14 / 16 * 1rem);/********sp upset************/
		letter-spacing:1.3px;
	}
	#btmFg{
		width:100%;
		padding-bottom:66.666vw;
	}
	#btmFg img{height:400px;}
	#footer{margin-top:-80vw;}
}
@media (max-width:639.98px){
	#blogSet .blogList{width:314px;}
	#blogSet .blogList li:nth-child(n+3){margin-top:38px;}
}
@media (max-width:479.98px){
	.homeParaTxt .txtBox{
		padding-right:4.2666vw;
		padding-left:8vw;
	}
}
@media (min-width:480px) and (max-width:768.98px){
	.homeParaTxt .txtBox{
		padding-right:calc((100vw - 427px) * 0.3);
		padding-left:calc((100vw - 427px) * 0.7);
	}
}
@media (min-width:640px) and (max-width:768.98px){
	#blogSet .blogList{width:482px;}
	#blogSet .blogList li:nth-child(n+4){margin-top:38px;}
}
@media (min-width:769px){
	a[data-boxlink]{
		padding:9px 18px 11px;
		font-size:calc(16 / 16 * 1rem);
		border-radius:4px;
	}
	a[data-boxlink] span{letter-spacing:3px;}
	a[data-boxlink] svg{
		width:24px;
		margin-left:13px;
	}
	#topVisual .mvTtl{
		display:flex;
		justify-content:center;
		align-items:center;
	}
	#topVisual h1{
		font-size:calc(40 / 16 * 1rem);
		line-height:1.917;
		letter-spacing:6.4px;
		transform:translate(79px,-3px);
	}
	.homeParaTxt .inBox{padding-bottom:43px;}
	.homeParaTxt .houseTtl{
		width:130px;
		height:310px;
		padding:21px 25px 15px 23px;
		margin-top:33px;
	}
	.homeParaTxt .houseTtl small{
		padding-top:8px;
		margin-left:16px;
		font-size:calc(11 / 16 * 1rem);
		letter-spacing:4.1px;
	}
	.homeParaTxt .houseTtl strong{
		height:264px;
		padding-top:6px;
		font-size:calc(32 / 16 * 1rem);
	}
	.homeParaTxt .houseTtl strong:before,
	.homeParaTxt .houseTtl strong:after{
		content:"";
		display:block;
	}
	.homeParaTxt .houseTtl strong:before{
		width:62px;
		bottom:0;
		left:-25px;
	}
	.homeParaTxt .houseTtl strong:after{
		height:274px;
		top:0;
		left:-15px;
	}
	.homeParaTxt h3{
		padding-top:146px;
		font-size:calc(25 / 16 * 1rem);
		letter-spacing:2.2px;
	}
	.homeParaTxt p{
		margin-top:18px;
		font-size:calc(15 / 16 * 1rem);
		letter-spacing:0.8px;
		line-height:2.066;
	}
	.homeParaTxt .houseLink{margin-top:40px;}
	.homeParaTxt .houseLink li:nth-child(2){margin-left:30px;}
	#newTxt .inBox{background:url("../img/top/house-bg01.svg") no-repeat center top / cover;}
	#newTxt .houseTtl strong{letter-spacing:6.5px;}
	#reformTxt .inBox{background:url("../img/top/house-bg02.svg") no-repeat center top / cover;}
	#reformTxt .houseTtl strong{letter-spacing:13px;}
	#blogBox{padding:30px 0;}
	#blogBox .inner{width:min(96%,1280px);}
	#blogBox h2{
		font-size:calc(17 / 16 * 1rem);
		letter-spacing:5.8px;
	}
	#blogBox .articleLink{
		flex:1;
		margin-top:-3px;
	}
	#blogBox .articleLink a{
		display:flex;
		align-items:center;
		justify-content:space-between;
		padding:8px 20px 11px 8px;
		background:url("../img/common/bar.svg") repeat-x left bottom;
		background-size:auto 1.5px;
		font-size:min(calc(15 / 16 * 1rem),1.6vw);
	}
	#blogBox .articleLink a > *{display:block;}
	#blogBox .articleLink time{letter-spacing:2.4px;}
	#blogBox .articleLink .catTag{
		margin-left:14px;
		padding-left:10px;
		letter-spacing:1.5px;
	}
	#blogBox .articleLink .blogTxt{
		flex:1;
		letter-spacing:1px;
	}
	#blogBox .articleLink svg{
		width:27px;
		margin-left:8px;
	}
	#blogBox .allBlogLink a[data-boxlink]{margin-top:1px;}
	#familyBox{padding:143px 0 159px;}
	#familyBox .inner{
		position:relative;
		width:min(1280px,96%);/*min(1190px,96%)*/
		padding-right:90px;
	}
	#familyBox .fgInner{width:100%;}
	#familyBox .fgInner .fg01,
	#familyBox .fgInner .fg02,
	#familyBox .fgInner .fg03{position:absolute;}
	#familyBox .fg01{
		width:67.22689%;
		top:0;
		left:0;
		z-index:1;
	}
	#familyBox .fg02{
		width:43.69747%;
		top:0;
		right:0;
		margin-top:28.9075%;
		z-index:0;
	}
	#familyBox .fg03{
		width:37.815%;
		top:0;
		left:7.563%;
		margin-top:53.8655%;
	}
	#familyBox figcaption{
		width:44.9579%;
		margin:64.7899% 0 0 auto;
		padding-left:10.252%;
	}
	#familyBox h2{
		width:58px;
		left:0;
		top:-49px;
	}
	#familyBox h3{
		margin-bottom:53px;
		font-size:calc(25 / 16 * 1rem);
		letter-spacing:2.4px;
	}
	#familyBox p{
		margin-top:30px;
		font-size:calc(15 / 16 * 1rem);
		line-height:2.066;
		letter-spacing:0.8px;
	}
	#familyBox .circleLink{margin-top:65px;}
	#familyBox .circleLink a{padding-right:4px;}
	#breathBox{overflow:hidden;}
	#breathBox:before{
		content:"";
		display:block;
		width:100%;
		height:124px;
		background-color:#fff;
	}
	#breathBox .movieBtn{
		position:relative;
		width:min(830px,90%);
		margin-top:-124px;
		z-index:1;
	}
	#breathBox .inner{
		width:min(1100px,90%);
		padding:386px 0 75px;
		margin-top:-340px;
	}
	#breathBox .breathFg{width:430px;}
	#breathBox .breathTxt{
		width:620px;
		padding:82px 77px 67px 132px;
	}
	#breathBox .breathTxt:before{
		content:"";
		position:absolute;
		top:0;
		right:0;
		display:block;
		width:2000px;
		height:100%;
		background-color:#fff;
		border-radius:0 32px 32px 0;
	}
	#breathBox h2{
		width:64px;
		top:-62px;
		left:6px;
	}
	#breathBox h3{
		position:relative;
		margin-bottom:53px;
		font-size:calc(25 / 16 * 1rem);
		letter-spacing:2.4px;
		z-index:1;
	}
	#breathBox p{
		position:relative;
		z-index:1;
		font-size:calc(15 / 16 * 1rem);
		line-height:2.066;
		letter-spacing:1.3px;
	}
	#breathBox p:first-of-type span{white-space:nowrap;}
	#breathBox p+p{margin-top:31px;}
	#breathBox .circleLink{
		position:relative;
		margin-top:42px;
		z-index:1;
	}
	#workSlider{padding-top:200px;}
	#interviewSlider{padding:234px 0 182px;}
	#interviewSlider .sliderHd h2 > span{
		height:370px;
		letter-spacing:8px;
	}
	#interviewSlider .sliderHd h2 > span:before{height:378px;}
	#interviewSlider .sliderHd .leadTxt{letter-spacing: 3.0px;}
	#interviewSlider .sliderHd .sliderBtn{margin-top:80px;}
	#interviewSlider .workBoxSet li{
		width:358px;
		margin:0 29px;
	}
	#interviewSlider .workBoxSet li h3{padding:0 7px 8px;}
	#interviewSlider .workBoxSet li .fg{margin-bottom:37px;}
	#interviewSlider .workBoxSet li .fg:before,
	#interviewSlider .workBoxSet li .fg:after{
		width:40px;
		height:40px;
	}
	#interviewSlider .workBoxSet li .fg:before{
		top:-9px;
		left:-9px;
	}
	#interviewSlider .workBoxSet li .fg:after{
		bottom:-9px;
		right:-9px;
	}
	#interviewSlider .workBoxSet li .houseName{
		padding-left:24px;
		font-size:calc(25 / 16 * 1rem);
		letter-spacing:24px;
		text-indent:0;
	}
	#interviewSlider .workBoxSet li a .houseAddress{
		padding-left:19px;
		margin-top:16px;
		font-size:calc(18 / 16 * 1rem);
		letter-spacing:2px;
	}
	#interviewSlider .workBoxSet li .caseTag{margin:5px 14px 0 0;}
	#blogSet .sliderHd{
		top:70px;
		height:calc(100% - 70px);
	}
	#blogSet .blogBoxSet{padding:108px 0;}
	#blogSet .blogList li{width:240px;}
	#blogSet .blogList li > *:not(figure){padding:0 8px;}
	#blogSet .blogList li[data-new] figure a:after{
		background-position:right 10px;
		background-size:18px auto;
	}
	#blogSet .blogList li time{
		margin-top:18px;/*22px*/
		letter-spacing:1.0px;/*2.4px*/
		font-size:calc(14 / 16 * 1rem);/*15*/
	}
	#blogSet .blogList li h3{
		margin-top:10px;/*18px*/
		letter-spacing:0.6px;
		font-size:calc(15.5 / 16 * 1rem);
		line-height:2.066;
	}
	#blogSet .blogList li .blogTag{
		margin-top:10px;/*15px*/
		font-size:calc(14 / 16 * 1rem);/*14*/
		letter-spacing:1px;
	}
	#blogSet .blogLink{margin-top:91px;}
	#blogSet .blogLink a{
		width:152px;
		padding:6px 18px 8px;
		font-size:calc(16 / 16 * 1rem);
		transform:translateX(-12px);
	}
	#lineBox{padding:140px 0 96px;}/*71px 0 48px;*/
	#lineBox .inner{width:600px;}
	#lineBox .telTxt{margin-top:35px;}
	#lineBox .telTxt small{
		font-size:calc(26 / 16 * 1rem);
		letter-spacing:4.1px;
	}
	#lineBox .telTxt span{
		margin-left:23px;
		font-size:calc(37 / 16 * 1rem);
		letter-spacing:8px;
	}
	#lineBox .snsLine{margin-top:36px;}
	#lineBox .snsLine a{width:240px;}
	#lineBox .line{
		margin-top:33px;
		font-size:calc(15 / 16 * 1rem);
		letter-spacing:1.5px;
	}
}
@media (min-width:769px) and (max-width:1099.98px){
	#topVisual img{
		height:calc(100vh - 103px - 67px);
		border-bottom-left-radius:9.09vw;
	}
	#blogBox .articleLink{margin-left:20px;}
	#blogBox .articleLink .blogTxt{margin-left:20px;}
	#blogBox .allBlogLink{margin-left:20px;}
	#blogSet .blogList{width:520px;}
	#blogSet .blogList li:not(:nth-child(2n+1)){margin-left:5%;}
	#blogSet .blogList li:nth-child(n+3){margin-top:50px;}/*75px*/
	.homeParaTxt .txtBox{
		width:calc(100% - 160px);
		padding-right:calc(50% - 234px);
		padding-left:calc(50% - 234px);
	}
	#footer{margin-top:-8vw;}
}
@media (min-width:769px) and (max-width:1279.98px){
	#breathBox .breathFg{
		width:100%;
		display:flex;
		justify-content:space-between;
	}
	#breathBox .breathFg .fg01,
	#breathBox .breathFg .fg02{width:48%;}
	#breathBox .breathTxt{margin-top:80px;}
	#blogSet .blogBoxSet{margin-left:200px;}
	#blogSet .sliderHd{
		width:200px;
		padding:0 42px 3px 43px;
	}
}
@media (min-width:1100px){
	#topVisual{
		height:100vh;
		z-index:0;
	}
	#topVisual img{
		width:100%;
		height:calc(88.561vh - 67px);
		object-fit:cover;
		object-position:left center;
		border-bottom-left-radius:100px;
	}
	#topVisual .mvTtl{height:88.561vh;}
	.homeParaTxt,
	#blogBox{margin-top:50vh;}/******************************************/
	.homeParaFg{z-index:1;}
	.homeParaTxt{z-index:2;}
	main > section:not(.homeParaTxt),
	main > figure#btmFg{z-index:3;}
	#blogBox .articleLink{margin-left:58px;}
	#blogBox .articleLink .blogTxt{margin-left: 58px;}
	#blogBox .allBlogLink{margin-left:174px;}
	.homeParaFg .inner,
	.homeParaTxt .inner{width:50%;}
	.homeParaTxt .txtBox{width:338px;}
	#newFg .inner{margin-right:50%;}
	#reformFg .inner{margin-left:50%;}
	#newTxt .inner{margin-right:50%;}
	#reformTxt .inner{margin-left:50%;}
	#blogSet .blogBoxSet{width:800px;}
	#blogSet .blogList li:not(:nth-child(3n+1)){margin-left:5%;}
	#blogSet .blogList li:nth-child(n+4){margin-top:50px;}/*75px*/
	#footer{z-index:4;}
}
@media (min-width:1100px) and (max-width:1599.98px){
	#blogBox .inner{width:min(1100px,96%);}
	#footer{margin-top:-7vw;}
}
@media (min-width:1280px){
	#breathBox .inner{
		display:flex;
		justify-content:space-between;
		flex-direction:row-reverse;
	}
	#breathBox .breathFg{width:430px;}
	#breathBox .fg02{margin-top:48px;}
	#blogSet .blogBoxSet{margin-left:320px;}
}
@media (min-width:1600px){
	#blogBox .inner{transform:translateX(-10px);}
	#blogBox .inner:before{
		content:"";
		display:block;
		width:180px;
		height:1px;
	}
}
@media (min-width:1600px) and (max-width:2399.98px){
	#footer{margin-top:-5vw;}
}
@media (min-width:2400px){
	#footer{margin-top:-5.7vw;}
}

/*特殊クエリ*/
@media (min-width:769px) and (max-width:1239.98px){
	.homeParaTxt .inBox{
		padding-right:5%;
		padding-left:5%;
	}
}
@media (min-width:1240px) and (max-width:1359.98px),
	(min-width:1560px) and (max-width:1679.98px){
	.homeParaTxt .inBox{
		padding-right:7.03125%;
		padding-left:14.0625%;
	}
}
@media (min-width:1360px) and (max-width:1439.98px),
	(min-width:1680px) and (max-width:1759.98px){
	.homeParaTxt .inBox{
		padding-right:11.8055%;
		padding-left:18.05562%;
	}
}
@media (min-width:1440px) and (max-width:1559.98px),
	(min-width:1760px){
	.homeParaTxt .inBox{
		padding-right:max(15%,calc(50% - 280px));
		padding-left:max(15%,calc(50% - 280px));
	}
}




#interviewSlider .workBoxSet li.slick-slide a{grid-template:"fimgs fimgs" auto "fTag fname" auto "fTag hAdd" auto / auto 1fr;}
#interviewSlider .workBoxSet li.slick-slide .houseName,
#interviewSlider .workBoxSet li.slick-slide a .houseAddress{
	width:100%;
	text-align:left;
}
#interviewSlider .workBoxSet li.slick-slide a:after{
	content:"";
	display:block;
	clear:both;
}
#interviewSlider .workBoxSet li.slick-slide .caseTag.reform span{transform:translateX(-2px);}
@media (max-width:768.98px){
	#interviewSlider .workBoxSet li.slick-slide .houseName span{transform:translateX(3px);margin:0;}
	#interviewSlider .workBoxSet li.slick-slide .caseTag.newhouse span{transform:translateX(13px);}
}
@media (min-width:769px){
	#interviewSlider .workBoxSet li.slick-slide .houseName span{transform:translateX(10px);margin:0;}
	#interviewSlider .workBoxSet li.slick-slide .caseTag.newhouse span{transform:translateX(20px);}
}