@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/


/* グローバルメニュー */
.c-gnav > .menu-item > a {
  height: 55px;
  margin-top: 33px;
  font-weight: 700;
}
html[data-scrolled="true"] .c-gnav > .menu-item > a {
  margin-top: 35px;
}


/* ヘッダーコンタクトメニュー */
.menu-header-contact-container {
  position: absolute;
  top: 7px;
  right: 0;
  max-width: 100%;
  padding-left: 4vw;
  padding-right: calc(4vw + 24px);
  transition: 0.3s ease-in-out;
}
html[data-scrolled="true"] .menu-header-contact-container {
  padding-right: calc(4vw + 8px);
  transition: 0.3s ease-in-out;
}
#menu-header-contact {
  font-size: 14px;
  font-weight: 700;
  display: flex;
  gap: 28px;
}
#menu-header-contact a {
  color: #333;
  text-decoration: none;
  position: relative;
  transition: 0.3s ease-in-out;
}
#menu-header-contact a::after {
  position: absolute;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #4f3a1b;
  bottom: -1px;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform 0.3s;
}
#menu-header-contact a:hover::after {
  transform: scale(1, 1);
  transform-origin: left top;
}
#menu-header-contact li:nth-child(1) a::before,
#menu-header-contact li:nth-child(2) a::before,
#menu-header-contact li:nth-child(3) a::before,
#menu-header-contact li:nth-child(4) a::before {
  content: '';
  width: 16px;
  height: 16px;
  font-size: 0.875rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  margin-right: 0.7em;
  position: relative;
  top: 3px;
}
#menu-header-contact li:nth-child(1) a {
  pointer-events: none;
}
#menu-header-contact li:nth-child(1) a::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.995' height='15.995' viewBox='0 0 15.995 15.995'%3E%3Cpath id='ico-phone' data-name='ico-phone' d='M18.115,14a10.168,10.168,0,0,1-3.137-.5.868.868,0,0,0-.9.213l-1.4,1.751A13.492,13.492,0,0,1,6.563,9.4L8.3,7.923a.907.907,0,0,0,.213-.906,9.91,9.91,0,0,1-.5-3.137A.888.888,0,0,0,7.132,3H4.057C3.578,3,3,3.213,3,3.88A15.241,15.241,0,0,0,18.115,18.995a.932.932,0,0,0,.88-1.049V14.88a.888.888,0,0,0-.88-.88Z' transform='translate(-3 -3)' fill='%23111'/%3E%3C/svg%3E");
}
#menu-header-contact li:nth-child(2) a::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.005' height='12.367' viewBox='0 0 16.005 12.367'%3E%3Cpath id='ico-book' data-name='ico-book' d='M13,4.5A6.766,6.766,0,0,0,9,5.591,6.766,6.766,0,0,0,5,4.5,6.766,6.766,0,0,0,1,5.591V16.249c0,.473.531.327.546.327A8.879,8.879,0,0,1,5,15.776a6.766,6.766,0,0,1,4,1.091,8.763,8.763,0,0,1,4-1.091,7.4,7.4,0,0,1,3.456.764A.384.384,0,0,0,17,16.213V5.591A6.836,6.836,0,0,0,13,4.5ZM15.55,14.685A8.454,8.454,0,0,0,13,14.321a8.763,8.763,0,0,0-4,1.091V7.046a8.763,8.763,0,0,1,4-1.091,8.454,8.454,0,0,1,2.546.364Z' transform='translate(-1 -4.5)' fill='%23111'/%3E%3C/svg%3E");
}
#menu-header-contact li:nth-child(3) a::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.085' height='15.993' viewBox='0 0 13.085 15.993'%3E%3Cpath id='パス_3' data-name='パス 3' d='M14.631,1.454H11.593a2.172,2.172,0,0,0-4.1,0H4.454A1.458,1.458,0,0,0,3,2.908V14.539a1.458,1.458,0,0,0,1.454,1.454H14.631a1.458,1.458,0,0,0,1.454-1.454V2.908A1.458,1.458,0,0,0,14.631,1.454Zm-5.089,0a.727.727,0,1,1-.727.727A.729.729,0,0,1,9.543,1.454Zm5.089,13.085H4.454V2.908H5.908V5.089h7.269V2.908h1.454Z' transform='translate(-3)' fill='%23111'/%3E%3C/svg%3E");
}
#menu-header-contact li:nth-child(4) a::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.899' height='12.719' viewBox='0 0 15.899 12.719'%3E%3Cpath id='ico-catalog' data-name='ico-catalog' d='M16.309,4H3.59A1.588,1.588,0,0,0,2.008,5.59L2,15.129a1.6,1.6,0,0,0,1.59,1.59H16.309a1.6,1.6,0,0,0,1.59-1.59V5.59A1.6,1.6,0,0,0,16.309,4Zm0,11.129H3.59V7.18l6.359,3.975L16.309,7.18ZM9.949,9.565,3.59,5.59H16.309Z' transform='translate(-2 -4)' fill='%23111'/%3E%3C/svg%3E");
}







