@charset "utf-8";
@import url("/jutaku/common/css/rn03/fonts2.css");
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap');

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　01. モジュール

******************************************************************************* */

/* ==

　01. モジュール

=============================================================================== */
h1, h2, h3, h4, h5 {
	font-weight: 400;
}
#container {
	margin-top: 0;
	padding-bottom: 60px;
	min-width: 950px;
	color: #444444;
	font-weight: 400;
}
.fnFade {
	transition: opacity 0.2s cubic-bezier(0,.5,.5,1) !important;
}
.fnFade:hover {
	opacity: .6;
}
.sTimes {
	position: relative;
	height: 50px;
	width: 50px;
	display: block;
	transform: rotateZ(45deg);
	margin: 15px 10px 8px;
}
.sTimes::before,
.sTimes::after {
	content: "";
	width: 50px;
	height: 2px;
	display: block;
	background-color: #fff;
	position: absolute;
	top: 50%;
	left: 0%;
}
.sTimes-v1::before,
.sTimes-v1::after {
	background-color: #908973;
}
.sTimes::after {
	transform: rotateZ(90deg);
}

/* MV */
.sVisual {
	aspect-ratio: 1326 / 640;
	padding: 0 20px;
}
.sVisual-d01 {
	background: url(/jutaku/feature/strengths/dannetsu/images/mv01.jpg) no-repeat 0 0;
	background-size: cover;
}
.sVisual-d02 {
	background: url(/jutaku/feature/strengths/dannetsu/images/mv02.jpg) no-repeat 0 0;
	background-size: cover;
	margin: 150px 0 100px;
	aspect-ratio: 1326 / 695;
}
.sVisual-t01 {
	background: url(/jutaku/feature/strengths/taishin/images/mv01.jpg) no-repeat 0 0;
	background-size: cover;
}
.sVisual-t02 {
	background: url(/jutaku/feature/strengths/taishin/images/mv02.jpg) no-repeat 0 0;
	background-size: cover;
	margin: 150px 0 100px;
	aspect-ratio: 1326 / 695;
}
.sVisual_in {
	position: relative;
	max-width: 1100px;
	height: 100%;
	margin: 0 auto;
}
.sVisual .sVisual_in .sVisual_tit {
	font-family: "Shippori Mincho", serif;
	line-height: 1;
	color: #FFF;
	position: absolute;
	left: 0;
	bottom: 50px;
	font-weight: 400;
	letter-spacing: 0.03em;
	text-shadow: 0px 0px 10px rgba(0,0,0,1);
}
.sVisual-d01 .sVisual_in .sVisual_tit,
.sVisual-t01 .sVisual_in .sVisual_tit {
	font-size: clamp(3.375rem, 0.9685rem + 3.99vw, 4.375rem);
}
.sVisual-d02 .sVisual_in .sVisual_tit,
.sVisual-t02 .sVisual_in .sVisual_tit {
	font-size: clamp(2.375rem, 1.1718rem + 1.995vw, 2.875rem);
	line-height: 1.4;
	text-shadow: 0px 0px 15px rgba(0,0,0,1);
}
.sVisual-t02 .sVisual_in .sVisual_tit {
	top: 50px;
	bottom: auto;
}

/* Lead */
.sLead {
	padding: 120px 20px 130px;
}
.sVisual01_in {
	max-width: 950px;
}
.sLead_col {
	position: relative;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	max-width: 950px;
	margin: 0 auto;
	font-family: "Shippori Mincho", serif;
}
.sLead_txt {
	width: 726px;
}
.sLead_txt p {
	font-size: 18px;
	line-height: 2.6;
}
.sLead_txt p:last-child {
	font-size: 26px;
	margin-top: 30px;
}
.sLead_tit {
	width: 120px;
}
.sLead_img {
	margin-bottom: 70px;
}
.sLead_tit h2 {
	-webkit-writing-mode: vertical-rl;
	text-orientation: upright;
	writing-mode: vertical-rl;
	font-size: 32px;
	line-height: 2;
	font-weight: 400;
	white-space: nowrap;
}
.sLead_tit h2 span.num,
.sLead_tit h2 span.cm {
    writing-mode: horizontal-tb;
    line-height: 1;
}
.sLead_tit h2 span.cm {
	font-size: 26px;
	margin-bottom: 5px;
}

