@charset "utf-8";
/* CSS Document */

/* WEB FONTS - Sawarabi Mincho */
@import url('https://fonts.googleapis.com/earlyaccess/sawarabimincho.css');

.gnavi{
	/*position: fixed;*/
	text-align: center;
	z-index: 100;
	left: 0;
	/*right: 0;
	top: 83px;*/
	margin-top: 0;
	/* padding-bottom:0; */
	/*background-color: rgba(40, 3, 58, 0.8);
	background-image: none !important;*/
	/* height: 45px; */
	/*background: rgba(0,0,0,1.00);*/
	/* background:#EAE4DC; */
	background-size: contain;
}

.gnavi ul{
	/*max-width: 1080px;*/
	width: 100%;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	position: relative;
	display: table;
	table-layout: fixed;
	text-align: center;

}

.gnavi ul li{
	font-family:"Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	/*width: 8.333%;*/
	position: relative;
	text-align: center;
	float:left;
	vertical-align: middle;
	width: 8.3%;
	background: url(../images/nav_border.png) left center no-repeat;
	/*border-left:1px solid #1a1a1a;*/
	box-sizing:border-box;
	font-size: 13px;

}
.gnavi ul li:last-child{
	/*border-left:1px solid #1a1a1a;
	border-right:1px solid #1a1a1a;*/
	/*! background:url(../images/nav/nav_border2.png) top center no-repeat; */
	box-sizing:border-box;
	background: url(../images/nav_border.png) left center no-repeat, url(../images/nav_border.png) right center no-repeat;
	}
.gnavi ul li a:hover{
/*	background: #342618;*/
/*color:#f9ff93 !important;*/
}
.gnavi ul li.new,.modal .modal__inner .modal__list li.new{
	position:relative;
}
.gnavi ul li.new:after,.modal .modal__inner .modal__list li.new:after{
	content:url(../images/navnew.png);
	position:absolute;
	right:0;
	top:0;
}
.under span{
	opacity:0.4;
	line-height: 40px;

}
.gnavi ul li.spnav{
	display:none;
}

.gnavi ul li a{
	line-height:45px;
	text-align:center;
	display:block;
	transition:all 0.5s ease-in-out 0s;
	position:relative;
	padding: 0;
	text-decoration: none;
	color:#333;
}

.gnavi ul li:nth-child(4) a,.gnavi ul li:nth-child(8) a{
	line-height:10px;
	padding-top: 7px;
	padding-bottom: 7px;
}


.gnavi ul li{
	line-height:45px;
	text-align:center;
	display:block;
	transition:all 0.5s ease-in-out 0s;
	position:relative;
	padding: 0;
	text-decoration: none;
	color: #333;
}


.gnavi ul li.cur{
	background:#D2C5B7;
}


.gnavi ul li:last-child a{
	letter-spacing:-0.08em;
}

.gnavi ul li a span.line2{
	line-height:15px;
}


.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	z-index: 999999;

	background-size: contain;

}



@media only screen and (max-width:1200px) {
	.gnavi ul li a{
	/*line-height:46px;*/
	text-align:center;
	display:block;
	transition:all 0.2s ease-in-out 0s;
	position:relative;
	padding:0;

}
.gnavi ul li{
	/*! width: 9%; */
}


br.s { display:none;}
}
@media only screen and (max-width:1050px) {


.gnavi ul{
	}

.gnavi ul li{
	font-family:"Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	/*width: 8.333%;*/
	position: relative;
	text-align: center;
	float:left;
	vertical-align: middle;
	font-size: 10px;
	background: url(../images/nav_border.png) left center no-repeat;
	/*border-left:1px solid #1a1a1a;*/
	box-sizing:border-box;

}

	.gnavi ul li a{
	/*line-height:46px;*/
	text-align:center;
	display:block;
	font-size:10px;

	transition:all 0.2s ease-in-out 0s;
	position:relative;
	padding: 0;
}






br.s { display: block;}
}
@media only screen and (max-width:860px) {

.req_btn{
	width:90%;
	margin:20px auto;}


	.gnavi ul li:last-child a{
	line-height:150%;
	text-align:center;
	display:block;
	font-size:12px;
	color:#2c1302;
	transition:all 0.2s ease-in-out 0s;
	position:relative;
	letter-spacing:-0.25em;
	padding: 9px 0;
}
br.s { display: block;}
}
/*.gnavi ul li a.current {
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #422009;
	bottom: 0px;
	padding-bottom: 5px;
}
.gnavi ul li a:hover {
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	text-decoration: none;
}*/
/*
.gnavi ul li a.cs:after{
	content:"COMING SOON";
	position:absolute;
	top:2px;
	left:30px;
	right:30px;
	font-size:10px;
	line-height:1.1;
	letter-spacing:-0.05em;
	font-family:"游明朝体", "Yu Mincho", YuMincho, 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','ＭＳ Ｐ明朝', serif;
	background:#AE863C;
	color:#FFF;
}

*/
.gnavi ul li a.cs span.en{
	opacity:0.4;
}

.gnavi ul li a:not(.cs):hover span.ja,
.gnavi ul li a.cr:not(.cs) span.ja{
	opacity:1;
}

.gnavi ul li a:not(.cs):hover,
.gnavi ul li a.cr:not(.cs){
	/*background:rgba(255,255,255,0.2);*/
}


#loading {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: #010101;
}

#loading .caption {
    font-size: 15px;
    letter-spacing: 3px;
    color: #ffffff;
}

#loading .inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    width: 100%;
    height: 250px;
}
.spinner {
  margin: 70px auto;
  width: 40px;
  height: 40px;
  position: relative;
  text-align: center;

  -webkit-animation: sk-rotate 2.0s infinite linear;
  animation: sk-rotate 2.0s infinite linear;
}

.section{
	text-align:center;
	background-position:top center;
	background-repeat:no-repeat;
	background-size:cover;
	position: relative;
}
.section .inner {
    width: 100%;
    margin-top: 0;
	position: relative;
}
.section img {
    max-width: 100%;
}

