@charset "utf-8";
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);

:root{
	--main-color: #4380DF;
	--bg-color: #B4CCF2;
	--accent-color: #EBCA73;
	--base-color: rgba(230, 235, 245, 1);
	--base-hover: #E0AF2C;
	--text-color: #333333;
}
html, body{
	font-size: 62.5%;
	font-family: 'YakuHanJP_Noto', 'Noto Sans JP', sans-serif;
	line-height: 1.8;
	letter-spacing: 0.06em;
	color: var(--text-color);
	word-break: break-all;
	overflow-x: hidden;
}
img{
	width: 100%;
	object-fit: cover;
}
ul, li{
	list-style: none;
	padding: 0;
	margin: 0;
}
a{
	text-decoration: none;
}
button{
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
}
p{
	line-height: 2.6rem;
	text-align: 2.6rem;
}
/* ---------------------------
全共通-ボタン
--------------------------- */
.link-button-cover:hover .button-move {
    height: 48px;
	background-color: var(--base-hover);
    transition: 0.3s ease-in-out;
}
.link-button-cover:hover .page-link-button {
	transform: scale(1.1);
}
.link-button-cover.leased:hover .page-link-button {
	transform: none;
}
.link-button-cover{
	display: inline-block;
	width: 300px;
	height: 80px;
	margin: 80px auto 0;
	padding: 20px;
	background-color: var(--accent-color);
	color: var(--text-color);
	text-align: center;
	transition: .3s ease-in-out;
}
.link-button-cover.leased{
	background-color: #8d8d8d;
	transition: none;
}
.link-button-cover.leased .page-link-button{
	line-height: 1.8;
}
.link-button-cover:hover{
	background-color: var(--base-hover);
	transition: .3s ease-in-out;
}
.link-button-cover.leased:hover{
	background-color: #8d8d8d;
	transition: none;
}
.page-link-button.font_main{
	font-family: fot-cezanne-pron, sans-serif;
	font-weight: 500;
	font-style: normal;
	color: var(--text-color);
}
.button-move {
    position: absolute;
    width: 84px;
    height: 0;
    translate: -24% -141%;
    z-index: 1;
    background-color: var(--accent-color);
    transition: 0.3s ease-in-out;
}
.page-link-button {
    display: inline-block;
    font-size: 2.4rem;
    transition: .3s ease-in-out;
}

.font_main {
    font-family: fot-cezanne-pron, sans-serif;
    font-weight: 500;
    font-style: normal;
}
.page-link-button {
    display: inline-block;
    font-size: 2.4rem;
    transition: .3s ease-in-out;
}
/* ---------------------------
全共通
--------------------------- */
.reverse{
	flex-direction: row-reverse;
}
.btn{
	display: inline-flex;
	min-width: 240px;
	justify-content: center;
	align-items: center;
	font-size: 2.4rem;
	padding: 8px 16px;
	background-color: var(--accent-color);
	color: #ffffff;
	border: 2px solid var(--accent-color);
	border-radius: 9999px;
	margin: 0 auto;
	transition: all .5s;
}
.btn:hover{
	background-color: #ffffff;
	color: var(--accent-color);
}
.el_sectionIcon{
	width: 45px;
	height: 45px;
	border-radius: 50%;
	margin: 0 auto;
	background-color: var(--base-hover);
}
.el_sectionSabTtl{
	display: block;
	opacity: 0.7;
	font-size: 2.4rem;
	letter-spacing: 0.04em;
	font-weight: 900;
	text-align: center;
}
.el_sectionTtl{
	display: block;
	line-height: 1.4;
	letter-spacing: 0.25rem;
	font-size: 2.9rem;
	font-weight: 500;
	text-align: center;
}
.bl_sectionTtl{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 16px;
	margin: 0 35px 64px 35px;
}
.ly_wrapper{
	width: 100%;
	max-width: 840px;
	margin: 0 auto 120px;
}
.ly_cont_inner{
	width: 100%;
	max-width: 940px;
	padding: 0 20px;
	margin: 0 auto 120px;
}
/* house-1もこちらにそろえる場合は
ly_cont_innerの中身をly_cont_inner_2の中身にfixする */
.ly_cont_inner_2{
	width: 100%;
	max-width: 940px;
	margin: 0 auto 120px;
}
/* ------------------------- */

/* ---------------------------
アドレス
--------------------------- */
.ly_address{
	font-size: 1.8rem;
	text-align: center;
	color: var(--text-color);
	font-weight: 400;
	background-color: var(--bg-color);
	padding: 32px;
	border-bottom: solid 2px #ffffff;
}
/* ---------------------------
アドレス　house-2以降の新デザインとして採用　
house-1もこちらにそろえる場合は
ly_addressの中身をly_address_2の中身にfixする
--------------------------- */
.ly_address_2{
	font-size: 1.8rem;
	text-align: center;
	color: var(--text-color);
	font-weight: 400;
	background-color: var(--bg-color);
	padding: 32px;
	margin-bottom: 56px;
	border-bottom: solid 2px #ffffff;
}
/* ---------------------------
ヒーローヘッダー
--------------------------- */
.bl_hero_imgWrapper img{
	height: 600px;
}
.bl_hero_ttl{
	width: 100%;
	max-width: 640px;
	color: #ffffff;
	background-color: var(--base-hover);
	text-align: center;
	padding: 24px 20px;
	margin: 0 auto;
	margin-top: 32px;
	font-size: 2rem;
	font-weight: 400;
}
.ly_heroCont{
	margin-bottom: 80px;
}
/* ---------------------------
概要
--------------------------- */
.bl_overview_mv{
	position: relative;
	z-index: 10;
}
.bl_overview_mv video{
	width: 100%;
	max-width: 600px;
	height: auto;
	margin: 0 auto;
	display: flex;
	align-items: center;
}
.bl_overview_imgWrapper{
	display: grid;
	column-gap: 20px; 
	row-gap: 80px;
	justify-content: space-between;
	align-items: start;
	grid-template-areas: "areaA areaB";
	margin-bottom: 40px;
}
/* ---------------------------
house-2以降の新デザインとして採用　
house-1もこちらにそろえる場合は
.bl_overview_imgWrapperの中身を.bl_overview_imgWrapper_2の中身にfixする
--------------------------- */
.bl_overview_imgWrapper_2{
	display: grid;
	row-gap: 30px;
	margin-bottom: 40px;
}
.bl_overview_imgWrapper_2 img{
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: contain;
}
/* ---------------------------
house-2以降の新デザインとして採用の新要素　住宅概要
--------------------------- */
.bl_overview_cont{
	display: flex;
	font-weight: normal;
	font-size: 16px;
	padding-top: 28px;
	margin-top: 6px;
	border-top: 1px solid #c9c9c9;
}