/* ヘッダーコンテンツを画面幅いっぱいに広げる */
.l-header .l-container,
.l-fixHeader__inner .l-container {
  max-width: 100% !important; /* 最大幅を画面全体に設定 */
  padding-left: 4vw !important;  /* 左右の余白を削除 */
  padding-right: 4vw !important;
}
.l-topTitleArea .l-container {
	max-width: 100% !important; /* 最大幅を画面全体に設定 */
	padding-left: 0 !important;  /* 左右の余白を削除 */
	padding-right: 0 !important;
}
.l-topTitleArea {
  max-width: 100% !important; /* 最大幅を画面いっぱいに設定 */
	padding-left: 4vw !important;  /* 左右の余白を削除 */
  padding-right: 4vw !important;
}



.l-topTitleArea__img {
	display: none;
}
.c-pageTitle {
	padding-top: 30px;
	color: var(--color_main);
	font-size: 1.25rem;
	font-weight: normal;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  z-index: 1;
}
.c-pageTitle small {
	display: none;
}
.c-pageTitle::before {
  content: var(--before-text);
  font-family: "Murecho", sans-serif;
  letter-spacing: 0em;
  text-indent: 0em;
	font-size: 5rem;
  font-weight: 700;
	color: var(--color_main);
  display: block;
  width: 100%;
  text-transform: uppercase;
}
@media only screen and (max-width: 960px) {
	.l-topTitleArea {
		min-height: 180px;
	}
  #body_wrap.post-type-case .l-topTitleArea,
  #body_wrap.post-type-archive-case .l-topTitleArea,
  #body_wrap.post-type-post .l-topTitleArea,
  #body_wrap.post-type-category-post .l-topTitleArea,
  #body_wrap.post-type-archive-post .l-topTitleArea,
  #body_wrap.post-type-tag-post .l-topTitleArea {
    align-items: center;
    display: flex;
    margin: 0;
    min-height: 11em;
    overflow: hidden;
    padding: 1.5em 0;
    padding-right: 0px;
    padding-left: 0px;
    position: relative;
    width: 100%;
  }
  #body_wrap.post-type-case .l-container,
  #body_wrap.post-type-archive-case .l-container,
  #body_wrap.post-type-post .l-container,
  #body_wrap.post-type-category-post .l-container,
  #body_wrap.post-type-archive-post .l-container,
  #body_wrap.post-type-tag-post .l-container {
    margin-left: inherit;
  }
  .c-pageTitle {
		padding-top: 25px;
    font-size: 16px;
    font-size: 1rem;
  }
	.c-pageTitle::before {
	  font-size: 2.125rem;
	}
}






