@charset "UTF-8";
@media screen and (min-width: 768px), print {
.seo_bread_list{margin-bottom: 15px;}
h2.main-title .en {
	text-transform: initial;
}

/* contentsmain
-------------------------------------*/
#contentsmain {
	position: relative;
}
#contentsmain::before {
	position: absolute;
	content: "";
	background: url(../images/modelhouse_glanzel/main-bg.png)repeat-y;
	background-size: contain;
	width: 84.375%;
	height: 440px;
	pointer-events: none;
	bottom: 53px;
	left: 48.5%;
	transform: translateX(-50%);
}
#contentsmain .inner-Box {
	width: min(95%, 1200px);
	margin-inline: auto;
	display: grid;
	grid-template-columns: 50.5% 85.834%;
	padding: 20px 0 0;
	position: relative;
	margin-bottom: 103px;
}
#contentsmain .inner-Box .txt-box {
	background: #02284c;
	border: 1px solid #02284c;
	padding: 86px 80px 73px;
	margin-top: 269px;
	position: relative;
	z-index: 2;
}
#contentsmain .inner-Box .txt-box h2 {
	font-size: 33px;
	font-weight: 400;
	letter-spacing: 0.2em;
	line-height: 1.6;
	text-align: left;
	color: #fff;
	margin-bottom: 46px;
	padding: 0 0 0 29px;
	position: relative;
}
#contentsmain .inner-Box .txt-box h2::before,
#contentsmain .inner-Box .txt-box h2::after {
	content: "";
	width: 14px;
	height: 35px;
	position: absolute;
}
#contentsmain .inner-Box .txt-box h2::before {
	background: url(../images/modelhouse_glanzel/kakko-l.svg)no-repeat;
	background-size: contain;
	top: -7px;
	left: 0;
}
#contentsmain .inner-Box .txt-box h2::after {
	background: url(../images/modelhouse_glanzel/kakko-r.svg)no-repeat;
	background-size: contain;
	bottom: -2px;
	right: 0;
}
#contentsmain .inner-Box .txt-box h2 .span01 {}
#contentsmain .inner-Box .txt-box h2 .span02 {color: #B19467;padding: 0 0 0 4px;}
#contentsmain .inner-Box .txt-box .txt {
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 0.05em;
	line-height: 1.875;
	color: #fff;
}
#contentsmain .inner-Box .img {
	position: relative;
	left: -197px;
}

/* contents01
-------------------------------------*/
#contents01 {
	width: min(95%, 1680px);
	margin-inline: auto;
	background: #f4f4f4;
	margin-bottom: 95px;
}
#contents01 .inner-Box {
	padding: 138px 0 193px;
	width: min(95%, 1200px);
	margin-inline: auto;
}
#contents01 .inner-Box h2 {
	font-weight: bold;
	font-size: 26px;
	letter-spacing: 0.25em;
	line-height: 1.15384;
	text-align: center;
	color: #fff;
	margin-bottom: 36px;
}
#contents01 .inner-Box h2 span {
	background: #131517;
	padding: 16px 40px 13px;
	margin-bottom: 18px;
}
#contents01 .inner-Box .enttl {
	text-align: center;
	margin-bottom: 164px;
}
#contents01 .inner-Box .list {
	display: grid;
	gap: 252px;
	align-items: start;
}
#contents01 .inner-Box .list li .inner:nth-child(odd) {
	display: grid;
	grid-template-columns: 53.334% 56.167%;
}
#contents01 .inner-Box .list li .inner:nth-child(even) {
	display: grid;
	grid-template-columns: 56.167% 53.334% ;
}
#contents01 .inner-Box .list .list04 {
	margin-top: -32px;
}
#contents01 .inner-Box .list li .txt-box {
	background: #fff;
	border: 1px solid #d6d6d6;
	box-shadow: 6px 6px 60px rgba(0, 0, 0, 0.06);
	padding: 25px;
	position: relative;
	z-index: 2;
}
#contents01 .inner-Box .list li .inner:nth-child(even) .txt-box {
	right: 113px;
}
#contents01 .inner-Box .list li .txt-box .num {
	margin-bottom: 16px;
}
#contents01 .inner-Box .list li .txt-box h3 {
	font-weight: bold;
	font-size: 32px;
	letter-spacing: 0.15em;
	line-height: 1.4375;
	color: #02284c;
	margin-bottom: 24px;
	padding-left: 44px;
}
#contents01 .inner-Box .list li .txt-box .txt {
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 0.05em;
	line-height: 1.875;
	color: #131517;
	margin-bottom: 14px;
	width: min(95%, 500px);
	margin-inline: auto;
}
#contents01 .inner-Box .list li .txt-box .txt:nth-last-of-type(1) {
	margin-bottom: 0;
}
#contents01 .inner-Box .list li .photo-box {
	position: relative;
	top: -50px;
}
#contents01 .inner-Box .list li .inner:nth-child(odd) .photo-box {
	right: 113px;
	margin-bottom: -130px;
}
#contents01 .inner-Box .list li .inner:nth-child(even) .photo-box {
	margin-bottom: -151px;
}
#contents01 .inner-Box .list li.list01 .photo-box {
	margin-bottom: -153px!important;
}
#contents01 .inner-Box .list li.list03 .photo-box {
	margin-bottom: -120px!important;
}
#contents01 .inner-Box .list li.list04 .photo-box {
	margin-bottom: -91px!important;
}
#contents01 .inner-Box .list li .photo01 {
	margin-bottom: 20px;
}
#contents01 .inner-Box .list li.list01 .photo01 {
	margin-bottom: -19px;
}
#contents01 .inner-Box .list .list03 .photo01 {
	margin-bottom: 19px;
}
#contents01 .inner-Box .list li:nth-child(odd) .photo02 {
	text-align: right;
}
#contents01 .inner-Box .list li.list01 .photo02 {
	text-align: center;
	padding: 0 0 0 122px;
}
#contents01 .inner-Box .list li .inner:nth-child(3) .photo02 {
	text-align: right;
}

