:root {
	--paddingSP:3rem 5vw;
	--paddingTABLET: 3rem 5vw;
	--font01:'Noto Sans JP', sans-serif;
	--font04:"sofia-pro", sans-serif;
    --font05:"Lexend", sans-serif;
    --font06:"Mona Sans", sans-serif;
    --font08:"Poppins", sans-serif;
}

html {
	//overflow-x: hidden;
}

img * {
	max-width:100%;
}
li {
	list-style:none;
}
a {
	color:#333;
}


@media only screen and (max-width: 599px) {
	.sp_only {
		display: block !important;
	}
	.sp_tablet_only {
		display: block !important;
	}
	.tablet_only {
		display: none !important;
	}
	.pc_only {
		display: none !important;
	}
	.pc_tablet_only {
		display:none !important;
	}
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
	.sp_only {
		display: none !important;
	}
	.sp_tablet_only {
		display: block !important;
	}
	.tablet_only {
		display: block !important;
	}
	.pc_only {
		display: none !important;
	}
	.pc_tablet_only {
		display:block !important;
	}
}

@media only screen and (min-width: 1025px) {
	.sp_only {
		display: none !important;
	}
	.sp_tablet_only {
		display: none !important;
	}
	.tablet_only {
		display: none !important;
	}
	.pc_only {
		display: block !important;
	}
	.pc_tablet_only {
		display:block !important;
	}
}



/* ------------------------------------------ 
	
 - TOKUTEN modaal

------------------------------------------ */
.modaal-container {
    max-width:1400px;
}
.modaal-content-container > img {
    max-width:100%;
}

@media only screen and (max-width: 599px) {
    .modaal-content-container {
        padding:10px;
    }
}






/* ------------------------------------------ 
	
 - TO TOP

------------------------------------------ */
@media only screen and (max-width: 599px) {
	.page_top_button {
		position: fixed;
		bottom: 4%;
		right: 4%;
		width: 15%;
		max-width: 80px;
		z-index: 4;
		opacity: 0;
		visibility: hidden;
		transform: translateY(10px);
	}
	.page_top_button:hover img {
		opacity: 0.6;
	}
	.page_top_button img {
		display: block;
		transition: all 0.3s ease-in-out;
	}
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
	.page_top_button {
		position: fixed;
		bottom: 4%;
		right: 1%;
		width: 15%;
		max-width: 80px;
		z-index: 4;
		opacity: 0;
		visibility: hidden;
		transform: translateY(10px);
	}
	.page_top_button:hover img {
		opacity: 0.6;
	}
	.page_top_button img {
		display: block;
		transition: all 0.3s ease-in-out;
	}
}
@media only screen and (min-width: 1025px) {
	.page_top_button {
		position: fixed;
		bottom: 4%;
		right: 1%;
		width: 15%;
		max-width: 80px;
		opacity: 0;
		visibility: hidden;
		transform: translateY(10px);
	}
	.page_top_button:hover img {
		opacity: 0.6;
	}
	.page_top_button img {
		display: block;
		transition: all 0.3s ease-in-out;
	}
}


/*
 page-top UpMove
-------------------------------- */
#page-top.UpMove{
  animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }
  to {
    opacity: 1;
  transform: translateY(0);
  }
}


/*
 page-top DownMove
-------------------------------- */
#page-top.DownMove{
  animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
    opacity: 1;
  transform: translateY(0);
  }
  to {
    opacity: 1;
  transform: translateY(100px);
  }
}



/* ------------------------------------------ 
	
 - HEADER NAV

------------------------------------------ */
/*
 gl_header
------------------------------------- */
@media only screen and (max-width: 599px) {
	.gl_header {
		height: 6vh;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
		width: 100%;
		border-bottom: 1px solid #ccc;
	}
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
	.gl_header {
		height: 6vh;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
		width: 100%;
		border-bottom: 1px solid #ccc;
	}
}
@media only screen and (min-width:1025px) {
	.gl_header {
		height: 6vh;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
		width: 100%;
	}
}

/*
 gl_nav
------------------------------------- */
@media only screen and (max-width: 599px) {
	 .gl_nav {
        display:flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        padding-top: 0.7vh;
        width: 100%;
    }
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
	.gl_nav {
        display:flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        padding-top: 0.7vh;
        width: 100%;
    }
}
@media only screen and (min-width:1025px) {
    .gl_nav {
        display:flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        padding-top: 0.7vh;
        width: 100%;
    }
}

/*
 gl_nav__logo
------------------------------------- */
@media only screen and (max-width: 599px) {
	.gl_nav__logo {
        min-width: 36vw;
    }
    .gl_nav__logo a {

    }
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
	.gl_nav__logo {
        min-width: 21vw;
    }
    .gl_nav__logo a {

    }
}
@media only screen and (min-width:1025px) {
    .gl_nav__logo {
        min-width: 9vw;
    }
    .gl_nav__logo a {

    }
}




/* ------------------------------------------ 
	
 - SNS FOOOTER

------------------------------------------ */
.snsicon_wrap {
	padding: 3rem 0 1rem;
	text-align: center;
}
.snsicon_wrap img {
	width: 28px;
}
.snsicon_wrap ul {
	text-align: center;
	display: flex;
	flex-flow:row nowrap;
	justify-content:space-around;
	align-items: center;
	margin: 1rem auto 0;
	width: 70%;
}
.snsicon_wrap ul li {
	width: 9%;
}
footer {
	padding-bottom: 2rem;
	text-align:center;
}
footer p:first-child {
	margin:1rem auto 0;
}
footer p:last-child {
	margin-top:0.5rem;
	font-size:0.8rem
}
footer p img {
	width:36%;
}
@media only screen and (min-width: 768px) {
	.snsicon_wrap {
		padding: 6rem 0 1.5rem;
		text-align: center;
	}
	.snsicon_wrap img {
		width: 26px;
	}
	.snsicon_wrap ul {
		text-align: center;
		display: flex;
		flex-flow:row nowrap;
		justify-content:space-around;
		align-items: center;
		margin: 1rem auto 0;
	}
	.snsicon_wrap ul {
		margin: 0.5em auto 0;
		width: 380px;	
	}
	.snsicon_wrap ul li {
		width: 7%;
	}
	footer {
		padding-bottom: 2rem;
		margin:0 auto 2rem;
		text-align:center;
	}
	footer p:first-child {
		margin:0 auto;
	}
	footer p:last-child {
		margin:0.5rem;
		font-size:0.8rem;
	}
	footer p img {
		width:15%;
	}
}

.sns_fixed {
	display:none;
}

@media only screen and (min-width: 1100px) {
    footer {
        width: 1100px;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 1rem;
    }
}




/* ----------------------------------------------------------

 - COMMON

---------------------------------------------------------- */
@media only screen and (max-width: 599px) {
	
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
	
}
@media only screen and (min-width:1025px) {
	
}




/* ------------------------------------------ 
	
 - MV

------------------------------------------ */
/*
 mv
------------------------------------- */
.mv_area {
  
}
@media only screen and (max-width: 599px) {
	.ikebukuro_open main .mv {
		position: relative;
		height: auto;
		width: 100%;
	}
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
	.ikebukuro_open main .mv {
        position: relative;
        width: 100%;
    }
}
@media only screen and (min-width:1025px) {
    .ikebukuro_open main .mv {
        position: relative;
        width: 100%;
    }
}



/* -------------------------------------
 mainTitle
------------------------------------- */
@media only screen and (max-width: 599px) {
    .mainTitle {
        
    }
	 .mainTitleWrap__logo {
        position: absolute;
        top: unset;
        bottom: 20%;
        left: 3%;
        right: unset;
        width: 20vmax;
        padding: 0;
        display: none;
    }
    .mainTitleWrap__name {
        position: absolute;
        top: 35%;
        bottom: unset;
        left: 15%;
        right: unset;
        width: 33vmax;
        padding: 0;
    }
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
     .mainTitle {
        
    }
	.mainTitleWrap__logo {
        position: absolute;
        bottom: unset;
        top: 7%;
        left: unset;
        right: 3%;
        width: 5vmax;
        padding: 0;
    }
    .mainTitleWrap__name {
        position: absolute;
        bottom: unset;
        top: 41%;
        right: unset;
        left: 23%;
        width: 43vmax;
        padding: 0;
    }
}
@media only screen and (min-width:1025px) {
    .mainTitle {
        
    }
    .mainTitleWrap__logo {
        position: absolute;
        bottom: unset;
        top: 6%;
        left: unset;
        right: 3%;
        width: 7vmax;
        padding: 0;
    }
    .mainTitleWrap__name {
        position: absolute;
        bottom: unset;
        top: 42%;
        right: unset;
        left: 24%;
        width: 56vmax;
        padding: 0;
    }
}