.seccap {
position: absolute;
	bottom: 20px;
	left: 10px;
	text-align:  left !important;
	font-size: 12px;
}
.seccap2 {
position: absolute;
	bottom: 145px;
	right: 10px;
	text-align:  right !important;
	font-size: 12px;
}





@media (max-width: 768px) {
html,body,#myContainer {
	height:auto !important;
	overflow: visible;
}
#myContainer {
	margin-top: 0;

}

.inner-wrap.bg{
	opacity:1;
}
.seccap {
position: absolute;
	bottom: 15px;
}
.seccap2 {
position: absolute;
	bottom: 15px;
}
}

/*///////  Mainimage   //////*/
/*#section0 {
	margin-top:135px;

}*/



#skipbtn {
	width:100px;
	height:26px;
	background:rgba(0,0,0,.7);
	text-align:center;
	color:#fff;
	display:block;
  line-height:26px;
	border:1px solid #ccc;
	cursor:pointer;
	text-decoration:none;
	font-size:10px;
	font-family: 'Syncopate', sans-serif;
}

/*#loader {
    position: absolute;
	background-image: url(../../images/_preloader.gif);
	background-position: center center;
	background-repeat: no-repeat;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    background-color: #000;
    z-index: 100;
}*/
.spmain {
	display:none;
}
#myContainer {
	margin-top: 0;
	background:#fff;
	/* border-top:1px solid #9daf9c; */
}
.bgGreen{
	background: #e9f3f2;
}


@media screen and (max-width:768px) {

	#myContainer {
	margin-top: 0px;
}

	#fp-nav {
		right: 10px !important;
	}

.spmain {
	display:block !important;
	width:100%;
	height:auto;
	margin: auto}

}

.inn {
	position:relative;
}
.bodycopy {
	margin: 5% 0;
	padding: 2% 10%;
	font-family:"Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	line-height: 1.8em;
}
h2 {
	text-align:center !important;

	font-family:"Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	line-height: 1.8em;
	font-size:30px;
	margin:40px auto;

}

h2 span {
	font-size:23px;
}

@media screen and (max-width:1500px) {



}
@media screen and (max-width:1360px) {
h2 {

}
h2 img {
	max-width:100%;
	height:auto;
}
h2 br {
	display:block !important;
}
}
@media screen and (max-width:1152px) {

h2 { line-height:1.5em;}
h2 br {
	/*display:none !important;*/
}

}
@media screen and (max-width:1024px) {
h2 {

}
.sp50 {
	max-width:70%;
	height:auto;
	margin:auto;
}
h2 br {
	display:block !important;
}
}*/
@media screen and (max-width:768px) {


#information {
	padding: 10% 2%;
	background-color:#212121;}
#information h3 {
	font-size: 1.2em;
	margin-bottom: 15px;
	}
#information dl {
	width: auto;
	margin-right: 5%;
	margin-left: 5%;
	margin-top:15px;
}
#information dt {
	font-family:"Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	line-height: 1.5em;
	letter-spacing: 2px;
	float: none;
	width: auto;
	margin-right: 0;
	font-size: 14px;
	text-align:left;
}
#information dd {
	font-family:"Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	line-height: 1.5em;
	float: none;
	width: auto;
	text-align: left;
	font-size: 14px;
}
h2 {
	padding-top:2%;
	padding-bottom:0;
	margin:0 auto;
	font-size:24px;
	letter-spacing:0;
	margin-bottom:0 !important;
}
h2 br {
	/*display:none;*/
}
h2 img {
	max-width:100% !important;
	height:auto;
}




.bodycopy {
	padding: 2% 6%;
}

.sp50 {
	max-width:30% !important;
	height:auto;
	margin:auto;
}
}

@media screen and (max-width:480px) {
h2 br {
	/*display:none !important;*/
}

}

/*///////  map   //////*/
#map {
	max-width: 890px;
	height: auto;
	margin: auto;
	padding-bottom: 5%;
	padding-top: 30px;
}
#map img {
	max-width:100%;
	height:auto;
}
#map h2 {
	margin: 0;
	padding: 1% 0 !important;
	background: #15195d;
	font-size: 24px;
	color: #fff;
}



.popup_btnarea {
	margin:30px auto 0;
	width:260px;

}
.popup_btnarea ul li {
	display:inline-block;
}
.popup_close a{
	margin:20px 10px 20px 0;
	padding:15px 0;
	background-color:#565656;
	font-size:13px;
	float:left !important;
	width:120px;
	text-align:center;
	text-decoration:none;
	color:#fff;
}
.popup_close a:hover{
	background-color:#ccc;
}

.popup_print a{
	margin:20px 0;
	padding:15px 0;
	background-color:#8e0808;
	font-size:13px;
	float:left;
	width:120px;
	text-align:center;
	text-decoration:none;
	color:#fff;
}
.popup_print a:hover{
	background-color:#caab70;
}

@media screen and (max-width: 700px){
	#map {
	padding-top: 30px;
}
	.popup #map {
		margin-top:70px;
}
	.popup_btnarea {
		display:none;
}
#map h2 {
	margin:0;
	padding:2% !important;

	font-size:20px !important;

}
}

@media print{
	#popup html,footer {
	background:#fff;
}

	#popup .map_caption{
		display:none;
	}


	#footrequest,#contactInformation,#footCommon,.go-to-top,#presentation,#footAreaWrapper,popup_btnarea,.h__btn,.menu-btn,.menu-btn2  {
		display:none !important;
	}


}

#main {
	margin: 0 auto;
	max-width: 100%;
	width: auto;
	z-index: 15;
	text-align: center;
	height: 70%;
	display: block;
	background:url(../../images/main_bg.jpg) center no-repeat;
	background-size: 100%;

}
#main img {
	max-height: 100%;
	height: auto;
	width: auto;
}

