@charset "utf-8";

/*------------------------------------------------
variable
------------------------------------------------*/
#wrapper{
}
#main{
	padding-top: 133px;
}

.lcl-main{
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 50vw;
	background: #fff url(../img/main/bg_01.jpg) left top / auto 100% repeat-x;
}
.lcl-main.js_load{
	animation: slide-anim 100s linear infinite;
}
.lcl-main::before{
	content: "";
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 454px;
	height: 272px;
	/*filter: blur(10px);*/
	opacity: 0;
	transform: scale(1.2) translate3d(0,0,0);
	transform-origin: right bottom;
	background: url(../img/main/img_02.png) left top / cover no-repeat;
	transition: transform 2s 1s ease,  filter 2s 1s ease, opacity 2s 1s ease;
}
.lcl-main.js_load--done::before{
	opacity: 1;
	/*filter: blur(2px);*/
	transform: scale(1) translate3d(0,0,0);
}
@-webkit-keyframes slide-anim {
	0% {
		background-position: 30vw 0;
	}
	100% {
		background-position: -70vw 0;
	}
}
.lcl-main__title01{
/*	font-size: 3.8461538vw;
	line-height: 5vw;*/
	font-size: 2.5vw;
	line-height: 4vw;
	letter-spacing: 0.12em;
	color: #fff;
	text-shadow: 0.5px 0.866px 15px rgba(0, 72, 128, 0.8);
	text-align: center;
	padding-top: 1vw;
	font-weight: bold;
	transform: scale(1.1) translate3d(0,0,0);
	opacity: 0;
	/*filter: blur(8px);*/
	transition: transform 1s 1s ease,  filter 1s 1s ease, opacity 1s 1s ease;
}
.lcl-main__title02{
	/*font-size: 1.6923076vw;
	line-height: 2.6923076vw;*/
	font-size: 1.5vw;
	line-height: 35px;
	text-align: center;
	letter-spacing: 0.1em;
	color: #fff;
	text-shadow: 0.5px 0.866px 10px rgba(0, 72, 128, 0.8);
	font-weight: bold;
	transform: scale(1.1) translate3d(0,0,0);
	opacity: 0;
	/*filter: blur(8px);*/
	transition: transform 1s 1.5s ease,  filter 1s 1.5s ease, opacity 1s 1.5s ease;
}
.js_load--done .lcl-main__title01,
.js_load--done .lcl-main__title02{
	opacity: 1;
	/*filter: blur(0px);*/
	transform: scale(1) translate3d(0,0,0);
}
.lcl-main__image{
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	transform-origin: center bottom;
	transform: scale(1.2) translate3d(0,0,0);
	opacity: 0;
	/*filter: blur(8px);*/
	transition: transform 3s ease,  filter 3s ease, opacity 3s ease;
}
.lcl-slide__item.js_load--done .lcl-main__image{
	/*filter: blur(0px);*/
	transform: scale(1) translate3d(0,0,0);
	opacity: 1;
}
/* スライドの中身に文字などが存在、lcl-main__imageなどの＠パースが存在する場合 */
.lcl-slide__item {
	transform: scale(1.1);
	transition: transform 0s 1.2s ease, opacity 1.2s ease !important;
}
.slick-current.lcl-slide__item,
.is-active-next.lcl-slide__item:empty {
	transform: scale(1);
	transition: transform 4s ease, opacity 1.2s ease !important;
}
/* スライドの中身が空、またはlcl-main__imageが存在しない場合のスタイル */
.lcl-slide__item:empty,
.lcl-slide__item:not(:has(.lcl-main__image)) {
	transform: scale(1.3);
	transition: transform 0s 1.2s ease, opacity 1.2s ease !important;
}
.slick-current.lcl-slide__item:empty,
.is-active-next.lcl-slide__item:empty,
.slick-current.lcl-slide__item:not(:has(.lcl-main__image)),
.is-active-next.lcl-slide__item:not(:has(.lcl-main__image)) {
	transform: scale(1);
	transition: transform 6s ease, opacity 1.2s ease !important;
}


