@charset "utf-8";
/* CSS Document */
.bg-body{
	width:100%;
	height:100%;
	position: absolute;
	left:0;
	top: 0;
	right: 0;
	background:url("/fudosan/misawarelay/assets/img/bg_body_top.jpg") no-repeat center bottom;
	background-size:cover;
	will-change:transform;
}
#MV .l-inner{
	display:flex;
	justify-content:center;
}
#MV h2 figure{width: 88%;}
#INTRO{
	background:url("/fudosan/misawarelay/assets/img/bg_intro.jpg") no-repeat center bottom;
	background-size:cover;
}
#INTRO h2{
	color:#4B737C;
	font-feature-settings: 'palt' on;
	font-weight: 500;
}
#INTRO .l-inner:after{
	content: "";
	display: block;
	width:1em;
}
#INTRO2{
	background-color: #efeee9;
}
#INTRO2 h2,#SERV h2{
	color:#4B737C;
	line-height: 1.4;
	font-weight: 700;
}
#INTRO2 .c-title--1{margin-bottom: min(6.667vw, 96px);}
#INTRO2 article:not(:nth-child(1)){
	margin-top: min(5.555vw, 80px);
}
#INTRO2 article figure{
	text-align: center;
}
#INTRO2 article figure img{
	max-width:64.3%;
}
#SERV h2.c-title--2{
	margin-bottom: min(12vw, 64px);
}
#SERV article h3.c-title--3{
	border-bottom:1px solid #ddd;
	margin-bottom: .8em;
}
#SERV .p-flex a{color:#111;position: relative;padding-right: 1em;}
#SERV .p-flex a.relay{color: #4b737c;font-size: .875em;display: inline-flex;align-items: center;}
#SERV article.c-473 [class^="c-title--"]{color:#4B737C;}
#SERV article.c-a86 [class^="c-title--"]{color:#A98667;}
#SERV .p-flex a:after{
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	width:2em;
	height:2em;
	background:#A98667 url("/fudosan/misawarelay/assets/img/icon_arrow_forward_w.svg") no-repeat center center;
	background-size:55%;
	transition: all .3s linear;
}
#SERV .p-flex a.relay:after{
	content: "";
	display:inline-block;
	position:relative;
	width:1em;
	height:1em;
	background:transparent url("/fudosan/misawarelay/assets/img/icon_arrow_forward_a.svg") no-repeat center center;
	background-size:cover;
	margin-left: .75em;
}