.bl_overview_tex{
	width: 48%;
    word-break: auto-phrase;
	font-size: 17px;
	letter-spacing: 2px;
	padding: 12px 0;
	margin-right:40px;
}

.bl_overview_detail{
	width: 52%;
	letter-spacing: 2px;
}

.bl_overview_detail caption{
    text-align: left;
    font-size: 18px;
    font-weight: bold;
}
.bl_overview_detail caption::before{
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 12px;
    background-color: var(--base-hover);
}

.bl_overview_detail tr:nth-of-type(2),
.bl_overview_detail tr:nth-of-type(3),
.bl_overview_detail tr:nth-of-type(4){
	word-break: auto-phrase;
	border-top: 1px solid #c9c9c9;
}
.bl_overview_detail tr:last-child{
	border-bottom: 1px solid #c9c9c9;
}
.bl_overview_detail td, th {
	padding: 6px;
}
.bl_overview_detail th{
	width: 32%;
	font-weight: normal;
}
/* ------------------------- */
.bl_overview_img img{
	max-width: 430px;
}
.bl_overview_img-01{
	grid-area: areaA;
}
.bl_overview_img-02{
	grid-area: areaB;
}
.bl_overviewList-item img{
	max-width: 230px;
}
.bl_overviewList{
	display: grid;
	column-gap: 20px;
	row-gap: 80px;
	justify-content: space-between;
	align-items: start;
	grid-template-areas:
		"areaA areaB areaC";
	margin-bottom: 40px;
}
.el_overview_itemA{
	grid-area: areaA;
	position: relative;
}
.el_overview_itemA img{
	max-width: 280px;
}
.el_overview_itemB{
	grid-area: areaB;
	position: relative;
}
.el_overview_itemB img{
	max-width: 280px;
}
.el_overview_itemC{
	grid-area: areaC;
	position: relative;
}
.el_overview_itemC img{
	max-width: 280px;
}
.el_overview_itemD{
	grid-area: areaD;
}
.el_overview_itemD img{
	max-width: 920px;
}
.bl_fukidashi{
	width: 200px;
	height: 200px;
	line-height: 200px;
	background-color: rgba(255, 255, 255, 0.7);
	border-radius: 50%;
	color: #333;
	text-align: left;
    display: flex;
    position: absolute;
    bottom: -43px;
    right: -39px;
}
.bl_fukidashi_txt{
	max-width: 115px;
    margin-left: 40px;
    line-height: 1.5;
    opacity: 1 !important;
    margin-top: 40px;
    font-size: 16px;
}
.bl_overviewCont_img-01{
	position: relative;
}
.bl_overviewCont_img-02{
	position: relative;
}
.bl_fukidashi_mini {
    width: 150px;
    height: 150px;
    line-height: 200px;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    color: #333;
    text-align: left;
    display: flex;
    position: absolute;
    bottom: -43px;
    right: -22px;
}
.bl_fukidashi_mini .bl_fukidashi_txt{
	margin-left: 30px;
}
iframe.youtube-16-9{
	width: 100%;
    height: auto;
    aspect-ratio: 16/9;
}
/* ---------------------------
アバウト
--------------------------- */
.bl_about_imgWrapper{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 40px;
}
.bl_about_img-01 img{
	max-width: 420px;
}
.bl_about_img-02 img{
	max-width: 420px;
}
.bl_aboutCol{
	margin-bottom: 56px;
}
.bl_about_des-text{
	font-size: 1.6rem;
	font-weight: 400;
}
.bl_about_des-ttl::before{
	position: absolute;
	top: 25%;
	left: 0;
	content: '';
	width: 14px;
	height: 14px;
	background-color: var(--accent-color);
	font-weight: 400;
}
.bl_about_des-ttl{
	position: relative;
	font-size: 1.6rem;
	font-weight: 600;
	padding-left: 20px;
	margin-bottom: 8px;
}
.bl_about_desWrapper{
	margin-bottom: 16px;
}
.bl_about_desWrapper:last-child{
	margin-bottom: 0;
}
.bl_about_des{
	width: 100%;
	max-width: 768px;
	background-color: var(--base-color);
	padding: 32px 34px;
}
.bl_about_sabTtl{
	font-size: 2rem;
	font-weight: 600;
	padding-bottom: 8px;
	border-bottom: solid 2px var(--text-color);
	margin-bottom: 32px;
}
.bl_about_textBox{
	width: 100%;
	max-width: 768px;
	padding: 0 46px;
	margin: 0 auto;
}
/* ---------------------------
特徴
--------------------------- */
.bl_features_des{
	font-size: 1.6rem;
	line-height: 2.4rem;
	font-weight: 400;
}
.bl_features_ttl{
	text-align: center;
	font-size: 2rem;
	margin-bottom: 12px;
	font-weight: bold;
}
.bl_features-image img{
	max-width: 100px;
	margin-bottom: 20px;
}
.bl_features-image-03{
	background: url(".././service/resident/house-1/images/features_icon_02.png") center center / cover no-repeat,
	var(--bg-color);
	border-radius: 9999px;
}
.bl_features-image-02{
	background: url(".././service/resident/house-1/images/features_icon_03.png") center center / cover no-repeat,
	var(--bg-color);
	border-radius: 9999px;
}
.bl_features-image-01{
	background: url(".././service/resident/house-1/images/features_icon_01.png") center center / cover no-repeat,
	var(--bg-color);
	border-radius: 9999px;
}
.bl_features-image{
	max-width: 150px;
	height: 150px;
	margin: 0 auto;
	margin-bottom: 20px;
}
.bl_featuresList-item{
	width: 100%;
	max-width: 280px;
	text-align: justify;
	margin: 0 auto;
	background-color: var(--base-color);
	padding: 30px 36px;
}
.bl_featuresList{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 30px;
	justify-content: center;
	align-items: unset;
}
.bl_features_heading{
	width: 100%;
	height: 320px;
	background-image: url(".././service/resident/house-1/images/features_header.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	margin-bottom: 120px;
}
.sp_br {
	display: none;
}
@media screen and (max-width: 768px) {
	.sp_br {
	display: block;
	}
}

/* ---------------------------
利点
--------------------------- */
.bl_available_text{
	font-size: 1.6rem;
	font-weight: 400;
}
.bl_available_ttlIcon img{
	/* content: ''; */
	display: inline-block;
	width: 100%;
	max-width: 32px;
	min-width: 32px;
}
.bl_available_ttl span{
	color: var(--main-color);
}
.bl_available_ttl{
	font-size: 2rem;
	line-height: 3.2rem;
	margin-left: 12px;
	margin-bottom: 20px;
	font-weight: bold;
}
.bl_available_ttlWrapper{
	display: flex;
	align-items: start;
}
.bl_available_imgWrapper{
	max-width: 480px;
}
.bl_available_textBody{
	max-width: 520px;
}
.bl_availableCol:nth-of-type(3) > .bl_available_textBody{
	position: absolute;
	top: 10%;
	left: 0;
	padding: 16px 24px;
	background-color: rgba(255, 255, 255, .9);
}
.bl_availableCol:nth-of-type(3){
	position: relative;
	margin-bottom: 40px;
}
.bl_availableCol:nth-of-type(2) > .bl_available_textBody{
	position: absolute;
	top: 10%;
	right: 0;
	padding: 16px 24px;
	background-color: rgba(255, 255, 255, .9);
}
.bl_availableCol:nth-of-type(2){
	position: relative;
	margin-bottom: 40px;
}
.bl_availableCol{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	/* justify-content: center; */
	justify-content: space-between;
	align-items: start;
	gap: 80px;
}
/* ---------------------------
スライド
--------------------------- */
.slide_inner{
	position: relative;
	overflow: hidden;
}
/* ---------------------------
アロー
--------------------------- */
.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24;
	color: #ffffff;
	background-color: var(--accent-color);
	display: block;
	padding: 24px;
	border-radius: 50%;
	transition: all .5s;
}
.material-symbols-outlined:hover{
	color: #ffffff;
	background-color: var(--base-hover);
}
/* ---------------------------
カルーセル
--------------------------- */
.slider_inner{
	position: relative;
}
.bl_slideWrapper {
  width: 100%;
	max-width: 680px;
	height:760px;
  overflow: hidden;
  position: relative;
	margin: 0 auto;
}
.bl_sliderLists {
  width: 100%;
	height: 760px;
  left: 0%;
  transition: 0.5s all ease-out;
  position: absolute;
  z-index: 10;
}