/* contents02
-------------------------------------*/
#contents02 {
	background: url(../images/modelhouse_glanzel/con02-bg.png)repeat-y;
	background-size: contain;
	width: min(95%, 1680px);
	margin-inline: auto;
	margin-bottom: 227px;
}
#contents02 .inner-Box {
	width: min(95%, 1200px);
	margin-inline: auto;
	padding: 100px 0 150px;
}
#contents02 .sec-ttl {
	text-align: center;
	position: relative;
	margin-bottom: 62px;
}
#contents02 .sec-ttl::after {
	position: absolute;
	content: "";
	background: #131517;
	width: 40px;
	height: 1px;
	bottom: -21px;
	left: 50%;
	transform: translateX(-50%);
}
#contents02 .floor {
	margin-bottom: 110px;
}
#contents02 .floor .pop-list{
	background: #fff;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	padding: 59px 60px 62px;
	gap: 40px;
}
#contents02 .floor .pop-list li {
	position: relative;
}
#contents02 .floor .pop-list li .mini-icon{
	position: absolute;
	bottom: 10px;
	right: 10px;
}
#contents02 .gallery {
	position: relative;
	padding-bottom: 50px;
	margin-bottom: 110px;
}
#contents02 .gallery::before {
	position: absolute;
	content: "";
	background: #FFFFFF;
	width: 100%;
	height: 476px;
	bottom: 0;
	left: 0;
	pointer-events: none
}
#contents02 .gallery .sec-ttl {
	margin-bottom: 55px;
}
#contents02 .main-slider {
	width: 910px;
	margin-inline: auto;
	margin-bottom: 30px;
}
#contents02 .thumbnail-img {
	width: 175px!important;
}
#contents02 .thumbnail-img img {
	width: 100%;
	height: 116px;
	object-fit: cover;
}
.thumbnail .slick-track {
	transform: unset !important;
}
.next-arrow,
.prev-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: auto;
	z-index: 15;
	cursor: pointer;
}
.next-arrow {
	right: -20px;
}
.prev-arrow {
	left: -20px;
}
.slick-list {
	margin: 0!important;
	padding: 0;
}
.thumbnail .slick-track {
	display: flex;
	justify-content: center;
	gap: 10px;
}
.thumbnail-img {
	position: relative;
	overflow: hidden;
}
  .thumbnail-img::after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.7);
	opacity: 1; 
	transition: opacity 0.3s;
}
  