#mainContents{
	max-width:1000px;
	margin:0 auto;
	position:relative;}

#mainContents #copy001{
	position:absolute;
	top:5%;
	left:3%;}

#mainContents #img001{
	padding-top:2%;
	padding-right:0;}

#mainContents #copy002{
	position:absolute;
	top:5%;
	right:10%;}

#mainContents #copy002{
	position:absolute;
	top:5%;
	right:10%;}


.section .scl {
	z-index:9999999;
	cursor: pointer !important;
	display:block;
	width:54px;
	height:19px;
	margin: 20px auto;
	opacity: 1;
}

.scl2 a {
	margin: 2% auto;
	padding-top: 10px;
	text-align:center;
	z-index:999;
	cursor: pointer !important;
	display:block;
	width:60px;
	height:50px;
	display:block;
	visibility: visible;
	opacity: 1;
}
.section .scl3 {
	position: absolute;
	left: 0;
	bottom: 60px;
	text-align:center;
	z-index:9999999 !important;
	cursor: pointer !important;
	display:block;
	margin-left: -30px;
	width:100%;
	height:50px;
	display:block;
	visibility: visible;
	opacity: 1;
}
.scl5 a {
	margin: 15% auto 0;
	padding-top: 10px;
	text-align:center;
	z-index:999;
	cursor: pointer !important;
	display:block;
	width:60px;
	height:50px;
	display:block;
	visibility: visible;
	opacity: 1;
}
#scl4 a {
		display: none;
}
.scl a img ,.scl2 a img, .scl3 a img {
	display:block;
	height:19px;
	cursor: pointer !important;
}

@media screen and (max-width: 768px){
#main  {
	/*display: none;*/
	background:url(../../images/main_bgsp.jpg) center no-repeat;
	background-size: 100% 100%;
	}
#scl4 a {
	text-align: center;
	margin: 5% auto;
	cursor: pointer !important;
	display:block;
	width:60px;
	height:50px;
	display:block;
	visibility: visible;
	opacity: 1;
}
	.scl,.scl2,.scl3,.scl5 {
		display: none;
	}

#mainContents #copy001{
	position:absolute;
	top:15%;
	left:5%;
	width:25%;
	z-index:2;

}

#mainContents #img001{
	padding-top:8%;
	padding-bottom:0;
	padding-left:10%;
	width:90%;
	z-index:1;}

#mainContents #copy002{
	position:absolute;
	top:10%;
	right:3%;
	height:90%;
	z-index:3;
	padding:1%;}

}


@media screen and (max-width: 786px){
	#section0{
	height: auto !important;
}
#section3 .fl-l,#section5 .fl-l{
	float: none;
	width: 100%;
}
#section3 .fl-r,#section5 .fl-r{
	float: none;
	width: 100%;
}

}
#section4 .fl-l{
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 50%;
	z-index: 20;
}
#section4 .fl-r{
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	width: 50%;
	z-index: 20;
}

@media screen and (max-width: 786px){
	#section4 .sectionbase2 {
		display: none;
	}
	#section4 {
	background: rgba(0,0,0,1.00)}
#section4 .fl-l{
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 80%;
	z-index: 20;
}
#section4 .fl-r{
	display: none;
}


}
.section01base {
	margin: 0;
	padding: 0;
	width: 100vw;
	width: auto;
	height: auto;
	height: 100vh;
	opacity: 0;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
	position: relative;
}



.sectionbase {
	margin: 0;
	padding: 0;
	width: 100vw;
	width: auto;
	height: auto;
	height: 100vh;
	opacity: 0;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
	position: relative;
	background: rgba(0,0,0,0.7);}

.sectionbase2 {
	margin: 0;
	padding: 0;
	width: 100%;
	opacity: 0;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
	position: relative;
}
.sectionbase3 {
	margin: 0;
	padding: 0;
	width: 100%;
	opacity: 0;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
	position: relative;
	text-align: right;
}
.sectioncopy {
	opacity: 0;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
}
.sectioncopy2 {
	opacity: 0;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
}

.copy001, .img001, .copy002{
	opacity: 0;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
}






@media screen and (max-width: 768px) {

#secbg3 {
	background-image: url(../../images/section03/sectionbgsp.jpg);
	padding-bottom: 200px;
}

#section3 .copyarea3 {
	position: absolute;
	top: 5%;
	width: 96%;
	font-size: 24px;
	text-align: center;
	z-index: 10;
	margin: 0 auto 3%;
	left: 50%;
	z-index: 9;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)

}
#section3  .copyarea3 h3 {
	margin: 0 auto 4%;
	width: 100%;
	font-size: 24px;
	line-height: 1.6em;

}
#section3 .copyarea3 .sec3_inner .catch03 {
	width: 96%;
	margin: 15% auto 10%;
	float: none;
}
#section3 .copyarea3 .sec3_inner .copy005 {
	margin: 10% auto 10% ;
	text-align: center;
	height: auto;
	width: 96%;
	float: none;
}


}

#section4 .fl-l #copy007{
	margin: 25% auto ;
	text-align: center;
	height: auto;
	width: 50%;
}

#section4 .fl-r #copyarea4 {
	position: absolute;
	top: 10%;
	left: 60%;
	width: 30%;
	text-align: center;
	z-index: 10;
	margin: 0;
}

#section4 .fl-r #copyarea4 #copy008{
	margin: 18% auto 0;
	text-align: center;
	height: auto;
}


@media screen and (max-width: 768px) {
#section4 .fl-l {
		float: none !important;
		margin-top: 10%;
	}
#section4 .fl-l #copy007 {
	margin: 0 auto 7% !important;
	padding-top: 10%;
	text-align: center;
	height: auto;
	width: 90% !important;
}
	#section4 .spplan {
		margin: 1% auto;
		width: 86%;
	}

#section4 .fl-r #copyarea4 {
	position: relative;
	width: 80%;
	text-align: center;
	z-index: 10;
	margin: 0;
}

