@charset "UTF-8";
/*! destyle.css v4.0.0 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*, ::before, ::after { box-sizing: border-box; border-style: solid; border-width: 0; }

/* Document */
/* ============================================ */
/** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Remove gray overlay on links for iOS. */
html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -webkit-tap-highlight-color: transparent; /* 3*/ }

/* Sections */
/* ============================================ */
/** Remove the margin in all browsers. */
body { margin: 0; }

/** Render the `main` element consistently in IE. */
main { display: block; }

/* Vertical rhythm */
/* ============================================ */
p, table, blockquote, address, pre, iframe, form, figure, dl { margin: 0; }

/* Headings */
/* ============================================ */
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; margin: 0; }

/* Lists (enumeration) */
/* ============================================ */
ul, ol { margin: 0; padding: 0; list-style: none; }

/* Lists (definition) */
/* ============================================ */
dt { font-weight: bold; }

dd { margin-left: 0; }

/* Grouping content */
/* ============================================ */
/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ border-top-width: 1px; margin: 0; clear: both; color: inherit; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
pre { font-family: monospace, monospace; /* 1 */ font-size: inherit; /* 2 */ }

address { font-style: inherit; }

/* Text-level semantics */
/* ============================================ */
/** Remove the gray background on active links in IE 10. */
a { background-color: transparent; text-decoration: none; color: inherit; }

/** 1. Remove the bottom border in Chrome 57- 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] { text-decoration: underline dotted; /* 2 */ }

/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: inherit; /* 2 */ }

/** Add the correct font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Replaced content */
/* ============================================ */
/** Prevent vertical alignment issues. */
svg, img, embed, object, iframe { vertical-align: bottom; }

/* Forms */
/* ============================================ */
/** Reset form fields to make them styleable. 1. Make form elements stylable across systems iOS especially. 2. Inherit text-transform from parent. */
button, input, optgroup, select, textarea { -webkit-appearance: none; /* 1 */ appearance: none; vertical-align: middle; color: inherit; font: inherit; background: transparent; padding: 0; margin: 0; border-radius: 0; text-align: inherit; text-transform: inherit; /* 2 */ }

/** Correct cursors for clickable elements. */
button, [type="button"], [type="reset"], [type="submit"] { cursor: pointer; }

button:disabled, [type="button"]:disabled, [type="reset"]:disabled, [type="submit"]:disabled { cursor: default; }

/** Improve outlines for Firefox and unify style with input elements & buttons. */
:-moz-focusring { outline: auto; }

select:disabled { opacity: inherit; }

/** Remove padding */
option { padding: 0; }

/** Reset to invisible */
fieldset { margin: 0; padding: 0; min-width: 0; }

legend { padding: 0; }

/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { vertical-align: baseline; }

/** Remove the default vertical scrollbar in IE 10+. */
textarea { overflow: auto; }

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

/** Correct the outline style in Safari. */
[type="search"] { outline-offset: -2px; /* 1 */ }

/** Remove the inner padding in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Fix font inheritance. */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

/** Fix appearance for Firefox */
[type="number"] { -moz-appearance: textfield; }

/** Clickable labels */
label[for] { cursor: pointer; }

/* Interactive */
/* ============================================ */
/* Add the correct display in Edge, IE 10+, and Firefox. */
details { display: block; }

/* Add the correct display in all browsers. */
summary { display: list-item; }

/* Remove outline for editable content. */
[contenteditable]:focus { outline: auto; }

/* Tables */
/* ============================================ */
/**
1. Correct table border color inheritance in all Chrome and Safari.
*/
table { border-color: inherit; /* 1 */ border-collapse: collapse; }

caption { text-align: left; }

td, th { vertical-align: top; padding: 0; }

th { text-align: left; font-weight: bold; }

