@charset "utf-8";
/* CSS Document */
#MV .l-inner{
	border-radius: 1.25em;
	position: relative;
	font-weight: 500;
	display:flex;
}
#MV .l-inner figure.topImg{
	overflow: hidden;
	aspect-ratio:1 / 1;
}
#MV .l-inner .logo p{line-height: 1.6;margin-top: 1em;font-feature-settings: "palt" on;letter-spacing: .075em;font-size: clamp(18px, calc(11px + 1.458vw), 32px);}
#Concierge .p-flex.col4{column-gap:.75em;margin-top: clamp(32px, 4.444vw, 64px);}
#Concierge .p-flex.col4 article{
	background-color: #f7f7f7;
	padding: clamp(32px, 4vw, 64px) clamp(20px, 3.2vw, 49px);
	border-radius: .25em;
	line-height: 1.6;
}
#Concierge .p-flex.col4 article p{font-size: 1.25em;line-height: 1.5;}
#WhatIs .detail article{
	margin-top: clamp(48px, calc(-6.86px + 7.143vw), 96px);
}
#WhatIs .detail article .c-title--3{
	position: relative;
}
#WhatIs .detail article .c-title--3:after{
	content: "";
	display: block;
	position: absolute;
	left:0;
	bottom: 0;
	width:1.5em;
	height:2px;
	border-radius: 2px;
	background-color: #32A238;
}
#DISCRIPT{background-color: rgba(50, 162, 56, 0.2);}
#DISCRIPT .p-flex.col3{margin-top: clamp(64px, calc(45.71px + 2.381vw), 80px);}
#DISCRIPT .p-flex.col3 article{
	padding: clamp(24px, 3.333vw, 48px) clamp(16px, 2.222vw, 32px);
	background-color: #fff;
	border-radius: .75em;
}
#DISCRIPT .p-flex.col3 article .c-flex-box{justify-content: space-between;align-items:center; position: relative;}
#DISCRIPT .p-flex.col3 article .c-flex-box .c-title--3{margin-top: 1em;margin-bottom: 0;}
#DISCRIPT .p-flex.col3 article .c-flex-box h5.rect{
	padding:.4em .6em .45em;line-height:1;
	position: absolute;top:-1em;left:0;font-size: clamp(16px, calc(14px + 0.417vw), 20px);
