@charset "UTF-8";

.l-landplan-main {
	margin:0 0 80px;
}

.l-landplan-main-button {
	position:absolute;
	animation: animScale 3s infinite ease-out;
	transform-origin: 50% 50%;
	animation-play-state:running;
}

@keyframes animScale {
	0%   {
		-ms-transform: scale(0.8, 0.8);
		transform: scale(0.8, 0.8);
	}
	5%   {
		-ms-transform: scale(1.2, 1.2);
		transform: scale(1.2, 1.2);
		}
	10%  {
		-ms-transform: scale(1, 1);
		transform: scale(1, 1);
		}
	15%  {
		-ms-transform: scale(1.1, 1.1);
		transform: scale(1.1, 1.1);
		}
	20%  {
		-ms-transform: scale(1, 1);
		transform: scale(1, 1);
		}
	100% {
		-ms-transform: scale(1, 1);
		transform: scale(1, 1);
		}
}

.l-landplan-main-button .e-link {
	color:#fff;
	font-size:1.3rem;
	font-weight:900;
	text-align:center;
	letter-spacing: 0;
	text-decoration: none;
	width: 77.5px;
	height: 77.5px;
	padding: 17.5px 0 0;
	-webkit-box-shadow: 0 2.5px 12.5px 0 rgba(0,0,0,.75);
	box-shadow: 0 2.5px 12.5px 0 rgba(0,0,0,.75);
	display: block;
	border: 4px solid #fff;
	border-radius: 50%;
}

.l-landplan-main-button.is-button-01 .e-link {
	background: #f18b00;
}

.l-landplan-main-button.is-button-06 .e-link {
	background: #2ea7e0;
}

.l-landplan-main-button.is-button-07 .e-link {
	background: #13ae67;
}

.l-landplan-main-button.is-button-10 .e-link {
	background: #e83817;
}

.l-landplan-main-button.is-button-11 .e-link {
	background: #a67eb7;
}

.l-landplan-main-button.is-button-13 .e-link {
	background: #006ab7;
}

.l-landplan-main-button .e-link:after {
	content:'CLICK';
	color:#fff;
	font-size:1rem;
	padding:3px 0 0;
	display:block;
}

.l-landplan-main-button .e-link .e-strong {
	font-size:2.4rem;
	vertical-align:-.1em;
	letter-spacing:-.075em;
	margin:0 3px 0 0;
}

.l-landplan-detail {
	margin:0 0 120px;
	padding:30px 200px;
	border:4px solid #ddd;
	border-radius:20px;
}

.l-landplan-detail .e-img {
	width:100%;
	height:auto;
}

.l-landplan-detail .e-link-list {
	text-align:center;
	padding:15px 0 0;
}

.l-landplan-detail .e-link-list .e-button:after {
	content:'｜';
	display:inline-block;
	margin:0 5px;
}

.l-landplan-detail .e-link-list .e-button:last-child:after {
	display:none;
}

.l-landplan-detail-title {
	font-size:2.4rem;
	font-weight:700;
	text-align:center;
	margin:0 0 20px;
}

.l-landplan-detail-title .e-main {
	color:#fff;
	font-size:2.2rem;
	margin:0 5px 0 0;
	padding:5px 15px;
	border-radius:50px;
}

.is-area-13.l-landplan-detail {
	margin:0;
}


/* COLOR */
.is-area-01 .l-landplan-detail-title .e-main {
	background:#f18b00;
}

.is-area-06 .l-landplan-detail-title .e-main {
	background:#2ea7e0;
}

.is-area-07 .l-landplan-detail-title .e-main {
	background:#13ae67;
}

.is-area-10 .l-landplan-detail-title .e-main {
	background:#e83817;
}

.is-area-11 .l-landplan-detail-title .e-main {
	background:#a67eb7;
}

.is-area-13 .l-landplan-detail-title .e-main {
	background:#006ab7;
}

/* Sales Office */
.l-sales-office {
	color: #663b2a;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
	margin:0 0 60px;
	padding:60px 0;
	background:url(/kizushiroyamadai/assets/img/home/concept-bg-01.png);
	position:relative;
}

.l-sales-office-main {
	padding:0 400px 60px 0;
}

.l-sales-office-main:after {
	content:'';
	display:block;
	clear:both;
}

.l-sales-office-main .e-title {
	font-size: 3rem;
	font-weight: 900;
	line-height: 1.35;
	margin:0 0 15px;
}

.l-sales-office-main .e-read {
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.75;
	margin:0 0 30px;
	padding:0 160px 0 0;
}

.l-sales-office-main .e-photo {
	width:440px;
	position:absolute;
	top:10px;
	right:0;
}

.l-sales-office-main .e-photo .e-img {
	width:100%;
	height:auto;
	border-radius:5px;
}

.l-sales-office-photo {
	letter-spacing:-.4em;
	padding:30px;
	background: rgba(255,255,255,.35);
	border-radius:10px;
}

.l-sales-office-photo-item {
	letter-spacing:0;
	width:33.333%;
	display:inline-block;
	position:relative;
}

.l-sales-office-photo-item:nth-child(1) {
	padding:0 20px 0 0;
}

.l-sales-office-photo-item:nth-child(2) {
	padding:0 10px;
}

.l-sales-office-photo-item:nth-child(3) {
	padding:0 0 0 20px;
}

.l-sales-office-photo-item .e-icon {
	width:120px;
	position:absolute;
	top:-60px;
	right:10px;
}

.l-sales-office-photo-item .e-icon .e-img {
	width:100%;
	height:auto;
}