#section4 .fl-r #copyarea4 #copy008{
	display: none;
}

#section4 .fl-r #planimg {
	display: none;
}
#section4 .fl-r #spplanimg {
	display: block;
}
}

.fadeOutphoto{
	opacity: 0.3;
transform: translate(0,0);
	-webkit-transform: translate(0,0);	transition-duration:2s;
}
.fadeIntext{
	opacity: 1.0;
transform: translate(0,0);
	-webkit-transform: translate(0,0);	transition-duration:2s;
}

.fadeInphoto{
	opacity: 1.0;
transform: translate(0,0);
	-webkit-transform: translate(0,0);	transition-duration:2s;
}



.fadeIncatch{
	opacity: 1.0;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
	transition-delay:0s;
	transition-duration:4.0s;
}

.fadeIncatch2{
	opacity: 1.0;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
	transition-delay:.75s;
	transition-duration:1.0s;
}

.fadeIncatch3{
	opacity: 1.0;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
	transition-delay:1.0s;
	transition-duration:1.0s;
}


.fadeIncatch001{
	opacity: 1.0;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
	transition-delay:4.5s;
	transition-duration:5.0s;
}

.fadeInphoto002{
	opacity: 1.0;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
	transition-delay:2.5s;
	transition-duration:3.0s;
}

.fadeIncatch003{
	opacity: 1.0;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
	transition-delay:3.5s;
	transition-duration:3.0s;
}




/*///////  Obiarea   //////*/

#footer_koudouteiki_container{
padding:20px 0 0 0;
width:100%;
}

.obiarea{/*
	position: absolute;*/
	padding: 10px 0 0 0;
	z-index: 15;
    width:100%;
    bottom:0px;
	height: 40%;
    border-top:#222 solid 1px;
	background-image: url(../../images/obibg.jpg);
	background-repeat: repeat;
	background-position: center center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	color: #fff;
}

.obiareasp {
	display: none;

}

.obiinner{
	opacity: 1.0;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
	transition-delay:1s;
	transition-duration:3s;
}
.obiarea .content,.obiareaft .content{
    text-align:center;
    padding:0;
	font-family:"Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 40px;
	font-weight: 400;
	max-width: 1200px;
	height: auto;
	margin: auto;
}
.obiareaft .content span {
	font-size: 24px;
}

.obiareaft{
	width: auto;
	color: #fff;
	text-align: center;
	padding: 5px 0 0;
}
#point {
	width: 100%;
	width: auto;
	background:#000;
	text-align: center;
	margin: 0;
	padding: 0;
}

@media screen and (max-width: 800px){
.obiarea,.obiareaft{
	display: none;
	}
.obiareasp{
	display: block;
	width: auto;
	padding: 5%;
	border-top: #333 solid 1px;
	border-bottom: #333 solid 1px;
	color: #fff;
	font-family:"Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 24px;
	line-height: 1.5em;
	text-align: center;
	background-image: url(../../images/obibg.jpg);
	background-repeat: repeat;
	background-position: center center;
	text-decoration: none !important;
}
	.obiareasp p {
		margin-bottom: 3%;
	}
.obiareasp span {
	font-size: 14px;
	text-align: left;
	line-height: 120%;
}
.obiareasp .obi_txt {
	text-align: center;
	display: block;
	padding:10px 0;
}
.obiareasp .bt {
	background:#391C56;
	padding:8px 14px;
}
	.obiareasp a {
		text-decoration: none ;
	}

}

.cp_ba {padding-top:25px;}
.cp_ba a {padding-bottom:15px; display:inline-block; margin:0 10px;}


/*concept
---------------------------------------*/
.concept {
	max-width:1080px;
	margin:0 auto;
	font-family:"Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.concept_catch {
	font-size: 32px;
	text-align: center;
	margin-bottom: 35px;
	color: #000;
}
.contentbg .concept p {
	font-size: 16px;
	text-align: center;
	margin-bottom: 70px;
	color: #000;
}
.concept .concept_catch span {
	font-size: 12px;
}
@media only screen and (max-width: 768px){
	.concept {
	max-width:1080px;
	margin:0 auto;
	font-family:"Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	width:90%;
}
.concept_catch {
	font-size: 21px;
	text-align: center;
	margin-bottom: 25px;
	color: #000;
}
.contentbg .concept p {
	font-size: 14px;
	text-align: left;
	margin-bottom: 40px;
	color: #000;
}
.concept .concept_catch span {
	font-size: 12px;
}
}

.brandbg01 {
	background: #e9f3f2;
}



.whbg .in .right_txt {
	float: right;
	width: 50%;
	position: relative;
}
.whbg .in .left_txt {
	float: left;
	width: 50%;
	position: relative;
}
.whbg .in .st {
	text-align: center;
	margin-top: -70px;
	margin-bottom: 30px;
}

.whbg .in ul {
	padding-left: 8%;
	padding-bottom:50px;
}
.whbg .in ul:after {
	content:" ";
	display:block;
	clear:both;
}
.whbg .in ul li {
	width:44%;
	float:left;
	margin-right:1%;
}
.whbg .in ul li img {
	width:100%;
}
@media only screen and (max-width: 768px){


.whbg .in .right_txt {
	float: none;
	width: 90%;
	margin:0 auto;
	position: relative;
}
.whbg .in .left_txt {
	float: none;
	width: 90%;
	margin:0 auto;
	position: relative;
}
.whbg .in .st {
	text-align: center;
	margin-top: 0px;
	margin-bottom: 30px;
	width: 22px;
	margin-left: auto;
	margin-right: auto;
}

.whbg .in ul {
	padding-left: 0%;
	padding-bottom:50px;
}
.whbg .in ul:after {
	content:" ";
	display:block;
	clear:both;
}
.whbg .in ul li {
	width:48%;
	float:left;
	margin-right:1%;
}
.whbg .in ul li img {
	width:100%;
}


}


/*概要---------------------------------------*/