/* =======================
 mv animation
======================= */
.change-time1{
  animation-duration: 1s;
}
.change-time15{
  animation-duration: 1.5s;
}
.change-time2{
  animation-duration: 2s;
}

.delay-time1{
animation-delay: 1s;
}
.delay-time15{
animation-delay: 1.5s;
}
.delay-time2{
animation-delay: 2s;
}

.fadeIn {
    animation-name: fadeInAnime;
    animation-fill-mode:forwards;
    opacity:0;
}
.fadeUp {
    animation-name: fadeUpAnime;
    animation-fill-mode:forwards;
    opacity:0;
}

@keyframes fadeInAnime{
	from {
		opacity: 0;
	}
	to {
	opacity: 1;
	}
}
@keyframes fadeUpAnime{
	from {
		opacity: 0;
		transform: translateY(30px);
	}
	to {
	opacity: 1;
	transform: translateY(0);
	}
}


/* -------------------------------------
 showRoom_image
------------------------------------- */
@media only screen and (max-width: 599px) {
    .showRoom_image {
        display: none;
    }
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
     .showRoom_image {
        position: absolute;
        top: unset;
        bottom: 0;
        left: unset;
        right: 0;
        width: 16vmax;
        padding: 0;
    }
}
@media only screen and (min-width:1025px) {
    .showRoom_image {
        position: absolute;
        top: unset;
        bottom: 0%;
        left: unset;
        right: 0;
        width: 21vmax;
        padding: 0;
    }
}


/* -------------------------------------
 mvExterior
------------------------------------- */
@media only screen and (max-width: 599px) {
	.mvExterior {
        position: absolute;
        top: 0%;
        bottom: unset;
        left: 0;
        right: unset;
        width: 19vmax;
        padding: 0;
    }
	.mvExterior a {
        display: none;
	}
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
     .mvExterior {
        position: absolute;
        top: 0;
        bottom: unset;
        left: 0;
        right: unset;
        width: 27vmax;
        padding: 0;
    }
}
@media only screen and (min-width:1025px) {
    .mvExterior {
        position: absolute;
        top: 0;
        bottom: unset;
        left: 0;
        right: unset;
        width: 29vmax;
        padding: 0;
        cursor: pointer;
    }
}



/* -------------------------------------
 mvImage
------------------------------------- */
@media only screen and (max-width: 599px) {
	.mvImage {
        position: relative;
        width: 100%;
        height:100%;
        z-index: -1;
    }
    .mvImage__image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 40% 80%;
    }
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
	.mvImage {
        position: relative;
        width: 100%;
        height:100%;
        z-index: -1;
    }
    .mvImage__image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 59% 80%;
    }
}
@media only screen and (min-width:1025px) {
    .mvImage {
        position: relative;
        width: 100%;
        height:100%;
        z-index: -1;
    }
    .mvImage__image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 74% 80%;
    }
}




/* ----------------------------------------------------------

 - lead_area

---------------------------------------------------------- */
/*
 lead
------------------------------------- */
@media only screen and (max-width: 599px) {
	.lead_area {
        margin: 0 auto;
        padding: 1rem 5vw;
    }
    .lead {
		padding-top: 22px;
		}
    .lead h2 {
        margin-bottom: 20px;
        font-size: 16px;
        line-height:1.7;
        font-weight: normal;
    }
	.lead h1 {
        margin-bottom: 24px;
        font-size: 35px;
        letter-spacing: -1px;
        line-height: 1.1;
    }
	.lead h1 span {
        font-family: var(--font06);
        font-size: 30px;
        letter-spacing: 0;
    }
    .lead p {
        line-height: 1.6;
        font-size: 13px;
        padding: 0 5vw 1rem;
    }
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
	.lead_area {
        margin: 0 auto;
        padding: 6% 5%;
    }
    .lead {
    }
     .lead h2 {
		font-size: 19px;
		margin-bottom: 16px;
		font-weight: normal;
	}
	.lead h1 {
		font-size:27px;
		margin-bottom: 28px;
	}
   .lead h1 span {
        font-family: var(--font06);
        font-size: 25px;
    }
    .lead p {
        font-size: 16px;
        line-height: 2;
        margin-top: 10px;
    }
	.lead p:first-child {
		 margin-top:0;
	 }
}
@media only screen and (min-width:1025px) {
    .lead_area {
        margin: 0 auto;
        padding: 4% 5% 3%;
    }
    .lead {
    }
    .lead h2 {
        font-size: 1.5vw;/*Firefox*/
        font-size: clamp(1rem, 0.91rem + 0.73vw, 1.5rem);
        margin-bottom: 33px;
        font-weight: normal;
        letter-spacing: 2px;
 }
	.lead h1 {
        font-size: 2.3vw;/*Firefox*/
        font-size: clamp(1rem, 1.07rem + 2vw, 5rem);
        margin-bottom: 30px;
        line-height: 1.2;
        letter-spacing: -1px;
 }
    .lead h1 span {
		font-size: 2.3vw;/*Firefox*/
        font-size: clamp(1rem, 1.07rem + 1.8vw, 4.8rem);
        font-family: var(--font06);
        
    }
    .lead p {
        font-size:1.1vw;/*Firefox*/
        font-size: clamp(0.938rem, 0.473rem + 0.73vw, 1.25rem);
        line-height: 2.2;
        margin-top: 1px;
        /* font-family: serif; */
        /* font-weight: bold; */
    }
	.lead p:first-child {
		 margin-top:0;
	 }
}