/* ---------------------------------------------------------------- Slide ---- */
.lcl-slide{
	overflow: hidden;
	width: 100%;
	height: 50vw;
	position: relative;
}
.lcl-slide__item{
	display: block;
	width: 100%;
	height: 50vw;
	outline: none;
}
.lcl-slide__item--00{background: url(../img/slide/bnr_100th.jpg) no-repeat center/cover;}
.lcl-slide__item--01{background: url(../img/slide/img_01.jpg) no-repeat center/cover;}
.lcl-slide__item--02{background: url(../img/slide/img_02.jpg) no-repeat center/cover;}
.lcl-slide__item--03{background: url(../img/slide/img_03.jpg) no-repeat center/cover;}
.lcl-slide__item--04{background: url(../img/slide/img_04.jpg) no-repeat center/cover;}
.lcl-slide__item--05{background: url(../img/slide/img_05.jpg) no-repeat center/cover;}
.lcl-slide .slick-dots{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	align-items:center;
	position: absolute;
	z-index: 1;
	width: 100%;
	bottom: 20px;
	text-align: center;
}
.lcl-slide .slick-dots li{
	font-size: 0;
	text-indent: -100%;
	width: 8px;
	height: 8px;
	background: #333;
	border-radius: 50%;
	margin: 0 7px;
	overflow: hidden;
}
.lcl-slide .slick-dots li.slick-active{
	/*background: none;*/
	background: #b78b33;
}
.lcl-slide__item--00 {
	position: relative;
    z-index: 1; /* 必要であればリンク要素の重なりのベース順序指定 */
}


.lcl-slide__item--00 a {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2; /* 必要であればリンク要素の重なりのベース順序指定 */
}

.lcl-slide__item--00 a:hover {
	background: url(../img/slide/bnr_100th_on.jpg) no-repeat center/cover;
}

.lcl-slidetxt {
	/*position: absolute;
	bottom: 0;
	right:15%;
	color:#fff;
	font-size: 80%;*/
	color:#fff; font-size: 80%; position: absolute; bottom: 0; right: 2%;
}

.lcl-topslide {
	position: relative;
}

/* ---------------------------------------------------------------- 資料請求テキスト ---- */
.lcl-request{
	height: 70px;
	width: 100%;
	font-size: 30px;
	line-height: 70px;
	color: #fff;
	letter-spacing: 0.1em;
	text-align: center;
	/*background-image: linear-gradient( 90deg, rgb(34,34,34) 0%, rgb(68,68,68) 51%, rgb(34,34,34) 100%);*/
	background: url(../common/img/contact/bg_01.jpg) no-repeat center / 100% auto;
}
.lcl-request strong{
	color: #d1c1a1;
}

/* ---------------------------------------------------------------- 距離 ---- */
.lcl-distance{
	display:flex;
	justify-content: center;
	flex-wrap:wrap;
	align-items:center;
	height: 200px;
	/*height: 110px;*/
}
.lcl-distance div{
	border-right: 1px solid #c9c9c9;
}
.lcl-distance__item{
	/*padding: 0 35px;*/
	padding: 0px 15px;
	margin-top: 10px;
	height: 80px;
	/*height: 60px;
	border-right: 1px solid #c9c9c9;*/
	display:flex;
	justify-content: center;
	flex-wrap:wrap;
	align-items: flex-end;
	line-height: 80px;
	/*line-height: 80px;*/
	vertical-align: bottom;
	letter-spacing: 0;
	font-feature-settings: "palt";
}
.lcl-distance__item:last-child{
	border-right: none;
}
.lcl-distance__text01{
	/*font-size: 30px;*/
	font-size: 20px;
	margin-right: 10px;
}
.lcl-distance__text01 strong{
	/*font-size: 40px;*/
	font-size: 25px;
}
.lcl-distance__text02{
	font-size: 23px;
	line-height: 30px;
	margin-right: 10px;
	margin-bottom: 10px;
}marginistance__text02-1{
	font-size: 21px;
	line-height: 20px;
	margin-right: 10px;
}
.lcl-distance__text03{
	font-size: 80px;
	color: #b78b33;
	margin-right: 5px;
}
.lcl-distance__text04{
	font-size: 25px;
}