.thumbnail-img.slick-current::after {
	opacity: 0; 
}
#contents02 .room-tour {
	margin-bottom: 112px;
}
#contents02 .room-tour .sec-ttl {
	margin-bottom: 33px;
}
#contents02 .room-tour .subt {
	font-weight: bold;
	font-size: 18px;
	letter-spacing: 0.1em;
	line-height: 2;
	text-align: center;
	color: #131517;
	margin-bottom: 28px;
}
#contents02 .room-tour .movie  {
	text-align: center;
}
#contents02 .access {
	text-align: center;
}
#contents02 .access iframe {
	width: 1100px;
	height: 410px;
}

/* contents03
-------------------------------------*/
#contents03 {background-color: #02284c;padding-bottom: 100px;margin-bottom: 90px;}
#contents03 h2 {text-align: center;position: relative;left: 67px;top: -90px;margin-bottom: -75px;}
#contents03 h2 img{  }
#contents03 .inner-Box {width: 810px;height: 255px;background-color: #ffffff;margin: 0 auto;padding-top: 30px;}
#contents03 .inner-Box h3{text-align: center;font-size: 21px;letter-spacing: 1.05px;font-weight: 700;margin-bottom: 34px;}
#contents03 .inner-Box figure.sp-tel-link {width: 568px;margin: 18px auto 16px;border-bottom: 4px solid #131517;text-align: center;padding-bottom: 10px;}
#contents03 .inner-Box table{width: 539px;margin: 0 0 0 157px;}
#contents03 .inner-Box table th {background-color: #e3e4e5;line-height: 1;padding: 8px;}
#contents03 .inner-Box table td {padding: 8px 9px 8px 9px;}


.mail-formttl{background-color: #d06000;height: 88px;position: relative;width: 1100px;margin: 0 auto;text-align: center;font-size: 28px;color: #ffffff;letter-spacing: 5.6px;padding-top: 34px;padding-left: 10px;}
.mail-formttl .icon{position: absolute;top: 33px;left: 342px;}

	.line-btn{width: 600px;margin: 0 auto 60px;}
	.line-btn a{display: inline-block; width: 100%;background-color: #06c755;font-size: 36px;font-weight: 500;text-align: center;text-decoration: none;letter-spacing: 5px;color: #fff;padding: 30px 0 30px 0;border-radius: 100px;position: relative;transition: .7s;}
	.line-btn a:after{content: ">";font-size: 26px; position: absolute;top: 33px;right: 45px;transition: .7s;}
	.line-btn a:hover{background-color: #08e362;}
	.line-btn a:hover:after{right: 25px;}
}


@media screen and (max-width: 767px) {

p{ font-weight: normal; }

h2.main-title .en {
	text-transform: initial;
}

/* contentsmain
-------------------------------------*/
#contentsmain {
	position: relative;
	margin-bottom: 12vw;
}
#contentsmain::before {
	position: absolute;
	content: "";
	background: url(../images/modelhouse_glanzel/sp-main-bg.png)repeat-y;
	background-size: contain;
	width: 100%;
	height: 74.88vw;
	pointer-events: none;
	bottom: 6vw;
	left: 0;
}
#contentsmain .inner-Box {
	display: grid;
	padding: 5.5vw 0 0;
}
#contentsmain .inner-Box .txt-box {
	background: #02284c;
	padding: 10vw 6.2vw 7vw;
	position: relative;
	z-index: 2;
	width: 91.79vw;
	margin-inline: auto;
	order: 2;
	margin-top: -5vw;
}
#contentsmain .inner-Box .txt-box h2 {
	font-size:5.797vw;
	font-weight: 400;
	letter-spacing: 0.2em;
	line-height: 1.9;
	text-align: left;
	color: #fff;
	margin-bottom: 4.2vw;
	position: relative;
	padding: 0 0 0 6vw;
}
#contentsmain .inner-Box .txt-box h2::before,
#contentsmain .inner-Box .txt-box h2::after {
	content: "";
	width: 2.66vw;
	height: 6.76vw;
	position: absolute;
}
#contentsmain .inner-Box .txt-box h2::before {
	background: url(../images/modelhouse_glanzel/kakko-l.svg)no-repeat;
	background-size: contain;
	top: -1vw;
	left: 0;
}
#contentsmain .inner-Box .txt-box h2::after {
	background: url(../images/modelhouse_glanzel/kakko-r.svg)no-repeat;
	background-size: contain;
	bottom: 0vw;
	right: 0;
}
#contentsmain .inner-Box .txt-box h2 .span02 {color: #B19467;position: relative;left: -0.7vw;}
#contentsmain .inner-Box .txt-box .txt {
	font-weight: 500;
	font-size:3.382vw;
	letter-spacing: 0.05em;
	line-height: 2.142857;
	color: #fff;
}
#contentsmain .inner-Box .img {
	order: 1;
	position: relative;
}