/* ----------------------------------------------------------

 - convertion_area

---------------------------------------------------------- */
@media only screen and (max-width: 599px) {
	.convertion_area01 {
        padding: 30px 0;
        background: #f7f7f7;
    }
    /* 01 */
    .convertion_wrap01 {
        
    }
    .convertion_wrap01 .convertion_btn {
        
    }
    .convertion_wrap01 .convertion_btn > a {
        display: inline-block;
        background: #e9002f;
        color: #fff;
        padding: 8px 0;
        font-weight: bold;
        font-size: 14px;
        max-width: 84%;
        width: 100%;
		transition: 0.5s;
    }
	.convertion_wrap01 .convertion_btn > a:hover {
		background: #FFF;
        color: #e9002f;
		box-shadow:5px 5px 10px #ddd;
		transition: 0.5s;
	}
     /* 02 */
    .convertion_wrap02 {
        padding: 30px 0 20px;
        background: #ededed;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
        width: 100%;
        margin: 0 auto;
    }
    .convertion_wrap02 .convertion_btn {
        width: 86%;
        margin-bottom: 10px;
    }
    .convertion_wrap02 .convertion_btn > a {
        display: inline-block;
        background: #e9002f;
        color: #fff;
        padding: 10px 0;
        font-weight: bold;
        font-size: 14px;
        max-width: 100%;
        width: 100%;
        transition: 0.5s;
    }
	.convertion_wrap02 .convertion_btn > a:hover {
		background: #FFF;
        color: #e9002f;
		box-shadow:5px 5px 10px #ddd;
		transition: 0.5s;
	}
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
	.convertion_area01 {
        padding: 38px 0;
        background: #f7f7f7;
    }
    /* 01 */
    .convertion_wrap01 {
        
    }
    .convertion_wrap01 .convertion_btn {
        
    }
    .convertion_wrap01 .convertion_btn > a {
        display: inline-block;
        background: #e9002f;
        color: #fff;
        padding: 12px 0;
        font-weight: bold;
        font-size: 16px;
        max-width: 80%;
        width: 100%;
		transition: 0.5s;
    }
	.convertion_wrap01 .convertion_btn > a:hover {
		background: #FFF;
        color: #e9002f;
		box-shadow:5px 5px 10px #ddd;
		transition: 0.5s;
	}
    /* 02 */
    .convertion_area02 {
        padding: 40px 0;
        background: #ededed;
    }
    .convertion_wrap02 {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        max-width: 95%;
        margin: 0 auto;
        justify-content: center;
    }
    .convertion_wrap02 .convertion_btn {
        width: 50%;
    }
    .convertion_wrap02 .convertion_btn > a {
        display: inline-block;
        background: #e9002f;
        color: #fff;
        padding: 10px 0;
        font-weight: bold;
        font-size: 15px;
        max-width: 90%;
        width: 100%;
		transition: 0.5s;
    }
	.convertion_wrap02 .convertion_btn > a:hover {
		background: #FFF;
        color: #e9002f;
		box-shadow:5px 5px 10px #ddd;
		transition: 0.5s;
	}
}
@media only screen and (min-width:1025px) {
    /* 01 */
    .convertion_area01 {
        padding: 50px 0;
        background: #f7f7f7;
    }
    .convertion_wrap01 {
        
    }
    .convertion_wrap01 .convertion_btn {
        
    }
    .convertion_wrap01 .convertion_btn > a {
        display: inline-block;
        background: #e9002f;
        color: #fff;
        padding: 12px 0;
        font-weight: bold;
        font-size: 18px;
        max-width: 44%;
        width: 100%;
		transition: 0.5s;
    }
	.convertion_wrap01 .convertion_btn > a:hover {
		background: #FFF;
        color: #e9002f;
		box-shadow:5px 5px 10px #ddd;
		transition: 0.5s;
	}
    /* 02 */
    .convertion_area02 {
        padding: 50px 0;
        background: #ededed;
    }
    .convertion_wrap02 {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        max-width: 70%;
        margin: 0 auto;
    }
    .convertion_wrap02 .convertion_btn {
        width: 50%;
    }
    .convertion_wrap02 .convertion_btn > a {
        display: inline-block;
        background: #e9002f;
        color: #fff;
        padding: 12px 0;
        font-weight: bold;
        font-size: 18px;
        max-width: 90%;
        width: 100%;
        transition: 0.5s;
        text-align: center;
    }
	.convertion_wrap02 .convertion_btn > a:hover {
		background: #FFF;
        color: #e9002f;
		box-shadow:5px 5px 10px #ddd;
		transition: 0.5s;
	}
}






/* ----------------------------------------------------------

 - slider_area

---------------------------------------------------------- */
.slideshow_wrap {
    display: flex;
    align-items: flex-start;
    overflow: hidden;
}
@media only screen and (max-width:599px) {
	.slideshow_img img {
		max-width: 150px;
	}
}
@media only screen and (min-width:600px) and (max-width:1024px) {
	.slideshow_reverse_wrap {
		margin-top:-0.5rem;
	}
	.slideshow_img img {
		max-width: 230px;
	}
}
@media only screen and (min-width:1025px) {
	.slideshow_img img {
		max-width: 250px;
	}
}

.slideshow {
	display: flex;
	animation: loop-slide 80s infinite linear 0.2s both;
	padding: 0;
}
@keyframes loop-slide {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-100%);
	}
}








/* ----------------------------------------------------------

 - concept_smy_area

---------------------------------------------------------- */
/*
 concept_smy_area
------------------------------------- */
@media only screen and (max-width: 599px) {
    
}
@media only screen and (min-width:600px) and (max-width:1024px) {
	
}
@media only screen and (min-width:1025px) {
	
}


/*
 con_smy_area01
------------------------------------- */
@media only screen and (max-width: 599px) {
    .con_smy_area01 {
          background: #fff;
          padding: 15% 5%;
    }
}
@media only screen and (min-width:600px) and (max-width:1024px) {
	.con_smy_area01 {
          background: #fff;
          padding: 7% 5%;
    }
}
@media only screen and (min-width:1025px) {
	.con_smy_area01 {
          background: #fff;
          padding: 110px 10% 100px;
    }
}

/*
 con_smy_area02
------------------------------------- */
@media only screen and (max-width: 599px) {
    .con_smy_area02 {
          background: #cce6f5;
          padding: 15% 5%;
    }
}
@media only screen and (min-width:600px) and (max-width:1024px) {
	.con_smy_area02 {
          background: #cce6f5;
          padding: 7% 5%;
    }
}
@media only screen and (min-width:1025px) {
	.con_smy_area02 {
          background: #cce6f5;
          padding: 100px 10%;
    }
}

/*
 con_smy_area03
------------------------------------- */
@media only screen and (max-width: 599px) {
    .con_smy_area03 {
          background: #f4efcc;
          padding: 15% 5%;
    }
}
@media only screen and (min-width:600px) and (max-width:1024px) {
	.con_smy_area03 {
          background: #f4efcc;
          padding: 7% 5%;
    }
}
@media only screen and (min-width:1025px) {
	.con_smy_area03 {
          background: #f4efcc;
          padding: 100px 10%;
    }
}













/* ----------------------------------------------------------

 - floor_guide_area

---------------------------------------------------------- */
/*
 floor_guide_area
------------------------------------- */
@media only screen and (max-width: 599px) {
	.floor_guide_area {
        padding: var(--paddingSP);
        margin: 0 auto;
    }
	.floor_guide_area_lead h2 {
	font-size: 21px;
	line-height: 1.6;
	margin-bottom: 1rem;
	}
	.floor_guide_area_lead p {
		line-height: 2.2;
		font-size: 14px;

		padding: 0 5vw 2rem;
	}
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
	.floor_guide_area {
        padding: 0 3%;
        margin: 60px auto 70px;
    }
	.floor_guide_area_lead h2 {
		font-size: clamp(1.625rem, 1.271rem + 0.94vw, 1.875rem);
		margin-bottom: 30px;
	}
	.floor_guide_area_lead p {
		font-size: clamp(0.938rem, 0.473rem + 0.73vw, 1.25rem);
		line-height: 2;
		margin: 32px auto 35px;
	}
}
@media only screen and (min-width:1025px) {
    .floor_guide_area {
        padding: 90px 13%;
        margin: 0 auto;
    }
	.floor_guide_area_lead h2 {
		font-size: clamp(2rem, 1.07rem + 1.45vw, 2.625rem);
	    margin-bottom: 30px;
	}
	.floor_guide_area_lead p {
		font-size: clamp(0.938rem, 0.473rem + 0.73vw, 1.25rem);
	    line-height: 2;
	    margin: 32px auto 70px;
	}
}

/*
 floor_guide_area_col
------------------------------------- */
@media only screen and (max-width: 599px) {
    .floor_guide_area_col {
        display:flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
        width: 100%;
        align-items: stretch;
    }
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
     .floor_guide_area_col {
        display:flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        width: 100%;
    }
}
@media only screen and (min-width:1025px) {
    .floor_guide_area_col {
        display:flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-around;
        width: 100%;
    }
}




/* -------------------------------------
 floorPanel_wrap - left
------------------------------------- */
@media only screen and (max-width: 599px) {
   .floorPanel_wrap {
		width: 100%;
		margin-bottom: 33px;
	}
	.floorPanel_wrap h3 {
		text-align: left;
		font-size: 36px;
		font-family: var(--font08);
		margin-bottom: 10px;
		line-height:1.2;
	}
	.floorPanel_wrap h3 > span {
		font-size:22px;
	}
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
   .floorPanel_wrap {
		width: 54%;
		margin-right: 14px;
	}
	.floorPanel_wrap h3 {
		text-align: left;
		font-size: 28px;
		font-family: var(--font08);
		margin-bottom: 10px;
		line-height: 1.1;
	}
	.floorPanel_wrap h3 > span {
		font-size: 20px;
	}
}
@media only screen and (min-width:1025px) {
	.floorPanel_wrap {
		width: 55%;
		margin-right: 0;
	}
	.floorPanel_wrap h3 {
		text-align: left;
		font-size: 2.4vw;
		font-family: var(--font08);
		margin-bottom: 10px;
		line-height: 1.2;
	}
	.floorPanel_wrap h3 > span {
		font-size: 2.2vw;
	}
}