#SERV  article.c-473 a:after{
	background-color: #4B737C;
}
#SERV .p-flex a:hover:after{
	transform: translateX(-1em);
}
#SERV article .c-flex-box .c-title--4{margin-bottom: .666667em;}
#SERV article p{margin:0 0 1em;line-height: 1.4;font-feature-settings: "palt" on;}
#SERV article .c-flex-box +  .c-flex-box{
	margin-top:2.5em;
	padding-top:1.5em;
	border-top:1px solid #ddd;
}
#SERV .p-flex .c-flex-box ul.checks,#SERV .p-flex .gray-box{font-size: .875em;}
#SERV .p-flex:has(.gray-box){
	margin: 1.25em 0;
}
#SERV .p-flex .gray-box{
	padding:1.5em 1.428571em;
	background-color: #F7F7F7;
	border-radius: .5em;
}
#SERV .p-flex .c-flex-box figure{
	max-width:35.82%;
}
#Concierge{
	background-color: #D4E9D6;
}
#Concierge .l-inner{
	position: relative;
}
#Concierge header.p-flex a{
	display:inline-flex;
	align-items: center;
	color:#fff;font-weight: 500;
	letter-spacing: .1em;
	background-color: #32A238;
	padding: 1.25em 1.25em;
	border-radius: .5em;
	line-height: 1;
}
#Concierge header.p-flex a:after{
	content: "";
	display: inline-block;
	margin-left: .75em;
	border-left:1px solid #108717;
	background: url("/fudosan/misawarelay/assets/img/icon_arrow_forward_w.svg")no-repeat center right;
	width:2em;
	height: 1em;
	background-size: auto 80%;
	transition: all .3s linear;
}
#Concierge header.p-flex a:hover:after{
	background-position: center center;
}
#Concierge header.p-flex h2 figure{max-width: 80dvw;}
#Concierge .p-flex.col4{column-gap:.75em;margin-top: clamp(32px, 4.444vw, 64px);}
#Concierge .p-flex.col4 article{
	background-color: #fff;
	padding: clamp(32px, 4vw, 64px) clamp(20px, 3.2vw, 49px);
	border-radius: .5em;
	line-height: 1.6;
}
#LIST h2{
	color:#4B737C;
}
#LIST .js-accordion ul{position: relative;}
#LIST .js-accordion ul li{
	border-bottom: 1px solid #ccc;
}
#LIST .js-accordion ul li a{
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	color:#111;
	padding: 1.5em 1.25em;
}
#LIST .js-accordion ul li a:after{
	content:url("../img/ico_to_Blunk.svg");
	width:1em;
	height: 1em;
}
#LIST .js-accordion ul li a i{font-style: normal;font-size: .875em;}
.js-accordion{position: relative;padding-bottom: 3lh;}
#LIST .js-accordion ul.nt-hide li:last-child{
	opacity: .6;
}
#LIST .js-accordion ul.nt-hide.nt-open li:last-child{
	opacity: 1;
}
#LIST .c-accordion--hide__label{
	border-radius: 4px;
	border: 1px solid #4B737C;
	padding:1em 1.25em;
	color:#4B737C;
	bottom:0;
}
#LIST .c-accordion--hide__label .js-accordion-label i.fa-regular{
	padding-left: .75em;
	margin-left: .75em;
	border-left: 1px solid #ddd;
}
@media screen and (min-width:481px){
	.bg-body{
		max-height: 150dvh;
	}
	#MV .l-inner{
		aspect-ratio: 12 / 10;
	}
	#MV .l-inner h2{
		margin-top:10.5em;
	}
	#MV .l-inner h2 figure img{width:42.5em;max-width: 1200px;}
	#INTRO{margin-top: -.5em;}
	#INTRO .l-inner:after{
		height:15lh;
	}
	#INTRO2 article figure{
		max-width:48%;
	}
	#INTRO2 article .text{
		width:52%;
		max-width:32em;
	}
	#INTRO2 article .text .c-title--2{margin-top: 0;font-size: clamp(24px, calc(21.7px + 0.714vw), 40px);}
	#INTRO2 article .text p{padding-right: 1em;}
	#SERV .p-flex{column-gap: 5em;}
	#SERV .p-flex .c-flex-box{column-gap: 2.25em;}
	#SERV .p-flex .c-flex-box figure{
		max-width:26.7857%;
	}
	#SERV .p-flex .c-flex-box .text{
		width:calc(73.2143% - 2.25em);
	}
	#SERV article h3.c-title--3{padding-bottom: 1.25em;}
	#SERV .p-flex article .p-flex{column-gap: .75em;}
	#SERV .p-flex article{width: 46.666667%;}
	#SERV .p-flex a.relay{margin-right: 1em;}
	#Concierge header.p-flex{
		justify-content: space-between;
		align-items: flex-end;
	}
	#Concierge .p-flex.col4 article{
		width:calc(25%);
		text-align: center;
	}
	#Concierge .p-flex.col4 article p{margin-top: 2.5em;}
	#LIST .js-accordion ul li a span{
		width: 18em;
	}
	#LIST .js-accordion ul li a i{
		min-width: 23em;
	}
}
@media screen and (max-width: 912px) and (min-width:481px){
	#MV .l-inner h2{
		margin: 5em auto 0;
		max-width: 88%;
	}
}
@media screen and (max-width:480px){
.bg-body{
	background-image:url("/fudosan/misawarelay/assets/img/bg_body_top_sp.jpg");
	}
	#MV .l-inner{
		aspect-ratio: 10 / 16.2;
	}
	#MV .l-inner h2{
		margin-top:30dvw;
		max-width: 88%;
	}
	#MV .l-inner h2 figure{
		max-width: 90dvw;
		display: block;
		margin: 0 auto;
	}
	#MV .l-inner h2 figure img{width:90dvw;}
	#INTRO{background-size: 100% auto;background-image:url("/fudosan/misawarelay/assets/img/bg_intro_sp.jpg");min-height: 63.573em;}
	#INTRO .l-inner:after{
		height:8lh;
	}
	#INTRO2 article:not(:nth-child(1)){margin-top: 3.42875em;}
	#INTRO2 article figure{margin-top: 1em;}
	#SERV article.c-a86{margin-top: 3.42875em;}
	#SERV .p-flex .c-flex-box{column-gap: 1em;flex-wrap: wrap;}
	#SERV .p-flex a{padding-right:.5em;}
	#SERV .p-flex a:after{
		width:1em;
		height:1em;
	}
	#SERV .p-flex .gray-box:not(:first-child){margin-top: 1em;}
	#SERV .p-flex .c-flex-box a{width:calc(64.18% - 1em)}
	#SERV .p-flex .c-flex-box a.resp{width: 100%;margin-top: 1em;}
	#SERV .p-flex .c-flex-box a.resp:after{content: none;}
	#Concierge .p-flex.col4 article{display: flex;gap:1em;align-items: center;}
	#Concierge .p-flex.col4 article figure{width:3em;}
	#Concierge .p-flex.col4 article p{margin-top: 0;}
	#Concierge .p-flex.col4 article:not(:first-child){margin-top: .75em;}
	#Concierge .l-inner{padding-bottom: 6em;}
	#Concierge header.p-flex a{
		position: absolute;
		bottom: 1em;
		left:50%;
		transform: translateX(-50%);
	}
	#LIST .js-accordion ul li a{flex-wrap: wrap;padding: 1.25em 0;}
	#LIST .js-accordion ul li a i{width: calc(100% - 2em);}
	#LIST .js-accordion ul li a:after{transform: translateY(-1em);}
}
@keyframes in-out{
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-1em);
  }
}