.l-topTitleAreaImgBase {
	position: relative;
	background: #000;
	background: linear-gradient(#f9f9f9 0%, #f9f9f9 240px, #efece8 240px, #efece8 100%);
}
.l-topTitleAreaImgBase::after {
  content: '';
  display: block;
	width: 940px;
	height: 174px;
	opacity: 0.7;
  background: url(img/logo_silhouette_w.svg) no-repeat;
	background-size: cover;
	position: absolute;
	top: -120px;
	right: 0;
	z-index: 0;
}
.l-topTitleAreaImgWrap {
	width: 98vw;
	height: 50vh;
	margin: 50px 0 0 2vw;
	max-height: 600px;
	min-height: 400px;
	border-bottom-left-radius: 40px;
	overflow: hidden;
	transition: 0.5s;
	position: relative;
	z-index: 1;
}
.l-topTitleAreaImg {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media only screen and (max-width: 960px) {
	.l-topTitleAreaImgBase {
		background: linear-gradient(#f9f9f9 0%, #f9f9f9 100px, #efece8 100px, #efece8 100%);
	}
	.l-topTitleAreaImgBase::after {
		width: 260px;
    height: 48px;
		top: -30px;
	}
	.l-topTitleAreaImgWrap {
		width: 98vw;
		height: 20vh;
		max-height: none;
		min-height: auto;
	}
	.l-topTitleAreaImgWrap {
		margin: 30px 0 0 2vw;
	}
}



.p-breadcrumb__list.l-container {
  max-width: 100% !important; /* 最大幅を画面いっぱいに */
  padding-left: 4vw !important;  /* 左右の余白を削除 */
  padding-right: 4vw !important;
}
.-body-solid .p-breadcrumb.-bg-on {
	box-shadow: none;
	background: #efece8;
	margin-right: 40px;
}
.p-breadcrumb.-bg-on {
	background: none;
}
.p-breadcrumb__item:first-child a span::before {
	content: none !important;
}
@media only screen and (max-width: 960px) {
	.-body-solid .p-breadcrumb.-bg-on {
		margin-right: 0;
	}
}

#body_wrap.error404 .p-breadcrumb.-bg-on {
  border-radius: 0 0 32px;
}
@media only screen and (max-width: 960px) {
	#body_wrap.error404 .p-breadcrumb.-bg-on {
    border-radius: 0;
	}
}


#breadcrumb + .l-content {
  padding-top: 0 !important;
}





.pageTopBase {
	padding: 4vw 4vw 4vw 6vw !important;
	box-sizing: border-box;
  border-radius: 0 0 32px;
}
.pageTopBase-wrap {
	margin-left: 0 !important;
	margin-right: auto !important;
	padding-right: 80px;
	box-sizing: border-box;
}
@media only screen and (max-width: 960px) {
  .pageTopBase {
  	padding: 30px 0 !important;
    border-radius: 0;
  }
  .pageTopBase-wrap {
  	padding-right: 0;
  }
}



.topVoiceContent {
  padding: 1.5em;
  border: 1px solid #523D1F;
  border-radius: 20px;
}
.topVoiceText span {
  padding: 3px 15px;
  margin-right: 10px;
  color: #fff;
  background: #41210F;
}


.voiceContent {
  padding: 3%;
  border-radius: 15px;
  background: #efece8;
}
@media only screen and (max-width: 960px) {
  .voiceContent {
    padding: 20px;
  }
}






.titleStyle1 {
  margin: 0 0 1em !important;
}

.imgStyle1 > figure img {
	border-radius: 20px;
	display: block;
}







.space1 {
	padding-bottom: 1em;
}
.space2 {
	padding-bottom: 2em;
}


.base01 {
	padding: 4vw;
	margin-left: 4vw;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	box-sizing: border-box;
}

.base02 {
	padding: 4vw 4vw 4vw 8vw;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	box-sizing: border-box;
}
.base02-wrap {
	margin-left: 0 !important;
	margin-right: auto !important;
	padding-right: 8vw;
}
.base02-wrap2 {
	margin-left: 0 !important;
	margin-right: auto !important;
	padding-right: 8vw;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	box-sizing: border-box;
}

.base03 {
	padding: 4vw;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	box-sizing: border-box;
}
.base03-wrap {
	padding-left: 4vw;
}
.base03-wrap2 {
	padding-left: 8vw;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	box-sizing: border-box;
}

.base04 {
	padding: 2.5vw;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	box-sizing: border-box;
}
.base04-wrap {
	padding-left: 1.5vw;
}
.base04-wrap2 {
	padding-left: 3.5vw;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	box-sizing: border-box;
}
@media (max-width: 600px) {
  .base04 {
  	padding: 4vw;
  	border-top-left-radius: 20px;
  	border-bottom-left-radius: 20px;
  	box-sizing: border-box;
  }
  .base04-wrap {
  	padding-left: 4vw;
  }
  .base04-wrap2 {
  	padding-left: 8vw;
  	border-top-left-radius: 20px;
  	border-bottom-left-radius: 20px;
  	box-sizing: border-box;
  }
}