.bl_sliderItem:nth-child(6){
	cursor: pointer;
}
.bl_sliderItem:nth-child(7){
	cursor: pointer;
}
.bl_sliderItem:nth-child(8){
	cursor: pointer;
}
.bl_sliderItem:nth-child(9){
	cursor: pointer;
}
.bl_sliderItem:nth-child(10){
	cursor: pointer;
}
.bl_sliderItem:nth-child(11){
	cursor: pointer;
}
.bl_sliderItem {
  position: absolute;
  top: 0%;
  width: 100%;
	height: 760px;
  background-size: cover;
  background-color: var(--base-color);
  background-position: center center;
  background-repeat: no-repeat;
  padding: 16px;
  border-radius: 0px;
  z-index: 10;
  transition: 0.5s all ease-out;
}
.bl_sliderItem.active-slide {
  left: 0%;
}
.bl_sliderCursor-left {
	position: absolute;
	z-index: 2;
	top: 40%;
	left: 2%;
  z-index: 30;
  cursor: pointer;
}
.bl_sliderCursor-right {
	position: absolute;
	z-index: 2;
	top: 40%;
	right: 2%;
  z-index: 30;
  cursor: pointer;
}
.cursor-02 .material-symbols-outlined{
	font-size: 1.6rem;
	padding: 10px;
}
.cursor-02 > .bl_sliderCursor-left{
	top: -10px;
	left: 10%;
}
.cursor-02 > .bl_sliderCursor-right{
	top: -10px;
	right: 10%;
}
div.bl_slide_indicators {
  width: 100%;
  height: 160px;
  max-width: 600px;
  padding: 0 40px;
  margin: 32px auto;
  position: relative;
  top: 0;
  overflow: hidden;
  background-color: #1122;
}
ul.bl_slide_indicatorsLists {
  width: 100%;
  margin: 0 auto;
  position: relative;
  top: 50%;
  transform: translateY(-40px);
  list-style: none;
  padding: 0px;
  margin-bottom: 32px;
  z-index: 20;
}
.bl_slide_indicatorsLists li{
  position: absolute;
  top: 0;
  width: 80px;
  height: 80px;
  cursor: pointer;
  transition: all .5s;
}
.bl_slide_indicatorsLists li:hover{
  transform: scale(1.2);
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .3);
}
li.bl_slide_indicator0 {
  background: url(".././service/resident/house-1/images/theater_01-nonactive.png") center center / cover no-repeat,
	#333333;
}
li.bl_slide_indicator0.active-indicator {
  transform: scale(1.2);
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .3);
  background: url(".././service/resident/house-1/images/theater_01-active.png") center center / cover no-repeat,
	#ffffff;
}
li.bl_slide_indicator1 {
  background: url(".././service/resident/house-1/images/theater_02-nonactive.png") center center / cover no-repeat,
	#333333;
}
li.bl_slide_indicator1.active-indicator {
  transform: scale(1.2);
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .3);
  background: url(".././service/resident/house-1/images/theater_02-active.png") center center / cover no-repeat,
	#ffffff;
}
li.bl_slide_indicator2 {
  background: url(".././service/resident/house-1/images/theater_03-nonactive.png") center center / cover no-repeat,
	#333333;
}
li.bl_slide_indicator2.active-indicator {
  transform: scale(1.2);
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .3);
  background: url(".././service/resident/house-1/images/theater_03-active.png") center center / cover no-repeat,
	#ffffff
}
li.bl_slide_indicator3 {
  background: url(".././service/resident/house-1/images/theater_04-nonactive.png") center center / cover no-repeat,
	#333333;
}
li.bl_slide_indicator3.active-indicator {
  transform: scale(1.2);
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .3);
  background: url(".././service/resident/house-1/images/theater_04-active.png") center center / cover no-repeat,
	#ffffff;
}
li.bl_slide_indicator4 {
  background: url(".././service/resident/house-1/images/theater_05-nonactive.png") center center / cover no-repeat,
	#333333;
}
li.bl_slide_indicator4.active-indicator {
  transform: scale(1.2);
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .3);
  background: url(".././service/resident/house-1/images/theater_05-active.png") center center / cover no-repeat,
	#ffffff;
}
li.bl_slide_indicator5 {
  background: linear-gradient(to bottom , rgba(0,0,0,.5), rgba(0,0,0,.1))
    ,url(".././service/resident/house-1/images/slide_01.webp") center center / cover no-repeat;
}
li.bl_slide_indicator5.active-indicator {
  transform: scale(1.2);
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .3);
  background: linear-gradient(to bottom , rgba(0,0,0,0), rgba(0,0,0,0))
    ,url(".././service/resident/house-1/images/slide_01.webp") center center / cover no-repeat;
}
li.bl_slide_indicator6 {
  background: linear-gradient(to bottom , rgba(0,0,0,.5), rgba(0,0,0,.1))
    ,url(".././service/resident/house-1/images/slide_02.webp") center center / cover no-repeat;
}
li.bl_slide_indicator6.active-indicator {
  transform: scale(1.2);
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .3);
  background: linear-gradient(to bottom , rgba(0,0,0,0), rgba(0,0,0,0))
    ,url(".././service/resident/house-1/images/slide_02.webp") center center / cover no-repeat;
}
li.bl_slide_indicator7 {
  background: linear-gradient(to bottom , rgba(0,0,0,.5), rgba(0,0,0,.1))
    ,url(".././service/resident/house-1/images/slide_03.webp") center center / cover no-repeat;
}
li.bl_slide_indicator7.active-indicator {
  transform: scale(1.2);
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .3);
  background: linear-gradient(to bottom , rgba(0,0,0,0), rgba(0,0,0,0))
    ,url(".././service/resident/house-1/images/slide_03.webp") center center / cover no-repeat;
}
li.bl_slide_indicator8 {
  background: linear-gradient(to bottom , rgba(0,0,0,.5), rgba(0,0,0,.1))
    ,url(".././service/resident/house-1/images/slide_04.webp") center center / cover no-repeat;
}
li.bl_slide_indicator8.active-indicator {
  transform: scale(1.2);
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .3);
  background: linear-gradient(to bottom , rgba(0,0,0,0), rgba(0,0,0,0))
    ,url(".././service/resident/house-1/images/slide_04.webp") center center / cover no-repeat;
}
li.bl_slide_indicator9 {
  background: linear-gradient(to bottom , rgba(0,0,0,.5), rgba(0,0,0,.1))
    ,url(".././service/resident/house-1/images/slide_05.webp") center center / cover no-repeat;
}
li.bl_slide_indicator9.active-indicator {
  transform: scale(1.2);
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .3);
  background: linear-gradient(to bottom , rgba(0,0,0,0), rgba(0,0,0,0))
    ,url(".././service/resident/house-1/images/slide_05.webp") center center / cover no-repeat;
}
li.bl_slide_indicator10 {
  background: linear-gradient(to bottom , rgba(0,0,0,.5), rgba(0,0,0,.1))
    ,url(".././service/resident/house-1/images/slide_06.webp") center center / cover no-repeat;
}
li.bl_slide_indicator10.active-indicator {
  transform: scale(1.2);
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .3);
  background: linear-gradient(to bottom , rgba(0,0,0,0), rgba(0,0,0,0))
    ,url(".././service/resident/house-1/images/slide_06.webp") center center / cover no-repeat;
}
li.bl_slide_indicator11 {
	background: linear-gradient(to bottom , rgba(0,0,0,.5), rgba(0,0,0,.1))
	  ,url(".././service/resident/house-1/images/slide_07.webp") center center / cover no-repeat;
  }
  li.bl_slide_indicator11.active-indicator {
	transform: scale(1.2);
	  box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .3);
	background: linear-gradient(to bottom , rgba(0,0,0,0), rgba(0,0,0,0))
	  ,url(".././service/resident/house-1/images/slide_07.webp") center center / cover no-repeat;
  }
  li.bl_slide_indicator12 {
	background: linear-gradient(to bottom , rgba(0,0,0,.5), rgba(0,0,0,.1))
	  ,url(".././service/resident/house-1/images/slide_08.webp") center center / cover no-repeat;
  }
  li.bl_slide_indicator12.active-indicator {
	transform: scale(1.2);
	  box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .3);
	background: linear-gradient(to bottom , rgba(0,0,0,0), rgba(0,0,0,0))
	  ,url(".././service/resident/house-1/images/slide_08.webp") center center / cover no-repeat;
  }
  li.bl_slide_indicator13 {
	background: linear-gradient(to bottom , rgba(0,0,0,.5), rgba(0,0,0,.1))
	  ,url(".././service/resident/house-1/images/slide_09.webp") center center / cover no-repeat;
  }
  li.bl_slide_indicator13.active-indicator {
	transform: scale(1.2);
	  box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .3);
	background: linear-gradient(to bottom , rgba(0,0,0,0), rgba(0,0,0,0))
	  ,url(".././service/resident/house-1/images/slide_09.webp") center center / cover no-repeat;
  }
  li.bl_slide_indicator14 {
	background: linear-gradient(to bottom , rgba(0,0,0,.5), rgba(0,0,0,.1))
	  ,url(".././service/resident/house-1/images/slide_10.webp") center center / cover no-repeat;
  }
  li.bl_slide_indicator14.active-indicator {
	transform: scale(1.2);
	  box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .3);
	background: linear-gradient(to bottom , rgba(0,0,0,0), rgba(0,0,0,0))
	  ,url(".././service/resident/house-1/images/slide_10.webp") center center / cover no-repeat;
  }
  li.bl_slide_indicator15 {
	background: linear-gradient(to bottom , rgba(0,0,0,.5), rgba(0,0,0,.1))
	  ,url(".././service/resident/house-1/images/slide_11.webp") center center / cover no-repeat;
  }
  li.bl_slide_indicator15.active-indicator {
	transform: scale(1.2);
	  box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .3);
	background: linear-gradient(to bottom , rgba(0,0,0,0), rgba(0,0,0,0))
	  ,url(".././service/resident/house-1/images/slide_11.webp") center center / cover no-repeat;
  }
  li.bl_slide_indicator16 {
	background: linear-gradient(to bottom , rgba(0,0,0,.5), rgba(0,0,0,.1))
	  ,url(".././service/resident/house-1/images/slide_12.webp") center center / cover no-repeat;
  }
  li.bl_slide_indicator16.active-indicator {
	transform: scale(1.2);
	  box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .3);
	background: linear-gradient(to bottom , rgba(0,0,0,0), rgba(0,0,0,0))
	  ,url(".././service/resident/house-1/images/slide_12.webp") center center / cover no-repeat;
  }
  li.bl_slide_indicator17 {
	background: linear-gradient(to bottom , rgba(0,0,0,.5), rgba(0,0,0,.1))
	  ,url(".././service/resident/house-1/images/slide_13.webp") center center / cover no-repeat;
  }
  li.bl_slide_indicator17.active-indicator {
	transform: scale(1.2);
	  box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .3);
	background: linear-gradient(to bottom , rgba(0,0,0,0), rgba(0,0,0,0))
	  ,url(".././service/resident/house-1/images/slide_13.webp") center center / cover no-repeat;
  }
  li.bl_slide_indicator18 {
	background: linear-gradient(to bottom , rgba(0,0,0,.5), rgba(0,0,0,.1))
	  ,url(".././service/resident/house-1/images/slide_14.webp") center center / cover no-repeat;
  }
  li.bl_slide_indicator18.active-indicator {
	transform: scale(1.2);
	  box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .3);
	background: linear-gradient(to bottom , rgba(0,0,0,0), rgba(0,0,0,0))
	  ,url(".././service/resident/house-1/images/slide_14.webp") center center / cover no-repeat;
  }
  li.bl_slide_indicator19 {
	background: linear-gradient(to bottom , rgba(0,0,0,.5), rgba(0,0,0,.1))
	  ,url(".././service/resident/house-1/images/slide_15.webp") center center / cover no-repeat;
  }
  li.bl_slide_indicator19.active-indicator {
	transform: scale(1.2);
	  box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .3);
	background: linear-gradient(to bottom , rgba(0,0,0,0), rgba(0,0,0,0))
	  ,url(".././service/resident/house-1/images/slide_15.webp") center center / cover no-repeat;
  }
  li.bl_slide_indicator20 {
	background: linear-gradient(to bottom , rgba(0,0,0,.5), rgba(0,0,0,.1))
	  ,url(".././service/resident/house-1/images/slide_16.webp") center center / cover no-repeat;
  }
  li.bl_slide_indicator20.active-indicator {
	transform: scale(1.2);
	  box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .3);
	background: linear-gradient(to bottom , rgba(0,0,0,0), rgba(0,0,0,0))
	  ,url(".././service/resident/house-1/images/slide_16.webp") center center / cover no-repeat;
  }
  li.bl_slide_indicator21 {
	background: linear-gradient(to bottom , rgba(0,0,0,.5), rgba(0,0,0,.1))
	  ,url(".././service/resident/house-1/images/slide_17.webp") center center / cover no-repeat;
  }
  li.bl_slide_indicator21.active-indicator {
	transform: scale(1.2);
	  box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .3);
	background: linear-gradient(to bottom , rgba(0,0,0,0), rgba(0,0,0,0))
	  ,url(".././service/resident/house-1/images/slide_17.webp") center center / cover no-repeat;
  }
  li.bl_slide_indicator22 {
	background: linear-gradient(to bottom , rgba(0,0,0,.5), rgba(0,0,0,.1))
	  ,url(".././service/resident/house-1/images/slide_18.webp") center center / cover no-repeat;
  }
  li.bl_slide_indicator22.active-indicator {
	transform: scale(1.2);
	  box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .3);
	background: linear-gradient(to bottom , rgba(0,0,0,0), rgba(0,0,0,0))
	  ,url(".././service/resident/house-1/images/slide_18.webp") center center / cover no-repeat;
  }