#outline{
	max-width:1024px;
	margin:0 auto;}

#outline table{
	line-height:2.0;
	width:100%;
	margin-bottom:50px;
}

#outline table td{
	line-height:2.0;
	border:1px solid #999;
	padding:10px;}

#outline table th{
	line-height:2.0;
	border:1px solid #999;
	background:#eee;
	padding:10px;
	width:27%;}



.inner{
	max-width:1024px;
	margin:0 auto;}


@media only screen and (max-width: 768px){

.inner{
	width:90%;
	margin:0 5%;
	font-size: 0.9rem;}



#outline table td{
	line-height:2.0;
	border:1px solid #999;
	padding:10px;
	display:block;}

#outline table th{
	line-height:2.0;
	border:1px solid #999;
	background:#eee;
	padding:10px;
	display:block;
	width:100%;}




	}



/*間取---------------------------------------*/


.plan_main{
	background: url("../../plan/images/plan_main01.png");
	background-size: cover;
	padding: 8% 0 8%;
	position: relative;
}

.model_main{
	background: url("../../modelroom/images/model_main01.jpg");
	background-size: cover;
	padding: 8% 0 8%;
	position: relative;
}


.photocap{
	position: absolute;
	bottom: 5px;
	left: 10px;

	font-size: 12px;
	text-shadow:2px 2px 3px #ffffff,0px 0px 2px #ffffff,1px 0px 5px #ffffff,0px 1px 4px #fff;
}

.photocap_w{
	position: absolute;
	bottom: 5px;
	left: 10px;
	color: #fff;
	font-size: 12px;
	text-shadow:2px 2px 3px #000,0px 0px 2px #000,1px 0px 5px #000,0px 1px 4px #000;
}



.plan_main h2{
	font-size:1.8rem;
	color:#a38b78;
	letter-spacing: 0.3rem;
	font-family:"Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	border-right: 1px solid #a38b78;
	border-left: 1px solid #a38b78;
	display: block;
	padding: 0 10px;
	margin: 0 auto;
	width: 220px;
	text-align: center;
}
.model_main h2{
	font-size:1.8rem;
	color:#a38b78;
	letter-spacing: 0.3rem;
	font-family:"Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	border-right: 1px solid #a38b78;
	border-left: 1px solid #a38b78;
	display: block;
	padding: 0 10px;
	margin: 0 auto;
	width: 260px;
	text-align: center;
}


.plan_main{}


#plan{
	margin: 80px auto;
}

#plan h3{
	font-family:"Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size:40px;
	text-align: center;
}
#plan h3 span{
	font-size: 25px;
}


#plan h4#north{
	font-family:"Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size:25px;
	text-align:left;
	border-bottom: 1px solid #861a31;
	margin-bottom: 20px;
	color: #861a31;
	margin-top: 30px;
}

#plan h4{
	font-family:"Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size:25px;
	text-align:left;
	border-bottom: 1px solid #91753F;
	margin-bottom: 20px;
	color: #91753F;
	margin-top: 30px;
}





.planbtn{
}

ul.planbtn{
	max-width:1000px;
	margin: 30px auto;
	text-align:center;
}

ul.planbtn li{
	display:inline-block;
	margin:5px;
	width: 48%;
	padding: 1%;

}
/*ul.planbtn li:last-child{
	display:block;
	margin:5px auto;
	padding: 1%;
	text-align:center;
}*/

.planbtn li a:hover{
	opacity:0.7;
}




@media only screen and (max-width: 768px){




.plan_main{
	margin-top: 100px;
	}
.model_main{
	margin-top: 100px;
	}

.plan_main h2{
	font-size:1.2rem;

	letter-spacing: 0.3rem;

	padding: 0 10px;

	width: 200px;

}

.model_main h2{
	font-size:1.2rem;

	letter-spacing: 0.3rem;

	padding: 0 10px;

	width: 200px;

}

#plan h3{
	font-size:30px;
}
#plan h3 span{
	font-size: 16px;
}


.planbtn ul{
	width:100%;
	float:none;
	text-align:center;
}

ul.planbtn li{
	width: 100%;

}


#plan_pop header, #plan_pop .menu-btn,#plan_pop .sp_req,#plan_pop .sp_tel{
	display:none;
}


.title_plan{
	background:url(../../plan/images/titlebg.png) right;
	background-size: 250% ;
	text-align:center;
	padding:20px 0;
	font-size:25px;
	color:#fff;}

.title_plan span{
	font-size:15px;}


.ritumen{
	text-align:center;
	position:relative;
	margin:20px auto 40px;
	width:100%;
	height:auto;}

.ritumen_btn{
	display:none;}

.spec{
	width:90%;
	margin:0 auto;}

.spec .type{
	font-size:2.5rem;}
.spec .ldk{
	font-size:1.7rem;}

.zumen,.spec{
	float: none;}

}


/*アクセス・ロケーション---------------------------------------*/


.access_main{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
	width: 100%;

}
.access_main img{
	width:33.3%;
	height: auto;
	flex-shrink: 0;

}




#access{
	margin-top: 70px;

}


#access h2{
	font-size:1.8rem;
	color:#a38b78;
	letter-spacing: 0.3rem;
	font-family:"Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	border-right: 1px solid #a38b78;
	border-left: 1px solid #a38b78;
	display: block;
	padding: 0 10px;
	margin: 30px auto;
	width: 220px;
	text-align: center;
}

#access h3{
	font-size: 40px;
	font-family:"Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	text-align: center;
	margin: 70px auto;
}

#access h3 span{
	font-size: 25px;
}


.access_copy{
	line-height: 2.5;
	text-align: center;
}

.accesslist{
	margin-top: 80px;
}

.accesslist ul{}

.accesslist ul li{
	display: inline-block;
	padding: 5px 0;
	text-align: center;
}

.accesslist ul li:nth-child(1){
	width: 30%;
}
.accesslist ul li:nth-child(4){
	width: 67%;
}
.accesslist ul li:nth-child(6),.accesslist ul li:nth-child(7){
	width: 48%;
	padding: 0;
}