.base05 {
	padding: 4vw 4vw 4vw 8vw;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	box-sizing: border-box;
}
.base05-wrap {
	margin-left: 0 !important;
	margin-right: auto !important;
	padding-right: 8vw;
}
.base05-wrap2 {
	margin-left: 0 !important;
	margin-right: auto !important;
	padding-right: 8vw;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	box-sizing: border-box;
}




.pc_slide {
  padding-right: 4vw;
}
.sp_slide .c-scrollHint {
  padding-right: 8vw;
}
.sp_slide {
  font-size: 14px;
}
.option_slide {
  padding-right: 30px;
}
@media (max-width: 768px) {
  .option_slide {
    padding-right: 4vw;
    font-size: 14px;
  }
}





.box01 {
	padding: 0 40px;
}
@media (max-width: 600px) {
	.box01 {
		padding: 0;
	}
}

.content01 {
	border-radius: 20px;
	box-shadow: 28px 28px 0 -1px #B3AA99;
	overflow: hidden;
}
.content02 {
	border-radius: 20px;
	box-shadow: 28px 28px 0 -1px #EFECE8;
	overflow: hidden;
}
@media (max-width: 600px) {
	.content01 {
		box-shadow: 10px 10px 0 -1px #B3AA99;
	}
  .content02 {
		box-shadow: 10px 10px 0 -1px #EFECE8;
	}
}




.imgStyle01 > figure {
	aspect-ratio: 1 / 0.8;
  position: relative;
}
.imgStyle01 > figure::before {
  content: '';
  width: 100%;
	aspect-ratio: 1 / 0.8;
  background: #f4f3f2;
  border-radius: 30px;
  position: absolute;
  top: 28px;
  left: 28px;
  display: block;
}
.imgStyle01 > figure img {
	border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
	aspect-ratio: 1 / 0.8;
	object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  display: block;
  animation: fade-anim 24s infinite ease-in-out;
}
@media (max-width: 1000px) {
  .imgStyle01 > figure,
  .imgStyle01 > figure::before,
	.imgStyle01 > figure img {
		aspect-ratio: 1 / 1.5;
	}
}
@media (max-width: 768px) {
  .imgStyle01 > figure,
  .imgStyle01 > figure::before,
	.imgStyle01 > figure img {
		aspect-ratio: 1 / 2;
	}
}
@media (max-width: 600px) {
	.imgStyle01 > figure {
    width: calc(100% - 15px);
    aspect-ratio: 16 / 9;
	}
  .imgStyle01 > figure::before {
		aspect-ratio: 16 / 9;
    top: 15px;
    left: 15px;
  }
	.imgStyle01 > figure img {
		aspect-ratio: 16 / 9;
	}
  .imgStyle01 > figure+div {
    margin-top: 30px;
  }
}
@keyframes fade-anim {
  0%   { opacity: 0; }
  3.33% { opacity: 1; }
  33.33% { opacity: 1; }
  36.66% { opacity: 0; }
  100% { opacity: 0; }
}
.topImgSlide figure img:nth-child(2) {
  animation-delay: 8s;
}
.topImgSlide figure img:nth-child(3) {
  animation-delay: 16s;
}





.imgStyle02 > figure img {
	border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
	aspect-ratio: 1 / 0.8;
	object-fit: cover;
	box-shadow: -28px 28px 0 -1px #f4f3f2;
}
@media (max-width: 1000px) {
	.imgStyle02 > figure img {
		aspect-ratio: 1 / 1.5;
	}
}
@media (max-width: 768px) {
	.imgStyle02 > figure img {
		aspect-ratio: 1 / 2;
	}
}
@media (max-width: 600px) {
	.imgStyle02 > figure {
		padding-left: 20px;
		padding-bottom: 20px;
	}
	.imgStyle02 > figure img {
		aspect-ratio: 16 / 9;
		box-shadow: -10px 10px 0 -1px #f4f3f2;
	}
}