/* ---------------------------------------------------------------- Information ---- */
.lcl-information{
	padding: 35px 0 65px
}
.lcl-information__text{
	font-size: 14px;
	line-height: 28px;
	text-align: center;
	letter-spacing: 0.05em;
	width: 640px;
	margin-right: auto;
	margin-left: auto;
}
.lcl-information-btn{
	width: 580px;
	margin: 40px auto 0;
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	align-items:center;
	font-family: 'Noto Sans JP', Hiragino Sans, 'ヒラギノ角ゴシック', Hiragino Kaku Gothic ProN, 'ヒラギノ角ゴ ProN W3', 'メイリオ', Meiryo, sans-serif;
}
.lcl-information-btn__item{
	width: 280px;
	height: 70px;
	line-height: 70px;
	margin-right: 20px;
}
.lcl-information-btn__item:last-child{
	margin-right: 0;
}
.lcl-information-btn__item a{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #fff;
	text-align: center;
	font-size: 18px;
	letter-spacing: 0.05em;
}
.lcl-information-btn__item a i{
	margin-right: 5px;
}
.lcl-information-btn__request{
	background: #b78b33;
}
.lcl-information-btn__reserve{
	background: #821e23;
}

/* ---------------------------------------------------------------- お知らせ ---- */
.info{
	width:100%;
	margin:0 auto;
	background-color: #eee !important;
	padding:20px;
	text-align:center;
	margin-top:0px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.info p.ttl {
	font-size:140%;
	padding:0 0 10px;
}
.info p{
	font-size:160%;
	line-height:1.8;
}
.infoBtn {
	margin:0 auto;
	margin-top:10px;
	width:40%;
	border: solid 1px #000000;
	border-radius:3px;
	background-color:#fff;
}
.infoBtn:hover{/* マウスオーバー時に色変更*/
    background-color: #000;
}
.btn-a {
    display: block;
    padding: 7px 0;
    text-align: center;
	color:#000 !important;
	font-size:120%;
}
.btn-a:hover {
	color:#fff !important;
	text-decoration:none;
}

/* ---------------------------------------------------------------- お知らせ　グリーン ---- */
.info_green{
	width:100%;
	margin:0 auto;
	background-color: #fcf0e0 !important;
	padding:20px;
	text-align:center;
	margin-top:0px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.info_green p.ttl {
	font-size:140%;
	padding:0 0 10px;
}
.info_green p{
	font-size:160%;
	line-height:1.8;
}
.infoBtn {
	margin:0 auto;
	margin-top:10px;
	width:40%;
	border: solid 1px #000000;
	border-radius:3px;
	background-color:#fff;
}
.infoBtn:hover{/* マウスオーバー時に色変更*/
    background-color: #000;
}
.btn-a {
    display: block;
    padding: 7px 0;
    text-align: center;
	color:#000 !important;
	font-size:120%;
}
.btn-a:hover {
	color:#fff !important;
	text-decoration:none;
}
/* ---------------------------------------------------------------- 室内動画 ---- */
.lcl-topMov {
	width: 1000px; 
	margin: 0 auto;
	text-align: center;
	padding: 20px 0;
}
.lcl-topMov img {
	width: 100%;
}
.lcl-topMov a:hover img {
	opacity: 0.6;
}
/* ---------------------------------------------------------------- concept ---- */
.lcl-concept{
	width: 100%;
	/*height: calc(450px + 15vw);*/
	height: 600px;
	padding: 45px 0 0 0;
	background: url(../img/concept/bg_01.jpg) no-repeat center / cover;
	background-attachment: fixed;
	/*background: url(../img/concept/bg_01.jpg) no-repeat center / fixed;*/
	text-align: center;
	letter-spacing: 0.05em;
	position: relative;
}
body.touch .lcl-concept{
	background-attachment: scroll;
}
/*.lcl-concept::before{
	content: "";
	background: linear-gradient(to bottom, rgba(255,255,255,.7) 10%, transparent 40%);
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}*/
.lcl-concept-title{
	width: 964px;
	height: 241px;
	margin: 0 auto 200px;
	background: url(../img/concept/ico_01.png) no-repeat left top / cover;
	position: relative;
	z-index: 1;
}
.lcl-concept-title__sub{
	padding-top: 20px;
	font-size: 26px;
	display: block;
}
.lcl-concept-title__text{
	margin-top: 25px;
	font-size: 40px;
	display: block;
}
.lcl-concept__btn{
	position: relative;
	margin-right: auto;
	margin-left: auto;
	z-index: 1;
}

/* ---------------------------------------------------------------- Box ---- */
.lcl-box{
	width: 100%;
	padding: 60px 5vw 0;
	align-items: stretch;
}
.lcl-box__img{
	width: 50%;
	height: 500px;
}
.lcl-box__inner{
	width: 50%;
	padding: 0 4vw;
	letter-spacing: 0.05em;
	position: relative;
	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap;
	align-items:center;
}
.lcl-box--plan .lcl-box__img{ background: url(../img/bg_box01.jpg) no-repeat center / cover; }
.lcl-box--gallery .lcl-box__img{ background: url(../img/bg_box02.jpg) no-repeat center / cover; }
.lcl-box--location .lcl-box__img{ background: url(../img/bg_box03.jpg) no-repeat center / cover; }
.lcl-box__title{
	width: 100%;
	font-size: 2.2vw;
	line-height: 4vw;
	margin-bottom: 10px;
	position: relative;
	z-index: 1;
}
.lcl-box__text{
	width: 100%;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 70px;
	position: relative;
	z-index: 1;
}
.lcl-box__inner::after{
	content: "";
	display: block;
	position: absolute;
	transform-origin: center;
	opacity: 0;
	transform: translate(50px,0);
	transition: opacity 0.5s 0.25s ease, transform 0.5s 0.25s ease;
}
.lcl-box__inner.scrollin::after{
	opacity: 1;
	transform: translate(0,0);
}
.lcl-box--plan .lcl-box__inner::after{
	width: 266px;
	height: 135px;
	left: -27px;
	top: 0;
	background: url(../img/ico_box01.png) no-repeat left top / cover;
}
.lcl-box--gallery .lcl-box__inner::after{
	width: 556px;
	height: 179px;
	left: -155px;
	top: -15px;
	background: url(../img/ico_box02.png) no-repeat left top / cover;
}
.lcl-box--location .lcl-box__inner::after{
	width: 444px;
	height: 180px;
	left: -27px;
	top: -15px;
	background: url(../img/ico_box03.png) no-repeat left top / cover;
}

/* ---------------------------------------------------------------- Contents ---- */
.lcl-contents{
	width: auto;
	min-width: 1100px;
	padding: 45px 0 60px 0;
	margin: 60px 10vw 0;
	border-top: 1px solid #dcdcdc;
}
@media screen and (min-width: 768px) { /* ---- PC ---- */
	.lcl-contents{
		width: calc(100% - 150px);
		max-width: 1300px;
		margin-right: auto;
		margin-left: auto;
	}
}
.lcl-contents-list{
	width: 100%;
	margin: 200px auto 45px;
	padding: 0 0 77px;
	justify-content: center;
}
.lcl-contents-list__item{
	width: 300px;
	height: 300px;
	margin: -157px 25px 0;
	opacity: 0;
	transform-origin: center;
	transform: translate(0,20px);
}
.scrollin .lcl-contents-list__item{
	opacity: 1;
	transform: translate(0,0);
}
.lcl-contents-list__item--01{transition: all 0.5s 0.5s ease;}
.lcl-contents-list__item--02{transition: all 0.5s 0.6s ease;}
.lcl-contents-list__item--03{transition: all 0.5s 0.7s ease;}
.lcl-contents-list__item--04{transition: all 0.5s 0.7s ease;}
.lcl-contents-list__item a{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	align-items:center;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	z-index: 1;
	font-size: 20px;
	line-height: 28px;
	color: #fff;
	font-weight: bold;
}
.lcl-contents-list__item a img{
	width: 50px;
	margin-bottom: 20px;
}
.lcl-contents-list__item a span{
	text-align: center;
	display: block;
	width: 100%;
}
.lcl-contents-list__item a::before{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: calc(100%);
	height: calc(100%);
	border: 1px solid rgba(255,255,255,0);
	transition: all 0.25s ease;
}
@media screen and (min-width: 768px) { /* ---- PC ---- */
	.lcl-contents-list__item a:hover::before {
		left: 15px;
		top: 15px;
		width: calc(100% - 30px);
		height: calc(100% - 30px);
		border: 1px solid rgba(255,255,255,0.5);
	}
}
.lcl-contents-list__item a::after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
	transition: all 0.25s ease;
}
.lcl-contents-list__item--01 a::after{
	background-image: url(../img/bg_contents01.jpg);
}
.lcl-contents-list__item--02 a::after{
	background-image: url(../img/bg_contents02.jpg);
}
.lcl-contents-list__item--03 a::after{
	background-image: url(../img/bg_contents03.jpg);
}
@media screen and (min-width: 768px) { /* ---- PC ---- */
	.lcl-contents-list__item a:hover::after{
		transform: scale(1.1);
	}
}
.lcl-contents__text{
	font-size: 11px;
	line-height: 21px;
	width: 1000px;
	margin: 0 auto;
}

/* ---------------------------------------------------------------- Pats ---- */
.lcl-h01{
	font-size: 30px;
	line-height: 50px;
	text-align: center;
	letter-spacing: 0.05em;
	margin-bottom: 25px;
	position: relative;
}
.lcl-h01::after{
	position: absolute;
	content: "";
	width: 0;
}
.lcl-h01__sub{
	display: block;
	font-size: 16px;
	color: #b78b33;
	position: relative;
}

.lcl-kusa01 {
	position: absolute;
	left: 0;
	top: calc(430px + 50vw);
	pointer-events: none;
	z-index: 10;
}

.lcl-kusa02 {
	position: absolute;
	right: 0;
	top: calc(1500px + 50vw);
	/*top: calc(750px + 50vw);*/
	pointer-events: none;
	z-index: 10;
}

.lcl-kusa03 {
	position: absolute;
	right: 0;
	top: calc(2600px + 50vw);
	pointer-events: none;
	z-index: 10;
}

.lcl-kusa04 {
	position: absolute;
	left: 0;
	top: calc(1700px + 50vw);
	pointer-events: none;
	z-index: 10;
}

.lcl-kusa05 {
	position: absolute;
	left: 0;
	top: calc(2650px + 50vw);
	pointer-events: none;
	z-index: 10;
}

.lcl-kusa06 {
	position: absolute;
	right: 0;
	top: calc(3650px + 50vw);
	pointer-events: none;
	z-index: 10;
}
/* ---------------------------------------------------------------- SP ---- */
@media screen and (max-width: 767px){
	#main{
		padding-top: 50px;
	}
	.lcl-main{
		height: 86.666666vw;
		/*background: #fff url(../img/main/bg_01.jpg) left top / auto 100% repeat-x;*/
	}
	.lcl-main::before{
		display: none;
	}
	.lcl-main__title01{
		/*font-size: 6.666666vw;
		line-height: 9.0666666vw;*/
		font-size: 4.666666vw;
		line-height: 7.0666666vw;
		text-shadow: 0.1333333vw 0.2309333vw 1.333333vw rgba(0, 0, 0, 0.3);
		padding-top: 8vw;
		letter-spacing: 0.05em;
	}
	.lcl-main__title02{
		font-size: 3.4666666vw;
		line-height: 5.4666666vw;
		text-align: center;
		padding-top: 3.2vw;
		text-shadow: 0.1333333vw 0.2309333vw 1.333333vw rgba(0, 0, 0, 0.3);
	}
	.lcl-main__image{
		width: 133.333333vw;
		bottom: 0;
		left: -16.666666vw;
		transform-origin: center bottom;
	}
	/* ---------------------------------------------------------------- Slide ---- */
	.lcl-slide{
		overflow: hidden;
		width: 100%;
		height: 86.666666vw;
	}
	.lcl-slide__item{
		display: block;
		width: 100%;
		height: 86.666666vw;
	}
	/*.lcl-slide__item--00{background: url(../img/sp/slide/bnr_100th_sp.jpg) no-repeat center/cover;}
	.lcl-slide__item--01{background: url(../img/sp/slide/img_01.jpg) no-repeat center/cover;}
	.lcl-slide__item--02{background: url(../img/sp/slide/img_02.jpg) no-repeat center/cover;}*/
	.lcl-slide .slick-dots{
		bottom: 15px;
	}
	.lcl-slide .slick-dots li{
		width: 5px;
		height: 5px;
		margin: 0 5px;
	}
	.lcl-slidetxt {
	color:#fff; font-size: 80%; position: absolute; bottom: 0; right: 17%;
}


	/* ---------------------------------------------------------------- 資料請求テキスト ---- */
	.lcl-request{
		height: auto;
		padding: 5px 0 15px;
		font-size: 13px;
		line-height: 28px;
		}
	.lcl-request strong{
		display: block;
		font-size: 28px;
	}

	/* ---------------------------------------------------------------- 距離 ---- */
	.lcl-distance div{
	border-right: none;
		border-bottom: 1px solid #c9c9c9;
	}
	.lcl-distance{
		display: block;
		height: auto;
		/*padding: 0 15px;*/
		padding: 0 10px;
	}
	.lcl-distance__item{
		padding: 10px 0 15px;
		height: 75px;
		/*height: 75px;*/
		border-right: none;
		border-bottom: 1px solid #c9c9c9;
		line-height: 30px;
		justify-content: center;
	}
	.lcl-distance__item:last-child{
		border-bottom: none;
	}
	.lcl-distance__text01{
		/*font-size: 15px;
		margin-right: 15px;*/
		font-size: 13px;
		margin-right: 10px;
	}
	.lcl-distance__text01 strong{
		/*font-size: 24px;*/
		font-size: 20px;
	}
	.lcl-distance__text02{
		/*font-size: 15px;*/
		font-size: 13px;
		line-height: 15px;
		margin-right: 5px;
		margin-bottom: 0;
	}
	.lcl-distance__text02-1{
		font-size: 15px;
		line-height: 15px;
		margin-right: 5px;
	}
	.lcl-distance__text03{
		/*font-size: 50px;
		line-height: 50px;*/
		font-size: 30px;
		line-height: 30px;
		margin-right: 5px;
	}
	.lcl-distance__text04{
		/*font-size: 16px;*/
		font-size: 14px;
	}

	/* ---------------------------------------------------------------- Information ---- */
	.lcl-information{
		padding: 20px 0 30px;
	}
	.lcl-information__text{
		width: auto;
		font-size: 11px;
		line-height: 22px;
		text-align: center;
	}
	.lcl-information-btn{
		width: 240px;
		margin: 20px auto 0;
		display:block;
	}
	.lcl-information-btn__item{
		width: 240px;
		height: 55px;
		line-height: 55px;
		margin-bottom: 12px;
	}
	.lcl-information-btn__item a{
		font-size: 16px;
	}
	.lcl-information-btn__item a i{
		margin-right: 5px;
	}
	/* ---------------------------------------------------------------- 室内動画 ---- */
	.lcl-topMov {
		width: 95%; 
		margin: 0 auto;
		text-align: center;
		padding: 10px 0;
	}
	.lcl-topMov img {
		width: 100%;
	}
	.lcl-topMov a:hover img {
		opacity: 0.6;
	}
	/* ---------------------------------------------------------------- concept ---- */
	.lcl-concept{
		width: 100%;
		height: 370px;
		padding: 0;
		background: url(../img/sp/concept/bg_01.jpg) center bottom no-repeat / cover;
	}
	/*.lcl-concept::before{
		content: "";
		background: linear-gradient(to bottom, rgba(255,255,255,.7) 35%, transparent 50%);
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 0;
	}*/
	.lcl-concept-title{
		width: calc(100% - 40px);
		height: 179px;
		margin: 0 auto 155px;
		background: url(../img/concept/ico_01.png) no-repeat left bottom / 100% auto;
	}
	.lcl-concept-title__sub{
		padding-top: 40px;
		font-size: 16px;
	}
	.lcl-concept-title__text{
		margin-top: 20px;
		/*font-size: 25px;*/
		font-size: 20px;
		line-height: 34px;
		letter-spacing: 0.1em;
	}
	.lcl-concept__btn{
		position: relative;
		margin-right: auto;
		margin-left: auto;
		z-index: 1;
	}

	/* ---------------------------------------------------------------- Box ---- */
	.lcl-box{
		padding: 50px 25px 0;
	}
	.lcl-box__img{
		width: 100%;
		height: 200px;
	}
	.lcl-box__inner{
		width: 100%;
		padding: 35px 0 0;
	}
	.lcl-box__title{
		text-align: center;
		font-size: 20px;
		line-height: 33px;
		margin-bottom: 10px;
		letter-spacing: 0;
	}
	.lcl-box__text{
		text-align: center;
		/*font-size: 11px;*/
		font-size: 10px;
		line-height: 20px;
		margin-bottom: 25px;
	}
	.lcl-box__btn{
		margin-right: auto;
		margin-left: auto;
	}
	.lcl-box__inner::after{
		content: "";
		display: block;
		position: absolute;
	}
	.lcl-box--plan .lcl-box__inner::after{
		width: 133px;
		height: 67.5px;
		left: 8px;
		top: -30px;
	}
	.lcl-box--gallery .lcl-box__inner::after{
		width: 278px;
		height: 89.5px;
		left: -46px;
		right: auto;
		top: -44px;
	}
	.lcl-box--location .lcl-box__inner::after{
		width: 222px;
		height: 90px;
		left: 15px;
		top: -41px;
	}

	/* ---------------------------------------------------------------- Contents ---- */
	.lcl-contents{
		width: auto;
		min-width: auto;
		padding: 15px 0 30px 0;
		margin: 40px 0 0;
	}
	.lcl-contents-list{
		width: 100%;
		margin: 23vw auto 15px;
		padding: 0 0 35px;
	}
	.lcl-contents-list__item{
		width: 26.666666vw;
		height: 26.666666vw;
		margin: -21vw 1.66666vw 0;
		box-shadow: 5px 8.66px 30px 0px rgba(0, 0, 0, 0.2);
	}
	.lcl-contents-list__item:first-child{
		margin-left: 0;
	}
	.lcl-contents-list__item:last-child{
		margin-right: 0;
	}
	.lcl-contents-list__item a{
		font-size: 2.66666vw;
		line-height: 3vw;
	}
	.lcl-contents-list__item a img{
		width: 6vw;
		margin-bottom: 2vw;
	}
	.lcl-contents-list__item a span{
		text-align: center;
		display: block;
		width: 100%;
	}
	.lcl-contents-list__item a::before{
		left: 1.5vw;
		top: 1.5vw;
		width: calc(100% - 3vw);
		height: calc(100% - 3vw);
	}
	.lcl-contents__text{
		font-size: 10px;
		line-height: 17.5px;
		width: calc(100% - 40px);
		margin: 0 auto;
	}

	/* ---------------------------------------------------------------- Pats ---- */
	.lcl-h01{
		font-size: 18px;
		line-height: 30px;
		margin-bottom: 12px;
	}
	.lcl-h01__sub{
		font-size: 12px;
	}
}