/* インジケーター改良 */
.bl_slide_indicator.active{
  left: 0%;
}
/* 追加要素 */
.bl_sliderCursors.cursor-02{
  position: relative;
	top: -120px;
}
/* ---------------------------
図面
--------------------------- */
.bl_sliderItem-drawing img{
	max-width: 500px;
	margin: 8px auto;
	display: block;
}
.bl_sliderItem-drawing-sp img{
	max-width: 500px;
	margin: 8px auto;
}
.bl_sliderItem h4{
	font-size: 2rem;
	font-weight: 400;
	margin-top: 8px;
	text-align: center;
}
.bl_sliderItem-drawing-sp{
	display: none;
}
/* ---------------------------
360°-notice-icon
--------------------------- */
.notice-icon{
	position: relative;
}
.notice-icon::before{
	content: '';
	position: absolute;
	top: 16px;
	left: 14px;
	width: 95.5%;
	height: 376px;
	background-color: rgba(000, 000, 000, 0.7);
}
.notice-icon::after{
	font-family: 'Material Icons';
	content: '\eb52';
	font-size: 8rem;
	color: #ffffff;
	position: absolute;
	top: 16%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
	opacity: 0;
	animation: loop_animation 3s linear infinite;
}
@keyframes loop_animation {
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
.notice-icon_none::before{
	display: none;
}
.notice-icon_none::after{
	display: none;
}
/* ---------------------------
モーダル
--------------------------- */
.ly_modal_inner p{
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	font-size: 1.6rem;
	line-height: 2.4rem;
	text-align: justify;
}
.ly_modal_inner h3{
	text-align: left;
	font-size: 2rem;
}
.bl_modal_imageWrapper img{
	max-width: 800px;
	margin: 24px auto;
}
.ly_modalCont {
	display: none;
	position: fixed;
	z-index: 40;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	background-color: rgba(0,0,0,0);
}
.ly_modal_inner{
	position: relative;
	top: 5%;
	left: 50%;
	transform: translateX(-50%);
	width: 50%;
	max-width: 811px;
	background-color: #ffffff;
	padding: 64px 72px;
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .3);
}
/* ---------------------------
モーダル開閉
--------------------------- */
.el_modal_close{
	position: absolute;
	top: -40px;
	left: -40px;
	font-size: 7.2rem;
	background-color: var(--accent-color);
	padding: 3px 3px;
	border-radius: 50%;
	cursor: pointer;
	transition: all .5s;
}
.el_modal_close:hover{
	background-color: var(--base-hover);
}
.ly_modalCont.active{
	display: block;
}
/* ---------------------------
情報
--------------------------- */
.bl_info_unit:nth-child(1) .bl_infoList:nth-of-type(2n) dt{
	border-left: none;
}
.bl_info_text{
	width: calc(100% - 200px);
	padding: 16px;
	background-color: #ffffff;
	border-top: 1px solid var(--main-color);
	border-left: 1px solid var(--main-color);
	border-right: 1px solid var(--main-color);
	font-size: 12px;
}
.bl_info_unit:nth-child(1) .bl_infoList{
	width: 50%;
}
.bl_info_ttl{
	width: 200px;
	padding: 16px;
	background-color: var(--base-color);
	border-top: 1px solid var(--main-color);
	border-left: 1px solid var(--main-color);
	font-size: 16px;
}
.bl_infoList{
	display: flex;
	flex-wrap: wrap;
}
.bl_info_unit:nth-child(2) .bl_infoList:nth-child(3) dd:last-of-type{
	border-bottom: 1px solid var(--main-color);
}
.bl_info_unit:nth-child(2) .bl_infoList:nth-child(3) dt:last-of-type{
	border-bottom: 1px solid var(--main-color);
}
.bl_info_unit:nth-child(2){
	display: block;
}
.bl_info_unit .bl_info_unit:last-of-type .bl_infoList:last-of-type dt{
	border-bottom: 1px solid var(--main-color);
}
.bl_info_unit .bl_info_unit:last-of-type .bl_infoList:last-of-type dd{
	border-bottom: 1px solid var(--main-color);
}
.bl_info_unit .bl_info_unit:last-of-type .bl_infoList:nth-last-child(2) dt{
	border-bottom: 1px solid var(--main-color);
}
.bl_info_unit .bl_info_unit:last-of-type .bl_infoList:nth-last-child(2) dd{
	border-bottom: 1px solid var(--main-color);
}
/* .bl_info_unit .bl_info_unit:last-of-type .bl_infoList:nth-child(4) dt{
	border-bottom: 1px solid var(--main-color);
}
.bl_info_unit .bl_info_unit:last-of-type .bl_infoList:nth-child(4) dd{
	border-bottom: 1px solid var(--main-color);
} */
.bl_info_unit{
	display: flex;
	flex-wrap: wrap;
}
/* ---------------------------
詳細
--------------------------- */
.bl_detail_img img{
	min-width: 240px;
}
.bl_detail_textBox{
	width: 100%;
	max-width: 240px;
	/* background-color: var(--base-color); */
	padding: 0 20px 40px;
}
.bl_detail_img{
	margin-bottom: 16px;
}
.bl_detailList-item{
	min-width: 240px;
}
.bl_detailList{
	display: flex;
	overflow-x: scroll;
	gap: 40px;
}
.ly_detailCont > .ly_cont_inner{
	position: relative;
}
.bl_detail_ttl{
	font-size: 12px;
	font-weight: bold;
}
/* ---------------------------
詳細-アロー
--------------------------- */
.fadeOut{
	display: none!important;
}
.el_detail_arrow span{
	font-size: 2rem;
	padding: 20px;
	border-radius: 10px;
}
.el_detail_arrow{
	display: none;
	position: absolute;
	top: 50%;
	left: 3%;
	transition: all .5s;
}
/* ---------------------------
CTA
--------------------------- */
.ly_ctaCont{
	display: flex;
	width: 100%;
	/* background-color: var(--base-color); */
	padding: 0 20px 120px;
	text-align: center;
}
.bl_contact_txt{
	font-size: 20px;
}
.bl_contact_des{
	font-size: 16px;
	margin-top: 40px;
}
/* ------------------
map
------------------ */
.el_map{
	width: 100%;
}
/* ------------------
追従要素
------------------ */
.el_contact{
	position: fixed;
	right: 4vw;
	bottom: 4vw;
	width: 120px;
	height: 120px;
	z-index: 20;
	opacity: 0;
	visibility: hidden;
	transition: visibility .4s, opacity .4s;
}
.el_contact.is-activeScroll{
	opacity: 1;
	visibility: visible;
}