/* contents01
-------------------------------------*/
#contents01 {
	background: #f4f4f4;
	margin-bottom: 19.5vw;
}
#contents01 .inner-Box {
	padding: 16vw 0 12vw;
}
#contents01 .inner-Box h2 {
	font-weight: bold;
	font-size:3.865vw;
	letter-spacing: 0.25em;
	line-height: 1.125;
	text-align: center;
	color: #fff;
	margin-bottom: 7vw;
}
#contents01 .inner-Box h2 span {
	background: #131517;
	padding: 3.14vw 9vw;
	margin-bottom: 5vw;
}
#contents01 .inner-Box .enttl {
	text-align: center;
	margin-bottom: 8vw;
}
#contents01 .inner-Box .enttl img {
	margin-inline: auto;
}
#contents01 .inner-Box .list {
	display: grid;
	gap: 9.5vw;
}
#contents01 .inner-Box .list li {
	display: grid;
}
#contents01 .inner-Box .list li .inner {
	display: grid;
	background: #fff;
	border: 0.2vw solid #d6d6d6;
	box-shadow: 6px 6px 60px rgba(0, 0, 0, 0.06);
	padding: 8.5vw 6vw 8vw;
	position: relative;
	z-index: 2;
	width: 91.79vw;
	margin-inline: auto;
	order: 2;
	margin-top: -5vw;
}
#contents01 .inner-Box .list li .txt-box {
	display: contents;
}
#contents01 .inner-Box .list li .txt-box .num {
	margin-bottom: 4vw;
	order: 1;
}
#contents01 .inner-Box .list li .txt-box h3 {
	font-weight: bold;
	font-size:6.28vw;
	letter-spacing: 0.15em;
	line-height: 1.384615;
	color: #02284c;
	margin-bottom: 4.5vw;
	order: 2;
}
#contents01 .inner-Box .list li .txt-box .txt {
	font-weight: 500;
	font-size:3.382vw;
	letter-spacing: 0.05em;
	line-height: 2.142857;
	color: #131517;
	margin-bottom: 2vw;
}

#contents01 .inner-Box .list li .txt-box .txt:nth-of-type(2) {
	order: 3;
	margin-bottom: 5.4vw;
}
#contents01 .inner-Box .list li .txt-box .txt:nth-of-type(3) {
	order: 5;
}
#contents01 .inner-Box .list li .photo-box {
	display: contents;
}
#contents01 .inner-Box .list li .photo01 {
	order: 1;
	width: 100vw;
	margin-left: calc(50% - 50vw);
}
#contents01 .inner-Box .list li .photo02 {
	order: 4;
	margin-bottom: 5.5vw;
}



/* contents02
-------------------------------------*/
#contents02 {
	background: url(../images/modelhouse_glanzel/sp-con02-bg.png)repeat-y;
	background-size: contain;
	margin-bottom: 44vw;
}
#contents02 .inner-Box {
	padding: 24vw 0 16vw;
}
#contents02 .sec-ttl {
	text-align: center;
	position: relative;
	margin-bottom: 8vw;
}
#contents02 .sec-ttl::after {
	position: absolute;
	content: "";
	background: #131517;
	width: 9.66vw;
	height: 0.2vw;
	bottom: -2.8vw;
	left: 50%;
	transform: translateX(-50%);
}
#contents02 .sec-ttl img {
	margin-inline: auto;
}
#contents02 .floor {
	margin-bottom: 21vw;
}
#contents02 .floor .pop-list{
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	width: 86.96vw;
	margin-inline: auto;
	gap: 5vw;
}
#contents02 .floor .pop-list li {
	position: relative;
	background: #fff;
	padding: 7vw 3.95vw 12.7vw;
}
#contents02 .floor .pop-list li .mini-icon{
	position: absolute;
	bottom: 5vw;
	right: 5vw;
}
#contents02 .gallery {
	position: relative;
	padding-bottom: 8.5vw;
	margin-bottom: 21.4vw;
}
#contents02 .gallery::before {
	position: absolute;
	content: "";
	background: #FFFFFF;
	width: 91.79vw;
	height: 54.35vw;
	bottom: 0;
	left: 50%;
	pointer-events: none;
	transform: translateX(-50%);
}
#contents02 .main-slider {
	width: 87.44vw;
	margin-inline: auto;
	margin-bottom: 3vw;
}
#contents02 .slick-img {
	width: 87.44vw!important;
}
#contents02 .thumbnail-img {
	width: 13.77vw!important;
}
#contents02 .thumbnail-img img {
	width: 100%;
	height: 9.18vw;
	object-fit: cover;
}
.thumbnail .slick-track {
	transform: unset !important;
}
.next-arrow,
.prev-arrow {
	position: absolute;
	top: 51%;
	transform: translateY(-50%);
	width: 3.83vw;
	height: auto;
	z-index: 15;
	cursor: pointer;
}
.next-arrow {
	right: -2vw;
}
.prev-arrow {
	left: -2vw;
}
.slick-list {
	margin: 0!important;
	padding: 0;
}
.thumbnail .slick-track {
	display: flex;
	justify-content: center;
	gap: 0.8vw;
}
.thumbnail-img {
	position: relative;
	overflow: hidden;
}
  .thumbnail-img::after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.7);
	opacity: 1; 
	transition: opacity 0.3s;
}
  