/*
 floorPanel 
------------------------------------- */
@media only screen and (max-width: 599px) {
    .floorPanel {
		
	}
	.floorPanel_item{
        margin-bottom: 5px;
    }
    .floorPanel_item:last-child{
        margin-bottom: 0;
	}
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
   .floorPanel {
		
	}
	.floorPanel_item{
        margin-bottom: 5px;
    }
    .floorPanel_item:last-child{
        margin-bottom: 0;
	}
}
@media only screen and (min-width:1025px) {
	.floorPanel {
		
	}
	.floorPanel_item{
        margin-bottom: 5px;
    }
    .floorPanel_item:last-child{
        margin-bottom: 0;
	}
}

/*
 indexLabel
------------------------------------- */
.indexLabel{
    display: flex;
    //cursor: pointer;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: flex-start;
    //pointer-events: none;
}
.indexLabel:hover .indexLabel_item {
    //background-color: #cbd6dc;
}


@media only screen and (max-width: 599px) {
    .indexLabel_head{
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
		width: 13%;
		font-family: var(--font04);
		font-weight: bold;
		text-align: center;
		color:#fff;
		background: #494848;
		border-right: none;
	}
	.indexLabel_head p:first-child {
		font-size: 18px;
		padding-right: 3px;
	}
	.indexLabel_head p:last-child {
		font-size: 12px;
		padding-top: 5px;
	}
    .indexLabel_main{
        text-align: left;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        border: 1px solid #ddd;
        padding: 8px;
    }
	.indexLabel_concept {
		font-size: 11px;
		margin-bottom: 5px;
	}
	.indexLabel_item {
        background-color: #fff;
        line-height: 1.4;
		font-size: clamp(0.875rem, 0.503rem + 0.58vw, 1.125rem);
		font-weight: bold;
    }
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .indexLabel_head{
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
		width: 13%;
		font-family: var(--font04);
		font-weight: bold;
		text-align: center;
		color:#fff;
		background: #494848;
		border-right: none;
	}
	.indexLabel_head p:first-child {
		font-size: 18px;
		padding-right: 3px;
	}
	.indexLabel_head p:last-child {
		font-size: 12px;
		padding-top: 5px;
	}
    .indexLabel_main{
        text-align: left;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        border: 1px solid #ddd;
        padding: 8px;
    }
	.indexLabel_concept {
		font-size: 11px;
		margin-bottom: 5px;
	}
    .indexLabel_item {
        background-color: #fff;
        line-height: 1.4;
		font-size: clamp(0.875rem, 0.503rem + 0.58vw, 1.125rem);
		font-weight: bold;
    }
}
@media only screen and (min-width:1025px) {
	.indexLabel_head{
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
		width: 8%;
		font-family: var(--font04);
		font-weight: bold;
		text-align: center;
		color:#fff;
		background: #494848;
		border-right: none;
	}
	.indexLabel_head p:first-child {
		font-size: 1.6vw;
		padding-right: 3px;
	}
	.indexLabel_head p:last-child {
		font-size: 1vw;
		padding-top: 8px;
	}
    .indexLabel_main{
        text-align: left;
        width: 92%;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        border: 1px solid #ddd;
        padding: 14px;
    }
	.indexLabel_concept {
		font-size: 12px;
		margin-bottom: 3px;
	}
    .indexLabel_item {
        background-color: #fff;
        line-height: 1.4;
		font-size: clamp(0.875rem, 0.503rem + 0.58vw, 1.125rem);
		font-weight: bold;
    }
}





/* -------------------------------------
 - floorAccess_wrap - right
------------------------------------- */
@media only screen and (max-width: 599px) {
    .floorAccess_wrap {
        display:flex;
        flex-direction: column;
        flex-wrap: wrap;
        width: 100%;
        align-items: stretch;
        justify-content: flex-start;
    }
	.floorAccess_wrap h3 {
        text-align: left;
        font-size: 36px;
        font-family: var(--font08);
        margin-bottom: 10px;
	}
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .floorAccess_wrap {
        display:flex;
        flex-direction: column;
        flex-wrap: wrap;
        width: 42%;
        align-items: stretch;
        justify-content: flex-start;
    }
	.floorAccess_wrap h3 {
		text-align:center;
		font-size: 28px;
		font-family: var(--font08);
		margin-bottom: 11%;
	}
}
@media only screen and (min-width:1025px) {
    .floorAccess_wrap {
        display:flex;
        flex-direction: column;
        flex-wrap: wrap;
        width: 45%;
        align-items: stretch;
        justify-content: flex-start;
    }
	.floorAccess_wrap h3 {
		text-align:center;
		font-size: 2.4vw;
		font-family: var(--font08);
		margin-bottom: 9.4%;
	}
}

/*
 accessPanel
------------------------------------- */
@media only screen and (max-width: 599px) {
    .accessPanel {
        display:flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
        width: 100%;
    }
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .accessPanel {
        display:flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
        width: 100%;
    }
}
@media only screen and (min-width:1025px) {
    .accessPanel {
        display:flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
        width: 100%;
    }
}

/*
 accessPanel_map
------------------------------------- */
@media only screen and (max-width: 599px) {
     .accessPanel_map {
        width: 100%;
        margin: 0 auto 20px;
    }
	.accessPanel_map > img {
		width: 100%;
	}
    .accessPanel_map > p {
        width: 100%;
        text-align: right;
        font-size: 11px;
    }




}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .accessPanel_map {
        width: 100%;
        margin: 0 auto 25px;
    }
	.accessPanel_map > img {
		width: 100%;
	}
    .accessPanel_map > p {
        width: 100%;
        text-align: right;
        font-size: 12px;
    }


}
@media only screen and (min-width:1025px) {
    .accessPanel_map {
        width: 100%;
        margin: 0 auto 24px;
    }
	.accessPanel_map > img {
		width: 90%;
	}

    .accessPanel_map > p {
        width: 90%;
        margin: 0 auto;
        text-align: right;
        font-size: 12px;
    }
}

/*
 accessPanel_hour
------------------------------------- */
@media only screen and (max-width: 599px) {
    .accessPanel_hour {
        font-size: 16px;
        margin-bottom: 15px;
        line-height: 1.6;
        font-family: var(--font05);
    }
    .accessPanel_hour span {
        display: block;
        font-size: 12px;
        font-weight: normal;
        margin: 5px 20px 12px;
    }
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .accessPanel_hour {
        margin-bottom: 20px;
		font-family: var(--font05);
    }
    .accessPanel_hour span {
        display: block;
        font-size: 12px;
        font-weight: normal;
        margin: 5px 24px 12px;
    }
}
@media only screen and (min-width:1025px) {
    .accessPanel_hour {
        margin-bottom: 24px;
        font-family: var(--font05);
        line-height: 1.5;
        font-size: 24px;
    }
    .accessPanel_hour span {
        display: block;
        font-size: 12px;
        font-weight: normal;
        margin: 0px auto 12px;
    }
}


/*
 accessPanel_address
------------------------------------- */
@media only screen and (max-width: 599px) {
    .accessPanel_address {
        text-align:center;
        /* margin-bottom: 7px; */
        font-size: 15px;
        line-height: 1.6;
        font-family: var(--font05);
    }
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .accessPanel_address {
        text-align:center;
        margin-bottom: 18px;
        font-size: 14px;
		font-family: var(--font05);
    }
}
@media only screen and (min-width:1025px) {
    .accessPanel_address {
        text-align:center;
        /* margin-bottom: 20px; */
        font-family: var(--font05);
        line-height: 1.6;
        font-size: 17px;
        font-weight: bold;
    }
}