font-weight: 500;color: #fff;background-color: #32A238;
}
#DISCRIPT .p-flex.col3 article h5.ellipse{
	display: inline-block;
	max-width: 7.5em;
	text-align: center;
	font-weight: 500;
	border:1px solid #ddd;
	padding: .25em 1em;
	border-radius: 1.25em;
	margin: 1.5em 0 .75em;
}
#DISCRIPT .p-flex.col3 article h5.ellipse + p{
	font-size: clamp(16px, calc(14px + 0.417vw), 20px);
	color:#E77205;line-height: 1.6;font-feature-settings: "palt" on;letter-spacing: .05em;margin: 0;padding: 0;
}
#DISCRIPT .p-flex.col3 article .disc{font-size: clamp(15px, calc(13.5px + 0.3125vw), 18px);font-weight: 500;}
#EXANPLE .p-flex article > figure{border-radius: .75em;margin-bottom: clamp(16px, 2.222vw, 32px);}
#EXANPLE .p-flex article .c-flex-box:has(.floR) .text p:before{
	display: table;
	content: "";
	clear: both;
}
#EXANPLE .p-flex article .c-flex-box .text .c-title--4{font-size: clamp(18px, calc(15.89px + 0.563vw), 24px);}
#EXANPLE .p-flex article .c-flex-box:has(.floR) .text .c-title--4{float: left;}
#Flow-fix_r{
	position: fixed;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
	transition: transform .3s ease, opacity .3s ease;
}
#Flow-fix_r.is-hide{
	transform: translate(100%, -50%);
	opacity: 0;
	pointer-events: none;
}
#Flow-fix_r a{
  writing-mode: vertical-rl;
  text-orientation: upright;
	font-feature-settings: initial;
  text-align: center;
	color:#fff;
	font-size: 1.0588em;
	font-weight: 700;
	padding: 1em;
	background-color: #4B737C;
	border-top-left-radius: .575em;
	border-bottom-left-radius: .575em;
	line-height: 1;
	letter-spacing: .2em;
}
#EXANPLE .p-flex article .c-flex-box .text figure.floR{float: right;margin-bottom: 5px;}
.concierge-title{color:#32A238;}
@media screen and (min-width:481px){
	#MV .l-inner{
		align-items: center;
		justify-content: space-between;
	}
	#MV .l-inner figure.topImg{
		width: 45.7317%;
	}
	#MV .l-inner .logo{
		background-color: #fff;
		padding:0;
		width:50.6%;
	}
	#MV .l-inner .logo h2{
		max-width: 32em;
	}
	#MV .l-inner .logo p{margin: 1.25em 0;}
	#MV .l-inner .logo a{
		display: inline-flex;
		border-radius: 2em;
		background-color:#4b737c;
		color:#fff;
		padding:1em 1.5em;
		line-height: 1;
		margin-top:1em;
		font-size: 1.425em;
	}
	#Concierge{padding-bottom: 1em;padding-top: .25em;}
	#Concierge .p-flex.col4 article{
		width:25%;
		text-align: center;
	}
	#Concierge .p-flex.col4 article figure img{width: 50%;}
	#Concierge .p-flex.col4 article p{margin-top: 1.25em;}
	#DISCRIPT header.p-flex{
		background: url(/fudosan/iekatsu/assets/img/c_3.svg)no-repeat right top;
		background-size:auto 100%;
		min-height: 30em;
	}
	#DISCRIPT header.p-flex .text{max-width: 100%;}
	#DISCRIPT header.p-flex figure{display: none;}
	#DISCRIPT header.p-flex p{font-size: 1.25em;}
	#DISCRIPT .p-flex.col3 article{
		width:calc(100% / 3);
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	#DISCRIPT .p-flex.col3 article main{min-height: 13.25em;}
	#DISCRIPT .p-flex.col3 article main + h5.ellipse{margin-top:.25em;}
	#WhatIs .detail article:nth-child(2n){
		flex-direction: row-reverse;
	}
	#WhatIs .detail article figure{max-width: 53%;}
	#WhatIs .detail article .c-title--3{
		margin-bottom: 1em;
		padding-bottom: 1em;
		margin-top: .25em;
	}
	#EXANPLE .p-flex{grid-row-gap: clamp(40px, calc(-5.7px + 5.952vw), 80px);flex-wrap: wrap;}
	#EXANPLE .p-flex article{width:calc(50% -  5.52vw / 2);}
	#EXANPLE .p-flex article .c-flex-box:has(.floR) .text .c-title--4{width:72.321429%;}
	#EXANPLE .p-flex article .c-flex-box .text figure.floR{float: right;width:27.678571%}
}
@media screen and (max-width:912px) and (min-width:481px){
	#DISCRIPT header.p-flex{background-size: 38% auto;min-height: 20em;}
	#DISCRIPT header.p-flex p{font-size: 1em;}
}
@media screen and (max-width:480px){
	#MV .l-inner{
		flex-direction: column;
	}
	#MV .l-inner .logo{padding: 2.22em 0;max-width: 89.3333dvw;}
	#MV .l-inner .logo p{text-align: center;}
	#Concierge{padding-top: 1em;}
	#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;}
	main.l-main .sec#WhatIs{padding-top: 1.25em;} 
	#WhatIs .detail article .text{margin-top: 1em;}
	#WhatIs .detail article .c-title--3{
		margin-bottom: .5em;
		padding-bottom: .5em;
	}
	#DISCRIPT header.p-flex p{margin-bottom: 2.5em;}
	#DISCRIPT .p-flex.col3 article:not(:first-child){margin-top: .75em;}
	#EXANPLE .p-flex article:not(:first-child){margin-top:3.425em;}
	#EXANPLE .p-flex article .c-flex-box:has(.floR) .text .c-title--4{width:64.18%;}
	#EXANPLE .p-flex article .c-flex-box .text figure.floR{float: right;width:35.82%}
	#Flow-fix_r a{font-size: 1em;}
}
@keyframes in-out{
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-1em);
  }
}