/* ------------------
下部ボタン
------------------ */
.detail-btn {
    display: block;
    background-color: #4380DF;
    color: #fff;
    text-decoration: none;
    padding: 8px 16px;
    border-radius: 4px;
    width: 152px;
    height: 48px;
    margin: 64px auto 0;
    transition: background-color 0.3s ease;
    font-size: 16px;
}

.detail-btn:hover {
	background-color: #0056b3;
}

/* スーモアットホーム遷移ボタン */
.btn-area{
	padding: 32px;
	border: 1px solid #c9c9c9;
	border-radius: 10px;
}
.btn-area p{
	text-align: center;
	font-size: 16px;
}
.btn-block{
	display: flex;
}
.detail-btn2{
    display: block;
    background-color: #4380DF;
    color: #fff;
    text-decoration: none;
    padding: 16px 32px;
    border-radius: 4px;
    height: 60px;
    margin: 20px auto 0;
    transition: background-color 0.3s ease;
    font-size: 16px;
}
.detail-btn2 img{
	width: 22px;
	margin-left: 10px;
}
.btn-green{
	background-color: #5AAE08;
}
.btn-red{
	background-color: #CC0033;
}

.btn-green:hover {
	background-color: #438104;
}
.btn-red:hover {
	background-color: #9c0027;
}