/* .sLead_tit h2 span {
	text-align: center;
	line-height: 1;
} */
/* .sLead_tit h2 span span {
	font-size: 24px;
} */
.sLead_tit h2 span.annotation {
	writing-mode: horizontal-tb;
	font-size: 10px;
	position: relative;
	right: -10px;
	line-height: 1;
}
.sLead_visual {
	width: calc(100% + 40px);
	height: 200px;
	margin: 90px -20px 0;

}
/* .sLead_visual-d01 {
	background: url(/jutaku/feature/strengths/dannetsu/images/img02.jpg) no-repeat center center;
	background-size: 1912px 203px;
}
.sLead_visual-t01 {
	background: url(/jutaku/feature/strengths/taishin/images/img02.jpg) no-repeat center center;
	background-size: 1912px 203px;
} */

/* Fact */
.sFact {
	background-color: #E6DAB3;
	padding: 70px 20px 90px;
	color: #222222;
}
.sFact_in {
	position: relative;
	max-width: 1340px;
	margin: 0 auto;
}
.sFact_in::before {
	content: "Fact";
	position: absolute;
    top: 50px;
    left: -190px;
	font-size: 300px;
	color: rgba(255, 255, 255, .3);
	transform: rotateZ(90deg);
	font-family: "Cormorant Garamond", serif;
	line-height: 1;
    letter-spacing: -0.02em;
}
.sFact_col {
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	max-width: 930px;
}
.sFact_txt {
	width: 400px;
	padding-top: 75px;
}
.sFact_txt h2 {
	font-size: 24px;
	font-weight: 500;
	font-family: "Shippori Mincho", serif;
	line-height: 1.8;
	margin-bottom: 30px;
}
.sFact_txt p {
	font-size: 14px;
	line-height: 2;
}
.sFact_img {
	width: 450px;
}
.sFact_img .sFact_img_tit {
	font-family: "Shippori Mincho", serif;
	font-size: 18px;
	margin-bottom: 20px;
}
.sFact_img .sFact_img_tit span {
	font-size: 14px;
	display: block;
}
.sFact_img .sFact_img_copy {
	text-align: right;
	font-size: 10px;
	margin-top: 5px;
}

