@charset "utf-8";
/* CSS Document */
img{margin:0 auto;}

.headline{ background-color: #E1DAD1; padding-bottom: 80px;}
.title{text-align: center; color: #331E0B;}
/* .title h2{font-family: 'Caveat', cursive; font-size: 60px; margin-bottom: 10px; padding: 100px 0 0;}
.title h1{font-family: 'Sawarabi Gothic', sans-serif; font-size: 15px; padding: 0 0 20px;} */
.topimg{ background:url(img/top19201200.jpg) no-repeat scroll center bottom; height: 80vh; position: relative; background-size: contain;}
.topimg .img-item h3{ font-family: 'Caveat', cursive; color: #fff; font-size: 28px; margin: 15px 0 0;}
.topimg .img-item h2{ font-family: 'Caveat', cursive; color: #fff; font-size: 45px; border-bottom: solid 2.8px #fff; width: 130px;transform: rotate(-8deg);-moz-transform: rotate(-8deg);-webkit-transform: rotate(-8deg);}
.tour-link .g-square span,
.tour-link .g-square p,
.tour-link .g-square h1,
.tour-link .b-circle p{font-family: 'Sawarabi Gothic', sans-serif;}
.tour-link .g-square
	{position: absolute;
	top: 20%;
	left: 25%;
	justify-content: center;align-items: center; color:#fff; filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.8));
	line-height: 1.2em;letter-spacing: 1px; }
.tour-link .g-square span{ padding-bottom: 3px; display: inline-block;}
.tour-link .g-square h1{font-size:32px; padding: 0; line-height: 1.5em;}
.tour-link .g-square p{line-height: 1.5em; font-size: 24px;}
.tour-link .g-square small{font-size: 15px; padding:0 2px;}
/* .tour-link p{text-align: center; color: #fff; line-height: 1.2em; font-family: 'Sawarabi Gothic', sans-serif;letter-spacing: 1px; } */
.tour-link .g-square .reserbation-only{line-height: 2.5em; font-size:18px; padding: 0 10px; border: 1px solid #fff;}
.tour-link .b-circle{background: url("img/s-bubble.png");background-repeat: no-repeat;background-size:cover; position: absolute; top: 5%; left: 20%; height: 125px; width: 180px; display: flex; justify-content: center;align-items: center; z-index: 2 ;filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.6));}
.tour-link .b-circle p{color:#fff; font-size: 16px; line-height: 1.8em;margin-top: -5px;}



.heading h3{font-family: 'Caveat', cursive; color: #fff; font-size: 60px; margin: 10px 0 10px -35px;}
.heading h2{text-align: center; font-family: 'Sawarabi Gothic', sans-serif; font-size: 20px; letter-spacing: 5px;  /* font-weight: bold;  background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 1) 70%); */ width: 450px; margin: 50px auto 30px;}
.heading p{text-align: center; width: 720px; margin: 0 auto; font-family: 'Sawarabi Gothic', sans-serif; line-height: 2em; font-size: 16px;}

.concept-img{background:url("img/river.jpg") no-repeat scroll center top; height: 550px;}

.point-area{padding: 100px 0 80px;}
.point-area h4{color: #747374; font-family: 'Sawarabi Gothic', sans-serif; font-size: 20px; letter-spacing: 5px; margin-bottom: 35px;}
.point-area .lead3{color: #747374; font-family: 'Sawarabi Gothic', sans-serif; font-size: 16px; line-height: 2em; margin-bottom: 125px;}
.point-back{background-color: #F6F6F6; margin: 0 80px 180px;}

.point1{padding-bottom: 80px; width: 100%;}
.point1 img{margin-top: -50px; float: right;}
.point1 .catch{border: solid 1px #000; background-color: #fff; width: 320px; height: 50px; position: relative; z-index: 2; margin: 25px 0 0 -60px;}
.point1 .catch h3{font-family: 'Simonetta', cursive; font-size: 18px; letter-spacing: 2px; text-align: right; margin: 15px 10px 0 0;}
.point1 .catch2{background-color: rgba( 255, 255, 255, 0.55 ); width: 320px; height: 50px; position: absolute; top:10%; left:-5%; z-index: 1;}
.catch-text{text-align: center; max-width: 400px; margin-left: 15px;}
.catch-text h2{font-family: 'Sawarabi Gothic', sans-serif; font-size: 16px;}
.catch-text p{font-family: 'Sawarabi Gothic', sans-serif; font-size: 14px; margin-top: 20px; line-height: 2em; text-align: left;}
.point1 h2{margin-top: 50px; line-height: 1.5em;}

.point2{padding: 0;}
.point2 img{float: right; margin-right: -80px;  margin-bottom: 80px;}
.point2 .catch{border: solid 1px #000; background-color: #fff; width: 320px; height: 50px; margin: 100px 0 0 90px; position: relative; z-index: 2;}
.point2 .catch h3{font-family: 'Simonetta', cursive; font-size: 18px; letter-spacing: 2px; text-align: right; margin: 15px 10px 0 0;}
.point2 .catch2{background-color: rgba( 255, 255, 255, 0.55 ); width: 320px; height: 50px; position: absolute; top:75%; left:30%; z-index: 1;}
.point2 h2{margin-top: 100px; line-height: 2em;}
.point2 .catch-text{position: absolute; top:90%; right:-20%;}

.point3{padding: 60px 0; margin: 0 auto 60px}
.point3 .catch{border: solid 1px #000; background-color: #fff; width: 320px; height: 50px; margin: 50px 0 0 -50px; position: relative; z-index: 2;}
.point3 .catch h3{font-family: 'Simonetta', cursive; font-size: 18px; letter-spacing: 2px; text-align: left; margin: 15px 0 0 10px;}
.point3 .catch2{background-color: rgba( 255, 255, 255, 0.55 ); width: 320px; height: 50px; position: absolute; top:10%; right:56%; z-index: 1;}
.point3 .catch-text{margin-left: 35px;}
.point3 h2{margin-top: 70px; line-height: 2em;}
.point3 p{padding-bottom: 230px; letter-spacing: -0.5px;}
.point3 .point-ill{position: absolute; top:50%; right:-15%;}
.point3 .point-ill-2{position: absolute; bottom:-10%; left:40%;}
.point3 .photo{position: absolute; top:0; left:0;}

.point4{padding: 100px 0 0; margin: 0 0 -100px 0}
.point4 img{float: right; margin: 0 -140px -100px 0}
.point4 .catch{border: solid 1px #000; background-color: #fff; width: 320px; height: 50px; margin: 50px 0 0 360px; position: relative; z-index: 2;}
.point4 .catch h3{font-family: 'Simonetta', cursive; font-size: 18px; letter-spacing: 2px; text-align: right; margin: 15px 10px 0 0;}
.point4 .catch2{background-color: rgba( 255, 255, 255, 0.55 ); width: 320px; height: 50px; position: absolute; top:65%; left:115%; z-index: 1; }
.point4 h2{margin-top: 100px; line-height: 2em;}
.point4 .catch-text{margin: 0 0 0 55px; position: absolute; top:60%; right:-70%;}

.owner-voice{background-color: #E5EBD7; position: relative; padding-bottom: 130px;}
.owner-voice .lead{background-color: #fff; padding: 10px; width: 38px; position: absolute; top:0; right:28%;}
.owner-voice .lead2{background-color: #fff; padding: 10px; width: 38px; position: absolute; top:0; right:30%;}
.owner-voice h4{-ms-writing-mode: tb-rl; writing-mode: vertical-rl; font-family: 'Sawarabi Gothic', sans-serif; font-size: 16px; font-weight: bold;}
.owner-voice img{margin-top:100px;}
.comment-area{text-align: center;}
.comment-area h3{font-family: 'Sawarabi Gothic', sans-serif; font-size: 14px; font-weight: bold; margin-bottom: 50px;}
.comment-area h2{font-family: 'Caveat', cursive; font-size: 60px; color: #908E7A; margin-bottom: 5px;}
.comment-area h5{margin:0 0 20px; font-family: 'Sawarabi Gothic', sans-serif; font-size: 18px; color:#949175; line-height: 1.5em;}
.comment-area span{font-size: 14px;}
.comment-area p{ font-family: 'Sawarabi Gothic', sans-serif; font-size: 14px; line-height:1.8em; text-align: left; width: 320px; margin: 0 auto;}
.comment-area .row{display: flex;flex-direction: row;justify-content: space-around;}
.comment-area .col-md-4{padding: 15px;}
.comment-area .border{border-left: 1px dashed #949175; border-right: 1px dashed #949175;}

.main-area{position: relative;}
.main-area .photo-area{display: flex; align-items: flex-end; z-index: 2; margin-top:-60px;}
.main-back{background: linear-gradient(90deg, #E8E7DD 0%, #E8E7DD 50%, #fff 50%, #fff 100%);width: 100%;height: 550px; margin-top:-80px; z-index: 1;}
.main-title h3{color:#fff;font-family: 'Caveat', cursive; font-size: 60px; padding: 100px 0 0 40px;}
.main-back .b-circle{background: url("img/circle.png");ackground-repeat: no-repeat;background-size:cover; position: absolute; top: 18%; right: 20%; height: 150px; width: 164px; display: flex; justify-content: center;align-items: center; z-index: 2 ;filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.6));}
.main-back .b-circle small{font-size: 12px;}
.main-back .b-circle p{font-size: 16px; line-height: 1.5em; color: #fff; text-align: center;font-family: 'Sawarabi Gothic', sans-serif; margin-top: -15px;}
.main-back .img-circle{z-index: 1; max-width: 190px; position: absolute; top:25%; right:15%; image-rendering: -webkit-optimize-contrast;}
.main-back .main-text{text-align: center; margin-top: 130px;}
.main-back .main-text h2{font-family: 'Sawarabi Gothic', sans-serif; font-weight: bold; font-size: 20px; margin-bottom:15px;}
.main-back .main-text h3{font-family: 'Sawarabi Gothic', sans-serif; font-weight: bold; font-size: 14px; margin-bottom:25px;}
.main-back .main-text h4{font-family: 'Sawarabi Gothic', sans-serif; font-weight: bold; font-size: 16px; margin-bottom:15px;}
.main-back .main-text span{ font-size: 20px;　font-weight: 300;}
.movie-area p{font-family: 'Sawarabi Gothic', sans-serif; font-size: 16px; line-height: 2em;margin-bottom: 40px;}
.movie-area {padding: 50px 0; margin-top: -180px; text-align: center;}
.movie{text-align: center;margin:0 auto;max-width: 958px; height: 478px; margin-bottom: 30px; border: solid 1px #C9CACA; background-color: #C9CACA;}
.movie h5{color: #fff; font-size: 20px;line-height: 478px;}
.link-btn {background-color: #3E3A39; border: solid 1px #3E3A39; padding: 10px 80px;color: #fff; text-align: center; font-family: 'Sawarabi Gothic', sans-serif; font-weight: bold; max-width: 350px; margin: 0 auto;}

.flow{margin: 100px 0 150px; text-align: center;}
.flow h3{font-family: 'Caveat', cursive; font-size:60px; color: #E8E7DD;}
.flow h2{font-family:'Sawarabi Gothic', sans-serif; font-weight: bold; font-size:14px; margin: 5px 0 50px;}
.flow-lead hr{display: block; border: 0.5px solid #E8E7DD; width: 350px; text-align: center;}
.flow-lead h4{font-family: 'Sawarabi Gothic', sans-serif; line-height: 1.5em;}
.flow span{font-size: 60px;}
.flow .ex{width: 290px;}
.flow .triangle{max-width: 150px; width: 0;height: 0;border-top: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid transparent; border-left: 10px solid #E8E7DD; margin-top: 25px}
.flow h5{font-family: 'Sawarabi Gothic', sans-serif; font-weight: bold; font-size: 14px;margin-bottom: 15px;}
.flow p{font-family: 'Sawarabi Gothic', sans-serif; line-height: 1.5em;font-size: 14px; text-align: left;display: block;margin: 0 auto 50px;}
.flow img{margin: 0 auto;margin-bottom: 15px; max-width: 170px; image-rendering: -webkit-optimize-contrast;}
.flow .link-btn {background-color: #C9C7AE; border:none; padding: 10px 80px;color: #fff; text-align: center; font-family: 'Sawarabi Gothic', sans-serif; font-weight: bold;}
.flow .link-btn a{text-decoration: none;}
.annotation p{font-size: 12px;padding: 50px 0 0;line-height: 1.5em;max-width: 470px;}

.recent-blog{text-align: center; margin-bottom: 150px;}
.recent-blog h2{font-family: 'Caveat', cursive; font-size:60px; color: #E8E7DD; margin-bottom: 15px;}
.recent-blog p{font-family: 'Sawarabi Gothic', sans-serif; font-size: 14px; margin-bottom: 40px;}
.recent-blog img{max-width: 230px; margin: 0 auto 10px; position: relative;}
.recent-blog h3{font-family: 'Caveat', cursive; font-size: 25px; position: absolute; top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}
.recent-blog h4{font-family: 'Sawarabi Gothic', sans-serif; font-weight: bold; font-size: 16px; margin-bottom: 10px;}
.recent-blog a{text-decoration: none; color: #000;}
.recent-blog a:hover{opacity: 0.8;}

.contact{background-color: #E2E2E3;text-align: center;padding: 100px 0 0;}
.contact h3{color: #fff;font-family: 'Caveat', cursive;font-size: 60px;margin: 0 auto 50px;}
.square{background-color: #fff;padding: 20px 20px; max-width: 400px; height: 330px;}
.square h2{font-family: 'Sawarabi Gothic', sans-serif; font-weight: bold; font-size:16px;margin: 10px 0;}
.square img{width: 200px;margin: 0 auto; image-rendering: -webkit-optimize-contrast; margin-bottom: 15px;}
.contact .link-btn {background-color: #3E3A39; border:solid 1px #fff; padding: 8px 85px; text-align: center; font-family: 'Sawarabi Gothic', sans-serif; font-weight: bold; color: #000; display: inline-block; text-decoration: none;}
.contact .link-btn:hover {background-color: #595757; color: #fff; transition : 1s;}
.contact .link-btn a{text-decoration: none;}
.number p{color: #000;font-family: 'Sawarabi Gothic', sans-serif; font-size: 14px; margin-top: 80px;}
.number img{margin: 0 auto; max-width: 400px; image-rendering: -webkit-optimize-contrast;}
/* .sns li{display:inline-block;}
.sns img{ width:70px; height: auto;} */

.breadcrumb{padding-top:70px; padding-left: 20px; text-align: left;}


.eventinfo li:nth-child(1){font-family: 'Sawarabi Gothic', sans-serif;} 
.eventinfo-frame div:nth-child(2) ul li{font-family: 'Sawarabi Gothic', sans-serif;}
.eventinfo{background-color: #FFF;}
.eventinfo-frame{
	background-color: #F6F6F6;
	margin: 80px;
	padding: 60px;
	display: flex;
	align-items: center;
	div{
		align-self: center;
		&:nth-child(1){
			background:url(img/eventimg.jpg) no-repeat center bottom;
			background-size: cover;
			max-height:500px;
			min-height: 260px;
			width: 40%;
			/* @include pc{
				height: min(500px,40vh);
			}
			@include tab{
				flex-basis: 35%;
			} */
		}
		&:nth-child(2){
			width: 65%;
			padding-left: 5%;
			h3{
				text-align: left;
				font-size: 18px;
				margin-bottom: 6px;
			}
			ul{
				li{
					font-size: 16px;
					margin-bottom: 8px;	
					&:nth-child(1){
						font-size: 22px;
						margin-bottom: 20px;	
					}
					span{
						display: inline-block;
						background-color: #3a3431;
						color: #fff;
						font-size: 14px;
						padding: 6px 10px;
						margin-right: 10px;
						border-radius: 2px;
						letter-spacing: 0.1em;
					}
				}
			}	
		}
	}
}

/* Showroom */

.nearestShowroom .bo-nearest .textFrame h3, .nearestShowroom .bo-nearest .textFrame li, .nearestShowroom .bo-nearest .textFrame .bo_neaest_btn{font-family: 'Sawarabi Gothic', sans-serif;}

.nearestShowroom{
	display: block;
	color: #000;
	max-width: 1000px;
	margin: 75px auto;
	padding: 30px;
	text-align: left;
	
	
	/* @include tab{
		max-width: 85%;
		}
		@include sp{
			max-width: 100%;
			text-align: center;
			margin: 50px auto;
			} */
			
			a{
				color: #000;
				text-decoration: none;
			}
			
	.bo-nearest{
		display: flex;
		background-color: #eee;
		height: 280px;
		
		.textFrame{
			padding-left:30px;
			display: grid;
			align-items: center;
			height: 60%;
			margin: auto 0;
				
			/* @include sp{
				max-width:400px;
				margin:0 auto;
				padding: 15px 0;
				justify-content: center;
			} */ 

			h3{
					font-size:26px;
					padding-bottom:10px;
					
				span{
					font-size: 16px;
					display: block;
					padding-bottom:5px;
				}
			}
		}
		ul{
			li{
				padding: 5px 0;
				font-size: 16px;
				span{
					display: inline-block;
					padding-right:5px;
				}
			}
		}

	.bo_neaest_btn{
		margin-top:15px;
		display: inline-block;
		background-color: #333;
		color:#fff;
		padding: 10px 15px;
		border-radius: 3px;
		}
		&:hover{
		opacity: 0.7;
		transition: 0.3s ease-in-out;
		color: #777;
	}
	&:active{
		text-decoration: none;
	}
}

}








@media screen and (min-width:1416px)and (max-width:1847px){
	.tour-link .b-circle{position: absolute; top: 4%; left: 15%;}
	.point2 .catch{margin: 100px 0 0 60px;}
	.point2 .catch2{position: absolute; top:75%; left:25%;}
	.point4 img{max-width: 850px;}
	.point4 .catch{margin: 50px 0 0 200px;}
	.point4 .catch2{position: absolute; top:60%; left:75%;}
	.point4 .catch-text{ position: absolute; top:70%; right:-70%;}
}

@media screen and (min-width:1475px)and (max-width:1580px){
.point4 img{max-width: 850px;}
.point4 .catch{margin: 50px 0 0 150px;}
.point4 .catch2{position: absolute; top:60%; left:60%;}
.point4 .catch-text{ position: absolute; top:70%; right:-50%;}
}
@media screen and (min-width:1441px)and (max-width:1474px){
.point4 .catch-text{ position: absolute; top:70%; right:-40%;}
}

@media screen and (max-width:1440px){
.tour-link .g-square{position: absolute; top: 20%; left: 15%;}
/* .tour-link .b-circle{position: absolute; top: 75%; right: 15%;} */
/* .tour-link .img-circle{top: 88%; right: 5%;} */
.point2 .catch{ margin: 50px 0 0 0;}
.point2 .catch2{position: absolute; top:60%; left:0;}
.point2 h2{margin-top: 80px; letter-spacing: -1px;}
.point2 .catch-text{width: 280px; position: absolute; top:80%; right:-25%;}	

.point4 img{max-width: 700px;}
.point4 .catch{margin: 50px 0 0 150px;}
.point4 .catch2{position: absolute; top:60%; left:65%;}
.point4 .catch-text{ position: absolute; top:50%; right:-80%;}
.main-back .b-circle{position: absolute; top: 10%; right: 10%;}
/* .main-back .img-circle{position: absolute; top:17%; right:5%;} */
}

@media screen and (min-width:1200px) and (max-width:1365px){
.topimg{width: 1000px; height: 600px; margin: 0 auto; background-size:contain;}
.img-item{width: 100%;}
.tour-link .g-square{position: absolute; top: 26%; right: 3%;}
.tour-link .b-circle{position: absolute; top: 5%; left: 8%; height: 125px; width: 190px; background-size: auto;}
/* .tour-link .img-circle{top: 78%; right: -5%; max-width: 200px;} */

.heading h3{margin: 0 0 0 60px;}
.point-back{margin: 0 50px; height: 2200px;}
.point1 img{margin-top: -30px; max-width: 650px;}
.point1 .catch{margin: 30px 0 0 -80px;}
.point1 .catch2{position: absolute; top:13%; left:-14%;}
.point1 .catch-text{text-align: center; max-width: 300px; margin-left: 0px;}
.point2{padding: 0;}
.point2 img{margin-right: -50px;}
.point2 .catch{margin: 50px 0 0 -50px;}
.point2 .catch2{position: absolute; top:60%; left:-25%; z-index: 1;}
.point2 .catch-text{width: 300px; position: absolute; top:60%; right:-15%;}
.point3{width: 100%;}
.point3 .point-ill{max-width: 300px; position: absolute; top:65%; right:15%; image-rendering: -webkit-optimize-contrast;}
.point3 .point-ill-2{max-width: 80px; position: absolute; bottom:-10%; left:15%; image-rendering: -webkit-optimize-contrast;}
.point4 img{max-width: 650px;}
.point4 .col-sm-8{float: right;}
.point4 h2{margin-top: 80px;}
.point4 .catch{margin: 30px 0 0 50px;}
.point4 .catch2{position: absolute; top:50%; left:20%;}
.point4 .catch-text{ position: absolute; /* top:30px; right:-120px; */ width: 300px;}
	
.owner-voice .lead{position: absolute; top:0; right:20%;}
.owner-voice .lead2{position: absolute; top:0; right:23%;}
	
.main-back .b-circle{position: absolute; top: 10%; right: 5%;}
.main-back .img-circle{position: absolute; top:17%; right:1%;}
.main-back .main-text{margin-top: 30px;}
.movie-area {margin-top: -270px;}

} 

@media screen and (min-width:992px) and (max-width:1199px){

.topimg{background:url(img/top19201200.jpg) no-repeat scroll center top; height: 60vh; position: relative; background-size: contain;}
.img-item{width: 100%;}
.tour-link .g-square{position: absolute; top: 22%; left: 23%;}
.tour-link .b-circle{position: absolute; top: 3%; left: 18%; height: 100px; width: 138px;}
.tour-link .b-circle p{font-size: 14px;}
/* .tour-link .img-circle{top: 2%; left: 15%; max-width: 200px;} */
.concept-img{height: 300px; background-size: cover;}	
.heading h3{margin: 0 0 50px 20px;}
.point-back{margin: 0 30px; height: 1960px;}
.point1 img{margin-top: -30px; max-width: 590px;}
.point1 .catch{margin: 20px 0 0 -60px;}
.point1 .catch2{position: absolute; top:10%; left:-10%;}
.point1 .catch-text{max-width: 280px; margin:-25px 0 0 -8px;}
.catch-text p{line-height: 1.8em;}
.point2{padding: 0; }
.point2 img{margin-right: -60px; padding-bottom: 0px; margin-bottom: 20px;}
.point2 .catch{margin: 20px 0 0 -30px;}
.point2 .catch2{position: absolute; top:50%; left:-15%;}
.point2 .catch-text{width: 308px; position: absolute; top:40%; }
.point3{padding: 0;}
.point3 img{width: 600px; margin:65px 0 0 20px;}
.point3 h2 {margin:40px 0 0}
.point3 .point-ill{max-width: 250px; position: absolute; top:50%; right:15%; image-rendering: -webkit-optimize-contrast;}
.point3 .point-ill-2{max-width: 70px; position: absolute; bottom:3%; left:18%; image-rendering: -webkit-optimize-contrast;}
.point3 .catch{margin: 100px 0 0 -30px;}
.point3 .catch2{position: absolute; top:19%; left:0;}
.point3 .catch-text{margin-left: 35px; margin-top: -10px;}
.point4 img{max-width: 550px; margin:0 -70px -100px 0}
.point4 .col-sm-8{float: right;}
.point4 .catch{margin: 30px 0 0 -20px;}
.point4 .catch-text{ position: absolute; top:30%; right:-80%; width: 300px;}
	
.owner-voice .lead{position: absolute; top:0; right:15%;}
.owner-voice .lead2{position: absolute; top:0; right:18%;}
.comment-area p{width: 280px;}
	
.main-area .photo-area{margin-top:-70px;}
.main-back{height: 450px; margin-top:-80px; z-index: 1;}
.main-back .b-circle{position: absolute; top: 7%; right: 8%;}
.main-back .img-circle{position: absolute; top:13%; right:1%;}
.main-back .main-text{margin-top: 0px;}
.main-back .main-text p{font-size: 15px; line-height: 1.8em;}
.movie-area {margin-top: -200px;}
.movie{max-width: 900px;}
	
.flow .ex{width: 240px;}
	
.recent-blog img{max-width: 200px;}

.square{height: 320px;}
.contact .link-btn {padding: 8px 60px;}
}


@media screen and (min-width:768px) and (max-width:992px) { 
.topimg{width: 700px; height: 400px; margin: 0 auto; background-size:contain;}
.img-item{width: 100%;}
.tour-link .g-square{position: absolute; top: 37%; right: 0; left: 13%;}
.tour-link .b-circle{position: absolute; top: 6%; right: 14%; /* height: 150px; width: 164px;*/}
.tour-link .img-circle{top: 79%; right: -3%; max-width: 200px;}
.heading h2{letter-spacing: 2px;}
	
.heading h3{margin: 10px 0 40px 0px;}	
.concept-img{height: 350px; background-size: contain;}
.point-area{padding: 30px 0 100px;}
.point-back{margin: 0 30px 0; height: 3400px;}
.point-area .container{padding: 0 40px;}
.point-area .container-fluid{padding: 0 40px;}
.point1 img{margin: -50px auto 0; border-radius: 10px;}
.point1 .catch{margin: 330px 0 0 330px;}
.point1 .catch2{position: absolute; top:5%; left:50%;}
.point1 .catch-text{max-width: 450px; margin:0 auto 80px;}
.point1 .catch h3{position: absolute; top:0; right:0;}
	
.point2 img{margin-right: 0; margin-bottom: 0px; border-radius: 10px;}
.point2 .catch{margin: 350px 0 0 -30px; position: relative; z-index: 2;}
.point2 .catch h3{font-family: 'Simonetta', cursive; font-size: 18px; letter-spacing: 2px; text-align: right; margin: 15px 10px 0 0; position: absolute; top:0; right:0;}
.point2 .catch2{position: absolute; top:5%; left:-5%; z-index: 1;}
.catch-text2{text-align: center; max-width: 450px; margin: -30px auto 80px;}
.catch-text2 h2{font-family: 'Sawarabi Gothic', sans-serif; font-size: 16px;}
.catch-text2 p{font-family: 'Sawarabi Gothic', sans-serif; font-size: 14px; margin-top: 20px; line-height: 2em; text-align: left;}

.point3{width: 100%;}
.point3 .row{margin: 0 auto;}
.point3 .catch{margin: -30px 0 0 300px;}
.point3 .catch2{position: absolute; top:3%; right:-10%;}
.point3 .catch h3{text-align: right; margin: 15px 10px 0 0;}
.point3 .catch-text{margin-left: 0; max-width: 450px; margin: 0 auto;}
.point3 h2{margin-top: 60px; line-height: 2em;}
.point3 .point-ill{position: absolute; top:60%; right:0;}
.point3 .point-ill-2{position: absolute; bottom:-20%; left:20%;}
.point3 .row{margin: 0 40px 0 0}
.point3 .photo{position: static; border-radius: 10px;}
	
.point4 img{float: none; border-radius: 10px; max-width: 650px; margin: -200px auto 0;}
.point4 .catch{margin: -25px 0 0 -20px; position: relative; z-index: 2;}
.point4 .catch h3{font-family: 'Simonetta', cursive; font-size: 18px; letter-spacing: 2px; text-align: right; margin: 15px 10px 0 0;}
.point4 .catch2{position: absolute; top:3%; left:-2%; z-index: 1;}
.point4 h2{margin-top: 80px; line-height: 2em;}
.point4 .catch-text{ position: static; max-width: 450px; margin: 0 auto; margin-bottom: 100px;}
	
.owner-voice .lead{position: absolute; top:-8%; right:15%;}
.owner-voice .lead2{position: absolute; top:-8%; right:19.5%;}
.comment-area h3{margin-bottom: 20px;}
.comment-area .row{display: block;}
.comment-area h5{font-size: 20px; line-height: 1.8em;}
.comment-area span{font-size: 16px;}
.comment-area p{width: 550px;}
.comment-area .border{border-left: none; border-right: none;}

.main-back .b-circle{position: absolute; top: 7%; right: 8%;}
.main-back .img-circle{position: absolute; top:13%; right:1%;}
.main-back .main-text{margin-top: 80px;}
.main-back .main-text p{font-size: 15px; line-height: 1.8em;}
.movie-area {margin-top: -220px;}
.movie{max-width: 700px;}
	
.flow .ex{width: 180px;}
.flow .triangle{max-width: 100px; text-align: center;}
.flow img{margin: 0 auto;margin-bottom: 15px; max-width: 150px; image-rendering: -webkit-optimize-contrast;}
	
.recent-blog img{max-width: 160px;}

.square{height: 275px;}
.square img{width: 160px; margin-bottom: 5px;}
.contact .link-btn {padding: 8px 25px;}

.eventinfo-frame{flex-wrap: wrap; padding-bottom: 50px;} 
.eventinfo-frame div{flex-basis: 100%;
					&:nth-child(2){flex-basis: 100%; padding-top: 30px;} }
}

@media screen and (max-width:767px){
.wrapper{width:100%; overflow-x: hidden !important;}

.title{text-align: left;}
.title h2{font-family: 'Caveat', cursive; font-size: 45px; margin:0 0 10px 20px;}
.title h1{font-family: 'Sawarabi Gothic', sans-serif; font-size: 12px; padding: 0 0 20px 20px;}
.topimg{ background:url("img/top_mb.jpg") no-repeat scroll center top; height: 80vh; background-position: 60% 0,center; position: relative; margin: 0; background-size:cover;}
.topimg .img-item h3{font-size: 23px;}
.topimg .img-item h2{font-size: 38px; border-bottom: solid 2.8px #fff; width: 105px;}

.tour-link .g-square{position: absolute; top:20%; left: auto; /* display: flex; */ justify-content: center; align-items: center; filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.8)); font-size: 12px; width: auto;}
.tour-link .g-square h1{font-size:28px; padding: 0 5px; line-height: 1.2em;}
.tour-link .g-square p{margin-top: 12px; font-size:24px; line-height: 1em; text-align:left; }
.tour-link .g-square span{ padding-bottom: 1px; display: inline-block; /* font-size:18px; padding: 0 5px; border: 1px solid #FFF; */ }	
.tour-link .g-eventdate{position: absolute; bottom: 5%; left: auto; justify-content: center; align-items: center; filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.8)); font-size: 12px; width: auto;}
.tour-link .g-eventdate p{margin-top: 24px; font-size:24px; line-height: 1em; text-align:left; }
.tour-link .g-eventdate span{ padding-bottom: 1px; display: inline-block; /* font-size:18px; padding: 0 5px; border: 1px solid #FFF; */ }	
.tour-link .g-eventdate small{font-size: 13px;}	
.tour-link p{text-align: center; color: #fff; line-height: 1.2em; font-family: 'Sawarabi Gothic', sans-serif; /*letter-spacing: 1px;*/ }
.tour-link .b-circle{background: url("img/s-bubble-inversion.png");background-repeat: no-repeat; background-size:cover; position: absolute; top: 5%; left: 35%; height: 100px; width: 140px; display: flex; justify-content: center;align-items: center; z-index: 2 ;filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.6));}
.tour-link .b-circle p{font-size: 13px; margin: auto;}
.tour-link .b-circle span{font-size: 16px; line-height: 1.2em;}
.tour-link .img-circle{position: absolute; top: 90%; right: -3%; z-index: 1;}
.tour-link .img-circle img{max-width: 135px;}
	
.heading h3{font-family: 'Caveat', cursive; color: #fff; font-size: 45px; margin: 50px 0 70px;}
.heading h2{text-align: center; font-family: 'Sawarabi Gothic', sans-serif; font-size: 18px; /* font-weight: bold; */ letter-spacing: 3px; line-height: 1.8em; width: 300px; margin: 0 auto 30px;}
.heading p{text-align: left; width: auto; font-size: 14px; padding: 0 15px;}
	
.concept-img{height: 200px; background-size: cover;}
	
.point-area{padding: 50px 0;}
.point-area h4{font-size: 18px; letter-spacing: 3px; margin-bottom: 45px; line-height: 1.8em; text-align: center;}
.point-area .lead3{font-size: 14px;}
.point-back{background-color: #F6F6F6; margin: 0 15px 0; height: 2500px;}
.point-area .container{padding: 0 15px;}
.point-area .container-fluid{padding: 0 15px;}
.point1 img{margin: -30px auto 0; border-radius: 10px;}
.point1 .catch{margin: 155px 0 0 70px; width: 250px; height: 35px;}
.point1 .catch2{position: absolute; top:3%; left:28%;  width: 250px; height: 35px;}
.point1 .catch-text{max-width: 280px; margin:0 auto 60px;}
.point1 .catch h3{font-size: 14px; letter-spacing: 2px; text-align: right; margin: 10px 5px 0 0;position: absolute; top:0; right:0;}
	
.point2 img{margin-right: 0; border-radius: 10px;}
.point2 .catch{margin: 170px 0 0 -15px; width: 250px; height: 35px;}
.point2 .catch h3{font-size: 14px; letter-spacing: 2px; text-align: left; margin: 10px 5px 0 0; position: absolute; top:0; left:5px;}
.point2 .catch2{position: absolute; top:3%; left:-3%; width: 250px; height: 35px;}
.catch-text2{text-align: center; max-width: 280px; margin: -40px auto 60px;}
.catch-text2 h2{font-family: 'Sawarabi Gothic', sans-serif; font-size: 16px;}
.catch-text2 p{font-family: 'Sawarabi Gothic', sans-serif; font-size: 14px; margin-top: 20px; line-height: 2em; text-align: left;}
	
.point3{width: 100%;}
.point3 .row{margin: 0 auto;}
.point3 .catch{margin: -15px 0 0 60px; width: 250px; height: 35px;}
.point3 .catch2{position: absolute; top:2%; right:0; width: 250px; height: 35px;}
.point3 .catch h3{font-size: 14px; text-align: right; margin: 10px 5px 0 0;}
.point3 .catch-text{margin-left: 0; max-width: 450px; margin: 0 auto;}
.point3 h2{margin-top: 50px; line-height: 2em;}
.point3 .point-ill{position: absolute; top:60%; right:-7%; max-width: 250px; image-rendering: -webkit-optimize-contrast;}
.point3 .point-ill-2{position: absolute; bottom:-15%; left:10%; max-width: 80px; image-rendering: -webkit-optimize-contrast;}
.point3 .row{margin: 0 0 0 0}
.point3 .photo{position: static; border-radius: 10px;}
	
.point4 img{float: none; border-radius: 10px; max-width: 330px; margin: -230px auto 0;}
.point4 .catch{margin: -25px 0 0 -3px;  width: 250px; height: 35px;}
.point4 .catch h3{font-size: 14px; letter-spacing: 2px; text-align: right;margin: 10px 5px 0 0;}
.point4 .catch2{position: absolute; top:3%; left:1%; width: 250px; height: 35px;}
.point4 h2{margin-top: 50px; line-height: 2em;}
.point4 .catch-text{ position: static; max-width: 280px; margin: 0 auto; margin-bottom: 100px;}

.eventinfo-frame{background-color: #FFF; margin:15px;
		padding: 0px;
        display: block;
        align-items: center;
		div{
			align-self: center;
			&:nth-child(1){
				background:url(img/eventimg.jpg) no-repeat center bottom;
				background-size: cover;
				max-height:450px;
				min-height: 200px;
				width: 100%;
			}
			&:nth-child(2){
				width: 100%;
				padding-left: 0%;
				margin: 15px 0 45px;
	
				h3{
					text-align: left;
					font-size: 18px;
					margin: 0 10px 6px;
				}
				ul{
					margin: 0 10px 6px;
					li{
						font-size: 16px;
						margin-bottom: 8px;	
						&:nth-child(1){
							font-size: 22px;
							margin-bottom: 20px;	
						}
						span{
							display: inline-block;
							background-color: #3a3431;
							color: #fff;
							font-size: 14px;
							padding: 6px 10px;
							margin-right: 10px;
							border-radius: 2px;
							letter-spacing: 0.1em;
						}
					}
				}	
			}
		}
	}

.owner-voice {margin-bottom: 0px;}	
.owner-voice h4{font-size: 13px; letter-spacing: -2px;}
.owner-voice img{margin-top:45px;}
.comment-area h3{margin-bottom: 20px;}
.comment-area .row{display: block;}
.comment-area h5{font-size: 16px; line-height: 1.8em;}
.comment-area span{font-size: 16px;}
.comment-area p{font-size: 14px; width: 300px;}
.comment-area .border{border-left: none; border-right:none;}
.comment-area .slider{width: 90%; margin: 0 auto;}


.main-area .container-fluid{padding: 0;}	
.main-back{background: linear-gradient(90deg, #E8E7DD 0%, #E8E7DD 60%, #fff 40%, #fff 100%);width: 100%;height: 730px; margin-top:-80px; z-index: 1;}
.main-title h3{font-size: 45px; padding: 300px 0 0 40px;}
.main-back .b-circle{position: absolute; top: 0; right: 15%; z-index: 4; height: 130px; width: 144px;}
.main-back .img-circle{position: absolute; top:7%; right:1%; z-index: 3; width: 165px;}
.main-back .b-circle p{font-size: 14px;}
.main-area .photo-area{display: block; align-items: center; z-index: 2; margin-top:-60px;}
.photo1{max-width: 150px; position: absolute; top:-12%; left: 5%;}
.photo2{max-width: 110px; position: absolute; top:-6%; left:35%; z-index: 2;}
.photo3{max-width: 150px; position: absolute; top:-20%; right:5%;}
.main-back .main-text{margin-top: 80px;}
.main-text h2{line-height: 1.5em;}
.movie-area p{font-size: 14px; line-height: 2em; text-align: left; max-width: 330px; margin: 0 auto; margin-bottom: 40px;}
.movie-area {margin-top: -200px;}
.movie{max-width: 350px; margin-bottom: 20px;}
.link-btn {padding: 10px 60px;}
.date p{text-align: center;}
	
.flow{margin: 100px 0 100px; text-align: center; padding: 0 15px;}
.flow h3{font-family: 'Caveat', cursive; font-size:60px; color: #E8E7DD;}
.flow h2{font-family:'Sawarabi Gothic', sans-serif; font-weight: bold; font-size:14px; margin: 5px 0 50px;}
.flow-lead hr{display: block; border: 0.5px solid #E8E7DD; width: 300px; text-align: center;}
.flow-lead h4{font-family: 'Sawarabi Gothic', sans-serif; line-height: 1.5em;}
.flow span{font-size: 60px;}
.flow .ex{width: auto;}
.flow .triangle{max-width: auto; width: 0;height: 0;border-top: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid transparent; border-left: 10px solid #E8E7DD; margin-top: 25px; transform:rotate(90deg); margin: 0 auto;}
.flow img{margin: 0 auto;margin-bottom: 15px; max-width: 170px; image-rendering: -webkit-optimize-contrast;}
.flow .link-btn {background-color: #C9C7AE; border:none; padding: 10px 60px;}

.recent-blog .col-xs-6{margin: 20px 0; height: 230px;}
.recent-blog img{max-width: 160px; margin-bottom: 0px;}
.recent-blog{margin-bottom: 100px;}
.recent-blog h3{margin-top: -30px;}
.recent-blog p{margin-bottom: 0; line-height: 1.5em;}
.recent-blog h4{margin: 10px 0 5px;}
	
.square{margin-bottom: 15px;}
.number img{margin: -70px auto 0; max-width: 360px; image-rendering: -webkit-optimize-contrast;}
.contact .link-btn {padding: 8px 80px;}

.nearestShowroom{max-width: 100%; text-align: center; margin: 50px auto;
		.bo-nearest{display: block; padding: 25px; height: 400px;
			.textFrame{ max-width:400px; margin:0 auto; padding: 15px 0; justify-content: center;
				h3{	font-size:22px; padding-bottom:20px;
				} 
				span{font-size: 14px; display: block; padding-bottom:10px;}
				.bo_neaest_btn{margin:15px auto;}
			}
		}
	}
}
/* .breadcrumb{padding-top:50px; padding-left: 0px; text-align: left; font-size: 12px; letter-spacing: -0.4px;} */

/* heisei-consept */ 
.SE-concept{
	padding: 60px 15px 60px 15px;
	text-align: center;
	background-color: #FFF;
	h3{
		font-size: 42px;
		margin-bottom: 25px;
		display: inline-block;
		padding: 15px 25px;
		color: #333;

		/* @include sp{
			font-size: 32px;
			margin-bottom: 10px;
		} */

	}
	/* ul{
		// margin-bottom: 20px;
		&:nth-child(1){
			font-size: 24px;
			color: #000;
			// background-color: #ce403c;
			padding: 8px 20px;
			display: inline-block;
		}
	} */

	.hdm-frame{
		display: flex;
		margin: 15px auto;
		max-width: 1000px;
		justify-content: center;
		flex-wrap: wrap;
		div{
			flex-basis: 40%;
			padding: 35px;
			margin: 15px 5px 0;
			background-color: #FFF;
			box-shadow: 3px 3px 8px #555;
			/* @include tab{
				flex-basis: 90%;
			}
			@include sp{
				flex-basis: 90%;
			} */
			p{
				&:nth-child(1){
					color: #ce403c;
					font-size: 18px;
				}
				&:nth-child(2){
					font-size: 24px;
					margin: 15px 0;
				}
				&:nth-child(3){
					line-height: 1.7em;
					text-align: justify;
					text-justify: inter-ideograph;
				}
			}
		}
	}
	.hdm-btn{
		p{
			color: #fff;
			font-size: 18px;
			display: inline-block;
			padding: 23px 40px;
			background-color: #333;
			border-radius: 50px;
			margin-top: 50px;
			width: min(380px,90%);
			/* &:hover{
				background-color: #9b9b9b;
				transition: 0.2s;
			} */
		}
	}		
}





.form-title{
	background-color: #eee;
	text-align: center;
	h3{	font-family: 'Sawarabi Gothic', sans-serif; 
		font-size: 24px;
		padding: 50px 0px 0px;
	}
}