/* --------------------------
ブレイクポイント
-------------------------- */
@media screen and (max-width: 960px) {
	/* 全共通 */
	.el_sectionTtl{
		text-align: center;
		white-space: pre;
	}

	.ly_address_2{
		display: none;
	}

	/* 概要 */
	.bl_overview_tex{
		width: 100%;
		margin-right:auto;
		padding: 0 20px 28px 20px;
	}
	.bl_overview_cont{
		display: block;
		width: 90%;
	}
	.bl_overview_detail{
		width: 100%;
	}

	/* 特徴 */
	.bl_featuresList{
		display: flex;
		flex-direction: column;
		gap: 20px;
	}
	.bl_available_ttlWrapper{
		justify-content: center;
	}
	/* 利点 */
	.bl_available_ttl{
		/* max-width: 280px; */
		padding-top: 0;
	}
	.bl_availableCol{
		gap: 40px;
	}
	.bl_availableCol:nth-of-type(3) > .bl_available_textBody{
		position: unset;
		margin-top: -80px;
	}
	.bl_availableCol:nth-of-type(3){
		position: unset;
		margin-bottom: 20px;
	}
	.bl_availableCol:nth-of-type(2) > .bl_available_textBody{
		position: unset;
		margin-top: -80px;
	}
	.bl_availableCol:nth-of-type(2){
		position: unset;
		margin-bottom: 20px;
	}
	.bl_availableCol{
		gap: 16px;
		justify-content: center;
	}
}
@media screen and (max-width: 640px){
	/* 全共通 */
	.el_sectionTtl{
		font-size: 22px;
		word-break: auto-phrase;
	}
	.el_sectionSabTtl{
		font-size: 14px;
	}
	.ly_cont_inner{
		margin-bottom: 72px;
	}
	/* ヒーローヘッダー */
	.bl_hero_ttl{
		font-size: 2rem;
		font-weight: 400;
		background-color: var(--base-hover);
		color: #ffffff;
		padding-top: 14px;
		padding-bottom: 14px;
		margin-top: 20px;
	}
	.ly_heroCont{
		margin-bottom: 72px;
	}
	/* 概要 */
	.bl_overview_img img{
		width: 100%;
		max-width: fit-content;
		position: relative;
	}
	.bl_overviewList img{
		width: 100%;
		max-width: fit-content;
	}
	.bl_overview_imgWrapper{
		display: flex;
		flex-direction: column;
		row-gap: 12px;
		margin-bottom: 12px;
	}
	.bl_overview_imgWrapper, .bl_overviewList {
        justify-content: center;
        align-items: center;
    }
	.bl_overviewList{
		display: flex;
		flex-direction: column;
		row-gap: 12px;
		margin-bottom: 24px;
	}
	.bl_overview_img:nth-child(odd) .bl_fukidashi{
		left: -32px;
	}
	.bl_overview_img:nth-child(odd) .bl_fukidashi_txt{
		margin-left: 50px;
	}
	.bl_overviewList-item:nth-child(odd) .bl_fukidashi_mini{
		left:-22px;
	}
	.bl_fukidashi_mini .bl_fukidashi_txt{
		margin-left: 36px;
	}
	.bl_overview_tex{
	font-size: 15px;
	padding: 0 12px 28px 12px;
	}
	.bl_overview_detail{
	font-size: 14px;
	}
	.bl_overview_detail caption{
	font-size: 16px;
	}


	/* アバウト */
	.bl_about_des-ttl::before{
		top: 7px;
	}
	.bl_about_textBox{
		padding-left: 0;
		padding-right: 0;
	}
	/* 特徴 */
	.bl_features_ttl{
		font-size: 1.6rem;
	}
	.bl_featuresList-item{
		padding: 36px 40px;
	}
	.bl_featuresList{
		gap: 16px;
	}
	/* 利点 */
	.bl_available_textBody{
		max-width: fit-content;
		width: 100%;
	}
	.bl_features_heading{
		margin-bottom: 72px;
	}

	/* 情報 */
	.bl_info_unit:nth-child(1) .bl_infoList:nth-of-type(2n) dt {
    border-left: solid 1px var(--main-color);
	}
	.bl_info_unit:nth-child(1) .bl_infoList dt{
		border-left: solid 1px var(--main-color);
		border-right: solid 1px var(--main-color);
	}
	.bl_info_unit:nth-child(1) dt, .bl_info_unit:nth-child(1) dd{
		width: 100%;
	}
	.bl_info_unit:nth-child(1) .bl_infoList{
		width: 100%;
	}
	.bl_info_text{
		width: 100%;
	}
	.bl_info_ttl{
		width: 100%;
	}
	.bl_info_unit:nth-child(2) .bl_infoList:nth-child(1){
		flex-direction: column;
	}
	.bl_info_unit:nth-child(2) .bl_infoList:nth-child(2){
		flex-direction: column;
	}
	/* 情報-ボーダー追加・削除 */
	.bl_info_unit:nth-child(2) .bl_info_ttl{
		border-right: 1px solid var(--main-color);
	}
	.bl_info_unit:nth-child(2) .bl_infoList:nth-child(3) .bl_info_text {
		border-top: none;
	}
	.bl_info_unit .bl_info_unit:last-of-type .bl_infoList:last-of-type dt{
		border-bottom: none;
	}
	/* .bl_info_unit .bl_info_unit:last-of-type .bl_infoList:nth-child(4) dt{
		border-bottom: none;
	}
	.bl_info_unit .bl_info_unit:last-of-type .bl_infoList:nth-child(4) dd{
		border-bottom: none;
	} */
	.bl_info_unit .bl_info_unit:last-of-type .bl_infoList:nth-last-child(2) dt{
		border-bottom: none;
	}
	.bl_info_unit .bl_info_unit:last-of-type .bl_infoList:nth-last-child(2) dd{
		border-bottom: none;
	}
	/* 詳細-アロー */
	.el_detail_arrow{
		display: block;
	}
	/* カルーセル */
	.bl_sliderItem{
		height: 630px;
	}
	.bl_slideWrapper{
		max-width: 280px;
		height: 630px;
	}
	/* モーダル */
	.cursor-02 > .bl_sliderCursor-left{
		left: 2%;
	}
	.cursor-02 > .bl_sliderCursor-right{
		right: 2%;
	}
	.bl_sliderCursor-left{
		top: 40%;
	}
	.bl_sliderCursor-right{
		top: 40%;
	}
	.ly_modal_inner p{
		font-size: 1.4rem;
		line-height: 2.3rem;
	}
	.bl_modal_imageWrapper img{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.ly_modal_inner{
		width: 80%;
		padding: 20px 24px;
	}
	/* アロー */
	.material-symbols-outlined{
		font-size: 2rem;
		padding: 12px;
	}
	.el_modal_close{
		font-size: 4rem;
		padding: 4px;
		top: -24px;
		left: -24px;
	}
	/* 図面 */
	.bl_sliderItem-drawing{
		display: none;
	}
	.bl_sliderItem-drawing-sp{
		display: block;
	}
	/* 360°-notice-icon */
	.notice-icon::before{
		width: 89.5%;
	}
	.notice-icon::after{
		top: 20%;
	}
		/* CTA */
	.link-button-cover {
		background-color: var(--base-hover);
	}
	.link-button-cover.leased{
		background-color: #8d8d8d;
	}
	.btn-block{
		display: grid;
	}
	.detail-btn2{
		width: 100%;
	}
}
@media screen and (max-width: 430px){
	.bl_overview_img img{
		max-width: 320px;
	}
	.bl_overviewList img{
		max-width: 320px;
	}
	.bl_overview_imgWrapper, .bl_overviewList{
		justify-content: center;
		align-items: center;
	}
	.bl_overview_tex{
	font-size: 15px;;
	padding-bottom: 15px;
	}
	.bl_overview_detail{
	font-size: 13px;
	}
}
@media screen and (max-width: 375px){
	.el_sectionTtl{
	font-size: 18px;
	word-break: auto-phrase;
	}
	.bl_overview_img img{
		max-width: 280px;
	}
	.bl_overviewList img{
		max-width: 280px;
	}
	.bl_overview_cont tr{
		display: grid;
	}
	.bl_overview_cont th{
		width: 60%;
	}
	.btn-area{
		font-size: 15px;
	}
	.detail-btn2{
		font-size: 12px;
		padding: 16px 6px;
	}
	.detail-btn2 img {
		width: 16px;
		margin-left: 4px;
		padding: 4px 0;
	}
}

#footer img{
	width: auto;
	max-width: 100%;
    height: auto;
}

.footer-fnav {
	font-size: 16px;
}

@media only screen and (min-width: 960px) {
    .footer-fnav {
		font-size: 16px;
	}
}

#header{
	font-size: 16px;
}