.imgStyle03 > figure img {
	border-radius: 20px;
	display: block;
}


@media (max-width: 1000px) {
	.textStyle01 span {
		font-size: 1em !important;
	}
}


.bgTextLeft {
	position: relative;
}
.bgTextLeft::before {
	font-weight: bold;
	font-size: 110px;
	line-height: 1;
	color: #fff;
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	position: absolute;
	top: 0.5vw;
	left: 5vw;
}
@media (max-width: 1000px) {
	.bgTextLeft::before {
		font-size: 70px;
	}
}
@media (max-width: 600px) {
	.bgTextLeft::before {
		font-size: 12vw;
		top: 6vw;
	}
}
.bgTextRight {
	position: relative;
}
.bgTextRight::before {
	font-weight: bold;
	font-size: 110px;
	line-height: 1;
	color: #fff;
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	position: absolute;
	top: 0.5vw;
	right: 5vw;
}
@media (max-width: 1000px) {
	.bgTextRight::before {
		font-size: 70px;
	}
}
@media (max-width: 600px) {
	.bgTextRight::before {
		font-size: 12vw;
		top: 6vw;
	}
}
.bgTextCenter::before {
	font-weight: bold;
	font-size: 110px;
	line-height: 1;
	color: #fff;
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	position: absolute;
	top: -90px;
	left: 5vw;
}
@media (max-width: 1000px) {
	.bgTextCenter::before {
		font-size: 70px;
		top: -58px;
	}
}
@media (max-width: 600px) {
	.bgTextCenter::before {
		font-size: 12vw;
		top: -10vw;
	}
}
.bgTextOp::before {
	opacity: 0.8;
}


.bgText01::before {
	content: 'I・SPACE';
}
.bgText02::before {
	content: 'FAQ';
}
.bgText03::before {
	content: 'MESSAGE';
}
.bgText04::before {
	content: 'ADVANTAGE';
}
.bgText05::before {
	content: 'SELECTION';
}
.bgText06::before {
	content: 'LOCATION';
}
.bgText07::before {
	content: 'PROFILE';
}
.bgText08::before {
	content: 'MAP';
}
.bgText09::before {
	content: 'TELEPHONE';
}
.bgText10::before {
	content: 'FORM';
}
.bgText11::before {
	content: 'PRIVACY';
}
.bgText12::before {
	content: 'SHOWROOM';
}
.bgText13::before {
	content: 'ACCESS';
}
.bgText14::before {
	content: 'CONTACT';
}
.bgText15::before {
	content: 'FEATURE';
}
.bgText16::before {
	content: 'DETAIL';
}
.bgText17::before {
	content: 'OPTION';
}
.bgText18::before {
	content: 'LEASE';
}
.bgText19::before {
	content: 'TOUR';
}
.bgText20::before {
	content: 'WHAT';
}
.bgText21::before {
	content: 'COMPARE';
}
.bgText22::before {
	content: 'FEATURES';
}
.bgText23::before {
	content: 'POINT';
}
.bgText24::before {
	content: 'SERVICE';
}
.bgText25::before {
	content: 'FLOW';
}
.bgText26::before {
	content: 'VOICE';
}
.bgText27::before {
	content: 'LINEUP';
}
.bgText28::before {
	content: 'QUALITY';
}
.bgText29::before {
	content: 'SPEC';
}
.bgText30::before {
	content: 'CRAFT';
}
.bgText31::before {
	content: 'SOLUTION';
}
.bgText32::before {
	content: 'SUPPORT';
}
.bgText33::before {
	content: 'HELP';
}






/*右側固定バナー*/
.sideContactBnr {
	width: 60px;
	position: fixed;
	top: 20%;
	right: 0;
	z-index: 30;
}
.sideContactBnr img {
	width: 100%;
	margin: 0;
}
.sideContactBnr > div:first-child {
  margin-bottom: 10px;
}
@media (max-width: 960px) {
  .sideContactBnr {
    display: none;
  }
}

/*ページトップへ戻るボタン*/
@media (min-width: 960px) {
  .p-fixBtnWrap {
    bottom: 1em;
    right: 0.5em;
  }
}

/*アーカイブページ*/
[class*="page-numbers"] {
  color: #555;
}