.thumbnail-img.slick-current::after {
	opacity: 0; 
}
.main-slider .slick-slide img {
    width: 100%;
    height: auto;
    display: block;
}
.main-slider {
	min-height: 1px;
}
#contents02 .room-tour {
	margin-bottom: 21vw;
}
#contents02 .room-tour .sec-ttl {
	margin-bottom: 5vw;
}
#contents02 .room-tour .subt {
	font-weight: bold;
	font-size: 3.382vw;
	letter-spacing: 0.1em;
	line-height: 1.8571428;
	text-align: center;
	color: #131517;
	margin-bottom: 4vw;
}
#contents02 .room-tour .movie  {
	text-align: center;
	width: 91.79vw;
	margin-inline: auto;
}
#contents02 .access {
	text-align: center;
}
#contents02 .access iframe {
	width: 91.79vw;
	height: 53.14vw;
}

/* contents03
-------------------------------------*/
#contents03 {background-color: #02284c;padding-bottom: 10.5vw;margin-bottom: 15.5vw;}
#contents03 h2 {text-align: center;position: relative;top: -17.7vw;margin: 0 19vw 0 28vw;margin-bottom: -8vw;}
#contents03 h2 img{  }
#contents03 .inner-Box {background-color: #ffffff;margin: 0 4vw;padding-top: 7.8vw;border-radius: 3vw;padding-bottom: 3vw;}
#contents03 .inner-Box h3{text-align: center;font-size: 4.8vw;letter-spacing: 0.3vw;font-weight: 700;margin-bottom: 6.4vw;}
#contents03 .inner-Box figure.sp-tel-link {margin: 2.3vw 8.2vw 4.8vw;border-bottom: 0.5vw solid #131517;text-align: center;padding: 0 1.6vw 4.5vw;}
#contents03 .inner-Box table{
    margin: 0 0vw 2.6vw 20.7vw;
    font-size: 3vw;
}
#contents03 .inner-Box table th {background-color: #e3e4e5;line-height: 1;padding: 1.0vw;width: 14.8vw;}
#contents03 .inner-Box table td {padding: 1.0vw 1.2vw 1.0vw 1.2vw;}

.mail-formttl{background-color: #d06000;position: relative;margin: 0 4vw;text-align: left;font-size: 4.9vw;color: #ffffff;letter-spacing: 1.1vw;padding: 6.2vw 0 5.8vw 25.1vw;line-height: 1;}
.mail-formttl .icon{position: absolute;top: 6vw;left: 18vw;width: 5.4vw;display: block;}


	.line-btn{width: 70%;margin: 0 auto 10vw;}
	.line-btn a{display: inline-block; width: 100%;background-color: #06c755;font-size: 5.2vw;font-weight: 500;text-align: center;text-decoration: none;letter-spacing: 0.5vw;color: #fff;padding: 5.5vw 0 5vw 0;border-radius: 10vw;position: relative;}
	.line-btn a:after{content: ">";font-size: 3.2vw; position: absolute;top: 6.5vw;right: 6.5vw;}
	


}