.main-master { position: relative; }
.main-master .main-body { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.main-master .main-body img { width: 100%; height: 100%; object-fit: cover !important; object-position: center top; }
.main-master .main-name { position: relative; transform: none; top: auto; left: auto; padding: 10rem 0 10rem; }
.main-master .main-name .main-logo { width: 50%; max-width: 800px; margin: 0 auto; padding-bottom: 2.5rem; }
.main-master .main-name .main-logo img { width: 100%; height: auto; margin-left: 3%; }
.main-master .main-name .jp-txt { color: #231815; line-height: 2; letter-spacing: 0.2em; font-size: 1.5rem; }
@media screen and (max-width: 768px) { .main-master .main-body { margin: 0; } }
@media screen and (max-width: 640px) { .main-master .main-name .main-logo { width: 80%; } }

.sound-wrap { padding: 0rem 0rem; position: absolute; top: 1rem; right: 0rem; width: 200px; display: grid; grid-template-columns: 20px 1fr; justify-content: center; align-items: center; flex-wrap: wrap; z-index: 4; cursor: pointer; }
.sound-wrap .sound-pict { grid-row: 1/2; grid-column: 1/2; width: 20px; height: 1.5rem; position: relative; vertical-align: middle; }
.sound-wrap .sound-pict ul { display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 100%; }
.sound-wrap .sound-pict ul li { width: 3px; height: 80%; background-color: #000; transform-origin: center bottom; transform: scaleY(5%); }
@keyframes soundMotionWav1 { 0% { transform: scaleY(5%); }
  20% { transform: scaleY(20%); }
  40% { transform: scaleY(10%); }
  50% { transform: scaleY(40%); }
  60% { transform: scaleY(15%); }
  70% { transform: scaleY(60%); }
  90% { transform: scaleY(10%); }
  100% { transform: scaleY(5%); } }
@keyframes soundMotionWav2 { 0% { transform: scaleY(20%); }
  20% { transform: scaleY(40%); }
  40% { transform: scaleY(30%); }
  50% { transform: scaleY(80%); }
  60% { transform: scaleY(40%); }
  70% { transform: scaleY(90%); }
  90% { transform: scaleY(40%); }
  100% { transform: scaleY(20%); } }
@keyframes soundMotionWav3 { 0% { transform: scaleY(20%); }
  20% { transform: scaleY(50%); }
  40% { transform: scaleY(10%); }
  50% { transform: scaleY(50%); }
  60% { transform: scaleY(30%); }
  70% { transform: scaleY(70%); }
  90% { transform: scaleY(60%); }
  100% { transform: scaleY(20%); } }
@keyframes soundMotionWav4 { 0% { transform: scaleY(7%); }
  20% { transform: scaleY(20%); }
  40% { transform: scaleY(15%); }
  50% { transform: scaleY(30%); }
  60% { transform: scaleY(10%); }
  70% { transform: scaleY(30%); }
  90% { transform: scaleY(40%); }
  100% { transform: scaleY(7%); } }
.sound-wrap .sound-pict ul li:nth-child(1) { animation: soundMotionWav1 2s ease 0s infinite; }
.sound-wrap .sound-pict ul li:nth-child(2) { animation: soundMotionWav2 2s ease 0s infinite; }
.sound-wrap .sound-pict ul li:nth-child(3) { animation: soundMotionWav3 2s ease 0s infinite; }
.sound-wrap .sound-pict ul li:nth-child(4) { animation: soundMotionWav4 2s ease 0s infinite; }
.sound-wrap .sound-txt { grid-row: 1/2; grid-column: 2/3; color: #000; font-size: 1rem; line-height: 1; vertical-align: middle; margin-left: 1rem; }
.sound-wrap .sound-on, .sound-wrap .sound-off { grid-row: 2/3; grid-column: 1/3; margin-top: 0.5rem; width: 100%; text-align: center; font-size: 1.2rem; }
.sound-wrap .sound-on .txt-off, .sound-wrap .sound-off .txt-off { opacity: 0.5; }
.sound-wrap .sound-off { display: none; }
.sound-wrap.active .sound-on { display: none; }
.sound-wrap.active .sound-off { display: block; }
@media screen and (max-width: 768px) { .sound-wrap { top: 15px; right: 0px; width: 160px; grid-template-columns: 16px 1fr; }
  .sound-wrap .sound-txt { font-size: 0.8rem; }
  .sound-wrap .sound-on, .sound-wrap .sound-off { margin-top: 0.2rem; font-size: 1rem; }
  .sound-wrap .sound-pict { width: 16px; } }
@media screen and (max-width: 500px) { .sound-wrap { top: auto; bottom: 5%; right: auto; left: 50%; width: auto; transform: translateX(-50%); background-color: #fff; border-radius: 50px; padding: 1rem 2rem; }
  .sound-wrap .sound-txt { font-size: 1rem; } }

.sound-player { display: none; }

.concept-overview { width: 100%; position: relative; text-align: center; padding: 5rem 0 10rem; overflow: hidden; margin-bottom: -50px; /*@media screen and (max-width: 640px) {
	.ranking-list{
		justify-content: flex-start;
		.rg01{ width:378 / 420 * 100%;} 
		.rg02{ width:406 / 420 * 100%;} 
		.rg03{ width:412 / 420 * 100%;} 
		.rg04{ width:363 / 420 * 100%;} 
		.rg05{ width:343 / 420 * 100%;} 
	}
}*/ }
.concept-overview .concept-overview-bg { z-index: 0; content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("../img/concept/img_ranking_bg.png"); background-position: center bottom; background-size: cover; background-repeat: no-repeat; }
.concept-overview .overview-inner { position: relative; width: 90%; max-width: 1300px; margin: 0 auto 2rem; }
.concept-overview .en-txt { font-size: 3.8rem; margin-bottom: 2rem; }
.concept-overview .jp-txt { font-size: 1.6rem; line-height: 1.8; margin-bottom: 4rem; }
.concept-overview .ranking-ttl { max-width: 300px; width: 80%; margin: 0 auto 2rem; }
.concept-overview .ranking-ttl img { transform-origin: center bottom; }
@keyframes rankingTtlMotion { 0% { transform: scale(1, 1); }
  40% { transform: scale(1.05, 1.05); }
  60% { transform: scale(0.95, 0.95); }
  100% { transform: scale(1, 1); } }
.concept-overview .ranking-ttl.aos-animate img { animation: rankingTtlMotion 0.6s ease-out 0s forwards; }
.concept-overview .ranking-list { display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; align-items: flex-end; gap: 1.5rem 4%; }
.concept-overview .ranking-list img { width: 100%; height: auto; }
.concept-overview .ranking-list .rg01 { width: 29.0769230769%; }
.concept-overview .ranking-list .rg02 { width: 31.2307692308%; }
.concept-overview .ranking-list .rg03 { width: 31.6923076923%; }
.concept-overview .ranking-list .rg04 { width: 27.9230769231%; }
.concept-overview .ranking-list .rg05 { width: 26.3846153846%; }
@media screen and (max-width: 768px) { .concept-overview { /*.ranking-list{
	.rg01{ width:378 / 900 * 100%;} 
	.rg02{ width:406 / 900 * 100%;} 
	.rg03{ width:412 / 900 * 100%;} 
	.rg04{ width:363 / 900 * 100%;} 
	.rg05{ width:343 / 900 * 100%;} 
}*/ }
  .concept-overview .ranking-ttl { margin: 0 auto 2rem; }
  .concept-overview .ranking-list { justify-content: flex-start; align-items: flex-start; width: 100%; max-width: 500px; margin: 0 auto; gap: 2.5rem 4%; }
  .concept-overview .ranking-list .rg01 { width: 87.9069767442%; }
  .concept-overview .ranking-list .rg02 { width: 94.4186046512%; }
  .concept-overview .ranking-list .rg03 { width: 95.8139534884%; }
  .concept-overview .ranking-list .rg04 { width: 49.6575342466%; }
  .concept-overview .ranking-list .rg05 { width: 41.9178082192%; } }

.section-cls { overflow: hidden; padding-top: 200px; }

.slider-cls { position: relative; }
.slider-cls img { width: 100%; height: auto; }
.slider-cls .cell .cell-inner { position: relative; z-index: 3; opacity: 0.2; transform: scale(0.75, 0.75); transition: 0.3s ease 0s opacity, 0.3s ease 0s transform; cursor: pointer; pointer-events: none; }
.slider-cls .cell .cell-inner::before, .slider-cls .cell .cell-inner::after { content: ""; display: block; position: absolute; top: 0%; left: 50%; width: 60%; height: 80%; max-width: 400px; background-color: #fff; transition: 0.3s ease 0s transform; background-size: cover; background-position: center center; transform: translate(-50%, 10%); }
.slider-cls .cell .cell-img { width: 80%; max-width: 400px; margin: 0 auto; position: relative; z-index: 10; }
.slider-cls .cell.motion .cell-inner { opacity: 1; transform: scale(1, 1); pointer-events: auto; }
.slider-cls .cell.motion .cell-inner::before { transition: 0.5s ease 0.3s transform; transform: translate(-35%, 0%) rotate(12deg); }
.slider-cls .cell.motion .cell-inner::after { transition: 0.5s ease 0.3s transform; transform: translate(-65%, 10%) rotate(-10deg); }
.slider-cls .slick-dots { position: relative; bottom: auto; width: 90%; max-width: 400px; margin: 20px auto; display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 2% 3%; }
.slider-cls .slick-dots li { width: 12%; height: auto; margin: 0; padding: 0; transition: 0.5s ease 0s; }
.slider-cls .slick-dots li button { margin: 0 0 10px 0; padding: 12px 0; width: 100%; height: auto; border-bottom: 1px solid #000; overflow: hidden; }
.slider-cls .slick-dots li button::before { display: none; }
.slider-cls .slick-dots li button:after { content: ""; display: block; width: 100%; font-size: 12px; text-align: left; color: #000; font-family: "Oswald", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; letter-spacing: 0.05em; transition: 0.5s ease 0s; }
.slider-cls .slick-dots li.slick-active { width: 48%; }
.slider-cls .slick-dots li.slick-active button { border-bottom: 2px solid #000; }
.slider-cls .slick-dots li.slick-active button:after { font-size: 13px; }
@media screen and (max-width: 640px) { .slider-cls .cell { width: 100%; margin: 0 50px; }
  .slider-cls .cell .cell-inner { opacity: 0.2; }
  .slider-cls .cell .cell-inner::before, .slider-cls .cell .cell-inner::after { width: 80%; max-width: none; }
  .slider-cls .cell .cell-img { width: 100%; max-width: none; }
  .slider-cls .cell.slick-active.motion .cell-inner { opacity: 1; }
  .slider-cls .cell.slick-active.motion .cell-inner::before { transform: translate(-25%, 0%) rotate(12deg); }
  .slider-cls .cell.slick-active.motion .cell-inner::after { transform: translate(-75%, 10%) rotate(-10deg); } }

.slide-arrow { position: absolute; top: 50%; left: 50%; width: 82px; height: 86px; cursor: pointer; z-index: 10; display: none; }
.slide-arrow::after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center center; background-size: 100% auto; background-repeat: no-repeat; }
.slide-arrow::before { content: ""; display: block; position: absolute; top: 50%; width: 82px; height: 82px; border-radius: 50%; border: 2px solid #4E4945; transition: 0.3s ease 0s transform; }
.slide-arrow.prev-arrow { transform: translate(calc(-245px - 82 * 2.5px), -50%); }
.slide-arrow.prev-arrow::before { left: 0; transform: translate(-50%, -50%); }
.slide-arrow.prev-arrow::after { background-image: url("../img/concept/img_arrow_prev.png"); }
.slide-arrow.prev-arrow:hover::before { transform: translate(-50%, -50%) scale(1.2, 1.2); }
.slide-arrow.next-arrow { transform: translate(calc(245px + 82 * 1.5px), -50%); }
.slide-arrow.next-arrow::before { right: 0; transform: translate(50%, -50%); }
.slide-arrow.next-arrow::after { background-image: url("../img/concept/img_arrow_next.png"); }
.slide-arrow.next-arrow:hover::before { transform: translate(50%, -50%) scale(1.2, 1.2); }
.slide-arrow.ov { display: none; }
.slide-arrow.ov::before { border: 2px solid #fff; }
.slide-arrow.ov.prev-arrow::after { background-image: url("../img/concept/img_arrow_prev_w.png"); }
.slide-arrow.ov.next-arrow::after { background-image: url("../img/concept/img_arrow_next_w.png"); }
@media screen and (min-width: 1400px) { .slide-arrow.prev-arrow { transform: translate(calc(-245px - 82 * 4px), -50%); }
  .slide-arrow.next-arrow { transform: translate(calc(245px + 82 * 3px), -50%); } }
@media screen and (max-width: 1100px) { .slide-arrow.prev-arrow { transform: translate(calc(-245px - 82 * 1px), -50%); }
  .slide-arrow.next-arrow { transform: translate(calc(245px + 82 * 0px), -50%); } }
@media screen and (max-width: 768px) { .slide-arrow.prev-arrow { transform: translate(-50%, 0%); left: 35px; top: calc(50% - 70px); width: 40px; }
  .slide-arrow.prev-arrow::before { border-width: 1px; width: 50px; height: 50px; }
  .slide-arrow.prev-arrow::after { background-size: auto 12%; background-position: center left; }
  .slide-arrow.next-arrow { transform: translate(-50%, 0%); right: -5px; top: calc(50% - 70px); left: auto; width: 40px; }
  .slide-arrow.next-arrow::before { border-width: 1px; width: 50px; height: 50px; }
  .slide-arrow.next-arrow::after { background-size: auto 12%; background-position: center right; } }

.overlay-slider { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100000; overflow: hidden; pointer-events: none; opacity: 0; transition: 0.3s ease 0s opacity; }
.overlay-slider.active { pointer-events: auto; opacity: 1; }
.overlay-slider::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.8); }
.overlay-slider .overlay-close { cursor: pointer; position: fixed; top: 10px; right: 10px; width: 60px; z-index: 100; }
.overlay-slider .overlay-close img { width: 100%; height: auto; }
.overlay-slider .slider { position: relative; z-index: 10; }
.overlay-slider .slider .cell { display: flex; justify-content: center; height: 100vh; }
.overlay-slider .slider img { width: 100%; height: 100vh; object-fit: contain; object-position: center center; }

#sec01-slider .cell { /*.cell-inner{ 
	&::before{ 
		background-image: url("../img/concept/img_tachikawa_b02.jpg");
	}
	&::after{ 
		background-image: url("../img/concept/img_tachikawa_b01.jpg");
	} 
}*/ }
#sec01-slider .cell.cell-1 .cell-inner::before { background-image: url("../img/concept/img_myspace_b02.jpg"); }
#sec01-slider .cell.cell-1 .cell-inner::after { background-image: url("../img/concept/img_myspace_b01.jpg"); }
#sec01-slider .cell.cell-2 .cell-inner::before { background-image: url("../img/concept/img_myspace_b04.jpg"); }
#sec01-slider .cell.cell-2 .cell-inner::after { background-image: url("../img/concept/img_myspace_b03.jpg"); }
#sec01-slider .cell.cell-3 .cell-inner::before { background-image: url("../img/concept/img_myspace_b06.jpg"); }
#sec01-slider .cell.cell-3 .cell-inner::after { background-image: url("../img/concept/img_myspace_b05.jpg"); }
#sec01-slider .cell.cell-4 .cell-inner::before { background-image: url("../img/concept/img_myspace_b08.jpg"); }
#sec01-slider .cell.cell-4 .cell-inner::after { background-image: url("../img/concept/img_myspace_b07.jpg"); }
#sec01-slider .cell.cell-5 .cell-inner::before { background-image: url("../img/concept/img_myspace_b10.jpg"); }
#sec01-slider .cell.cell-5 .cell-inner::after { background-image: url("../img/concept/img_myspace_b09.jpg"); }
#sec01-slider .cell.cell-6 .cell-inner::before { background-image: url("../img/concept/img_myspace_b12.jpg"); }
#sec01-slider .cell.cell-6 .cell-inner::after { background-image: url("../img/concept/img_myspace_b11.jpg"); }
#sec01-slider .cell.cell-7 .cell-inner::before { background-image: url("../img/concept/img_myspace_b14.jpg"); }
#sec01-slider .cell.cell-7 .cell-inner::after { background-image: url("../img/concept/img_myspace_b13.jpg"); }
#sec01-slider .cell.cell-8 .cell-inner::before { background-image: url("../img/concept/img_myspace_b16.jpg"); }
#sec01-slider .cell.cell-8 .cell-inner::after { background-image: url("../img/concept/img_myspace_b15.jpg"); }
#sec01-slider .cell.cell-9 .cell-inner::before { background-image: url("../img/concept/img_myspace_b18.jpg"); }
#sec01-slider .cell.cell-9 .cell-inner::after { background-image: url("../img/concept/img_myspace_b17.jpg"); }
#sec01-slider .cell.cell-10 .cell-inner::before { background-image: url("../img/concept/img_myspace_b20.jpg"); }
#sec01-slider .cell.cell-10 .cell-inner::after { background-image: url("../img/concept/img_myspace_b19.jpg"); }
#sec01-slider .slick-dots li:nth-child(1) button::after { content: "01"; }
#sec01-slider .slick-dots li:nth-child(2) button::after { content: "02"; }
#sec01-slider .slick-dots li:nth-child(3) button::after { content: "03"; }
#sec01-slider .slick-dots li:nth-child(4) button::after { content: "04"; }
#sec01-slider .slick-dots li:nth-child(5) button::after { content: "05"; }
#sec01-slider .slick-dots li:nth-child(6) button::after { content: "06"; }
#sec01-slider .slick-dots li:nth-child(7) button::after { content: "07"; }
#sec01-slider .slick-dots li:nth-child(8) button::after { content: "08"; }
#sec01-slider .slick-dots li:nth-child(9) button::after { content: "09"; }
#sec01-slider .slick-dots li:nth-child(10) button::after { content: "10"; }
#sec01-slider .slick-dots li.slick-active:nth-child(1) button::after { content: "01 Special Plan"; }
#sec01-slider .slick-dots li.slick-active:nth-child(2) button::after { content: "02 2LDK+S(納戸)〜4LDK"; }
#sec01-slider .slick-dots li.slick-active:nth-child(3) button::after { content: "03 Pets Allowed"; }
#sec01-slider .slick-dots li.slick-active:nth-child(4) button::after { content: "04 Conservatory Spacee"; }
#sec01-slider .slick-dots li.slick-active:nth-child(5) button::after { content: "05 Open Air"; }
#sec01-slider .slick-dots li.slick-active:nth-child(6) button::after { content: "06 With Parking Lot"; }
#sec01-slider .slick-dots li.slick-active:nth-child(7) button::after { content: "07 Sky View Terrace"; }
#sec01-slider .slick-dots li.slick-active:nth-child(8) button::after { content: "08 Storage"; }
#sec01-slider .slick-dots li.slick-active:nth-child(9) button::after { content: "09 Internet"; }
#sec01-slider .slick-dots li.slick-active:nth-child(10) button::after { content: "10 ZEH"; }

#sec02-slider .cell { /*.cell-inner{ 
	&::before{ 
		background-image: url("../img/concept/img_natural_b02.jpg");
	}
	&::after{ 
		background-image: url("../img/concept/img_natural_b01.jpg");
	} 
}*/ }
#sec02-slider .cell.cell-1 .cell-inner::before { background-image: url("../img/concept/img_residence_b01.jpg"); }
#sec02-slider .cell.cell-1 .cell-inner::after { background-image: url("../img/concept/img_residence_b02.jpg"); }
#sec02-slider .cell.cell-2 .cell-inner::before { background-image: url("../img/concept/img_residence_b04.jpg"); }
#sec02-slider .cell.cell-2 .cell-inner::after { background-image: url("../img/concept/img_residence_b03.jpg"); }
#sec02-slider .cell.cell-3 .cell-inner::before { background-image: url("../img/concept/img_residence_b06.jpg"); }
#sec02-slider .cell.cell-3 .cell-inner::after { background-image: url("../img/concept/img_residence_b05.jpg"); }
#sec02-slider .cell.cell-4 .cell-inner::before { background-image: url("../img/concept/img_residence_b08.jpg"); }
#sec02-slider .cell.cell-4 .cell-inner::after { background-image: url("../img/concept/img_residence_b07.jpg"); }
#sec02-slider .cell.cell-5 .cell-inner::before { background-image: url("../img/concept/img_residence_b10.jpg"); }
#sec02-slider .cell.cell-5 .cell-inner::after { background-image: url("../img/concept/img_residence_b09.jpg"); }
#sec02-slider .cell.cell-6 .cell-inner::before { background-image: url("../img/concept/img_residence_b12.jpg"); }
#sec02-slider .cell.cell-6 .cell-inner::after { background-image: url("../img/concept/img_residence_b11.jpg"); }
#sec02-slider .cell.cell-7 .cell-inner::before { background-image: url("../img/concept/img_residence_b14.jpg"); }
#sec02-slider .cell.cell-7 .cell-inner::after { background-image: url("../img/concept/img_residence_b13.jpg"); }
#sec02-slider .cell.cell-8 .cell-inner::before { background-image: url("../img/concept/img_residence_b16.jpg"); }
#sec02-slider .cell.cell-8 .cell-inner::after { background-image: url("../img/concept/img_residence_b15.jpg"); }
#sec02-slider .slick-dots li:nth-child(1) button::after { content: "11"; }
#sec02-slider .slick-dots li:nth-child(2) button::after { content: "12"; }
#sec02-slider .slick-dots li:nth-child(3) button::after { content: "13"; }
#sec02-slider .slick-dots li:nth-child(4) button::after { content: "14"; }
#sec02-slider .slick-dots li:nth-child(5) button::after { content: "15"; }
#sec02-slider .slick-dots li:nth-child(6) button::after { content: "16"; }
#sec02-slider .slick-dots li:nth-child(7) button::after { content: "17"; }
#sec02-slider .slick-dots li:nth-child(8) button::after { content: "18"; }
#sec02-slider .slick-dots li:nth-child(9) button::after { content: "19"; }
#sec02-slider .slick-dots li.slick-active:nth-child(1) button::after { content: "11 Sauna"; }
#sec02-slider .slick-dots li.slick-active:nth-child(2) button::after { content: "12 Laundry"; }
#sec02-slider .slick-dots li.slick-active:nth-child(3) button::after { content: "13 Party Room"; }
#sec02-slider .slick-dots li.slick-active:nth-child(4) button::after { content: "14 Common Space"; }
#sec02-slider .slick-dots li.slick-active:nth-child(5) button::after { content: "15 Facade"; }
#sec02-slider .slick-dots li.slick-active:nth-child(6) button::after { content: "16 Openness"; }
#sec02-slider .slick-dots li.slick-active:nth-child(7) button::after { content: "17 Car Share"; }
#sec02-slider .slick-dots li.slick-active:nth-child(8) button::after { content: "18 EV Charging"; }
#sec02-slider .slick-dots li.slick-active:nth-child(9) button::after { content: "19 Big Project"; }

#sec03-slider .cell { /*.cell-inner{ 
	&::before{ 
		background-image: url("../img/concept/img_residence_b02.jpg");
	}
	&::after{ 
		background-image: url("../img/concept/img_residence_b01.jpg");
	} 
}*/ }
#sec03-slider .cell.cell-1 .cell-inner::before { background-image: url("../img/concept/img_natural_b02.jpg"); }
#sec03-slider .cell.cell-1 .cell-inner::after { background-image: url("../img/concept/img_natural_b01.jpg"); }
#sec03-slider .cell.cell-2 .cell-inner::before { background-image: url("../img/concept/img_natural_b04.jpg"); }
#sec03-slider .cell.cell-2 .cell-inner::after { background-image: url("../img/concept/img_natural_b03.jpg"); }
#sec03-slider .cell.cell-3 .cell-inner::before { background-image: url("../img/concept/img_natural_b06.jpg"); }
#sec03-slider .cell.cell-3 .cell-inner::after { background-image: url("../img/concept/img_natural_b05.jpg"); }
#sec03-slider .cell.cell-4 .cell-inner::before { background-image: url("../img/concept/img_natural_b08.jpg"); }
#sec03-slider .cell.cell-4 .cell-inner::after { background-image: url("../img/concept/img_natural_b07.jpg"); }
#sec03-slider .cell.cell-5 .cell-inner::before { background-image: url("../img/concept/img_natural_b10.jpg"); }
#sec03-slider .cell.cell-5 .cell-inner::after { background-image: url("../img/concept/img_natural_b09.jpg"); }
#sec03-slider .cell.cell-6 .cell-inner::before { background-image: url("../img/concept/img_natural_b12.jpg"); }
#sec03-slider .cell.cell-6 .cell-inner::after { background-image: url("../img/concept/img_natural_b11.jpg"); }
#sec03-slider .cell.cell-7 .cell-inner::before { background-image: url("../img/concept/img_natural_b14.jpg"); }
#sec03-slider .cell.cell-7 .cell-inner::after { background-image: url("../img/concept/img_natural_b13.jpg"); }
#sec03-slider .cell.cell-8 .cell-inner::before { background-image: url("../img/concept/img_natural_b16.jpg"); }
#sec03-slider .cell.cell-8 .cell-inner::after { background-image: url("../img/concept/img_natural_b15.jpg"); }
#sec03-slider .slick-dots li:nth-child(1) button::after { content: "20"; }
#sec03-slider .slick-dots li:nth-child(2) button::after { content: "21"; }
#sec03-slider .slick-dots li:nth-child(3) button::after { content: "22"; }
#sec03-slider .slick-dots li:nth-child(4) button::after { content: "23"; }
#sec03-slider .slick-dots li:nth-child(5) button::after { content: "24"; }
#sec03-slider .slick-dots li:nth-child(6) button::after { content: "25"; }
#sec03-slider .slick-dots li:nth-child(7) button::after { content: "26"; }
#sec03-slider .slick-dots li:nth-child(8) button::after { content: "27"; }
#sec03-slider .slick-dots li.slick-active:nth-child(1) button::after { content: "20 River Front"; }
#sec03-slider .slick-dots li.slick-active:nth-child(2) button::after { content: "21 View"; }
#sec03-slider .slick-dots li.slick-active:nth-child(3) button::after { content: "22 Dog Walk"; }
#sec03-slider .slick-dots li.slick-active:nth-child(4) button::after { content: "23 Exercise"; }
#sec03-slider .slick-dots li.slick-active:nth-child(5) button::after { content: "24 Workation"; }
#sec03-slider .slick-dots li.slick-active:nth-child(6) button::after { content: "25 Cherry Blossom"; }
#sec03-slider .slick-dots li.slick-active:nth-child(7) button::after { content: "26 Fireworks"; }
#sec03-slider .slick-dots li.slick-active:nth-child(8) button::after { content: "27 Silence"; }

#sec04-slider .cell { /*.cell-inner{ 
	&::before{ 
		background-image: url("../img/concept/img_myspace_b02.jpg");
	}
	&::after{ 
		background-image: url("../img/concept/img_myspace_b01.jpg");
	} 
}*/ }
#sec04-slider .cell.cell-1 .cell-inner::before { background-image: url("../img/concept/img_tachikawa_b02.jpg"); }
#sec04-slider .cell.cell-1 .cell-inner::after { background-image: url("../img/concept/img_tachikawa_b01.jpg"); }
#sec04-slider .cell.cell-2 .cell-inner::before { background-image: url("../img/concept/img_tachikawa_b04.jpg"); }
#sec04-slider .cell.cell-2 .cell-inner::after { background-image: url("../img/concept/img_tachikawa_b03.jpg"); }
#sec04-slider .cell.cell-3 .cell-inner::before { background-image: url("../img/concept/img_tachikawa_b06.jpg"); }
#sec04-slider .cell.cell-3 .cell-inner::after { background-image: url("../img/concept/img_tachikawa_b05.jpg"); }
#sec04-slider .cell.cell-4 .cell-inner::before { background-image: url("../img/concept/img_tachikawa_b08.jpg"); }
#sec04-slider .cell.cell-4 .cell-inner::after { background-image: url("../img/concept/img_tachikawa_b07.jpg"); }
#sec04-slider .cell.cell-5 .cell-inner::before { background-image: url("../img/concept/img_tachikawa_b10.jpg"); }
#sec04-slider .cell.cell-5 .cell-inner::after { background-image: url("../img/concept/img_tachikawa_b09.jpg"); }
#sec04-slider .cell.cell-6 .cell-inner::before { background-image: url("../img/concept/img_tachikawa_b12.jpg"); }
#sec04-slider .cell.cell-6 .cell-inner::after { background-image: url("../img/concept/img_tachikawa_b11.jpg"); }
#sec04-slider .cell.cell-7 .cell-inner::before { background-image: url("../img/concept/img_tachikawa_b14.jpg"); }
#sec04-slider .cell.cell-7 .cell-inner::after { background-image: url("../img/concept/img_tachikawa_b13.jpg"); }
#sec04-slider .cell.cell-8 .cell-inner::before { background-image: url("../img/concept/img_tachikawa_b16.jpg"); }
#sec04-slider .cell.cell-8 .cell-inner::after { background-image: url("../img/concept/img_tachikawa_b15.jpg"); }
#sec04-slider .slick-dots li:nth-child(1) button::after { content: "28"; }
#sec04-slider .slick-dots li:nth-child(2) button::after { content: "29"; }
#sec04-slider .slick-dots li:nth-child(3) button::after { content: "30"; }
#sec04-slider .slick-dots li:nth-child(4) button::after { content: "31"; }
#sec04-slider .slick-dots li:nth-child(5) button::after { content: "32"; }
#sec04-slider .slick-dots li:nth-child(6) button::after { content: "33"; }
#sec04-slider .slick-dots li:nth-child(7) button::after { content: "34"; }
#sec04-slider .slick-dots li:nth-child(8) button::after { content: "35"; }
#sec04-slider .slick-dots li.slick-active:nth-child(1) button::after { content: "28 2min Walk"; }
#sec04-slider .slick-dots li.slick-active:nth-child(2) button::after { content: "29 Taxi"; }
#sec04-slider .slick-dots li.slick-active:nth-child(3) button::after { content: "30 Bus"; }
#sec04-slider .slick-dots li.slick-active:nth-child(4) button::after { content: "31 Access"; }
#sec04-slider .slick-dots li.slick-active:nth-child(5) button::after { content: "32 Shopping"; }
#sec04-slider .slick-dots li.slick-active:nth-child(6) button::after { content: "33 Popular City"; }
#sec04-slider .slick-dots li.slick-active:nth-child(7) button::after { content: "34 Large Park"; }
#sec04-slider .slick-dots li.slick-active:nth-child(8) button::after { content: "35 Culture"; }

.locNav { max-width: 400px; width: 96%; margin: 0 auto; padding: 20px 0; position: relative; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; }
.locNav .locNav-btn { width: 49%; text-align: center; font-size: 18px; transition: 0.3s ease 0s background; margin-bottom: 2%; overflow: hidden; position: relative; }
.locNav .locNav-btn::before { content: ""; display: block; width: 100%; height: 100%; background-color: #d7d8d8; mix-blend-mode: multiply; position: absolute; top: 0; left: 0; }
.locNav .locNav-btn a { display: block; padding: 10px 0; position: relative; color: #231815; background-color: rgba(255, 255, 255, 0); position: relative; z-index: 1; }
.locNav .locNav-btn:hover a, .locNav .locNav-btn.current a { background-color: white; }