/* Column */
.sDetail {
	padding: 150px 20px 0;
	overflow: hidden;
}
.sDetail_head {
	margin: 0 auto 150px;
	max-width: 1100px;
	display: flex;
}
.sDetail_head .sDetail_head_img {
	margin-left: -150px;
    width: calc(50% + 150px);
    max-width: 693px;
}
.sDetail_head .sDetail_head_txt {
	position: relative;
	width: 50%;
	max-width: 693px;
}
.sDetail_head .sDetail_head_txt_in {
	position: relative;
	margin-left: 12%;
	padding-top: 70px;
}
.sDetail_head-reverse {
	flex-direction: row-reverse;
}
.sDetail_head-reverse .sDetail_head_img {
	margin-left: 0;
	margin-right: -150px;
}
.sDetail_head-reverse .sDetail_head_txt_in {
	margin-left: 0;
	margin-right: 12%;
}
.sDetail_head .sDetail_head_txt_in::before {
	content: "";
	width: 50px;
	height: 2px;
	background-color: #9A9482;
	position: absolute;
	top: 0;
	left: 0;
}
.sDetail_head .sDetail_head_txt h2 {
	font-size: 24px;
	font-family: "Shippori Mincho", serif;
	font-weight: 500;
	margin-bottom: 60px;
	line-height: 1.6;
}
.sDetail_head .sDetail_head_txt h2 span {
	font-size: 36px;
	font-weight: bold;
	color: #9A9482;
}
.sDetail_head .sDetail_head_txt p {
	font-size: 14px;
	line-height: 2;
}
.sDetail_head .sDetail_head_txt .sDetail_head_catch {
	font-size: 20px;
	font-family: "Shippori Mincho", serif;
	font-weight: 500;
	margin-bottom: 25px;
	line-height: 1.8;
}
.sDetail_info {
	max-width: 1100px;
	margin: 0 auto 2px;
}
.sDetail_info_in {
	margin: 0 auto;
	max-width: calc(100% - 16.3636%);
	outline: 2px solid rgba(154, 148, 130, .2);
	border-radius: 12px;
	padding: 90px 8.1818% 80px;
}
.sDetail_info-v1 .sDetail_info_in {
	outline: #F5F4F2;
	background-color: #F5F4F2;
	border-radius: 12px;
}
.sDetail_info_block {
	position: relative;
}
.sDetail_info_num {
	color: #908973;
	line-height: 1.1;
	font-size: 14px;
	font-family: "Inter", sans-serif;
	font-weight: 500;
	text-align: center;
	position: absolute;
	top: -20px;
	right: 0;
}
.sDetail_info_num span {
	font-size: 70px;
	display: block;
	font-weight: 200;
}
.sDetail_info-t1 .sDetail_info_in,
.sDetail_info-t2 .sDetail_info_in {
	padding-top: 70px;
}
.sDetail_info-t1 .sDetail_info_in .sDetail_info_num {
	top: auto;
	right: auto;
	left: 0;
	bottom: 0;
}
.sDetail_info-t2 .sDetail_info_in .sDetail_info_num {
	top: auto;
	bottom: 0;
}
.sDetail_info_tit01 {
	font-size: 30px;
	font-weight: 500;
	font-family: "Shippori Mincho", serif;
	margin-bottom: 65px;
}
.sDetail_info_col {
	display: flex;
	justify-content: space-between;
}
.sDetail_info_txt {
	max-width: 404px;
	width: 43.913%;
}
.sDetail_info_txt-v1 {
	max-width: 354px;
	width: 38.478%;
}
.sDetail_info_txt p,
.sDetail_info_img p {
	font-size: 14px;
    font-weight: 500;
	line-height: 2;
	margin-bottom: 30px;
}
.sDetail_info_txt .sDetail_info_btn,
.sDetail_info_img .sDetail_info_btn {
	position: relative;
	font-size: 15px;
	font-weight: 500;
	color: #908973;
	display: inline-block;
	padding-right: 15px;
	padding-bottom: 1px;
	text-decoration: none;
}
.sDetail_info_txt .sDetail_info_btn::before,
.sDetail_info_img .sDetail_info_btn::before {
	content: "";
	width: calc(100% - 15px);
	height: 1px;
	display: block;
	background-color: #908973;
	position: absolute;
	left: 0;
	bottom: 0;
}
.sDetail_info_txt .sDetail_info_btn:hover,
.sDetail_info_img .sDetail_info_btn:hover {
	opacity: 0.7;;
}
.sDetail_info_txt .sDetail_info_btn:hover::before,
.sDetail_info_img .sDetail_info_btn:hover::before {
	display: none;
}
.sDetail_info_btn::after {
	content: "";
	width: 12px;
	height: 12px;
	background: url(/jutaku/feature/strengths/common/images/icon_arrow02.svg) no-repeat 0 0;
	background-size: 12px 12px;
	display: inline-block;
	position: absolute;
    right: 0;
    top: calc(50% - 5px);
}
.sDetail_info_img {
	max-width: 447px;
	width: 48.5869%;
}
.sDetail_info_img img {
	display: block;
	margin-bottom: 20px;
}
.sDetail_info_img .sDetail_info_tit02 {
	position: relative;
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 30px;
}
.sDetail_info_img .sDetail_info_tit02::after {
	content: "";
	width: calc(50% - 20px);
	height: 1px;
	background-color: #CCCCCC;
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
}
.sDetail_info_link p {
	font-size: 12px;
	font-family: "Shippori Mincho", serif;
	font-weight: bold;
	margin-bottom: 0;
}
#container .sNote01 {
	font-size: 11px;
	color: #666666;
	margin-top: 30px;
}

