@charset "utf-8";
#main_page .main_cont .ttl { white-space: nowrap;}
#main_page .main_cont .ttl::after { margin-left: auto; margin-right: auto;}


sup { font-size: 1rem;}
.pic_cap {
	padding: 3px;
	line-height: 1 !important;
}
.pic_cap.left { right: auto;}
.pos-rel {
	position: relative;
}
.mb10 { margin-bottom: 10px;}
.mb20 { margin-bottom: 20px;}
.mb50 { margin-bottom: 50px;}
.mb110 { margin-bottom: 110px;}
.notes {
	font-size: 1rem;
	letter-spacing: 0;
}
.bignotes {
	font-size: 1.3rem;
	letter-spacing: 0;
}
.notes.indent01{
	text-indent: -10px;
	padding-left: 10px;
}
@media only screen and (max-width: 767px) {
  .al_sp { text-align: left !important;}
	.pr20.al_sp { padding: 0 15px;}
  .mb50 { margin-bottom: 30px !important;}
  .mb100 { margin-bottom: 50px !important;}
  .mb_sp10 { margin-bottom: 10px !important;}
	.mb_sp20 { margin-bottom: 20px !important;}
	.mb_sp30 { margin-bottom: 30px !important;}
	.mb_sp50 { margin-bottom: 50px !important;}
  .mb_sp00 { margin-bottom: 0 !important;}
}