@media only screen and (max-width: 768px){

.access_main{
	display: block;
	width: 100%;
	margin-top: 100px;

}

.access_main img{
	width:100%;
	height: auto;
	flex-shrink: 0;

}


#access h2{
	font-size:1.2rem;
	color:#a38b78;
	letter-spacing: 0.3rem;
	font-family:"Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	border-right: 1px solid #a38b78;
	border-left: 1px solid #a38b78;
	display: block;
	padding: 0 10px;
	margin: 0 auto !important;
	width: 200px;
	text-align: center;
}

#access h3{
	font-size:1.5rem;
	margin: 30px auto;}

.accesslist ul li:nth-child(1),.accesslist ul li:nth-child(4),
.accesslist ul li:nth-child(6),.accesslist ul li:nth-child(7){
	width: 100%;

}


}


/*ロケーション---------------------------------------*/

#location{}

#location h3{
	color: #8f562a;
}
#location h3 span{
	color: #333;
	font-size: 18px;
}


.location_main{
	background: url("../../location/images/location_main01.png");
	padding: 10% 0 30%;
	background-size: cover;

}

.location_main h2{
	font-size:1.8rem;
	color:#fff;
	letter-spacing: 0.3rem;
	font-family:"Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	display: block;
	padding: 0 10px;
	margin: 0 auto;
	width: 220px;
	text-align: center;
}


#location h3{
	text-align: center;
	margin: 80px auto 20px;
	font-size: 32px;
	font-family:"Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.location_copy{
	line-height: 2.5;
	text-align: center;
	margin-bottom: 80px;
}

.location01{
	background: url("../../location/images/location02_bg.png");
	background-size: cover;
	padding: 60px 0;
}

.location01 h4{
	text-align: center;
	color: #8f562a;
	font-size: 28px;
	font-family:"Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	margin-bottom: 50px;
}


.location_copy2{
	line-height: 2.5;
	text-align: left;
	width: 50%;
	padding: 0 2%;
}

.location01 .inner{
	display: -webkit-box;
display: -ms-flexbox;
display: flex;
	-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
	-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}

.location01 .column{
	font-size: 16px;
	padding: 15px;
	border: 1px solid #e3f0a8;
	background: rgba(255,255,255,0.6);
	margin: 10px auto 30px;
	max-width: 1000px;
	text-align: left;
}

.location01 .column img{
	width: 22%;
}

.location01 .column p{
	margin-top: 10px;
}


.location01_photo{
	font-family:"Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 14px;
}


.location01_photo2{
	font-family:"Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 14px;
}

.location01_photo2 {
	text-align: center;
		display: -webkit-box;
display: -ms-flexbox;
display: flex;
	-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
	-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
	max-width: 1000px;
	margin: 0 auto;
	text-align: left;
}



.lifeinfolist{
	margin: 50px 0;
}

.lifeinfolist li{
	display: inline-block;
	width: 32.2%;
	padding: 2% 0.5%;
	line-height: 1.4;
	font-family:"Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}


@media only screen and (max-width: 768px){

.location_main{
	margin-top: 100px;
	padding: 20% 0;
	}

.location01_photo2{
	font-size: 12px;
	}
.location01_photo2 li{
	width: 49%;
	}

.location01{
	padding: 30px 0;
}

.location01 .inner{
	display: block;
}

.location01 .column img{
	width: 50%;
	margin: 0 25%;
}

.location_copy2{

	width: 100%;

}

.location_main h2{
	font-size:1.2rem;

	letter-spacing: 0.3rem;

	padding: 0 10px;

	width: 200px;

}

.location01 h4{
	text-align: center;
	color: #8f562a;
	font-size: 20px;
	margin-top: 40px;}


#location h3{
	text-align: center;
	margin: 40px auto 20px;
	font-size: 20px;
	font-family:"Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

#location h3 img{

	width: 70%;

}


.lifeinfolist li{
	display: inline-block;
	width: 49%;
	padding: 0.5%;
	line-height: 1.4;
	font-family:"Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 11px;
}


}


/*事象主紹介---------------------------------------*/

#brand{}


.brand_main{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
position: relative;

}
.brand_main img{
	width:33.3%;
	height: auto;
	flex-shrink: 0;

}

.brand_main h2{
	font-size:1.8rem;
	color:#fff;
	letter-spacing: 0.3rem;
	font-family:"Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	display: block;
	padding: 0 10px;
	margin: auto;
	width: 220px;
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	top: 30%;
}

#brand h3{
	text-align: center;
	font-size: 38px;
	font-family:"Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	margin: 80px auto 50px;
}

.brand_copy{
	text-align: center;
	margin-bottom: 80px;
	line-height: 2.5;
}

.brand02{
	padding: 70px 0;
}

.brand02_copy{
	width: 45%;
	float: left;
	margin-bottom: 20px;
}

.brand02_copy h4{
	font-size: 20px;
	font-family:"Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	margin-bottom: 20px;
	line-height: 1.8;
}

.brand02_img{
	width: 49%;
	float: right;
	font-size: 12px;
	text-align: center;
}



@media only screen and (max-width: 768px){

.brand_main{
	display: block;
	width: 100%;
	margin-top: 110px;
}

.brand_main h2{
	font-size:1.2rem;
	letter-spacing: 0.3rem;
	padding: 0 10px;
	width: 200px;

}

.brand02_copy h4{
	font-size: 18px;
	margin-bottom: 20px;
	line-height: 1.5;
}


#brand h3{
	text-align: center;
	font-size: 21px;
	font-family:"Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	margin: 40px auto;
}

.brand02_copy,.brand02_img{
	width: 100%;
	}


}