/*
 accessPanel_showroom_btn
------------------------------------- */
@media only screen and (max-width: 599px) {
     .accessPanel_showroom_btn {
        display: inline-block;
        width: 100%;
        background: #7b7b7b;
    }
    .accessPanel_showroom_btn a {
        display: block;
        padding: 10px 0;
        font-size: 14px;
        color: #fff;
    }
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .accessPanel_showroom_btn {
        display: inline-block;
        width: 84%;
        background: #7b7b7b;
    }
    .accessPanel_showroom_btn a {
        display: block;
        padding: 10px 0;
        font-size: 14px;
        color: #fff;
    }
}
@media only screen and (min-width:1025px) {
    .accessPanel_showroom_btn {
        display: inline-block;
        width: 56%;
        background: #7b7b7b;
    }
    .accessPanel_showroom_btn a {
        display: block;
        padding: 10px 0;
        font-size: 14px;
        color: #fff;
    }
}






/* ----------------------------------------------------------

 - introduction_area

---------------------------------------------------------- */
/*
 introduction_area
------------------------------------- */
@media only screen and (max-width: 599px) {
	 .introduction_area {
        background-color: #f7f7f7;
        padding: 0 0 60px;
    }
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
	.introduction_area {
        background-color: #f7f7f7;
        padding: 0px 0 60px;
    }
}
@media only screen and (min-width:1025px) {
    .introduction_area {
        background-color: #f7f7f7;
        padding: 20px 0 100px;
    }
}


/* ------------------------------------
 floor_wrap
------------------------------------- */
@media only screen and (max-width: 599px) {
	.floor_wrap {
        padding: 15% 5% 5%;
        margin: 0 auto;
    }
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
	.floor_wrap {
        display:flex;
        flex-direction: column;
        flex-wrap: wrap;
        padding: 9% 5% 4%;
    }
}
@media only screen and (min-width:1025px) {
    .floor_wrap {
        padding: 5% 10% 2%;
        margin: 0 auto;
    }
	.floor_wrap.floor_02 {
		margin-bottom:70px;
	}
}


/*
 floor_image
------------------------------------- */
@media only screen and (max-width: 599px) {
	.floor_image {
        display: flex;
        flex-direction: column;
    }
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
	.floor_image {
        display: flex;
    }
}
@media only screen and (min-width:1025px) {
    .floor_image {
        display: flex;
    }
}

/*
 floor_text
------------------------------------- */
@media only screen and (max-width: 599px) {
	.floor_text {
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: stretch;
        width: 100%;
    }
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
	.floor_text {
        display: flex;
        justify-content: flex-start;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: stretch;
        width: 100%;
    }
}
@media only screen and (min-width:1025px) {
    .floor_text {
        display: flex;
        justify-content: flex-start;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: stretch;
        width: 100%;
    }
}

/*
 floor_category_wrap
------------------------------------- */
@media only screen and (max-width: 599px) {
	.floor_category_wrap {
		background: #fff;
		width: 100%;
		padding: 10px 30px 30px;
	}
	
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
	.floor_category_wrap {
		background: #fff;
		width: 60%;
		padding: 20px 20px 40px 30px;
	}
	
}
@media only screen and (min-width:1025px) {
	.floor_category_wrap {
		background: #fff;
		width: 55%;
		padding: 20px 40px 30px;
	}
}

/*
 floor_category
------------------------------------- */
@media only screen and (max-width: 599px) {
	.floor_category {
		display: flex;
		text-align:left;
		width: 100%;
		flex-direction: column;
		flex-wrap: wrap;
		height: auto;
		flex-grow: 1;
	}
	.floor_category__tit {
		margin-bottom: 9px;
		width: 100%;
	}
	.floor_category__tit > ul {
		display:flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: center;
	}
    .floor_category__number {
		font-size: 3rem;
		text-align: center;
		font-family: var(--font04);
		font-weight:bold;
		width: 100%;
	}
	.floor_category__number span {
		font-size: 1.5rem;
	}
    .floor_category__type {
        font-size: 1rem;
        font-weight: bold;
        width: 100%;
        text-align: center;
    }
    .floor_category__type > ul {
        display: flex;
        flex-direction: column;
        align-content: flex-start;
        flex-wrap: wrap;
        align-items: flex-start;
    }
    .floor_category__type_c {
        font-family: var(--font01);
        font-size: 1.5rem;
        width: 100%;
    }
    .floor_category__type_en {
        color: #bfbfbf;
        font-family: var(--font06);
        display: inline-block;
        padding-top:5px;
        font-size: 12px;
        width: 100%;
    }
	.floor_category__text {
        font-size: clamp(0.875rem, 0.689rem + 0.29vw, 1rem);
        line-height: 1.6;
    }
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
	.floor_category {
		display: flex;
		text-align:left;
		width: 100%;
		flex-direction: column;
		flex-wrap: wrap;
		height: auto;
		flex-grow: 1;
	}
	.floor_category__tit {
		margin-bottom: 14px;
		width: 100%;
	}
	.floor_category__tit > ul {
		display:flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: flex-start;
	}
    .floor_category__number {
		font-size: 28px;
		text-align: left;
		font-family: var(--font04);
		font-weight:bold;
		width: 14%;
	}
	.floor_category__number span {
		font-size: 2.2vw;
	}
    .floor_category__type {
        font-size: 25px;
        font-weight: bold;
        width: 88%;
    }
    .floor_category__type > ul {
        display: flex;
        flex-direction: column;
        align-content: flex-start;
        flex-wrap: wrap;
    }
	.floor_01 .floor_category__type {
		
	}
    .floor_category__type_c {
        font-family: var(--font01);
        font-size: 16px;
    }
    .floor_category__type_en {
        color: #bfbfbf;
        font-family: var(--font06);
        display: inline-block;
        font-size: 11px;
    }
	.floor_category__text {
        font-size: 11px;
        line-height: 1.6;
    }
}
@media only screen and (min-width:1025px) {
    .floor_category {
		display: flex;
		text-align:left;
		width: 100%;
		flex-direction: column;
		flex-wrap: wrap;
		height: auto;
		flex-grow: 1;
	}
	.floor_category__tit {
		margin-bottom: 14px;
		width: 100%;
	}
	.floor_category__tit > ul {
		display:flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: flex-start;
	}
    .floor_category__number {
		font-size: 3.5vw;
		/* padding-right: 16px; */
		text-align: left;
		font-family: var(--font04);
		font-weight:bold;
		width: 14%;
	}
	.floor_category__number span {
		font-size: 2.2vw;
	}
    .floor_category__type {
        font-size: 1.7vw;
        font-weight: bold;
        width: 88%;
    }
    .floor_category__type > ul {
        display: flex;
        flex-direction: column;
        align-content: flex-start;
        flex-wrap: wrap;
    }
	.floor_01 .floor_category__type {
		font-family: var(--font01);
		//font-size: 2vw;
	}
    .floor_category__type_c {
        
font-family: var(--font01);
    }
    .floor_category__type_en {
        color: #bfbfbf;
        font-family: var(--font06);
        display: inline-block;
        font-size: 14px;
    }
	.floor_category__text {
        font-size: clamp(0.875rem, 0.689rem + 0.29vw, 1rem);
        line-height: 1.6;
    }
}