.sec_intro {
  padding: 110px 0 190px;
  position: relative;
}
.sec_equipment {
  padding: 0 0 190px;
}
.sec_equipment .sec_head .ttl {
	margin-bottom: clamp(20px, 2.380952vw, 40px);
}
.sec_equipment .sec_head .img .pic_cap { color: #333 !important; }
.sec_equipment .sec_head .img .pic_cap.w { color: #fff !important; }

.support_bnr {
  width: 100%;
  max-width: 770px;
  margin: 110px auto 0;
}
@media screen and (max-width: 1000px) {
  .space_anchor {
    position: relative;
    transform: translateY(-80px);
  }
}
@media screen and (max-width: 767px) {
  .space_anchor { transform: translateY(-55px); }
  .sec_intro {
    padding: 60px 0 70px;
  }
  .sec_intro .pic_cap {
    padding: 0 15px 10px;
  }
  .support_bnr {
    margin: 40px auto 0;
  }
}

.anchor_wrap {
  background: url(../imgs/bg_anchor.jpg) no-repeat center center / cover;
  position: relative;
  padding: 32px 0;
  margin: 0 0 115px;
}
.anchor_wrap .anchor_list {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 10px;
}
.anchor_wrap .anchor_list .link {
  border: 1px solid #fff;
  background: rgba(255,255,255,0.3);
  color: #fff;
  font-size: clamp(1.2rem,0.9523809vw,1.6rem);
  line-height: 1.2;
  display: block;
  position: relative;
  z-index: 0;
  padding: 12px 5px 8px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  height: 60px;
}
.anchor_wrap .anchor_list .link.active,
.anchor_wrap .anchor_list .link:hover {
  background: #4c574b;
}
.anchor_wrap .anchor_list .link .en { transition: all 0.3s ease; }
.anchor_wrap .anchor_list .link.active .en,
.anchor_wrap .anchor_list .link:hover .en {
  opacity: 0;
  visibility: hidden;
}
.anchor_wrap .anchor_list .link .jp {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
	letter-spacing: -0.02em;
}
.anchor_wrap .anchor_list .link.active .jp,
.anchor_wrap .anchor_list .link:hover .jp {
  opacity: 1;
  visibility: visible;
}
.anchor_wrap .anchor_list .link.active { pointer-events: none; }
@media screen and (max-width: 767px) {
  .anchor_wrap {
    padding: 15px 0;
    margin: 0 0 50px;
  }
  .anchor_wrap .anchor_list {
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
  }
  .anchor_wrap .anchor_list .item {
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
  }
  .anchor_wrap .anchor_list .item:nth-child(2n+1) {
    border-right: none;
  }
  .anchor_wrap .anchor_list .link {
    height: 44px;
    border: none;
  }
  .anchor_wrap .anchor_list .item:nth-child(7) {
    grid-area: 4/1/4/3;
    border: 1px solid #fff;
  }
}

.sec_equipment .box_inner {
  width: 100%;
  max-width: 1060px;
  padding: 0 15px;
  margin: 0 auto;
}
.sec_equipment .equipment_wrap {
  background: #ffffff;
  color: #333;
  position: relative;
  padding-top: 65px;
  padding-bottom: 65px;
}
.txt-ttl {
	color: #455d58;
	font-size: 1.6rem;
	letter-spacing: 0;
	font-weight: 600;
	line-height: 1.5;
	margin: 0 0 5px;
}
.txt-ttl.pos01 {
  margin-top: -3.5%;
  position: relative;
}
.txt-ttl.pos02 {
	margin-top: -12%;
  position: relative;
}
.txt-ttl .small { font-size: 1.4rem;}
.equipment_wrap .txt {
	color: #333333;
	font-size: 1.4rem;
	line-height: 1.7;
	letter-spacing: 0;
}

@media only screen and (max-width: 1000px) {
	.sec_equipment { padding: 0 0 100px;}
  .sec_equipment .equipment_wrap { padding-bottom: 30px;}
	.txt-ttl {
		font-size: 1.4rem;
		letter-spacing: 0;
	}
	.equipment_wrap .txt {
		font-size: 1.2rem;
		letter-spacing: 0;
	}
}

@media only screen and (max-width: 767px) {
  .sec_equipment { padding: 0 0 60px;}
  .sec_equipment .equipment_wrap {
    padding: 15px 0;
  }
  .txt-ttl.pos01 {
    margin-top: 0;
    margin-bottom: -15px;
  }
  .sec_equipment .mb110 { margin-bottom: 35px; }
}

/*=================================
	kitchen
===================================*/
.kitchen_box .txt-ttl,
.kitchen_box .txt { line-height: 1.4;}

@media (min-width: 768px) {
	.kitchen_box .col-md-8 .row {
		margin-right: -7px;
		margin-left: -7px;
	}
	.kitchen_box .col-md-8 .row [class^="col"]{
		padding-right: 7px;
		padding-left: 7px;
	}
	.kitchen_box .row > .col-md-6:nth-child(1){
		-ms-flex: 0 0 47.5%;
		flex: 0 0 47.5%;
		max-width: 47.5%;
	}
	.kitchen_box .row > .col-md-6:nth-child(2){
		-ms-flex: 0 0 52.5%;
		flex: 0 0 52.5%;
		max-width: 52.5%;
	}
	.kitchen_box .row .col-6:nth-child(odd) {
		-ms-flex: 0 0 52%;
		flex: 0 0 52%;
		max-width: 52%;
	}
	.kitchen_box .row .col-6:nth-child(even) {
		-ms-flex: 0 0 48%;
		flex: 0 0 48%;
		max-width: 48%;
	}
}
@media screen and (max-width: 1000px) {
  .kitchen_box .col-md-8 .row {
		margin-right: -5px;
		margin-left: -5px;
	}
	.kitchen_box .col-md-8 .row [class^="col"]{
		padding-right: 5px;
		padding-left: 5px;
	}
  .kitchen_box .row .col-6:nth-child(odd) {
		-ms-flex: 0 0 48%;
		flex: 0 0 48%;
		max-width: 48%;
	}
	.kitchen_box .row .col-6:nth-child(even) {
		-ms-flex: 0 0 52%;
		flex: 0 0 52%;
		max-width: 52%;
	}
  .kitchen_box .txt-ttl {
    letter-spacing: -0.03em;
    font-size: 1.3rem;
    margin-bottom: 0;
  }
  .kitchen_box .txt {
    line-height: 1.4;
    font-size: 1.1rem;
    letter-spacing: -0.02em;
  }
}
@media screen and (max-width: 767px) {
  .kitchen_box .txt-ttl {
    font-size: 1.4rem;
    letter-spacing: 0;
    line-height: 1.5;
  }
  .kitchen_box .txt {
    font-size: 1.2rem;
    letter-spacing: 0;
    line-height: 1.7;
  }
  .kitchen_box .row .col-6:nth-child(odd) {
		-ms-flex: 0 0 40%;
		flex: 0 0 40%;
		max-width: 40%;
	}
	.kitchen_box .row .col-6:nth-child(even) {
		-ms-flex: 0 0 60%;
		flex: 0 0 60%;
		max-width: 60%;
	}
}

/*=================================
	bathroom
===================================*/
@media (min-width: 768px) {
  .sec_bathroom .row_bat01 .col-md-4:nth-child(1) {
    -ms-flex: 0 0 27.8%;
    flex: 0 0 27.8%;
    max-width: 27.8%;
  }
  .sec_bathroom .row_bat01 .col-md-4:nth-child(2) {
    -ms-flex: 0 0 34.2%;
    flex: 0 0 34.2%;
    max-width: 34.2%;
  }
  .sec_bathroom .row_bat01 .col-md-4:nth-child(3) {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: initial;
    flex: 1;
  }
  .sec_bathroom .row_bat02 .col-md-9 {
    -ms-flex: 0 0 74.2%;
    flex: 0 0 74.2%;
    max-width: 74.2%;
  }
  .sec_bathroom .row_bat02 .col-md-3 {
    -ms-flex: 0 0 25.8%;
    flex: 0 0 25.8%;
    max-width: 25.8%;
  }
  .sec_bathroom .row_bat03 .col-md-5 {
    -ms-flex: 0 0 43.5%;
    flex: 0 0 43.5%;
    max-width: 43.5%;
  }
  .sec_bathroom .row_bat03 .col-md-7 {
    -ms-flex: 0 0 56.5%;
    flex: 0 0 56.5%;
    max-width: 56.5%;
  }
  .sec_bathroom .row_bat03 .row .col-md-6:nth-child(1) {
    -ms-flex: 0 0 53%;
    flex: 0 0 53%;
    max-width: 53%;
  }
  .sec_bathroom .row_bat03 .row .col-md-6:nth-child(2) {
    -ms-flex: 0 0 47%;
    flex: 0 0 47%;
    max-width: 47%;
  }
  .sec_bathroom .row_bat03 .row .col-md-6:nth-child(1) .col-8 {
    -ms-flex: 0 0 62.5%;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .sec_bathroom .row_bat03 .row .col-md-6:nth-child(1) .col-4 {
    -ms-flex: 0 0 37.5%;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .sec_bathroom .row_bat03 .row .col-md-6:nth-child(2) .col-8 {
    -ms-flex: 0 0 66%;
    flex: 0 0 66%;
    max-width: 66%;
  }
  .sec_bathroom .row_bat03 .row .col-md-6:nth-child(2) .col-4 {
    -ms-flex: 0 0 34%;
    flex: 0 0 34%;
    max-width: 34%;
  }
}
/*=================================
	security
===================================*/
.sec_toilet .ct-mt {
	margin-top: -35px;
}

@media screen and (max-width: 767px) {
	.sec_toilet .ct-mt {
		margin-top: 0;
	}
}
/*=================================
	security
===================================*/
.bd-bttom {
	border-bottom: 1px solid currentColor;
	font-weight: 600;
	color: #455d58;
	margin: 0 0 15px;
	line-height: 2;
}
.seculio-step {
	color: #006428;
	margin-bottom: 10px;
}
.seculio-step .ttl {
	border-bottom: 1px solid currentColor;
	font-size: 1.4rem;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.seculio-step .lbl { font-size: 1.6rem;}
.seculio-step.step02 { color: #003f76;}
.seculio-step.step03 { color: #922e40;}
.headline {
	background: #b6c2ce;
	border: 1px solid #3a4f68;
	color: #3a4f68;
	font-size: 1.6rem;
	padding: 5px;
	text-align: center;
}
.headline.green {
	background: #aac1ad;
	border: 1px solid #355b3c;
	color: #355b3c;
}
.headline.brown { 
  background: #e5d1bd;
	border: 1px solid #5e4a32;
	color: #5e4a32;
}
.sec_security .box_seculio {
  border: 1px solid #808080;
  padding: 30px 10px 10px 45px;
	background-color: #fff;
}
.sec_security .box_seculio .seculio_img {
  max-width: 225px;
  margin: auto;
}
.sec_security .box_seculio .seculio_txt {
  font-size: 1.3rem;
  padding-top: 20px;
  color: #1c283a;
}
.sec_security .box_seculio .seculio_cap {
  font-size: 1rem;
  color: #000;
  text-align: right;
  padding-top: 10px;
  letter-spacing: 0.08em;
}
@media (min-width: 992px) {
  .sec_security .box_seculio .col-lg-4 {
    flex: 0 0 auto;
    max-width: 41.5%; 
  }
  .sec_security .box_seculio .col-lg-8 {
    flex: 0 0 auto;
    max-width: initial;
    flex: 1; 
  }
  .sec_security .box_seculio .col-lg-8 .pos_rel  {
    margin-top: 5px;
    padding: 0 97px 0 14px;
  }
}
@media only screen and (max-width: 991px) {
  .sec_security .box_seculio { padding: 30px;}
  .sec_security .box_seculio .content { margin-bottom: 20px;}
  .sec_security .box_seculio .seculio_img  { margin: auto; max-width: 50%;}
  .sec_security .box_seculio .content { padding: 0;}
}
@media only screen and (max-width: 1000px) {
	.headline { font-size: 1.4rem;}
}
@media only screen and (max-width: 767px) {
  .sec_security .box_seculio { padding: 15px;}
  .sec_security .box_seculio .seculio_img {
    max-width: 85%;
    margin: 0 auto;
  }
  .sec_security .box_seculio .seculio_txt {
    font-size: 1.2rem;
    padding-bottom: 0;
  }
  .sec_security .security_img  img { width: 900px!important;}
}

/*=================================
	powder
===================================*/
.sec_powderroom .per95 .pic_cap {
	left: 80px;
	right: auto;
	font-size: 9px;
}
.sec_powderroom .group_space {
	display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.sec_powderroom .group_space .notes { margin-top: auto; }
.sec_powderroom .list_powder {
	font-size: 1.4rem;
	letter-spacing: 0.01em;
	line-height: 1.7;
}
.sec_powderroom .list_powder.blue { 
  color: #251e1c;
  margin: 0 0 30px;
}
.sec_powderroom .list_powder.blue .num { color: #174e9d;}
.sec_powderroom .box_plan {
	border: 2px solid #7e7824;
	padding: 30px 15px;
}
.sec_powderroom .box_plan .plan_list {
	display: flex;
  flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 -3%;
}
.sec_powderroom .box_plan .plan_list .plan_item {
	padding: 0 3%;
	width: calc(100%/2);
}
.sec_powderroom .pd_wrap {
	padding-left: 5%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
@media (min-width: 768px) {
  .sec_powderroom .row_powder01 .col-md-6:nth-child(1) {
    -ms-flex: 0 0  47.5%;
    flex: 0 0  47.5%;
    max-width: 47.5%;
  }
  .sec_powderroom .row_powder01 .col-md-6:nth-child(2) {
    -ms-flex: 0 0 52.5%;
    flex: 0 0 52.5%;
    max-width: 52.5%;
  }
}
@media screen and (max-width: 1000px) {
  .sec_powderroom .box_plan .plan_wrap {
    padding-left: 0;
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
  }
  .sec_powderroom .box_plan .plan_list { margin: 0 -5px;}
  .sec_powderroom .box_plan .plan_list .plan_item { padding: 0 5px;}
  .sec_powderroom .list_powder {
    font-size: 1.2rem;
    letter-spacing: 0;
  }
  .sec_powderroom .pd_wrap { padding: 0; }
}
@media screen and (max-width: 767px) {
  .sec_powderroom .box_plan .plan_list { margin: 0 -2%;}
  .sec_powderroom .box_plan .txt {
    letter-spacing: -0.01em;
    font-size: 1rem;
  }
  .sec_powderroom .box_plan {
    padding: 15px;
    border-width: 1px;
  }
}
/*=================================
	amenity
===================================*/
.row_amenity01 {
  margin-right: -6px;
  margin-left: -6px;
}
.row_amenity01 [class^="col"] {
  padding-left: 6px;
  padding-right: 6px;
}
@media (min-width: 768px) {
  .row_amenity01 .col-md-8 {
    -ms-flex: 0 0 64.9%;
    flex: 0 0 64.9%;
    max-width: 64.9%;
  }
  .row_amenity01 .col-md-4 {
    -ms-flex: 0 0 35.1%;
    flex: 0 0 35.1%;
    max-width: 35.1%;
  }
}
/*=================================
	security
===================================*/
.sec_security .pic_cap {
	font-size: 9px;
	letter-spacing: 0;
}
/*=================================
	structure
===================================*/
.sec_structure .pic_cap {
	font-size: 9px;
	letter-spacing: 0;
}
.sec_structure .structure_img .pos-rel { padding-bottom: 0; }

.thum_img01 {
	position: absolute;
    top: -53px;
    left: 0;
	display: flex;
	align-items: flex-start;
}
.thum_img01 .pos-rel  {
	width: 65%;
  max-width: 175px;
}
.thum_img01 .thum-txt {
	font-size: 1rem;
  letter-spacing: 0;
  background: rgba(0, 0, 0, .50);
  color: #fff;
  padding: 0 2px;
  margin: 34px 0 0 -13px;
}
.thum_img02 { 
  position: absolute;
	right: 0;
	top: -20px;
	max-width: 226px;
  width: 64%;
  overflow: hidden;
}
.thum_img02 img {	
  border-radius: 5px;
}
.bg_blue { position: relative;}
.bg_blue::before {
	content: "";
	background-color: rgba(69, 93, 88, .80);
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	mix-blend-mode: multiply;
}
@media screen and (max-width: 1000px) {
  .thum_img01 .pos-rel {width: 50%;}
}
@media screen and (max-width: 767px) {
  .thum_img02 { right: 5px;}
  .bg_blue img {
    min-height: 200px;
    object-fit: cover;
  }
}