@media only screen and (max-width: 768px){

.title_design{
	background:url(../../design/images/titlebg.png) center;
	background-size: 250% ;
	text-align:center;
	padding:100px 0;
	font-size:25px;
	color:#fff;}

.title_design span{
	font-size:15px;}


h2 span{
	line-height:0.2;
	font-size:17px;

}

#design h3{
	font-size:1.2rem;
	border-bottom:1px solid #8d7e42;
	padding-bottom:5px;}


#design h2{
	margin-bottom:0;
	}

#design .section02 ul li{
	display:block;
	padding:0;
	width:50%;
	box-sizing:border-box;
	text-align:left;
	color:#000;
	display:block;
	font-size:12px;
	float:left;
	margin-right:0;
	margin-top:10px;
	}


}


#stop{
	text-align: center;
}

#stop ul{
	margin: 0 auto 50px;
	display: -webkit-box;
display: -ms-flexbox;
display: flex;
	max-width: 490px;
	}
#stop ul li{

	padding: 20px;
	}


@media only screen and (max-width: 768px){

#stop{
	padding-top: 100px;
	}

#stop ul li{
padding: 10px;
	}


}



#map .car_navi {
	text-align: center;
	margin-top: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
	background: #ebe4d3;
background: -moz-linear-gradient(top, #ebe4d3 0%, #ebe4d3 50%, #ebe4d3 100%);
background: -webkit-linear-gradient(top, #ebe4d3 0%,#ebe4d3 50%,#ebe4d3 100%);
background: linear-gradient(to bottom, #ebe4d3 0%,#ebe4d3 50%,#ebe4d3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebe4d3', endColorstr='#ebe4d3',GradientType=0 );
}
#map .car_navi strong {
	font-size:24px;
}
@media only screen and (max-width: 768px){
#map .car_navi strong {
	font-size:20px;
}
}


/*コンセプト---------------------------------------*/

#concept,#design{
	line-height: 2.5;

}

#concept h2{
	line-height: 2.5;
	font-size: 38px;
}

#concept .photo,#design .photo{
	position: relative;
	text-align: center;
}

.concept_copy01,.design_copy01{
	text-align: center;
	margin: 30px auto 80px;
}

.concept_copy02{
	margin: 50px auto 20px;
	max-width: 940px;
/*	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
	-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;*/
}

.concept_copy02 div{
	/*width: 50%;*/

}

.concept_copy03{
	margin: 100px auto 80px;
}

.concept_copy03 h3{
	font-size: 28px;
	font-family:"Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	color: #37513b;
	margin-bottom: 10px;
}

.concept_copy04 ul{
		display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;

}

.concept_copy04 ul li{
	width: 33%;
	background: #efefef;
}

.concept_copy04 ul li h4{
	font-size: 20px;
	font-family:"Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	padding: 3% 7% 0;
}

.concept_copy04 ul li p{

	padding: 0 7% 5%;
}


@media only screen and (max-width: 768px){

#concept,#design {
	margin-top: 110px;
	}

	#concept h2{
	line-height: 2.5;
	font-size: 25px;
}

.concept_copy02,.design_copy02{
	margin: 50px auto;
	display: block;
	}

.concept_copy02 div,.design_copy02 div{
	width: 100%;
	margin: 20px 0;
}

.concept_copy03 h3{
	font-size: 18px;

}
.concept_copy03{
	margin: 50px auto 30px;
}

#concept .concept_copy03 h3{
	font-size: 22px;
	}


.concept_copy04 ul{
	display: block;
}

.concept_copy04 ul li{
	width: 100%;

}

.concept_copy04 ul li img{
	text-align: center;
	display: block;
	padding-top: 20px;
	margin: 10px auto;

}

	}

/*デザイン*/

#design{}

#design h2 span{
	font-size: 35px;
	color: #b39c68;
}

#design h3{
	font-size: 25px;
	font-family:"Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	line-height: 1.8;

}
#concept h3 {
	font-size: 25px;
	font-family:"Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	line-height: 1.8;
	color: #947a3f;

}


#design h3 span,#concept h3 span{
	font-size: 25px;
	color: #999;
}


#design hr{
	  height: 0;
  margin: 0 auto 80px;
  padding: 0;
  border: 0;
	width: 30%;
	 border-top: 1px solid #bbb;
}

.design_copy02{
	text-align: left;
	margin: 50px auto 80px;
}

.design_copy02 h3{
	margin-bottom: 10px;
}

.design_column{
	border: 1px solid #b39c68;
	padding: 30px;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
	margin: 0 auto 80px;

}

.design_column p{
	width: 53%;
	line-height: 2.0;
	margin-top: 2%;
}

.design_column .design_column_title{
	border-right: 1px solid #b39c68;
	width: 43%;
}



.landplan{
	background: #F9F8F3;
	padding: 85px 0;

}

.landplan h3{
	text-align: center;
	font-size: 28px;
	text-align: center;
	font-family:"Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	margin-bottom: 30px;
	line-height: 1.8;
}

.landplan ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
	-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.landplan ul li{
	width: 47%;
	margin-bottom: 2%;

}

.landplan ul li p{
	margin-left: 30px;

}


.designarea01{
		display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
	-ms-flex-wrap: wrap;
flex-wrap: wrap;
	-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
	margin: 50px auto;
}

.commondesign{}

.commondesign_area01{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	margin: 60px 0;
}
.commondesign_area01 .item1{ width: 53%;}
.commondesign_area01 .item2{ width: 46%;}

.commondesign h4{
	color: #69502b;
	border-bottom: 1px dotted #69502b;
	font-family:"Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 20px;
margin: 10px 0;
line-height: 1.7;}

.commondesign_area02,.commondesign_area03 ,.commondesign_area04{
	    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;

}
.commondesign_area02_copy {
	width: 33%;
	margin-top: 3%;

}

.commondesign_area02 .photo{
	width: 63%;
}

.commondesign_area03_copy {
	width: 48%;
	margin-top: 5%;


}
.commondesign_area04_copy {
	width: 38%;
	margin-top: 5%;

}
.commondesign_area04_img {
	width: 59%;
	margin-top: 5%;

}



