@charset "utf-8";

/* main_Movie */
.main_Movie_Wrap {
position: relative;
  padding-top: 92px;
  background: #000;
  width:100%;
  z-index: 0;
  overflow: hidden;
}
.main_Movie_Wrap .main_caption {
	z-index: 99;
}
.main_Movie {
  width:100%;
  aspect-ratio: 16 / 9;
  opacity: 0.6;
}
.main_Movie_Wrap [id^="copy0"]{
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%,-50%);
opacity: 0;
z-index: 2;
}
.main_Movie_Wrap [id^="copy0"].sp{
top: 130%;
transform: translate(-50%,-50%);
}
.main_Movie_Wrap #copy01_pc{
width: 33.607142857142857%;
}
.main_Movie_Wrap #copy02_pc{
width: 48.678571428571429%;
}
.main_Movie_Wrap #copy03_pc{
width: 38.607142857142857%;
}
.main_Movie_Wrap #copy01_sp{
width: 3.928571428571428%;
}
.main_Movie_Wrap #copy02_sp{
width: 3.857142857142857%;
}
.main_Movie_Wrap #copy03_sp{
width: 3.857142857142857%;
}


/* 点滅 */
#blink {
  color:#FFF;
  margin: 0 auto;
  width:6%;
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
	animation: blinking 1.3s ease-in-out infinite alternate;
}
.hide {
  /* opacity: 0; */
  display: none;
}

@keyframes blinking {
	0% {opacity: 1;}
	100% {opacity: 0;}
}



/*main_Visual*/
.main_Visual {
    margin-bottom: 50vh;
}
.mv_box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
}
.mv_box--bg::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0;
    transition: all 1.0s ease 0s;
    z-index: 0;
}
.mv_box--bg.show::before {
    opacity: 1;
}
.mv_box--bg001::before {
    background: url(../img/mv_01.jpg) no-repeat center / cover;
    opacity: 1;
}
.mv_box--bg002::before {
    background: url(../img/mv_02.jpg) no-repeat center / cover;
}
.mv_box--bg003::before {
    background: url(../img/mv_03.jpg) no-repeat center / cover;
}
.mv_box--bg004::before {
    background: url(../img/mv_04.jpg) no-repeat center / cover;
}
.main_Visual .mv_copy {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	filter: drop-shadow(0 0 3px rgba(0, 0, 0, 1.0)) drop-shadow(0 0 5px rgba(0, 0, 0, 1.0));
}
.main_Visual .cap_Txt {
	position: fixed;
}

/*コンテンツエリア*/
.content_Wrap {
	position: relative;
	background: #fff;
	overflow-x: hidden;
}

/*MV下行動提起*/
.add_teiki {
position: relative;
padding: 0.5em 0;
/*background:#f2f2f2;*/
background: url(../img/teiki_bg.svg) no-repeat top center;
background-size: cover;
}
.add_teiki figure {
width: 94%;
max-width: 1267px;
margin: 0 auto;
}


/*訴求ポイント*/
.point_Wrap {
	position: relative;
	z-index: 2;
/*	margin-top: 50vh;*/
	padding: 0px 0 15px;
	/* background: #f8f6f0; */
	background: #fff;
}
.point_Wrap p {
	width: 94%;
	max-width: 1200px;
	margin: 0 auto;
}
/*ブランド*/
.brand_Wrap {
	padding: 80px 5%;
	background: #f2f2f2;
}
.brand_Wrap h2 {
	width: 60%;
	max-width: 424px;
	margin: 0 auto;
}
.brand_Wrap .combi_box {
	width: 90%;
	max-width: 1000px;
	margin: 40px auto;
}
.brand_Wrap p {
	text-align: center;
	color: #123359;
	line-height: 1.5;
	font-size: 32px;
}
.brand_Wrap .btn_brand {
	display: block;
	width: 60%;
	max-width: 436px;
	margin: 40px auto 0;
	transition: .3s;
}
.brand_Wrap .btn_brand:hover {
	opacity: .7;
}