/* living */
.sLiving {
	margin-top: 160px;
	padding: 0 20px;
	overflow: hidden;
}
.sLiving_in {
	position: relative;
	max-width: 1100px;
	margin: 0 auto;
	aspect-ratio: 1100 / 1250;
}
.sLiving_in::before {
	content: "Living";
	position: absolute;
    top: 240px;
    left: calc(50% - 360px);
	font-size: 358px;
	color: #F6F4F2;
	transform: rotateZ(90deg);
	font-family: "Cormorant Garamond", serif;
	line-height: 1;
	letter-spacing: -0.02em;
}
.sLiving_in .sLiving_tit {
	-webkit-writing-mode: vertical-rl;
	text-orientation: upright;
	writing-mode: vertical-rl;
	font-size: clamp(3rem, -0.4464rem + 5.7143vw, 3.625rem);
	font-family: "Shippori Mincho", serif;
	color: #9A9482;
	line-height: 1.2;
	position: absolute;
	top: 0;
	right: 9%;
	letter-spacing: .2em;
}
.sLiving_in .sLiving_tit img {
	transform: translate3d(10px, 125px, 0px);
}
.sLiving_in .sLiving_tit span {
	font-size: 42px;
}
.sLiving_in .sLiving_tit .sTimes {
	top: 26%;
}
.sLiving_in .sLiving_tit .sLiving_tit_num {
	line-height: 1;
	font-size: clamp(3.125rem, -0.3214rem + 5.7143vw, 3.75rem);
}
.sLiving_in .sLiving_tit .sLiving_tit_txt01 {
	font-size: clamp(1rem, -1.7571rem + 4.5714vw, 1.5rem);
}
.sLiving_item-01 {
	position: absolute;
	top: 0;
	left: -130px;
    width: calc(50% + 130px);
    max-width: 676px;
}
.sLiving_item-02 {
	position: absolute;
	top: 47%;
	right: -130px;
	width: calc(40.9090% + 130px);
    max-width: 580px;
}
.sLiving_item-03 {
	position: absolute;
	top: 63%;
	left: -40px;
    width: calc(49.0909% + 40px);
    max-width: 580px;
}
.sLiving_item p {
	margin-top: 20px;
	font-size: 18px;
	font-weight: bold;
	font-family: "Shippori Mincho", serif;
	color: #9A9482;
	line-height: 1.9;
}
.sLiving_item-01 p,
.sLiving_item-03 p {
	text-align: right;
}

/* Relation */
.sRelation {
	padding: 0 20px;
}
.sRelation_in {
	max-width: 1280px;
	margin: 0 auto;
}
.sRelation_block {
	max-width: 1100px;
	background-color: #F5F4F2;
	border-radius: 10px;
	margin: 0 auto;
	padding: 60px 0 80px;
	margin-bottom: 60px;
}
.sRelation_tit {
	font-size: 24px;
	font-family: "Shippori Mincho", serif;
	font-weight: 500;
	text-align: center;
	margin-bottom: 40px;
}
.sRelation_col {
	max-width: 1280px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.sRelation_block .sRelation_col {
	max-width: 840px;
}
.sRelation_btn {
	position: relative;
	width: 408px;
	display: block;
	color: #fff;
	padding: 15px 0;
	border-radius: 31px;
	background-color: #B9B9B9;
	font-size: 20px;
	font-family: "Shippori Mincho", serif;
	font-weight: 500;
	text-align: center;
	letter-spacing: 0.06em;
}
a.sRelation_btn {
	text-decoration: none;
	background-color: #908973;
}
a.sRelation_btn::after {
	content: "";
	width: 16px;
	height: 16px;
	background: url(/jutaku/feature/strengths/common/images/icon_arrow01.svg) no-repeat 0 0;
	background-size: 16px 16px;
	position: absolute;
	top: calc(50% - 7px);
	right: 20px;
}
.sRelation_tenji,
.sRelation_catalog {
	position: relative;
	font-size: clamp(1.5rem, 0.4806rem + 1.6901vw, 1.875rem);
	font-family: "Shippori Mincho", serif;
	font-weight: 500;
	background-color: #222222;
	color: #fff;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0;
	padding: 55px 3.125%;
	line-height: 1;
	text-decoration: none;
	border-radius: 10px;
	max-width: calc(630px - 80px);
	width: 42.96875%;
}
.sRelation_tenji::after,
.sRelation_catalog::after {
	content: "";
	width: 24px;
	height: 24px;
	background: url(/jutaku/feature/strengths/common/images/icon_arrow01.svg) no-repeat 0 0;
	background-size: 24px 24px;
	position: absolute;
	top: calc(50% - 10px);
	right: 40px;
}
.sRelation_catalog {
	background-color: #908973;
}
.sRelation_catalog span {
	font-size: clamp(0.875rem, 0.1954rem + 1.1268vw, 1.125rem);
	display: block;
	margin-top: 20px;
}