@media only screen and (max-width: 768px){


#design h2 {
	font-size: 25px;
	margin-bottom: 10px;

}

#design h2 span{
	font-size: 20px;
	color: #b39c68;
}

#design h3 span{
	font-size: 20px;

}

#design .design_copy02 h3{
	margin-bottom: 10px;
	border-bottom: none;
	font-size: 22px;
}

#design hr{
  margin: 0 auto 40px;

}

.design_column{
	border: 1px solid #b39c68;
	padding: 30px;
	display: block;

}
.design_column p{
	width: 100%;
	line-height: 1.8;
	margin-top: 1%;
}

.design_column .design_column_title{
	border-right: none;
	width: 100%;
	border-bottom: 1px solid #b39c68;
	margin-bottom: 10px;
}


	.landplan{
			padding: 30px 0;
	}


	.landplan ul li{
	width: 90%;
		margin: 2% 5%;

}

	.landplan h3{
		font-size: 20px;
	}

	.landplan ul li .fl-r{
	margin: 1% 25%;
	text-align: center;


}



.commondesign_area01{
    display: -webkit-flex;
    display: flex;
	-ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.commondesign_area01 .item1{ order: 1;
	margin-bottom: 30px;
	width: 100%;
	text-align: center;}
.commondesign_area01 .item2{ order: 2;
	width: 100%;
	}

.commondesign h4{
	font-size: 20px;
	line-height: 1.5;
	margin-top: 5px;
	}

.commondesign_area02,.commondesign_area03,.commondesign_area04{
	display: block;
	}
.commondesign_area02 .commondesign_area02_copy,.commondesign_area02 .photo {
	width: 100%;

	}
.commondesign_area03_copy {
	width: 100%;
	margin-top: 5%;


}

.commondesign_area04_copy {
	width: 100%;
	margin-top: 5%;

}
.commondesign_area04_img {
	width: 100%;
	margin-top: 5%;

}


}



.s_navi {
	padding-top: 20px;
	padding-bottom: 30px;
}


.s_navi ul {
	text-align: center;
}
.s_navi ul li {
	display: inline-block;
	width: 485px;
	margin-right: 10px;
	margin-left: 10px;
	background: #cfd8e6;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	box-sizing:border-box;

}
.s_navi ul li.active {
	background: #879dc0;
	color:#000;
}
.s_navi ul li a {
	color: #000;
	font-size: 17px;
	display: block;
	padding: 15px 0;
	font-family: "Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	text-decoration: none;
}
.s_navi ul li.active a {
	color: #000;
}

.s_navi ul li a span {
	display:block;
	font-size:12px;
}
.s_navi ul li:hover {
	opacity:0.7;
}
.s_navi ul li.active:hover {
	opacity:1;
}

@media only screen and (max-width: 1104px){

.s_navi ul li {
	display: inline-block;
	width: 48%;
	margin-right: 0.2%;
	margin-left:  0.2%;
	margin-bottom: 2%;

	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;

}

}
@media only screen and (max-width: 768px){

.s_navi {
	padding-top: 30px;
	padding-bottom: 30px;
}
.s_navi ul{
	margin-right: 2%;
	margin-left: 2%;
}
.s_navi ul li {
	display: inline-block;
	width: 48%;
	margin-right: 0.2%;
	margin-left:  0.2%;
	margin-bottom: 2%;

	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;

}
.s_navi ul li a {
	color: #000;
	font-size: 13px;
	display: block;
	padding: 10px 0;
	font-family: "Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	text-decoration: none;
	letter-spacing: -0.08em;
}
.s_navi ul li.active a {
	color: #000;
}

.s_navi ul li a span {
	display:block;
	font-size:12px;
}




}


#model{
	margin: 30px auto;
}

#model .s_navi ul {
	width: 90%;
	margin: 0 auto;
	text-align: initial;
	display: flex;
	gap: 0 10px;
}
#model .s_navi ul li {
	width: 100%;
	text-align: center;
	margin: 0;
}

#model h3{
	font-family:"Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size:40px;
	text-align: center;
	margin: 20px auto 10px;
}

.modelbtn {
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 20px 20px;
	width: 90%;
	max-width: 1026px;
	margin: 70px auto 20px;
}

.modelbtn li {
	width: calc((100% - 20px)/2);
}


@media (hover: hover) {
	#model a {
		opacity: 1;
		transition: opacity .3s ease;
	}
	#model a:hover {
		opacity: .8;
	}
}


@media only screen and (max-width: 768px){

	#model h3{
		font-size:25px;
		text-align: center;
	}

	.modelbtn {
		gap: 10px 10px;
		margin: 40px auto 10px;
	}
	.modelbtn li {
		width: calc((100% - 10px)/2);
	}

	#model .s_navi ul {
		display: flex;
		flex-wrap: wrap;
		gap: 10px 0px;
	}
	#model .s_navi ul li {
		width: 90%;
		text-align: center;
		margin: 0 auto;
	}

	/* モデルルーム_詳細 */

	#model_detail .s_navi ul {
		text-align: left;
	}
	#model_detail .s_navi ul li {
		text-align: center;
	}

	#model #bx-pager {
		display: flex;
		justify-content: center;
		gap: 10px;
	}
	#model #bx-pager a {
		width: 25%;
		margin: 0;
		display: flex;
	}
	#model.clms .s_navi ul {
		width: 90%;
		margin: 0 auto;
		text-align: initial;
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
	}
	#model.clms .s_navi ul li {
		width: calc((100% - 10px)/2);
		text-align: center;
		margin: 0;
	}

	}





.map_close{
	border: solid 1px rgb(197, 34, 34);
	padding: 2%;
	color: rgb(197, 34, 34);
	text-align: center;
	font-size: 17px;
	font-weight: bold;
	margin: 0 2% 25px;
}
@media only screen and (max-width: 768px){
	.map_close{
		font-size: 13px;
		font-weight: bold;
		margin: 20px 2% 25px;
	}
}