/*資料請求*/
.request_Wrap {
	/* background: #160f0d; */
	background: #fff;
	padding: 40px 5%;
	color: #FFF;
}
.request_Wrap ul {
    display: flex;
    justify-content: space-between;
	width: 90%;
	max-width: 1200px;
    gap:1em;
	margin: 0 auto 0;
}
.request_Wrap ul li{
	width: 47.685185185185185%;
    max-width: 412px;
	margin: 0 auto 0;
}
.request_Wrap ul li a{
	transition: .3s;
}
.request_Wrap a:hover {
	opacity: .7;
}
.request_Wrap .holiday {
  color:#880000;
	text-align: center;
	font-size: 18px;
	letter-spacing: 0.12em;
	line-height: 1.6;
	margin-top: 20px;
}
.request_Wrap .holiday span {
	display: block;
	font-size: 1.12em;
}
.request_Wrap .holiday p {
	font-size: .83em;
	margin-top: 5px;
}
.request_Wrap .teiki  {
width: 90%;
max-width: 864px;
text-align: center;
font-feature-settings: "palt";

margin: 0 auto 1.5em;
}
.request_Wrap .teiki .line {
width: 100%;
height: 1px;
background: #4c4a4a;
margin: 1em 0;
}
.request_Wrap .teiki p {
/*position: relative;*/
display: inline-block;
width: fit-content;
/* font-size: clamp(30px, 3.285714285714286vw, 46px); */
font-size: clamp(22px, 3.285714285714286vw, 46px);
letter-spacing: 0.08em;
background: linear-gradient(90deg, #bfa265 0%, #7e703c 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
margin: 0 auto;
line-height: 1.2;
}
.request_Wrap .teiki p span {
	font-size: 1.75em;
	font-style: italic;
	vertical-align: -0.05em;
	display: inline-block;
	margin-right: 0.1em;
}

.request_Wrap .teiki h5 {
font-size: clamp(34px, 4vw, 48px);
letter-spacing: 0.24em;
color: #4c4a4a;
}
.request_Wrap .teiki h5 span{
/*font-size: 70%;*/
letter-spacing: 0.18em;
}
.request_Wrap .teiki h5 span.arrow{
font-size: 100%;
letter-spacing: -0.3em;
}
.request_Wrap .teiki h5 span.arrow.first{
display: inline-block;
margin: 0 0.5em 0 0;
}
.request_Wrap .teiki h5 span.arrow.last{
display: inline-block;
margin: 0 0 0 0.1em;
}

.request_Wrap .teiki .registration_txt{
width:94%;
margin: 0 auto;
}
.request_Wrap .teiki .registration_txt h5{
font-size: clamp(12px, 1.5vw, 16px);
letter-spacing: 0.24em;
margin-bottom: 0.5em;
}
.request_Wrap .teiki .registration_txt p{
text-align: left;
font-size: clamp(10px,1.0vw, 14px);
letter-spacing: 0.2em;
line-height: 1.8;
/* width: fit-content; */
background: linear-gradient(90deg, #fff 0%, #fff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
/* background: none; */
}

.request_Wrap .teiki .registration_txt dl{
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.request_Wrap .teiki .registration_txt dl dt,
.request_Wrap .teiki .registration_txt dl dd {
text-align: left;
font-size: clamp(10px,1.0vw, 14px);
letter-spacing: 0.15em;
line-height: 1.8;
}
.request_Wrap .teiki .registration_txt dl dt{
width: 10em;
}
.request_Wrap .teiki .registration_txt dl dd{
width:80%;
padding-left:1em;
text-indent:-1em;
}

/*
.request_Wrap .teiki p::before,
.request_Wrap .teiki p::after{
content: "";
position: absolute;
top: 50%;
width: 0.75em;
height: 2px;
background: #fff;
}
.request_Wrap .teiki p::before{
left: 0;
}
.request_Wrap .teiki p::after{
right: 0;
}
*/

/* 長期休業お知らせ追加 */
.holiday_Box {
  width: 90%;
  max-width: 880px;
  text-align: center;
  margin: 50px auto;
  padding: 20px 10px;
  border: 1px solid #880000;
}
.holiday_Box h3 {
  display: inline-block;
  color: #880000;
  font-size: 22px;
  position: relative;
}
.holiday_Box h3::before {
  content: "";
  display: inline-block;
  width: 50px;
  border-top: 1px solid #880000;
  position: absolute;
  top: 50%;
  left: -60px;
  transform: translateY(-50%);
}
.holiday_Box h3::after {
  content: "";
  display: inline-block;
  width: 50px;
  border-top: 1px solid #880000;
  position: absolute;
  top: 50%;
  right: -60px;
  transform: translateY(-50%);
}
.holiday_Box p {
  font-size: 16px;
  line-height: 1.3;
  margin-top: 20px;
  color: #880000;
}
.holiday_Box p span.date {
  font-size: 1.2em;
}
.holiday_Box p small {
  font-size: 0.9em;
}
.holiday_Box .holiday_note {
  font-size: 14px;
}


.request_Wrap .bnr_ecohome {
  width: 80%;
  max-width: 880px;
  margin: 60px auto 30px;
}
.request_Wrap .bnr_ecohome a {
  transition: .3s;
}
.request_Wrap .bnr_ecohome a:hover {
  transition: .3s;
  opacity: .5;
}
.request_Wrap .bnr_line {
	width: 80%;
    max-width: 866px;
	/* filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.3)); */
	border: 1px solid #808080;
  }

.g_band {
	width: 100%;
    /* max-width: 1245px; */
	/* margin: 0 0 0.5em; */
  background: #FFF;
  position: static;
	}
	.g_band figure {
		padding: 18px 0;
		}
.g_band figure.open img {
	max-width: 700px;
	width: 90%;
	margin: 0 auto;
	}
	.g_band figure.yotei img {
		width: 100%;
		margin: 0 auto;
		}
.g_band figure.open {
	/* background: #6E0E15;
	background: linear-gradient(90deg, rgba(110, 14, 21, 1) 0%, rgba(143, 22, 37, 1) 100%); */
	background: #615021;
	background: linear-gradient(120deg, rgba(97, 80, 33, 1) 0%, rgba(143, 120, 61, 1) 100%);
}
.g_band figure.yotei {
	/* max-width: 704px;
	margin: 0 auto 0; */
  /* background: #6E0E15;
  background: linear-gradient(90deg, rgba(110, 14, 21, 1) 0%, rgba(143, 22, 37, 1) 100%); */
background: #8B763C;
background: linear-gradient(120deg, rgba(139, 118, 60, 1) 0%, rgba(102, 83, 35, 1) 100%);
}
.g_band figure.yotei img {
    max-width: calc(960px * 0.8);
	margin: 0 auto;
}

.infoFix {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 998;
}

.point_Area {
  padding: 1.5em 0 0;
}
.price {
width: 90%;
max-width: 1000px;
margin: 0 auto 2em;
}
.price figure {
}
.price02 {
width: 94%;
max-width: 1245px;
margin: 0 auto 1.25em;
padding: 0 0 1.25em;
border-bottom: 1px solid #6a5625;
}
.price02 figure {
/* max-width: 682px; */
max-width: 954px;
margin: 0 auto 0;
}
.zeh {
width: 94%;
max-width: 1245px;
margin: 1.3em auto 0;
padding: 1.5em 0 0;
border-top: 1px solid #6a5625;
}
.zeh figure {
max-width: 950px;
margin: 0 auto 1.5em;
}
.zeh figure a:hover {
opacity: .7;
transition: .3s;
}


/*メニュー*/
.sc-bg {
	text-align: center;
	height: 100vh;
	width: 100%;
/*    background-color: rgba(36, 36, 36, 0.784);*/
/*	color: rgba(0, 0, 0, 0);*/
/*	color: rgb(255, 255, 255);*/
}
.sc-bg.bg-blk {
/*	color: rgb(255, 255, 255);*/
/*	background-color: rgba(36, 36, 36, 0.784);*/
/*	background-margin-bottom: 400px;*/
}
/*.sc-bg.bg-blk .text-cont::after {
	content: "";
	background-image: url("../img/plx_frame.png");
	background-size: contain;
	background-repeat: no-repeat;
	width: 100%;
	height: 175px;
	position: absolute;
	top: 0%;
	right: 0%;
	transition: all 0.2s;
}
.panel01 .sc-bg.bg-blk .text-cont::after {
	content: none;
}*/

/*
.sc-bg.bg-blk::after {
	content: "";
	background-image: url("../img/plx_frame.png");
	background-size: contain;
	background-repeat: no-repeat;
	width: 100%;
	height: 135px;
	position: absolute;
	top: 100px; header + 10px
	left: 10px;
	transition: all 1s;
}
.panel01 .sc-bg.bg-blk::after {
	content: none;
}
*/
/*
.sc-bg.bg-blk::after {
	content: "";
	background-image: url("../img/plx_frame02.png");
	background-size: contain;
	background-repeat: no-repeat;
	width: 130px;
	height: 123px;
	position: absolute;
	bottom: 20px;
	right: 20px;
	transition: all 1s;
}
*/
.panel01 .sc-bg {
	background-color: rgba(36, 36, 36, 0.784);
}
.panel01 .sc-bg.bg-blk::after {
	content: none;
}
.panel02 .sc-bg.bg-blk,
.panel03 .sc-bg.bg-blk,
.panel04 .sc-bg.bg-blk,
.panel05 .sc-bg.bg-blk,
.panel06 .sc-bg.bg-blk{
background-color: unset!important;
}

.panel {
	position: relative;
	height: 100vh;
	margin-bottom: 200px;
	background-position: center;
}
.panel .text-cont {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 60%;
	padding: 3% 0;
}
.panel01 .text-cont,
.panel02 .text-cont{
color: #fff;
}
.panel02 .text-cont,
.panel03 .text-cont,
.panel04 .text-cont,
.panel05 .text-cont,
.panel06 .text-cont {
	position: absolute;
	top: 50%;
	left: 75%;
	transform: translate(-50%, -50%);
	width: 50%;
	padding: 3% 0;
}
.panel.panel01 .text-cont {
	padding: 7% 0 0;
}
.panel02::before,
.panel03::before,
.panel04::before,
.panel05::before,
.panel06::before{
/*
    content: "";
    background-image: url(../img/side_line.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 6px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 20px;
    transform: translate(0,0);
    transition: all 1s;
*/
}


.panel .text-cont h2 {
	max-width: 354px;
	width: 54%;
	margin: 0 auto 50px;
}
/*
.panel .text-cont h3 {
	max-width: 307px;
	margin: 0 auto;
    transition-delay: 3s;
}
*/
.panel .text-cont h3 {
position: relative;
font-size: 20px;
line-height: 2.0;
letter-spacing: 0.15em;
color: #a78d3f;
text-align: center;
transition-delay: 3s;
}
.panel02 .text-cont h3 {
color: #c9ac57;
}
.panel .text-cont h3 span{
font-size: 200%;
letter-spacing: 0.2em;
}

.panel .text-cont h3 span.f-80{
    font-size: 80%;
    vertical-align: super;
}
.panel .text-cont span.line{
font-size: unset;
display: block;
width: 24%;
margin: 0 auto 2em;
}
.panel .text-cont .section_text {
	margin-top: 60px;
	font-size: 17.28px;
	line-height: 2.5;
	letter-spacing: 0.12rem;
    transition: all 1s;
    transition-delay: 3s;
}
.panel .text-cont a {
	display: block;
	width: -moz-fit-content;
	width: fit-content;
	width: 12%;
	margin: 30px auto 0;
}
.panel .text-cont .topsoon {
	width: 20%;
	max-width: 100px;
	margin: 30px auto 0;
    display: none;
}
.panel .text-cont .more {
position: relative;
display: block;
width: fit-content;
font-size: 20px;
letter-spacing: 0.2em;
color: #a78d3f;
margin: 1.5em auto 0;
transition: 0.3s;
}
.panel02 .text-cont .more {
color: #c9ac57;
}
.panel .text-cont .more:hover {
opacity: 0.7;
}
.panel .text-cont .more::after {
content: "";
position: absolute;
top: 50%;
left: 105%;
width: 40px;
height: 8px;
border-bottom: 1px solid #a78d3f;
border-right: 1px solid #a78d3f;
transform: skew(45deg) translate(0,-20%);
transition: 0.3s;
}
.panel .text-cont .more:hover::after {
left: 110%;
}
.panel .text-cont .more.comming {
pointer-events: none;
}
.panel .text-cont .more.comming::after {
content: "";
display: none;
}

.panel .text-cont .more.concept {
position: relative;
display: block;
width: 160px;
height: 160px;
line-height: 160px;
font-size: 16px;
text-align: center;
letter-spacing: 0.2em;
background: rgba(0,0,0,0.6);
border-radius: 50%;
color: #a78d3f;
margin: 1.5em auto 0;
transition: 0.3s;
}
.panel .text-cont .more.concept:hover {
opacity: 0.7;
}
.panel .text-cont .more.concept::after {
content: "";
position: absolute;
top: 75%;
left: 50%;
width: 40px;
height: 8px;
border-bottom: 1px solid #a78d3f;
border-right: 1px solid #a78d3f;
transform: skew(45deg) translate(0,-230%);
transition: 0.3s;
}
.panel .text-cont .more.concept:hover::after {
left: 60%;
}

/*
.sc-bg .opacity {
	opacity: 0;
}
.sc-bg.bg-blk .opacity {
	opacity: 1;
}
*/
/*
.aos-init {
	opacity: 0!important;
}
.sc-bg.bg-blk .aos-init.aos-animate {
	opacity: 1!important;
}
.sc-bg .aos-init.aos-animate {
    transition-delay:0.5s
}
.text-cont h2[data-aos=fade-up] {
transition-delay:0.5s;
transition-duration: 1.5s;
}
.text-cont h3[data-aos=fade-up] {
transition-delay:0.5s;
transition-duration: 1.5s;
}
.section_text[data-aos=fade].aos-animate {
transition-delay:1.0s;
transition-duration: 1.5s;
}
.more[data-aos=fade].aos-animate {
transition-delay:1.0s;
transition-duration: 1.5s;
}
*/
.panel01 {
	position: relative;
	height: 100vh;
	background-image: url("../img/plx_bg01_pc.jpg");
	background-size: cover;
	background-position: center;
	margin-bottom: 0px;
}
.panel02 {
	position: relative;
	height: 100vh;
	background-image: url("../img/plx_bg02_pc.jpg");
	background-size: cover;
	background-position: center;
	margin-bottom: 0px;
}
.panel03 {
	position: relative;
	height: 100vh;
	background-image: url("../img/plx_bg03_pc.jpg");
	background-size: cover;
	background-position: center;
    margin-bottom: 0px;
}
.panel04 {
	position: relative;
	height: 100vh;
	background-image: url("../img/plx_bg04_pc.jpg");
	background-size: cover;
	background-position: center;
    margin-bottom: 0px;
}
.panel05 {
	position: relative;
	height: 100vh;
	background-image: url("../img/plx_bg05_pc.jpg");
	background-size: cover;
	margin-bottom: 0px;
	background-position: center;
}
.panel06 {
	position: relative;
	height: 100vh;
	background-image: url("../img/plx_bg06_pc.jpg");
	background-size: cover;
	margin-bottom: 0px;
	background-position: center;
}
.panel .cap_Txt {
font-size: 12px;
}
.panel .cap_T {
bottom: unset;
top: 10.5%;
}
.panel .cap_T50 {
bottom: unset;
top: 10.5%;
}
.space {
  height: 400px;
  width: 100%;
}






/*インフォメーション*/
.info_Wrap {
	background: #160f0d;
	padding: 60px 5%;
}
.info_Wrap h4 {
	font-family: 'Cormorant Garamond', serif;
	color: #FFF;
	text-align: center;
	font-size: 20px;
	letter-spacing: 0.1em;
	margin-bottom: 40px;
}
.info_Box {
	background: #d3d1d0;
	max-width: 1200px;
    height: 184px;
	margin: 0 auto;
	padding: 25px 0;
}
.info_Box dl {
  display: flex;
  font-size: 16px;
  width: 90%;
  margin: 0 auto 5px;
  border-bottom: 1px dotted #595757;
  line-height: 2;
  padding: 8px 0;
}
.info_Box dl:nth-of-type(1) {
  border-top: 1px dotted #595757;
}
.info_Box dl:last-child { margin: 0 auto; }
.info_Box dt {
  margin: 0 15px 0 0;
  line-height: 1.5;
}
.info_Box dd { line-height: 1.5; }
.info_Box a {
  color: #6a5625;
  transition: 0.3s;
}
.info_Box a:hover { opacity: .7; }





/* フローティングバナー */
.bnr_float {
/* width: 682px; */
max-width: 550px;
width:100%;
position: fixed;
bottom: 85px;
right: 25px;
z-index: 100;
/* box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); */
transition: all 0.3s;
}

.bnr_float a {
display: block;
transition: .3s;
}
.bnr_float a:hover {
filter: brightness(120%);
transition: .3s;
}

.bnr_float .btn_close {
width: 30px;
position: absolute;
top: 7px;
right: 7px;
z-index: 101;
cursor: pointer;
transition: all 0.3s;
}
.bnr_float .btn_close:hover {
opacity: 0.7;
}
@media only screen and (max-width: 768px) {
.bnr_float {
width: calc(100% - 20px);
left: 50%;
bottom: 130px;
transform: translate(-50%, 0);
}

.bnr_float .btn_close {
position: absolute;
top: 10px;
right: 15px;
}

}
/*=========================================================================================================
sp
=========================================================================================================*/
@media screen and (max-width: 954px) {
	.price02 figure img {
	}
	.g_band figure.yotei {
		width: 70%;
	}
}

/*=========================================================================================================
sp
=========================================================================================================*/
@media screen and (max-width: 767px) {

  /* main_Movie */
  .main_Movie_Wrap {
    margin-top: 57px;
    position: relative;
    z-index: -1;/*最背面に設定*/
    top: 0;
    right:0;
    left:0;
    bottom:0;
    overflow: hidden;
/*    height: 65vh;*/
    height: 82vh;
  }
  .main_Movie_sp {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*縦横幅指定*/
    width: 100%; /* 16:9 の幅→16 ÷ 9＝ 177.77% */
    height: 177.777777777777778%; /* 16:9の幅 → 9 ÷ 16 = 56.25% */
    /* aspect-ratio: 16 / 9; */
    min-height: 100%;
    min-width: 100%;
    opacity: 0.6;
  }
  .request_Wrap .teiki h5 {
    letter-spacing: 0.16em;
}

	/*main_Visual*/
	.mv_box {
/*	    height: calc(100vh - 60px);*/
		/*height: auto;
		padding-top: 157.5%;*/
/*		aspect-ratio: 16 / 25.2;*/
		height: 800px;
	}
	.mv_box--bg::before {
/*	    height: calc(100vh - 60px);*/
		/*height: auto;
		padding-top: 157.5%;*/
/*		aspect-ratio: 16 / 25.2;*/
		height: 800px;
	}
	.mv_box--bg001::before {
	    background: url(../img/mv_01_sp.jpg) no-repeat center / cover;
	}
	.mv_box--bg002::before {
	    background: url(../img/mv_02_sp.jpg) no-repeat center / cover;
	}
	.mv_box--bg003::before {
	    background: url(../img/mv_03_sp.jpg) no-repeat center / cover;
	}
	.mv_box--bg004::before {
	    background: url(../img/mv_04_sp.jpg) no-repeat center / cover;
	}
	.main_Visual .cap_Txt {
		bottom: 65px;
	}

  #blink {
    width:20%;
    position: absolute;
    bottom: 15%;
    left: 50%;
    transform: translateX(-50%);
  }
  /*MV下行動提起*/
  .add_teiki {
  padding: 0.8em 0 0.6em;
  }
  .add_teiki figure {
  width: 94%;
  }

  .infoFix {
    position:static;
    width: 100%;
  }

	/*訴求ポイント*/
	.point_Wrap {
		margin-top: 0;
		padding: 0px 0 15px;
	}
	.point_Wrap p {
		width: 90%;
	}
	/*ブランド*/
	.brand_Wrap {
		padding: 40px 5%;
	}
	.brand_Wrap h2 {
		width: 70%;
	}
	.brand_Wrap .combi_box {
	    width: 94%;
	    margin: 30px auto;
	    transform: translateX(5.5%);
	}
	.brand_Wrap p {
		font-size: 22px;
	}
	.brand_Wrap .btn_brand {
		width: 90%;
		margin: 30px auto 0;
	}

	/*資料請求*/
	.request_Wrap {
		padding: 30px 0;
	}
	.request_Wrap ul {
		width: 90%;
        flex-wrap: wrap;
        gap: 1em 0em;
	}
/*
    .request_Wrap ul li:nth-child(3){
		width: 100%;
	}
*/
	.request_Wrap .holiday {

		font-size: 15px;
		margin-top: 20px;
	}

	.request_Wrap .teiki p::before,
	.request_Wrap .teiki p::after {
	    width: 0.7em;
	}
  .request_Wrap .teiki p {
		line-height: 1.2;
		letter-spacing: 0;
	}

/* 長期休業お知らせ追加 */
.holiday_Box h3 {
  display: inline-block;
  font-size: 18px;
  position: relative;
}
.holiday_Box h3::before {
  content: "";
  display: inline-block;
  width: 20px;
  position: absolute;
  top: 50%;
  left: -30px;
  transform: translateY(-50%);
}
.holiday_Box h3::after {
  content: "";
  display: inline-block;
  width: 20px;
  position: absolute;
  top: 50%;
  right: -30px;
  transform: translateY(-50%);
}
.holiday_Box p {
  font-size: 14px;
  line-height: 1.5;
  margin-top: 10px;
}
.holiday_Box p span.date {
  font-size: 1.1em;
}
.holiday_Box p small {
  font-size: 0.9em;
}
.holiday_Box .holiday_note {
  font-size: 12px;
  text-align: left;
}


.request_Wrap .bnr_ecohome {
  width: 90%;
  max-width: 100%;
  margin: 50px auto 10px;
}
.request_Wrap .bnr_line {
	width: 87%;
	max-width: 100%;
}
.request_Wrap .teiki .registration_txt dl dt{
width: 10em;
}
.request_Wrap .teiki .registration_txt dl dd{
width:68%;
}

.g_band {
	margin: 0 auto 0em;
	}
.g_band figure {
	padding: 15px 0;
}
.g_band figure.open img {
	width: 90%;
	margin: 0 auto;
}
.g_band figure.yotei {
	width: 100%;
}
.g_band figure.yotei img {
	width: 70%;
	margin: 0 auto;
}
.price {
width: 74%;
}
.price02 {
width: 80%;
border-bottom: 1px solid #a18f65;
}
.price02 figure{
width: 100%;
}
.zeh {
width: 90%;
border-top: 1px solid #6a5625;
}
.zeh figure {
width: 98%;
margin-bottom: 0.5em;
}

	/*メニュー*/
	.sc-bg {
/*		height: calc(100vh - 60px);*/
	}
	.sc-bg.bg-blk {
		background-margin-bottom: 400px;
	}
/*	.sc-bg.bg-blk .text-cont::after { content:none; }*/
/*
	.sc-bg.bg-blk::after {
		content: "";
		background-image: url("../img/plx_frame.png");
		background-size: contain;
		background-repeat: no-repeat;
		width: 100%;
		height: 150px;
		position: absolute;
		top: 76px;
		left: 10px;
		transition: all 0.2s;
	}
*/
	/*.panel01 .sc-bg.bg-blk::after {
		content: none;
	}*/
	.sc-bg.bg-blk::after {
		content: "";
		background-image: url("../img/plx_frame02.png");
		background-size: contain;
		background-repeat: no-repeat;
		width: calc(130px * 0.85);
		height: calc(123px * 0.85);
		position: absolute;
		bottom: 80px; /*header + 10px*/
		right: 20px;
		transition: all 0.2s;
	}

	.panel02 .sc-bg.bg-blk,
	.panel03 .sc-bg.bg-blk,
	.panel04 .sc-bg.bg-blk,
	.panel05 .sc-bg.bg-blk,
	.panel06 .sc-bg.bg-blk {
    position: relative;
/*	    background-color: rgba(36, 36, 36, 0.768) !important;*/
	}
    .panel02 .sc-bg,
	.panel03 .sc-bg,
	.panel04 .sc-bg,
	.panel05 .sc-bg,
	.panel06 .sc-bg {
    position: relative;
	}
    .panel02 .sc-bg::before,
	.panel03 .sc-bg::before,
	.panel04 .sc-bg::before,
	.panel05 .sc-bg::before,
	.panel06 .sc-bg::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50vh;
    background-color: rgba(36, 36, 36, 0.768) !important;
	}
	.panel {
		position: relative;
/*		height: calc(100vh - 60px);*/
		margin-bottom: 0;
		background-position: center;
	}
	.panel .text-cont {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 82%;
		padding: 0;
	}
    .panel.panel01 .text-cont {
    top: 39%;
	padding: 0;
}
.panel02 .text-cont {
    top: 53%;
}
.panel03 .text-cont
 {
    top: 52.5%;
}
.panel04 .text-cont,
.panel05 .text-cont,
.panel06 .text-cont {
    top: 53%;
}

    .panel02::before,
    .panel03::before,
    .panel04::before,
    .panel05::before,
    .panel06::before {
    content: "";
    background-image: url(../img/side_line.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 5.5px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 10px;
    transform: translate(0,0);
    transition: all 1s;
}
.panel02 .text-cont,
.panel03 .text-cont,
.panel04 .text-cont,
.panel05 .text-cont,
.panel06 .text-cont {
color: #fff;
}
	.panel .text-cont h2 {
		margin: 0 auto 20px;
	}
/*
	.panel .text-cont h3 {
		max-width: 60%;
	}
*/

.panel .text-cont h3 {
    font-size: 16px;
    text-align: left;
/*    color: #c9ac57;*/
    color: #ebbe50;
}
.panel02 .text-cont h3,
.panel03 .text-cont h3,
.panel04 .text-cont h3,
.panel06 .text-cont h3{
 text-shadow: 2px 0px 2px rgba(0, 0, 0, 1), -2px 0px 2px rgba(0, 0, 0, 1), 0px 2px 4px rgba(0, 0, 0, 0.6), 0px -2px 4px rgba(0, 0, 0, 0.6);
}

.panel05 .text-cont h3 {
    color: #99750c;
}
	.panel .text-cont .section_text {
		margin-top: 30px;
		font-size: 12.3px;
		letter-spacing: 0.05em;
        text-align: center;
        font-feature-settings: "palt";
	}
    .panel02 .text-cont .section_text,
    .panel03 .text-cont .section_text,
    .panel04 .text-cont .section_text,
    .panel05 .text-cont .section_text,
    .panel06 .text-cont .section_text{
        text-align: left;
	}
    .panel .text-cont span.line {
display: none;
}
	.panel .text-cont a {
		width: 18%;
	}
	.panel .text-cont .topsoon {
		width: 30%;
	}
.panel .text-cont .more {
    color: #c9ac57;
    margin: 1.5em auto 0 0;
}
.panel .text-cont .more.concept {
    width: 120px;
    height: 120px;
    line-height: 120px;
    font-size: 14px;
}
.panel .text-cont .more.concept::after {
    content: "";
    top: 80%;
}
.panel .cap_T {
top: 66px;
}
	.panel01 {
	background-image: url("../img/plx_bg01_sp.jpg");
	background-position: 50% 50%;
    margin-bottom: 0;
	}
	.panel02 {
	background-image: url("../img/plx_bg02_sp.jpg");
    margin-bottom: 0;
	}
	.panel03 {
	background-image: url("../img/plx_bg03_sp.jpg");
    margin-bottom: 0;
	}
	.panel04 {
	background-image: url("../img/plx_bg04_sp.jpg");
    margin-bottom: 0;
	}
	.panel05 {
	background-image: url("../img/plx_bg05_sp.jpg");
    margin-bottom: 0;
	}
	.panel06 {
	background-image: url("../img/plx_bg06_sp.jpg");
    margin-bottom: 0;
	}

	.fadeIn {
	    animation-name: fadeInAnime;
	    animation-duration: 1.5s;
	    animation-fill-mode: forwards;
	    opacity: 0;
	}

	@keyframes fadeInAnime {
	    from {
	        opacity: 0;
	    }

	    to {
	        opacity: 1;
	    }
	}



	/*インフォメーション*/
	.info_Wrap {
		padding: 30px 5%;
	}
	.info_Wrap h4 {
		font-size: 18px;
		margin-bottom: 20px;
	}
	.info_Box {
		padding: 20px 0;
	}
	.info_Box dl {
		font-size: 14px;
	}
	.info_Box dt {
	  margin: 0 10px 0 0;
	}


}

/*---------------------------
　　　モーダル／modal
---------------------------*/
.modal {
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100%;
	z-index: 1000;
  }
  .modal-bg {
	position: absolute;
	height: 100vh;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 1000;
  }
  /* Modal Content */
  .modal-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 94vw;
	max-width: 960px;
	z-index: 1001;
  }
  .modal-inner {
	position: relative;
	background: none;
	width: 100%;
	min-height: 100%;
	max-height: calc(94vw - 3em);
	overflow-x: hidden;
	overflow-y: auto;
	background: #000;
	line-height: 0;
  }
  .closeBtn {
	display: block;
	position: absolute;
	top: -2.7em;
	right: 0;
	width: 2em;/*同じ数値*/
	height: 2em;/*同じ数値*/
  }
  .closeBtn::before, .closeBtn::after { /* 共通設定 */
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 3px; /* 棒の幅（太さ） */
	height: 2em; /* 棒の高さ */
	background: #fff;
  }
  .closeBtn::before {
	transform: translate(-50%,-50%) rotate(45deg);
  }
  .closeBtn::after {
	transform: translate(-50%,-50%) rotate(-45deg);
  }
  .modal-inner a {
	  display: block;
	  transition: .3s;
  /*    pointer-events: none;*/
  }
  .modal-inner a:hover { opacity: .7; }
  @media screen and (max-width: 767px) {
  .modal-content {
  width: 94%;
	top: 50%;
  }
  .closeBtn {
	top: -3.5em;
	right: 0;
	width: 3em;/*同じ数値*/
	height: 3em;/*同じ数値*/
  }
  .closeBtn::before, .closeBtn::after { /* 共通設定 */
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 3px; /* 棒の幅（太さ） */
	height: 3em; /* 棒の高さ */
  }
  .modal-inner {
    max-height: unset;
}
	.floot_bnr {
	  /* width: 75%; */
	  width: 90%;
	  max-width: 100%;
	  /* max-width: 290px; */
	  /*    bottom: 140px;*/
	  bottom: 80px;
	  left: 50%;
	  transform: translateX(-50%);
	  /* left: unset;
	  right: 16px; */
	  z-index: 100;
	  display: none;
	}

	.floot_bnr .btn_close {
	  width: 20px;
	  top: -10px;
	  right: -10px;
	}
  }


/*202504*/
.modelroom_Wrap {
	margin: 0 auto 30px;
	background: #f3eee5;
	padding: 80px 0 50px;
	color: #a78d3f;
}
.modelroom_Wrap .ttl {
/*	text-align: center;*/
	font-size: 28px;
	letter-spacing: 0.4em;
	margin-bottom: 50px;
	display: flex;
	justify-content: center;
	gap: 0.25em;
}
/*.modelroom_Wrap a { transition: .3s; }
.modelroom_Wrap a:hover { opacity: .7; }*/
.modelroom_Wrap .more {
	position: relative;
	display: block;
	width: fit-content;
	font-size: 16px;
	letter-spacing: 0.2em;
	color: #a78d3f;
	margin: 50px auto 0;
	transition: 0.3s;
}
.modelroom_Wrap .more:hover {
	opacity: 0.7;
}
.modelroom_Wrap .more::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 105%;
	width: 40px;
	height: 8px;
	border-bottom: 1px solid #a78d3f;
	border-right: 1px solid #a78d3f;
	transform: skew(45deg) translate(0,-20%);
	transition: 0.3s;
}
.modelroom_Wrap .more:hover::after {
	left: 110%;
}
/* スライドの動き等速 */
.swiper-wrapper {
  transition-timing-function: linear !important;
}
/* 画像のサイズ調整 */
.swiper-slide img {
  height: auto;
  width: 100%;
}

@media screen and (max-width: 767px) {
	.modelroom_Wrap {
		margin: 30px auto 15px;
		padding: 50px 0 30px;
	}
	.modelroom_Wrap .ttl {
		font-size: 22px;
		margin-bottom: 30px;
	}
	.modelroom_Wrap .more {
		font-size: 15px;
		margin: 30px auto 0;
	}
}