/*
 floor_item_wrap
------------------------------------- */
@media only screen and (max-width: 599px) {
	.floor_item_wrap {
		background: #fff;
		width: 100%;
		padding: 30px;
	}
	.floor_05 .floor_item_wrap {
		padding: 0 30px 30px;
	}
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
	.floor_item_wrap {
		background: #fff;
		width: 45%;
		padding: 20px 30px 20px 10px;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
}
@media only screen and (min-width:1025px) {
	.floor_item_wrap {
		background: #fff;
		width: 45%;
		padding: 20px 40px 20px 30px;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
}

/*
 floor_item
------------------------------------- */
@media only screen and (max-width: 599px) {
	.floor_item {
		text-align: left;
	}
	.floor_item__tit {
		font-size: 20px;
		margin-bottom: 18px;
	}
	.floor_item__col {
		width:100%;
	}
	.floor_item__col ul {
		display: flex;
		flex-wrap: wrap;

		justify-content: space-between;
		text-align: left;
		flex-direction: column;
		align-items: stretch;
	}
	.floor_item__brand {
		font-size: 13px;
		/* margin-bottom: 6px; */
		width: 100%;
	}	
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
	.floor_item {
	}
	.floor_item__tit {
		font-size: 1.7vw;
		margin-bottom: 27px;
		font-weight: bold;
	}
	.floor_item__col {
	}
	.floor_item__col ul {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
        align-items: center;
	}
	.floor_item__brand {
		font-size: clamp(0.75rem, 0.379rem + 0.58vw, 1rem);
		max-width: 100%;
        margin-top: 10px;
	}
}
@media only screen and (min-width:1025px) {
	.floor_item {
	}
	.floor_item__tit {
		font-size: 1.7vw;
		margin-bottom: 27px;
		font-weight: bold;
	}
	.floor_item__col {
	}
	.floor_item__col ul {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
        align-items: center;
	}
	.floor_item__brand {
		font-size: clamp(0.75rem, 0.379rem + 0.58vw, 1rem);
		max-width: 100%;
        margin-top: 10px;
	}
}




/* -------------------------------------
 4f_5f_sp_col
------------------------------------- */
@media only screen and (max-width: 599px) {
	.sp_4f_concept_col .floor_category_wrap,
	.sp_5f_concept_col .floor_category_wrap {
		//padding-bottom:0;
	}
	.floor_wrap_sp_col.sp_4f_kitchen_b_col,
	.floor_wrap_sp_col.sp_5f_luxury_col{
		display:flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: stretch;
	}
	.floor_wrap_sp_col.sp_4f_kitchen_b_col .floor_image,
	.floor_wrap_sp_col.sp_5f_luxury_col .floor_image {
		width:40%;
	}
	.floor_wrap_sp_col.sp_4f_kitchen_b_col .floor_item_wrap,
	.floor_wrap_sp_col.sp_5f_luxury_col .floor_item_wrap {
		padding: 20px 15px 30px 25px;
		width:60%
	}
	.sp_4f_kitchen_b_col .floor_item_wrap .floor_item,
	.sp_5f_luxury_col .floor_item_wrap .floor_item{
		display:flex;
	}
	.sp_4f_kitchen_b_col .floor_item_wrap .floor_item .floor_item__brand,
	.sp_5f_luxury_col .floor_item_wrap .floor_item .floor_item__brand{
		width:100%;
	}
}




/* -------------------------------------
 floor_horizontal_wrap
------------------------------------- */
@media only screen and (max-width: 599px) {
	.floor_horizontal_wrap {
	    padding: 15% 5% 5%;
	    margin: 0 auto;
	}
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
	.floor_horizontal_wrap {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: center;
		padding: 9% 5% 4%;
		//
		max-width: 78.5%;
		margin: 0 auto;
		}
}
@media only screen and (min-width:1025px) {
    .floor_horizontal_wrap {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: center;
		padding: 5% 10% 2%;
		//
		max-width: 78.5%;
		margin: 0 auto;
		}
}

/*
 floor_horizontal_image
------------------------------------- */
@media only screen and (max-width: 599px) {
	.floor_horizontal_image {
		display: flex;
	    flex-direction: column;
	}
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
	.floor_horizontal_image {
	    width: 70%;
	    display: flex;
	    flex-direction: row;
	}
	.floor_hokuoh .floor_horizontal_image {
		width:70%;
	}
}
@media only screen and (min-width:1025px) {
    .floor_horizontal_image {
	    width: 65%;
	    display: flex;
	    flex-direction: row;
	   }
}

/*
 floor_horizontal_text
------------------------------------- */
@media only screen and (max-width: 599px) {
	.floor_horizontal_text {
		background: #fff;
		width: 100%;
		/* padding: 10px 30px 30px; */
	}
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
	.floor_horizontal_text {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		padding:30px;
		text-align: left;
		width: 30%;
		background: #fff;
		align-content: flex-start;
	}
	.floor_hokuoh .floor_horizontal_text {
		width:30%;
	}
	.floor_bed .floor_horizontal_text,
	.floor_soho .floor_horizontal_text {
		padding: 10px;
	}
}
@media only screen and (min-width:1025px) {
    .floor_horizontal_text {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		padding: 20px;
		text-align: left;
		width: 35%;
		background: #fff;
	}
}

/*
 floor_horizontal_category_wrap
------------------------------------- */
@media only screen and (max-width: 599px) {
	 .floor_horizontal_category_wrap {
		text-align: left;
		padding: 10px 30px 30px;
		}
    .floor_category {
		display: flex;
		text-align:left;
		width: 100%;
		flex-direction: column;
		flex-wrap: wrap;
		height: auto;
		flex-grow: 1;
	}
	.floor_horizontal_category__tit {
		margin-bottom: 9px;
		width: 100%;
	}
	.floor_horizontal_category__tit > ul {
		display:flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: center;
	}

    .floor_horizontal_category__number {
		font-size: 3rem;
		text-align: center;
		font-family: var(--font04);
		font-weight:bold;
		width: 100%;
	}
	.floor_horizontal_category__number span {
		font-size: 1.5rem;
	}
    .floor_horizontal_category__type {
        font-size: 1rem;
        font-weight: bold;
        width: 100%;
        text-align: center;
    }
    .floor_horizontal_category__type > ul {
        display: flex;
        flex-direction: column;
        align-content: flex-start;
        flex-wrap: wrap;
        align-items: flex-start;
    }
    .floor_horizontal_category__type_c {
        font-family: var(--font01);
        font-size: 1.5rem;
        width: 100%;
    }
    .floor_horizontal_category__type_en {
        color: #bfbfbf;
        font-family: var(--font06);
        display: inline-block;
        padding-top:5px;
        font-size: 12px;
        width: 100%;
    }
	.floor_horizontal_category__text {
        font-size: clamp(0.875rem, 0.689rem + 0.29vw, 1rem);
        line-height: 1.6;
    }

	.floor_horizontal_item__col {
		width: 100%;
		padding: 30px;
	}
	.floor_bed .floor_horizontal_item__col,
	.floor_soho .floor_horizontal_item__col{
		padding: 0 30px 30px;
	}
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
	.floor_horizontal_category__tit {
		margin-bottom: 14px;
		width: 100%;
		font-size: 18px;
        margin-bottom: 12px;
        font-weight: bold;
	}
	.floor_horizontal_category__tit > ul {
		display:flex;
		flex-wrap: nowrap;
		flex-direction: column;
	}
    .floor_horizontal_category__number {
		font-size: 25px;
		text-align: left;
		font-family: var(--font04);
		font-weight:bold;
		width: 100%;
	}
	.floor_horizontal_category__number span {
		font-size: 20px;
	}
    .floor_horizontal_category__type {
        font-size: 1.7vw;
        font-weight: bold;
        width: 100%;
    }
    .floor_horizontal_category__type > ul {
        display: flex;
        flex-direction: column;
        align-content: flex-start;
        flex-wrap: wrap;
    }
    .floor_horizontal_category__type_c {
        font-family: var(--font01);
        font-size: 15px;
    }
    .floor_horizontal_category__type_en {
        color: #bfbfbf;
        font-family: var(--font06);
        display: inline-block;
        font-size: 11px;
    }
    .floor_horizontal_category__text {
        margin-bottom: 10px;
        font-size: 11px;
        line-height: 1.6;
    }
	
}
@media only screen and (min-width:1025px) {
    .floor_horizontal_category__tit {
		margin-bottom: 23px;
		width: 100%;
	}
	.floor_horizontal_category__tit > ul {
		display:flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
    .floor_horizontal_category__number {
		font-size: 3vw;
		text-align: left;
		font-family: var(--font04);
		font-weight:bold;
		width: 100%;
		margin-bottom: -10px;
	}
	.floor_horizontal_category__number span {
		font-size: 2vw;
	}
    .floor_horizontal_category__type {
        font-size: 1.6vw;
        font-weight: bold;
        width: 100%;
    }
    .floor_horizontal_category__type > ul {
        display: flex;
        flex-direction: column;
        align-content: flex-start;
        flex-wrap: wrap;
    }
    .floor_horizontal_category__type_c {
        
    }
    .floor_horizontal_category__type_en {
        color: #bfbfbf;
        font-family: var(--font06);
        display: inline-block;
        font-size: 14px;
    }
    .floor_horizontal_category__text {
        margin-bottom: 10px;
        font-size: clamp(0.75rem, 0.689rem + 0.29vw, 0.9rem);
	}
	.floor_bed .floor_horizontal_category__text {
		margin-bottom:18px;	
	}
}

/*
 floor_horizontal_item__col
------------------------------------- */
@media only screen and (max-width: 599px) {
	
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
	
}
@media only screen and (min-width:1025px) {
    .floor_horizontal_item__col {
        padding: 4% 1% 1%;
    }
}






/* ----------------------------------------------------------

 - LINE UP

---------------------------------------------------------- */
/*
 accordions
------------------------------------- */
@media only screen and (max-width: 599px) {
	.accordions {
        margin: 0 auto;
        padding: 0 5% 0;
    }
    .accordions h3 {
        font-size: 1.8vw;
        margin-bottom: 18px;
    }
	.include-accordion {
		max-width: 599px;
		padding: 0;
	}
	.acd_1f_lighting .include-accordion > li,
	.acd_3f_hokuoh .include-accordion > li,
	.acd_4f_dining .include-accordion > li,
	.acd_5f .include-accordion > li,
	
	.acd_6f_bed .include-accordion > li,
	.acd_7f_bed .include-accordion > li,
	.acd_7f_soho_01 .include-accordion > li {
		border-top: 1px solid #333;
		border-bottom: 1px solid #333;
	}
	.acd_1f_styling .include-accordion > li,
	.acd_3f_japan .include-accordion > li,
	.acd_4f_living .include-accordion > li,
	.acd_7f_soho_02 .include-accordion > li {
		border-top: 1px solid #333;
		border-bottom: none;
	}
	.include-accordion .accordionBlock{
		height: 0;
		padding: 0;
		overflow: hidden;
		transition: .5s;
		background-color: #607D8B;
		margin:0;
	}
	.include-accordion li .accordionBlock_contents{
		padding: 10px;
		background: #fff;
	}
	.include-accordion:nth-of-type(1) li.active li:last-child{
	}
	.include-accordion button{
		position: relative;
		border: none;
		width: 100%;
		background-color: #fff;
		color: #333;
		cursor: pointer;
		text-align: left;
		padding: 15px 0 15px 20px;
		font-size:1em;
		border-bottom: 1px solid #333;
	}
	.include-accordion li:last-child button{
		border-bottom:none;
	}
	.include-accordion button:hover{
		background-color: #fff;
	}
	.include-accordion button::before,
	.include-accordion button::after{
		content:"";
		position: absolute;
		top: 20px;
		width: 1.5px;
		height: 8px;
		background-color: #333;
		transition: .5s;
	}
	.include-accordion button::before{
		transform: rotate(-45deg);
		right: 35px;
	}
	.include-accordion button::after{
		transform: rotate(45deg);
		right: 30px;
	}
	.include-accordion li.active button::before{
		transform: rotate(-135deg);
		transition:.5s;
	}
	.include-accordion li.active button::after{
		transform: rotate(135deg);
		transition:.5s;
	}
	.include-accordion.active{
		overflow-y: auto;
	}
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
	 .accordions {
        margin: 0 auto;
        padding: 0 5% 0;
    }
    .accordions h3 {
        font-size: 1.8vw;
        margin-bottom: 18px;
    }
	.include-accordion {
		//background-color: #607D8B;
		max-width: 1728px;
		padding: 0;
	}
	.acd_1f_lighting .include-accordion > li,
	.acd_3f_hokuoh .include-accordion > li,
	.acd_4f_dining .include-accordion > li,
	.acd_5f .include-accordion > li,
	
	.acd_6f_bed .include-accordion > li,
	.acd_7f_bed .include-accordion > li,
	.acd_7f_soho_01 .include-accordion > li {
		border-top: 1px solid #333;
		border-bottom: 1px solid #333;
	}
	.acd_1f_styling .include-accordion > li,
	.acd_3f_japan .include-accordion > li,
	.acd_4f_living .include-accordion > li,
	.acd_7f_soho_02 .include-accordion > li {
		border-top: 1px solid #333;
		border-bottom: none;
	}
	.include-accordion .accordionBlock{
		height: 0;
		padding: 0;
		overflow: hidden;
		transition: .5s;
		background-color: #607D8B;
		margin:0;
	}
	.include-accordion li .accordionBlock_contents{
		padding: 10px;
		background: #fff;
	}
	.include-accordion:nth-of-type(1) li.active li:last-child{
	}
	.include-accordion button{
		position: relative;
		border: none;
		width: 100%;
		background-color: #fff;
		color: #333;
		cursor: pointer;
		text-align: left;
		padding: 15px 0 15px 20px;
		font-size:1em;
		border-bottom: 1px solid #fff;
	}
	.include-accordion li:last-child button{
		border-bottom:none;
	}
	.include-accordion button:hover{
	}
	.include-accordion button::before,
	.include-accordion button::after{
		content:"";
		position: absolute;
		top: 20px;
		width: 1.5px;
		height: 8px;
		background-color: #333;
		transition: .5s;
	}
	.include-accordion button::before{
		transform: rotate(-45deg);
		right: 35px;
	}
	.include-accordion button::after{
		transform: rotate(45deg);
		right: 30px;
	}
	.include-accordion li.active button::before{
		transform: rotate(-135deg);
		transition:.5s;
	}
	.include-accordion li.active button::after{
		transform: rotate(135deg);
		transition:.5s;
	}
	.include-accordion.active{
		overflow-y: auto;
	}
}
@media only screen and (min-width:1025px) {
    .accordions {
        margin: 0 auto;
        padding: 0 10% 0;
    }
    .accordions h3 {
        font-size: 1.8vw;
        margin-bottom: 18px;
    }
	.include-accordion {
		//background-color: #607D8B;
		max-width: 1728px;
		padding: 0;
	}
	.acd_1f_lighting .include-accordion > li,
	.acd_3f_hokuoh .include-accordion > li,
	.acd_4f_dining .include-accordion > li,
	.acd_5f .include-accordion > li,
	
	.acd_6f_bed .include-accordion > li,
	.acd_7f_bed .include-accordion > li,
	.acd_7f_soho_01 .include-accordion > li {
		border-top: 1px solid #333;
		border-bottom: 1px solid #333;
	}
	.acd_1f_styling .include-accordion > li,
	.acd_3f_japan .include-accordion > li,
	.acd_4f_living .include-accordion > li,
	.acd_7f_soho_02 .include-accordion > li {
		border-top: 1px solid #333;
		border-bottom: none;
	}
	.include-accordion .accordionBlock{
		height: 0;
		padding: 0;
		overflow: hidden;
		transition: .5s;\
		margin:0;
	}
	.include-accordion li .accordionBlock_contents{
		padding: 10px 0 10px 10px;
		background: #fff;
	}
	.include-accordion:nth-of-type(1) li.active li:last-child{
	}
	.include-accordion button{
		position: relative;
		border: none;
		width: 100%;
		background-color: #fff;
		cursor: pointer;
		text-align: center;
		padding: 15px 0 15px 20px;
		font-size:1em;
		border-bottom: 1px solid #333;
	}
	.include-accordion li:last-child button{
		border-bottom:none;
	}
	.include-accordion button:hover{
	}
	.include-accordion button::before,
	.include-accordion button::after{
		content:"";
		position: absolute;
		top: 20px;
		width: 1.5px;
		height: 8px;
		background-color: #333;
		transition: .5s;
	}
	.include-accordion button::before{
		transform: rotate(-45deg);
		right: 35px;
	}
	.include-accordion button::after{
		transform: rotate(45deg);
		right: 30px;
	}
	.include-accordion li.active button::before{
		transform: rotate(-135deg);
		transition:.5s;
	}
	.include-accordion li.active button::after{
		transform: rotate(135deg);
		transition:.5s;
	}
	.include-accordion.active{
		overflow-y: auto;
	}
}


/* -------------------------------------
 accBlock_contents_lineup
------------------------------------- */
@media only screen and (max-width: 599px) {
	.acBlock_contents_lineup {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: stretch;
    }
    .acBlock_contents_lineup_col {
        width: 48%;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin: 30px 0 40px;
    }
    .acBlock_contents_lineup_col__item {
        display: flex;
        flex-direction: column;
    }
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
	.acBlock_contents_lineup {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: stretch;
    }
    .acBlock_contents_lineup_col {
        width: 22.7%;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin: 30px 20px 30px 0;
    }
	.acBlock_contents_lineup_col:nth-of-type(4) {
		margin-right:0;
	}
    .acBlock_contents_lineup_col__item {
        display: flex;
        flex-direction: column;
    }
}
@media only screen and (min-width:1025px) {
    .acBlock_contents_lineup {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: stretch;
    }
    .acBlock_contents_lineup_col {
        width: 18.1%;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin: 30px 10px 50px;
    }
    .acBlock_contents_lineup_col__item {
        display: flex;
        flex-direction: column;
    }
}


/* -------------------------------------
 acBlock_contents_logo
------------------------------------- */
@media only screen and (max-width: 599px) {
	.acBlock_contents_logo {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-bottom: 34px;
    }
    .acBlock_contents_logo_col {
        width:31%;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: flex-start;
		margin-right:10px;
    }
	.acBlock_contents_logo_col:nth-of-type(3),
	.acBlock_contents_logo_col:nth-of-type(6),
    .acBlock_contents_logo_col:nth-of-type(9) {
		margin-right:0;
	}
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
	.acBlock_contents_logo {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-bottom: 50px;
    }
    .acBlock_contents_logo_col {
        width: 17.5%;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin: 10px 5px 0 10px;
    }
	.acBlock_contents_logo_col:nth-of-type(5) {
		margin-right:0;
	}
}
@media only screen and (min-width:1025px) {
	.acBlock_contents_logo {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-bottom: 50px;
    }
    .acBlock_contents_logo_col {
        width: 13.6%;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-right:10px;
        margin-bottom: 10px;
    }
	.acBlock_contents_logo_col:nth-of-type(7) {
		margin-right:0;
	}
    .acBlock_contents_col__logo {
		display: flex;
    }
}





/* ----------------------------------------------------------

 - access_area

---------------------------------------------------------- */
/*
 access_area
------------------------------------- */
@media only screen and (max-width: 599px) {
	.access_area {
        padding: 40px 5% 5%;
        margin: 0 auto;
    }
	.access_area h3 {
		text-align: left;
		font-size: 36px;
		font-family: var(--font08);
		margin-bottom: 10px;
	}
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
	.access_area {
        padding: 60px 5% 40px;
        margin: 0 auto;
    }
	.access_area h3 {
	text-align: left;
	font-size: 35px;
	margin-bottom: 10px;
	} 
}

@media only screen and (min-width:1025px) {
    .access_area {
        padding: 90px 18% 0;
        margin: 0 auto;
    }
	.access_area h3 {
		text-align:left;
		font-size: 2.8vw;
		margin-bottom: 42px;
		font-family: var(--font08);
	} 
}

/*
 access_area_wrap
------------------------------------- */
@media only screen and (max-width: 599px) {
	.access_area_wrap {
        display: flex;
        flex-direction: column-reverse;
        flex-wrap: nowrap;
        justify-content: space-between;
        width: 100%;
    }
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
	.access_area_wrap {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        width: 100%;
    }
}
@media only screen and (min-width:1025px) {
    .access_area_wrap {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        width: 100%;
    }
}

/*
 access_area__text
------------------------------------- */
@media only screen and (max-width: 599px) {
	.access_area__text {
		width: 100%;
	}
    .access_area__text {
        width: 100%;
        display:flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: flex-start;
        text-align:left;
        font-family: var(--font05);
    }
	.access_area__text__block {
		margin: 10px auto 10px;
		width: 100%;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: flex-start;
		text-align: left;
	}
	.access_area__text__block p {
		font-size: 15px;
		font-weight:bold;
		position:relative;
		margin-bottom:10px;
		width: 100%;
	}
	.access_area__text__block:nth-child(1) p::after,
	.access_area__text__block:nth-child(2) p::after,
    .access_area__text__block:nth-child(3) p::after,
    .access_area__text__block:nth-child(4) p::after,
    .access_area__text__block:nth-child(5) p::after {
		content: '';
		width: 46%;
		height: 1px;
		display: inline-block;
		background-color: #9E9E9E;
		position: absolute;
		bottom: 10px;
		right: 8%;
	}
	.access_area__text__block ul {
		display:flex;
		flex-direction: column;
		flex-wrap: wrap;
		font-size: 14px;
	}
	.access_area__text__block.showroom_btn {
		display: inline-block;
        width: 98%;
        background: #7b7b7b;
	}
    .access_area__text__block.showroom_btn a {
        display: block;
        padding: 10px 0;
		text-align:center;
        font-size: 14px;
        color: #fff;
    }
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
	.access_area__text {
		width: 50%;
	}
    .access_area__text {
        width: 46%;
        display:flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: flex-start;
        text-align:left;
        font-family: var(--font05);
    }
	.access_area__text__block {
		margin-bottom: 17px;
		width: 100%;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: flex-start;
		text-align: left;
	}
	.access_area__text__block p {
		font-size: 16px;
		font-weight:bold;
		position:relative;
		margin-bottom:10px
	}
	.access_area__text__block:nth-child(1) p::after,
	.access_area__text__block:nth-child(2) p::after,
    .access_area__text__block:nth-child(3) p::after,
    .access_area__text__block:nth-child(4) p::after,
    .access_area__text__block:nth-child(5) p::after {
		content: '';
		width: 45%;
		height: 1px;
		display: inline-block;
		background-color: #9E9E9E;
		position: absolute;
		bottom: 12px;
		right: 7%;
	}
	.access_area__text__block ul {
		display:flex;
		flex-direction: column;
		flex-wrap: wrap;
		font-size: 13px;
	}
	.access_area__text__block.showroom_btn {
		display: inline-block;
        width: 92%;
        background: #7b7b7b;
	}
    .access_area__text__block.showroom_btn a {
        display: block;
        padding: 10px 0;
		text-align:center;
        font-size: 14px;
        color: #fff;
    }
}
@media only screen and (min-width:1025px) {
	.access_area__text {
		width: 50%;
	}
    .access_area__text {
        width: 48%;
        display:flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: flex-start;
        text-align:left;
        font-family: var(--font05);
    }

	.access_area__text__block {
		margin-bottom:40px;
		width: 100%;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: flex-start;
		text-align: left;
	}
	.access_area__text__block p {
		font-size: 1vw;
		font-weight:bold;
		position:relative;
		margin-bottom:10px
	}
	.access_area__text__block:nth-child(1) p::after,
	.access_area__text__block:nth-child(2) p::after,
    .access_area__text__block:nth-child(3) p::after,
    .access_area__text__block:nth-child(4) p::after,
    .access_area__text__block:nth-child(5) p::after{
		content: '';
		width: 45%;
		height: 1px;
		display: inline-block;
		background-color: #9E9E9E;
		position: absolute;
		bottom: 12px;
		right: 19%;
	}
	.access_area__text__block ul {
		display:flex;
		flex-direction: column;
		flex-wrap: wrap;
		font-size: 0.9vw;
	}
	.access_area__text__block.showroom_btn {
		display: inline-block;
        width: 81%;
        background: #7b7b7b;
	}
    .access_area__text__block.showroom_btn a {
        display: block;
        padding: 10px 0;
		text-align:center;
        font-size: 14px;
        color: #fff;
    }
}

/*
 access_area__map
------------------------------------- */
@media only screen and (max-width: 599px) {
    .access_area__map > p {
        width: 100%;
        text-align: right;
        font-size: 11px;
    }

}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
	.access_area__map {
		width: 52%;
	}
	.access_area__map > img {
	   width:100%
	}

    .access_area__map > p {
    width: 100%;
    text-align: right;
    font-size: 12px;
    }

}
@media only screen and (min-width:1025px) {
	.access_area__map {
		width: 50%;
	}
	.access_area__map > img {
	   width:100%
   }
    .access_area__map > p {
    width: 100%;
    margin: 0 auto;
    text-align: right;
    font-size: 12px;
    }
}





.ikebukuro_open.wrapper {
    font-family: YakuHanJP, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	color: #333333;
}