.l-sales-office-photo-item .e-img {
	width:100%;
	height:auto;
	border-radius:5px;
}

.l-sales-office-photo-item .e-caption {
	font-weight:900;
	text-align:center;
	padding:10px 0 0;
}

.l-sales-office-tel-title {
	color:#e94709;
	font-family: 'Montserrat';
	font-size: 4.8rem;
	font-weight: 700;
	margin: 0 0 10px;
	padding:10px 30px 15px;
	display:inline-block;
	background:#fff;
	border-radius:50px;
}

.l-sales-office-tel-title:before {
	content: '';
	vertical-align:-.15em;
	width: 56px;
	height: 38px;
	margin:0 10px 0 0;
	display: inline-block;
	background: url(/kizushiroyamadai/assets/img/global/footer-img-02.png) no-repeat;
	background-size: 100% auto;
}

.l-sales-office-tel-item {
	font-weight:700;
	padding:0 0 0 70px;
}

.e-character {
	width:160px;
	position:absolute;
	top: 110px;
	right: 380px;
}

.e-character .e-caption {
	width:200px;
	position:absolute;
	top: -65px;
	left: -25px;
}

.is-character {
	position:relative;
	animation:run-chara 1s linear -2s infinite alternate;
}

@keyframes run-chara {
	0%   {
		-ms-transform:rotate(-5deg);
		transform:rotate(-5deg);
	}

	100% {
		-ms-transform:rotate(2deg);
		transform:rotate(2deg);
		}
}


.e-character .e-caption .e-img {
	width:100%;
	height:auto;
	animation:run-chara-caption 2s infinite steps(2);
}

@keyframes run-chara-caption {
	0%   {
		-ms-transform:rotate(-2deg);
		transform:rotate(-2deg);
	}

	100% {
		-ms-transform:rotate(7deg);
		transform:rotate(7deg);
	}
}

.e-character .e-img {
	width:100%;
	height:auto;
}


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

.l-landplan-main .e-image {
	margin-bottom:20px;
}

.l-landplan-main-button {
	margin:0 0 2px;
	display:block;
	position: relative;
	animation: none;
	top:auto !important;
	left: auto !important;
}

.l-landplan-main-button .e-link {
	text-align:left;
	width:100%;
	height:auto;
	padding:10px 20px;
	border-radius:0;
	border:0;
	box-shadow:none;
}

.l-landplan-main-button .e-link .e-strong {
	font-size:1.8rem;
}

.l-landplan-main-button .e-link:after {
	line-height:1;
	letter-spacing:.15em;
	padding:3px 10px;
	border:1px solid #fff;
	border-radius:50px;
	position:absolute;
	top:50%;
	right:20px;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}

.l-landplan-detail {
	margin: 0 0 60px;
	padding: 25px 15px 15px;
	border: 4px solid #ddd;
	border-radius: 20px;
}

.l-landplan-detail-title {
	font-size:1.8rem;
}

.l-landplan-detail-title .e-main {
	font-size:1.6rem;
}

.l-landplan-detail .e-link-list {
	letter-spacing:-.4em;
	margin:20px 0 0;
	padding:0;
	border:1px solid #ddd;
	border-radius:10px;
}

.l-landplan-detail .e-link-list .e-button {
	font-size:1rem;
	font-weight:700;
	letter-spacing:0;
	width:50%;
	display:inline-block;
	border-bottom:1px solid #ddd;
}

.l-landplan-detail .e-link-list .e-button:after {
	display:none;
}

.l-landplan-detail .e-link-list .e-button:nth-child(odd) {
	border-right:1px solid #ddd;
}

.l-landplan-detail .e-link-list .e-button:nth-child(5),
.l-landplan-detail .e-link-list .e-button:nth-child(6) {
	border-bottom:0;
}

.l-landplan-detail .e-link-list .e-button .e-link {
	text-decoration:none;
	padding:7px 0;
	display:block;
}


/* sales-office */
.l-sales-office {
	margin:0 -20px 60px;
	padding:40px 20px;
}

.l-sales-office-main {
	padding:0;
}

.l-sales-office-main .e-title {
	font-size:2.2rem;
	letter-spacing:0;
}

.l-sales-office-main .e-read {
	font-size:1.3rem;
	padding:0;
}

.l-sales-office-main .e-photo {
	width:auto;
	margin:0 0 15px;
	position:relative;
	top:auto;
	left:auto;
}

.e-character {
	width:80px;
	top:30px;
	right:-15px;
}

.e-character .e-caption {
	width:130px;
	left:auto;
	top:-40px;
	right:-10px;
}

.l-sales-office-tel {
	margin:0 0 40px;
}

.l-sales-office-tel-title {
	font-size:2.8rem;
	text-align:center;
	width:100%;
	padding:10px 0;
}

.l-sales-office-tel-title .e-link {
	color:#e94709;
}

.l-sales-office-tel-title:before {
	width:40px;
	height:26px;
	margin:0 3px 0 0;
}

.l-sales-office-tel-item {
	font-size:1.3rem;
	text-align:center;
	padding:0;
}

.l-sales-office-photo {
	padding:10px;
}

.l-sales-office-photo-item .e-caption {
	font-size:1.2rem;
	padding:5px 0 0;
}

.l-sales-office-photo-item:nth-child(1) {
	padding: 0 8px 0 0;
}

.l-sales-office-photo-item:nth-child(2) {
	padding: 0 4px;
}

.l-sales-office-photo-item:nth-child(3) {
	padding: 0 0 0 8px;
}

.l-sales-office-photo-item .e-icon {
	width:65px;
	top:-45px;
	right:-20px;
}


}
