@charset "utf-8";
/* CSS Document */
body{
	background:#fff!important;
	font-family: 'Noto Serif JP',"游明朝","Yu Mincho",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HGS明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
img{
	max-width: 100%;
	-ms-interpolation-mode: bicubic;
	-webkit-backface-visibility: hidden;
}
#headerArea .areaInner #tagLine {
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka,Arial, Helvetica,  sans-serif!important;
}
#main p.pic-caption{
	position: absolute;
	right:1%;
	bottom:1%;
	color:#fff;
	font-size:12px!important;
}
#main p.pic-caption-2{
	position: absolute;
	right:51%;
	bottom:1%;
	color:#fff;
	font-size:12px!important;
}
#main p.pic-caption-3{
	width:100%;
	display: block;
	text-align: right;
	line-height: 20px !important;
	background: #0f445e ;
	position: absolute;
	bottom:0px;
	opacity: 0.8;
	padding:3px;
	z-index: 10;
	color:#fff;
	font-size:12px!important;
}
#main p.pic-caption-4{
	position: absolute;
	right:1%;
	bottom:1%;
	color:#fff;
    text-shadow: #333333 1px 1px 5px, #333333 -1px 1px 5px, #333333 1px -1px 5px, #333333 -1px -1px 5px;
	font-size:12px!important;
}
#main p.pic-caption-5{
	position: absolute;
	right:1%;
	bottom:1%;
	color:#323232;
	font-size:12px!important;
}
#main p.pic-caption-6{
	position: absolute;
	left:1%;
	bottom:1%;
	color:#fff;
	font-size:12px!important;
}
#main p.pic-caption-7{
	position: absolute;
	left:1%;
	bottom:16%;
	color:#fff;
	font-size:12px!important;
}
.title-area{
	width: 140px;
	margin-bottom: 30px;
}
.contents-bg1{
	width: 100%;
	background: #f4f7f8;
	position: relative;
	z-index: 1;
}
.contents-bg1 a{
	text-decoration: none;
}
.contents-bg2::before{
	padding-top: 100%;
	content:"";
}
.contents-bg2{
	background: #e5eaec;
	width: 40%;
	position: absolute;
	top:0;
	right: 0;
	height: 100%;
	z-index: 2;
}
.contents-bg1 .wrap{
	position: relative;
	z-index: 4;
}
#main h3.title{
	font-size:17px;
	color:#004258;
	letter-spacing: 2px;
	font-weight: bold;
}
#main h3.title.mini{
	color:#323232;
	font-size:14px;
	font-weight: normal;
}
.contents-bg3{
	background: #e5eaec;
	width:calc(100% - 140px) ;
	position: absolute;
	top:0;
	right: 0;
	height: 100%;
	z-index: 3;
}
.contents-bg1.ex{
	background: #e5ecf1;
}
.bg-area .pic-caption,.bg-area .pic-caption-2 {
    bottom: -20px!important;
	color: #000!important;
}
.contents-bg1.ex .notes{
	position: relative;
	z-index: 20;
}
.contents-bg2.ex,.contents-bg3.ex{
	background: #d7e0e4;
}
#main h2.top-ttl{
	font-size:30px!important;
	text-align: center;
	color:#004258!important;
	position: relative;
	z-index: 4;
	letter-spacing: 2px;
}
.bg-area{
	padding-top: 126px;
	padding-bottom: 126px;
	position: relative;
	z-index: 7;
	margin-bottom: 70px;
}
.bg-area .pic-caption,.bg-area .pic-caption-2{
	bottom:-20px;
	color:#000;
}
.bg-area.last{
	margin-bottom: 0;
}
.bg-area.ptn1::before,.bg-area.ptn2::before,.bg-area.ptn4::before,.bg-area.ptn3::before{
	background: rgba(0,0,0,0.3);
	opacity: 1;
	content:"";
	transition:1s;
	height: 100%;
	position: absolute;
	width: 100%;
	top:0;
	left:0;
}
/*.bg-area.ptn3::before{
	background: rgba(0,0,0,0.7);
	opacity: 1;
	content:"";
	transition:1s;
	height: 100%;
	position: absolute;
	width: 100%;
	top:0;
	left:0;
	z-index: 9;
}*/
.bg-area.ptn1:hover::before,.bg-area.ptn2:hover::before,.bg-area.ptn4:hover::before,.bg-area.ptn3:hover::before{
	opacity: 0;
}
.bg-area.ptn1{
	background:url(../images/top/top_bg_01.jpg) no-repeat center top;
	background-size: 100%;
}
.bg-area.ptn2{
	background:url(../images/top/top_bg_02.jpg) no-repeat center top;
	background-size: 100%;
}
.bg-area.ptn3{
	background:url(../images/top/top_bg_03.jpg) no-repeat center top;
	background-size: 100%;
}
.bg-area.ptn4{
	background:url(../images/top/top_bg_04.jpg) no-repeat center top;
	background-size: 100%;
}

#main .bg-area h4{
	color:#fff;
	font-size:32px;
	text-align: center;
	letter-spacing: 4px;
	line-height: 1;
	position: relative;
	z-index: 10;
}
#top .info__title {
    font-family: "Cinzel", serif;
    font-size: 20px;
    letter-spacing: 0.1em;
    color: #005474;
    margin-bottom: 5px;
}
#top .info__text {
    font-size: 28px;
    letter-spacing: 0.2em;
	margin-bottom: 20px;
}
#top .info__text strong {
    font-size: 28px;
}
#top .cost-box{
	font-size: 44px;
	text-align: center;
}
#top .copy-box{
	font-size: 32px;
}
#top .cost-box .mini{
	font-size: 16px;
}
#top .cost-box .yen{
	font-size: 36px;
}
#top .link-box{
	border-bottom: 1px solid #000;
}
/*concept*/
#concept .con-logo{
	margin-top: 70px;
	margin-bottom: 70px;
	width: 80%;
	max-width:340px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 8;
}
#concept .con-txt{
	width: 90%;
	max-width:740px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 9;
}
#concept .con-pic-box{
	padding-bottom: 90px;
	position: relative;
	z-index: 10;
}
#concept .con-pic-box > div{
	width: 49.9%;
}
#main #concept .con-txt p{
	font-size:18px!important;
	line-height: 2;
}
.in-contents{
	position: relative;
	z-index: 9;
}
.page-link{
	float: left;
	margin-left: 60px;
}
.page-link li{
	display: inline-block;
	margin-right: 30px;
	text-align: center;
}
.page-link.en li{
	font-weight: bold;
}
.page-link li:last-child{
	margin-right: 0;
}
.page-link li a{
	color:#323232;
	padding-bottom: 2px;
}
.page-link li.current a{
	color:#004258;
	padding-bottom: 2px;
	border-bottom: 1px solid #004258;
}
.page-link li.hide a{
	color:#323232;
	opacity: 0.5;
	border-bottom: none;
	text-decoration: none;
}
#main .inpage-box h2{
	font-size:28px;
	line-height:1.6;
	letter-spacing: 4px;
	color:#004258;/*
	font-weight: bold;*/
}
#main .inpage-box h3{
	font-size:22px;
	letter-spacing: 2px;
	color:#004258;/*
	font-weight: bold;*/
}
#main .inpage-box h3.ptn2{
		color:#323232;
	}
.top-contents{
	border-bottom: 1px dotted #323232;
	padding-bottom: 110px;
}
#main .text-box-1 p{
	font-size:16px!important;
	line-height: 2;
}
#main .text-box-2 p{
	font-size:15px!important;
	line-height: 2;
}
/*zoom map*/
.image_wrap img {
	max-width: none;
}

.bob{
	border-bottom: 1px solid #333;
}
#location .bxslider03 img{
	width: 100%;
}
#main ul.bxslider03,#main ul.bx-pager02{
	font-size:100%!important;
}
#location .text-1,#location .text-2{
	width: 46%;
	float: left;
}
#location .img-1{
	width: 50%;
	float: right;

}


/*20191002追記*/
.in-contents{
	position: relative;
	z-index: 4;
}

#main #location .col2-pic ul{
	font-size:100%!important;
}
#location .col2-pic li{
	width: 50%;
	float: left;
}
#location .map-box{
	background: #fff;
	padding:20px 20px 5px;
	position: relative;
	z-index: 8;
}
#location .thum-box ul{
	font-size:0;
}
#location .thum-box ul li{
	width: 24.6%;
	margin-right:0.5%;
	display: inline-block;
}
#location .thum-box ul li:last-child{
	margin-right: 0;
}
#location .loc-list ul{
	font-size:0;
}
#location .loc-list ul li{
	width: 49.3%;
	margin-right: 1%;
	font-size:14px;
	vertical-align: top;
	display: inline-block;
}
#location .loc-list ul li img{
	margin-bottom: 10px;
}
#location .loc-list ul li.half{
	width: 24%;
}

#location .info-box > div{
	width: 48.3%;
}
#location .loc-list-2 ul li{
	width: 32.2%;
	margin-right: 1%;
	font-size:14px;
	margin-bottom: 20px;
	vertical-align: top;
	display: inline-block;
}
#access .ac-list ul li{
	width: 33.0%;
	float: left;
	position: relative;
	z-index: 4;
}
#access .tex-list ul{
	font-size:0;
}
#access .tex-list ul li{
	display: inline-block;
	vertical-align: bottom;
}
#access .text-1{
	width: 55.5%;
	margin-right: 3%;
}
#access .text-2{
	width: 41.1%;
}
#access .text-3{
	width: 57.7%;
	margin-right: 3%;
}
#access .text-4{
	width: 38.8%;
}
#access .text-5{
	width: 48.4%;
	margin-right: 3%;
}
#access .text-6{
	width: 48.4%;
}
#access .ac-list-2 ul li{
	width: 32.2%;
	margin-right: 1%;
	font-size:14px;
	margin-bottom: 20px;
	vertical-align: top;
	display: inline-block;
}

/*20191024追記*/
#location .sc-ttl{
	padding-left: 10px;
	padding-bottom: 10px;
	line-height: 1;
	font-size:16px;
	color:#004258;
	margin-bottom: 15px;
	border-left:1px solid #004258;
	border-bottom:1px solid #004258;
}
#location .sc-list li{
	margin-bottom: 10px;
}
#location .sc-list li:last-child{
	margin-bottom: 0px;
}
#location .tex-list li{
	display: inline-block;
	vertical-align: bottom;
}
#location .tex-list li:nth-child(1){
	width: 280px;
	margin-right: 20px;
}
#location .tex-list li:nth-child(2){
	width: 330px;
	margin-right: 20px;
}
#location .tex-list li:nth-child(3){
	margin-right: 0;
	font-size:10px!important;
}
#location .mini-ttl{
	font-size:18px;
	color: #323232;
	letter-spacing: 2px;
}
#room .model_box .mainslide{
	max-width: 1000px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
#room .model_box .mainslide.ex{
	width: 100%;
}
#room .model_box #bx-pager{
	max-width: 1000px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	font-size:0;
	text-align: center;
}
#room .model_box #bx-pager a{
	width:20.6%;
	display: inline-block;
	height:auto;
	float:none;
	padding-top: 12.4%;
	margin-top:1%;
	margin-right:2%;
	box-sizing:border-box;
	background-size:100%;
	position: relative;
}
#room .model_box #bx-pager.ex a{
	opacity: 0.7;
}
#room .model_box #bx-pager.ex a.active{
	opacity: 1;
}
#room .model_box #bx-pager img{
	width: 100%;
}
#room .model_box #bx-pager a .img{
	position: absolute;
	top:0;
	left:0;
	z-index: 1;
}
#room .model_box #bx-pager a .bg-bg{
	position: absolute;
	top:0;
	left:0;
	z-index: 2;
	transition-duration:1.5s;
	transition-timing-function:ease-in-out;
	transition-delay:0.5s;
	opacity: 1;
}
#room .model_box #bx-pager a.active .bg-bg,#room .model_box #bx-pager a:hover .bg-bg{
	opacity: 0;
}
#room .model_box #bx-pager a:nth-child(8){
	margin-right: 0;
}
#quality .list-box{
	background: #fff;
}
#quality .qualitylist{
	padding:50px 6% 20px;
}
#quality .qualitylist ul{
	font-size: 0;
}
#quality .qualitylist ul li{
	width: 31%;
	margin-right: 3.5%;
	font-size: 14px;
	vertical-align: top;
	margin-bottom: 30px;
	display: inline-block;
}
#quality .qualitylist ul li:last-child{
	margin-right: 0;
}

#quality .qualitylist ul li.big{
	width: 65.5%;
	margin-right: 0;
}
#quality .qualitylist ul li.big2{
	width: 65.5%;
	margin-right: 3.5%;
}
#quality .qualitylist ul li.visible_pc{
	display: inline-block;
}
#quality .qualitylist ul li.visible_sp{
	display: none;
}
#quality .qualitylist ul li .pic{
	margin-bottom: 10px;
}
#quality .qualitylist ul li .list-ttl{
	font-size: 18px;
	color:#004258;
	margin-bottom: 4px;
}
#quality .qualitylist ul li .notes,#quality .sys-box .txt .notes{
	font-size: 12px!important;
	margin-top: 6px;
	line-height: 1.5!important;
}
#quality .main-img-2{
	float: right;
	width: 64%;
}
#quality .qualitylist.ptn2{
	width: 32.5%;
	float: left;
	padding:50px 0% 20px 6%;
}
#quality .main-img-3{
	float: right;
	width: 33%;
}
#quality .qualitylist.ptn3{
	width: 65%;
	float: left;
	padding:50px 0% 20px 6%;
}
#quality .qualitylist ul.half li{
	width: 48%;
	margin-right: 4%;
}
#quality .qualitylist ul.half li:last-child,#quality .qualitylist ul.safe li:last-child{
	margin-right: 0;
}
#quality .qualitylist ul.full li{
	width: 100%;
	margin-right: 0;
}
#quality .qualitylist ul li .pic-box{
	width: 31%;
	float: left;
}
#quality .qualitylist ul li .tex-box{
	width: 65.5%;
	float: right;
	margin-right: 0;
}
#quality .qualitylist ul li .mark{
	max-width: 350px;
	width: 100%;
}
#quality .qualitylist .h-box{
	padding-top: 20px;
	padding-bottom: 20px;
}
#quality .qualitylist .h-box.ptn1{
	background: #1E5A71;
}
#quality .qualitylist .h-box.ptn2{
	background: #4C6D81;
}
#quality .qualitylist .h-box.ptn3{
	background: #798899;
}
#quality .qualitylist .h-box img{
	width: 60%;
	max-width: 171px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#quality .qualitylist .h-box.ptn4{
	background: #DBDCDC;
	color:#595757;
	font-size: 24px;
	line-height: 1;
	text-align: center;
}
#quality .qualitylist .h-tex{
	font-size: 22px;
	color:#004258;
}
#quality .sys-box{
	background: #F4F8F8;
	padding:30px 4% 50px;
}
#quality .sys-box h3{
	font-size: 22px;
	margin-bottom: 60px;
	color:#004258;
}
#quality .obi-ttl{
	border-left: 6px solid #004258;
}
#quality .obi-ttl p{
	font-size: 18px!important;
	line-height: 1!important;
	padding-left: 5px;
}
#quality .sys-box .txt{
	width: 29%;
	float: left;
}
#quality .sys-box .img-g{
	float: right;
	width: 68%;
}
#quality .qualitylist ul li.big3{
	width: 65%;
	margin-right: 4%;
}
#quality .qualitylist ul li .tex-box-2{
	width:47%;
	float: left;
}
#quality .qualitylist ul li .pic-box-2{
	width: 51%;
	float: right;
	margin-right: 0;
	color:#4C6D81;
}
@media (min-width : 769px){
	.inpage-box{
		padding-left: 200px;
		position: relative;
		z-index: 10;
	}
	.dot{
		letter-spacing: -2px;
	}
	#top .top-btn{
		max-width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
	/*#top .link-box{
		border-bottom: 1px solid #000;
	}*/
	/*20191002追記*/
	#location .loc-list ul li:last-child{
		margin-right: 0;
	}
	#location .loc-list-2 ul li:nth-child(3n){
		margin-right: 0;
	}
	#location .loc-list ul{
		margin-bottom: 20px;
	}
	#location .loc-list ul.mbno{
		margin-bottom: 0;
	}

	#access .ac-list ul li:first-child{
		width: 33.6%;
	}
	#access .left-box{
		width: 32.2%;
	}
	#access .left-box li{
		margin-bottom: 20px;
	}
	#access .right-box{
		width: 66.6%;
	}
	#access .left-box-2{
		width: 64.4%;
	}
	#access .right-box-2{
		width: 33.3%;
	}
	#access .ac-list-2 ul li:nth-child(3n){
		margin-right: 0;
	}
	#quality .title.mini{
		padding-top: 10px;
	}
	#quality .qualitylist ul li:nth-child(3n){
		margin-right: 0;
	}
	#quality .qualitylist ul li .list-ttl.ls{
		letter-spacing: -0.1em;
	}
	#quality .qualitylist.ptn3 ul li{
		width: 46%;
		margin-right: 5%;
	}
	#quality .qualitylist.ptn3 ul li:nth-child(2n){
		margin-right: 0;
	}
	#quality .qualitylist.ptn2 ul li{
		width: 100%;
	}
	#quality .qualitylist ul.mini-list li{
		width: 22.7%;
		margin-right: 3%;
	}
	#quality .qualitylist ul.mini-list li:last-child{
		margin-right: 0;
	}
	#quality .page-link li{
		font-size: 16px;
	}
}
@media (max-width : 768px){
.title-area{
	width: 110%;
	margin-left: -5%;
	margin-right: -5%;
	margin-bottom: 0%;
	padding:7% 5%;
	text-align: center;
	background: #f4f7f8;
}
.link-area .title-area{
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}
.bg-area .pic-caption.ptn2, .bg-area .pic-caption-2.ptn2 {
    bottom: -35px!important;
    color: #000!important;
}
.contents-bg1{
	width: 100%;
	background: #e5eaec;
	position: relative;
	z-index: 1;
}
.contents-bg2,.contents-bg3{
	display: none;
}
.bg-area{

}
.bg-area .pic-caption.ptn2,.bg-area .pic-caption-2.ptn2{
	bottom:-35px;
	color:#000;
}
	.link-area{
		background: #fff;
		width: 110.5%;
		margin-left: -5%;
		margin-right: -5%;
	}
#main #concept .con-txt p{
	font-size:14px!important;
}
#main h2.top-ttl{
	font-size:20px!important;
	text-align: center;
	color:#004258!important;
	position: relative;
	z-index: 4;
}
#main .text-box-1 p{
	font-size:13px!important;
	line-height: 2;
}
#main .text-box-2 p{
	font-size:12px!important;
	line-height: 2;
}
#main .bg-area h4{
	font-size:4.3vw;
}
#top .cost-box{
	font-size: 7.8vw;
	/*border-top: 1px solid #000;*/
}
#top .copy-box{
	font-size: 4.3vw;
	line-height: 1.5;
}
#top .cost-box .mini{
	font-size: 3.3vw;
}
#top .cost-box .yen{
	font-size: 5.6vw;
}
#concept .con-logo{
	margin-top: 14%;
	margin-bottom: 14%;
}
.bg-area {
    padding-top: 11%;
    padding-bottom: 10%;
    position: relative;
    z-index: 7;
    margin-bottom: 10%;
}
#main .inpage-box h2{
	font-size:20px;
	line-height:1.6;
	text-align: center;
	letter-spacing: 2px;
	color:#004258;/*
	font-weight: bold;*/
}
#main .inpage-box h3{
	font-size:17px;
	line-height:1.6;
	text-align: center;
	color:#004258;/*
	font-weight: bold;*/
}

	.page-link{

	margin-left: auto;
	width: 100%;
	margin-right:auto;
		float:none;
	}
.page-link li{
	text-align: center;
	display: block;
	margin-left: auto;
	width: 100%;
	margin-right:auto;
	margin-bottom: 3%;
}
#concept .con-pic-box{
	padding-bottom: 12%;
	position: relative;
	z-index: 10;
}
	.top-contents{
		padding-bottom: 12%;
	}
	.contents-bg1 .wrap.top{
		width: 100%!important;
	}
	#main p.notes {
		font-size:10px!important;
		line-height: 1.4!important;
	}
	#main p.pic-caption,#main p.pic-caption-2,#main p.pic-caption-3,#main p.pic-caption-4,#main p.pic-caption-5,#main p.pic-caption-6,#main p.pic-caption-7{
		font-size:10px!important;
		line-height: 1.4!important;
	}
	.text-1 img,.text-2 img{
		width: 80%;
	}
	#location .text-1,#location .text-2{
		width: 100%;
		margin-bottom: 5%;
		float:none;
	}
	#location .img-1{
		width: 100%;
		margin-bottom: 5%;
		float:none;
	}
	/*20191002追記*/
	#location .col2-pic ul{
	}


	#location .col2-pic li{
		width: 100%;
		float: none;
	}
	#location .map-box{
		background: #fff;
		padding:3% 3% 1%;
		position: relative;
		z-index: 8;
		margin-bottom: 20%;
	}
	#location .thum-box ul{
		font-size:0;
	}
	#location .thum-box ul li{
		width: 49.2%;
		margin-right:0.5%;
		margin-bottom: 0.5%;
		display: inline-block;
	}
	#location .thum-box ul li:last-child,#location .thum-box ul li:nth-child(2n){
		margin-right: 0;
	}
	#location .loc-list ul{
		font-size:0;
	}
	#location .loc-list ul li{
		width: 100%;
		margin-right: 0%;
		margin-bottom: 8%;
		font-size:12px;
		vertical-align: top;
		display: inline-block;
	}
	#location .loc-list ul li.half{
		width: 49%;
		margin-right: 2%;
	}
	#location .loc-list ul li:last-child,#location .loc-list ul li.half.mrno{
		margin-right: 0;
	}
	#location .loc-list ul li img{
		margin-bottom: 10px;
	}

	#location .info-box > div{
		width: 100%;
	}
	#location .loc-list-2 ul{
		font-size:0;
	}
	#location .loc-list-2 ul li{
		width: 49%;
		margin-right: 2%;
		font-size:12px;
		margin-bottom: 8%;
		vertical-align: top;
		display: inline-block;
	}
	#location .loc-list-2 ul li:nth-child(2n){
		margin-right: 0;
	}

	#access .ac-list ul li{
		width: 100%;
		float: none;
		position: relative;
		z-index: 4;
	}
	#access .tex-list ul{
		font-size:0;
	}
	#access .tex-list ul li{
		display: inline-block;
		vertical-align: bottom;
	}
	#access .left-box ul li{
		width: 49%;
		margin-right: 2%;
		font-size:12px;
		margin-bottom: 20px;
		vertical-align: top;
		display:block;
		float: left;
	}
	#access .left-box ul li:nth-child(2n){
		margin-right: 0;
		float: right;
	}
	#access .text-1{
		width: 94.2%;
		margin-right: 0%;
		margin-bottom: 5%;
	}
	#access .text-2{
		width: 69.1%;
	}
	#access .text-3{
		width: 100%;
		margin-right: 0%;
		margin-bottom: 5%;
	}
	#access .text-4{
		width: 65.5%;
	}
	#access .text-5{
		width: 82.7%;
		margin-right: 0%;
		margin-bottom: 5%;
	}
	#access .text-6{
		width: 82.7%;
	}
	#access .ac-list-2 ul{
		font-size:0;
	}
	#access .ac-list-2 ul li{
		width: 49%;
		margin-right: 2%;
		font-size:14px;
		margin-bottom: 20px;
		vertical-align: top;
		display: inline-block;
	}
	#access .ac-list-2 ul li:nth-child(2n){
		margin-right: 0;
	}
	/*20191024追記*/
	#location .sc-ttl{
		padding-left: 2%;
		padding-bottom: 2%;
		line-height: 1;
		font-size:14px;
		color:#004258;
		margin-bottom: 3%;
	}
	#location .mini-ttl{
		font-size:15px;
		text-align: center;
	}
	#location .tex-list{
		width: 80%;
	}
	#location .tex-list li{
		display: block;
	}
	#location .tex-list li:nth-child(1){
		width: 87%;
		margin-right: 0px;
		margin-bottom: 3%;
	}
	#location .tex-list li:nth-child(2){
		width:100%;
		margin-right: 0px;
		margin-bottom: 3%;
	}
	#location .loc-list-2.plus ul li {
		width: 100%;
		margin-right: 0%;
		font-size: 12px;
		margin-bottom: 8%;
		vertical-align: top;
		display: inline-block;
	}
	#quality .qualitylist{
		padding:5% 5%;
	}
	#quality .qualitylist.ex{
		padding:0 5% 5%;
	}
	#quality .qualitylist ul li,#quality .qualitylist ul.full.ex li{
		width: 48%;
		margin-right: 4%;
		font-size: 11px;
		vertical-align: top;
		margin-bottom: 25px;
		display: inline-block;
	}

	#quality .qualitylist.ex ul li:nth-child(2n-1){
		margin-right: 0;
	}
	#quality .qualitylist.ex ul li:nth-child(2n){
		margin-right: 4%;
	}
	#quality .qualitylist ul li:nth-child(2n),#quality .qualitylist ul.full.ex li:nth-child(2n){
		margin-right: 0;
	}
	#quality .qualitylist ul li.visible_sp{
		display: inline-block;
	}
	#quality .qualitylist ul li.visible_pc{
		display: none;
	}
	#quality .qualitylist ul li .pic{
		margin-bottom: 3%;
	}
	#quality .qualitylist ul li .list-ttl{
		font-size: 16px;
		color:#004258;
	}
	#quality .qualitylist ul li .notes{
		font-size: 10px!important;
	}
	#quality .main-img-2{
		float:none;
		width: 100%;
	}
	#quality .qualitylist.ptn2{
		float:none;
		width: 100%;
		padding:5% 5%;
	}
	#quality .main-img-3{
		float:none;
		width: 100%;
	}
	#quality .qualitylist.ptn3{
		float:none;
		width: 100%;
		padding:5% 5%;
	}
	#quality .qualitylist ul li.big,#quality .qualitylist ul li.big2{
		width: 100%;
		margin-right: 0;
	}
	#quality .qualitylist ul.half li {
		width: 100%;
		margin-right: 0%;
	}
	#quality .qualitylist ul li .pic-box{
		width: 100%;
		float: none;
		margin-bottom: 3%;
	}
	#quality .qualitylist ul li .tex-box{
		width: 100%;
		float: none;
		margin-right: 0;
		clear:both;
	}
	#quality .qualitylist ul li .pic-box.ex{
		width: 48%;
		float: left;
		margin-bottom: 3%;
	}
	#quality .qualitylist ul li .tex-box.ex{
		width: 48%;
		float: right;
		clear: none;
		margin-right: 0;
	}
	#quality .qualitylist ul li.last{
		width: 100%;
	}
	#quality .qualitylist .h-box{
		padding-top: 3%;
		padding-bottom: 3%;
	}
	#quality .qualitylist .h-box img{
		width: 60%;
		max-width: 171px;
	}
	#quality .qualitylist .h-box.ptn4{
		font-size: 18px;
		line-height: 1;
		text-align: center;
	}
	#quality .sys-box{
		background: #F4F8F8;
		padding:7% 4% 6%;
	}
	#quality .sys-box h3{
		font-size: 16px;
		margin-bottom: 5%;
	}
	#quality .obi-ttl{
		border-left: 6px solid #004258;
	}
	#quality .obi-ttl p{
		font-size: 16px!important;
		line-height: 1!important;
		padding-left: 2%;
	}
	#quality .sys-box .txt{
		width: 100%;
		float: none;
		margin-bottom: 5%;
	}
	#quality .sys-box .img-g{
		width: 100%;
		float: none;
	}
	#quality .qualitylist ul li.big3{
		width:100%;
		margin-right: 0%;
	}
	#quality .qualitylist ul li .tex-box-2{
		width: 100%;
		float: none;
		margin-bottom: 3%;
	}
	#quality .qualitylist ul li .pic-box-2{
		width: 100%;
		float: none;
	}
	#quality .qualitylist ul.safe li:last-child{
		width: 100%;
	}
	#quality .qualitylist .h-tex{
		font-size: 18px;
	}
}
/*納品時追記*/
#container {
    position: relative;
    width: 100%!important;
    margin: 0px auto 0!important;
    padding-bottom: 125px;
	background: #ffffff!important;
    text-align: left;
}
#main, #aside {
    margin: 0 0 20px;
    padding: 0px 0 20px!important;
    background-color: #fff;
    word-break: break-all;
}
#main h1, #main h2,#main h3,#main h4,#main  h5 {
    font-weight: 500;
	background:none;
	border:none;
	color: #231815;
	margin:0;
	padding:0;
}
#main h4{
	border-bottom: none;
}
#main p {
    font-size: 100%!important;
	margin-bottom: 0;
}
.ttl_01{
	font-size: 100%!important;
}
#headerArea .areaInner ul {
    width: 610px;
}
#footerArea .areaInner .column1{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: content-box;
	-ms-box-sizing: content-box;
	box-sizing: content-box;
}
@media (max-width: 768px) and (min-width : 481px){
#headerArea .areaInner ul {
    top: 28%;
	width: 250px;
}
#headerArea .areaInner ul li:nth-child(2) {
    margin-right: 0;
}
#headerArea .areaInner ul li:nth-child(3) {
    margin-top:1.8%;
}
}
@media (max-width : 768px){
#container {
	padding-left: 0!important;
	padding-right: 0!important;
}
#headerArea .areaInner #siteLogo {
	width: 80%;
}
}
@media (max-width : 480px){
#headerArea .areaInner ul li:nth-child(2) {
    margin-right: 0;
}
#headerArea .areaInner ul li:nth-child(3) {
    margin-top:1.8%;
}
}
/*納品時追記ここまで*/

/*--add 20181112--*/
@media (max-width: 1121px) and (min-width : 769px){
	/*.w1221_on {
		display: visible;
	}
	.w1221_off {
		display: none;
	}*/
}


/*------*/
.position{
	position: relative;
}
.wrap{
	max-width: 1100px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.wrap.note-wrap{
	max-width: 1160px;
	width: 100%;
}
.nav-wrap{
	background:#004661;
}
.nav-wrap ul{
	max-width: 1100px;
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}
.nav-wrap li{
	/*padding-bottom: 15px;
	line-height: 32px;*/
	margin-left: -1px;
	padding: 10px 0;
	width: 184px;
	float: left;
	position: relative;
}
.nav-wrap li span.new{
	display: block;
	text-align: center;
	position: absolute;
	top:-17px;
	left:50%;
	margin-left: -20px;
	/*padding:0 15px;*/
	width:40px;
	height: 14px;
	/*font-size:10px;
	line-height: 11px;
	letter-spacing: 0px;
	font-weight: bold;*/
	color:#fff;
	background: url(../images/common/bg_icon_new.jpg) no-repeat top center;
	background-size:contain;
	/*background:#950000;*/
	/*font-family: "游明朝","Yu Mincho",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HGS明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;*/
}
.nav-wrap li.fade{
	opacity: 0.4;
}
.nav-wrap li a{
	font-size: 14px;
	line-height: 1.5;
	text-align: center;
	text-decoration: none;
	border: solid #fff;
	border-width: 0 1px;
	display: block;
	width: 100%;
	height: 100%;
	color:#ffffff;
	text-align-last: none;
}
.nav-wrap li .word{ display: inline-block; }
.nav-wrap li.navi-cst01 .word{ width: 125%; transform: scaleX(0.8); transform-origin: 0 0; }
.nav-wrap li.current,
.nav-wrap li:hover{
	background: url(../images/common/line.png) repeat-x center bottom;
}
.nav-wrap li.fade:hover{
	background:none;
}
.pan li{
	float: left;
	/*font-size:13px;*/
	background:url(../images/common/pan.png) no-repeat right center;
	padding-right: 16px;
	margin-left: 8px;
	/*パンくず補正*/
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuProN-W3", "ＭＳ Ｐゴシック", "MS PGothic", verdana, Osaka, Sans-Serif;
	font-size:11px;
}
.pan li,.pan li a{
	color:#1B1B1B;
	text-decoration: none;
}
.pan li:first-child{
	margin-left: 0;
}
.pan li:last-child{
	padding-right: 0;
	margin-right: 0;
	background:none;
}
.ad{
	margin-top:0;
	font-size:12px;
	text-align: left;
}
.ad p.text{
	padding-top: 1px;
}
.ad span{
	 border: 1px solid #727171;
    display: block;
    float: left;
    font-size: 16px;
	line-height: 18px;
    margin-right: 10px;
    padding:1px 4px;
    text-align: center;
    width: 84px;
}
.top .main-img img{
	width: 100%;
}
.img-tex{
	font-size:11px;
	position: absolute;
	bottom:-25px;
	right:5px;
	color:#231815;
}

.notes{
	/*font-size:9.5px!important;*/
	font-size:13px!important;
	line-height: 20px!important;
	font-feature-settings:palt;
	letter-spacing: -0.5px;
	/*font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka,Arial, Helvetica,  sans-serif!important;*/
}
.min-notes{
	font-size:13px!important;
	line-height: 20px!important;
	font-feature-settings:palt;
	letter-spacing: -0.5px;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka,Arial, Helvetica,  sans-serif!important;
}
.indent{
	text-indent: -0.2rem;
}

.foot-nav-wrap{
	background:#F7F8F8;
}
.foot-nav-wrap ul{
	max-width: 1100px;
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}

@media (max-width : 768px){
	.foot-nav-wrap {
		padding-bottom: 0 !important;
	}

	.foot-nav-wrap ul{
		padding-top: 0;
		height: auto;
	}

	.foot-nav-wrap ul li{
		margin-bottom:10px;
	}

}





.foot-nav-wrap li{
	/*padding-bottom: 15px;*/
	/*line-height: 34px;*/
	padding: 10px 0;
	width: 184px;
	float: left;
	position: relative;
	margin-left: -1px;
}
.foot-nav-wrap li span.new{
	position: absolute;
	right:0;
	top:-20px;
	padding:0 15px;
	font-size:11px;
	letter-spacing: 2px;
	font-weight: bold;
	color:#fff;
	background:#950000;
	font-family: "游明朝","Yu Mincho",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HGS明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
.foot-nav-wrap li img{
	opacity: 0.7;
}
.foot-nav-wrap li.fade:hover img{
	opacity: 0.7;
}
.foot-nav-wrap li a{
	font-size: 14px;
	line-height: 1.5;
	text-align: center;
	text-decoration: none;
	color: #999999;
	border: solid #949495;
	border-width: 0 1px;
	display: block;
	width: 100%;
	height: 100%;
}
.foot-nav-wrap li .word{ display: inline-block; }
.foot-nav-wrap li.navi-cst01 .word{ width: 125%; transform: scaleX(0.8); transform-origin: 0 0; }
.foot-nav-wrap li:last-child a{
	border-right:1px solid #949495;
}
.foot-nav-wrap li.current img,
.foot-nav-wrap li:hover img{
	opacity: 1;
}
.foot-nav-wrap li.current a,
.foot-nav-wrap li:hover a{
	color: #000000;
}

.contact-box{
	width: 620px;
	margin-left: auto;
	margin-right: auto;
}
.contact-box .btn{
	padding-top: 20px;
}

.in-page .main-title{
	background:#040000!important;
	padding-top: 14px!important;
	padding-bottom: 14px!important;
	text-align: center;
}
.inpage-bg{
	background:url(../images/common/top_bg.png) repeat-x left top;
}

.bnr-info{
	margin: 0 0 30px;
	max-width: 1100px;
}
.bnr-info img{
	width: 100%;
}
.bnr-info-sp{
	display: none;
}


/*ヘッダーメニュー補正*/
#nav {
	/*height: 66px;*/
}
#headerArea .areaInner li {
    height: auto;
}
/*#headerArea .areaInner li:last-child {
	width: 189.5px;
}*/



/*TOPページ*/

#top .main-img .txt_sub {
	/*text-align: right;*/
}

#top .main_visual {
	width:100%;
	background: #ffffff;
}
#top .main_visual .img{
	max-width: 1160px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
#top .main_visual img {
	width:100%;
}

#top dl.ttl_01 dd.ttl_01_01 {
	float: left;
	width:36.8%;
	max-width:405px;
}

#top dl.ttl_01 dd.ttl_01_02 {
	float: right;
	width:60.8%;
	max-width:670px;
}

#top .ttl_01_sub-txt {
	text-align: right;
	font-size:10px;
}

/*周辺情報*/
#top #contennts_02 {
	background-color: #004661;
	color:#fff;
	text-align: center;
}
#top #contennts_02 .notes{
	color:#fff;
}
#top .nearby-info li {
    float: left;
	/*height: 144px;*/
	width:50%;
	background: #004661;
	padding-left: 15px;
	padding-right: 15px;
	border-left: solid 1px #ffffff;
}

#top .nearby-info li .box_line {
	padding-top: 12px;
	padding-bottom: 5px;
	/*width:98%;
	margin-left: auto;
	margin-right: auto;
	border-left: solid 1px #ffffff;*/
}

#top .nearby-info li:nth-child(2n) {
	border-right: solid 1px #ffffff;
}

#top .nearby-info li:nth-child(2n) .box_line {
	/*border-right: solid 1px #ffffff;*/
}


#top .link-box{
	max-width: 926px;
	width: 96%;
	font-size:13px;
	line-height: 20px;
	margin-left: auto;
	margin-right: auto;
}
#top .link-box h2{
	font-size:32px;
	line-height: 46px;
	letter-spacing: 1px;
	margin-right: 10px;
	color:#00445e;
}


/*#contennts_03 INFOMATION*/
#top .info-box{
	border-top:2px solid #898989;
}
#top .info-box dt {
    float: left;
    margin-right: 10px;
    width: 90px;
}
#top .info-box dd {
    float: left;
    width: 550px;
}
#top .link-wrap h2{
	text-align: center;
	padding-top: 3.2%;
	padding-bottom: 3.2%;
	padding-left: 5%;
	padding-right: 5%;
	margin-bottom: 0;
	background:url(../images/top/bg_ex.png) repeat left center;
}


#top #contennts_03 .txt_sub {
	line-height: 1.2em;
}



/*現地案内図*/
#map .main-img #ttl_01 {
	width:90%;
	max-width:127px;
	margin-left: auto;
	margin-right: auto;
}

#map .main-img .ttl_01_txt {
	font-size: 20px !important;
	text-align: center;

}

#map .main-img .ttl_01_txt {
	font-size: 24px !important;
	text-align: center;

}

@media (max-width : 768px){
	#map .main-img .ttl_01_txt {
		font-size: 20px !important;
	}
}

#map .map_img {
	width:90%;
	margin-left:auto;
	margin-right: auto;
}


#map .kuiki_box {
	width:90%;
	margin-left:auto;
	margin-right: auto;
	background: url(../images/map/img_01.png) no-repeat 90%;
	background-size: auto 90%;
	background-color: #F7F8F8;
	padding-top:1%;
	padding-bottom:1%;
}

#map .kuiki_box .box_line {
	border: 1px solid #000000;
	width:98%;
	padding: 48px;
	margin-left: auto;
	margin-right: auto;
}



#map .kuiki_box .img_01{
	width:52%;
}

@media (max-width : 768px){
	#map .kuiki_box {
		width:90%;
		padding: 5px;
		background:none;
		background-color: #F7F8F8;
	}
	#map .kuiki_box .box_line {
		width:98%;
		padding: 5px;
	}
	#map .kuiki_box .img_01{
		width:100%;
	}

}

#map .ttl_01_sub-txt {
	line-height: 1.2em;
}


/*.map-img{
	width: 96%;
	max-width: 1143px;
	margin-left: auto;
	margin-right: auto;
}
#map h3{
	font-size:35px;
	text-align: center;
	letter-spacing: 2px;
}
#map h4{
	font-size:22px;
	line-height: 37px;
	text-align: center;
	letter-spacing: 2px;
}
#map .left-img{
	width: 40.2%;
	float: left;
}
#map .right-img{
	width: 57%;
	float: right;
}
#map .txt-img{
	width: 80%;
}
.print-btn{
	width: 145px;
	margin-left: auto;
	margin-right: auto;
}*/
/*ロケーション*/
/*main-img*/
#location .main-img #ttl_01 {
	width:90%;
	max-width:165px;
	margin-left: auto;
	margin-right: auto;
}
#location .main-img .ttl_01_txt {
	font-size: 24px !important;
	text-align: center;
}
#location .loc-map-1{
	max-width: 800px;
}

@media (max-width : 768px){
	#location .main-img .ttl_01_txt {
		font-size: 20px !important;
	}
}

#location .main-img .ttl_01_txt sup{
	font-size: 8px;
	position:relative;
	top:-12px;
}


/*content_01*/
#location .location_slider {
	/*width:86%;*/
	width:100%;
	/*max-width:850px;*/
	margin-left: auto;
	margin-right: auto;
}

#location .location_slider .box_slider_map {
	/*background: #f7f8f8;*/
}

#location .location_slider .box_slider_map .bxslider01 {
	width:61.5%;
	float:left;
}

#location .location_slider .box_slider_map .bxslider01 .txt_bottom {
	text-align: right;
}

#location .location_slider .box_slider_map .bxslider01 li {
	width:100%;
	position: relative;
}


#location .location_slider .box_slider_map .bxslider01 li .txt_bottom{
	width:100%;
	display: block;
	text-align: right;
	font-size:12px !important;
	/*line-height: 20px !important;
	background: #0f445e ;
	position: absolute;
	bottom:-10px;*/
	opacity: 0.8;
	z-index: 10;
}

#location .location_slider .box_slider_map .bxslider01 li .txt_bottom span{
	/*color:#ffffff;*/
	opacity: 1;
	letter-spacing: 0.1em;
}

#location .location_slider .box_slider_map #box_map {
	width:38.5%;
	float:right;
	/*background: #f4f1ee;*/
}

@media (max-width : 768px){
	#location .location_slider .box_slider_map .bxslider01,
	#location .location_slider .box_slider_map #box_map {
		width:100%;
		float: none;
	}
}

#location .location_slider .box_slider_map .map_01 {
	background: url(../images/location/map_01_01.jpg) center no-repeat;
	background-size: contain;
}
#location .location_slider .box_slider_map .map_02 {
	background: url(../images/location/map_01_02.jpg) center no-repeat;
	background-size: contain;
}
#location .location_slider .box_slider_map .map_03 {
	background: url(../images/location/map_01_03.jpg) center no-repeat;
	background-size: contain;
}
#location .location_slider .box_slider_map .map_04 {
	background: url(../images/location/map_01_04.jpg) center no-repeat;
	background-size: contain;
}
#location .location_slider .box_slider_map .map_05 {
	background: url(../images/location/map_01_05.jpg) center no-repeat;
	background-size: contain;
}#location .location_slider .box_slider_map .map_06 {
	background: url(../images/location/map_01_06.jpg) center no-repeat;
	background-size: contain;
}

#location .location_slider .thum_slider {
	width:100%;
	margin-left: auto;
	margin-right: auto;
}



#location .location_slider .thum_slider .bxslider02 li {
	float: left;
	width:16%;
	margin-right: 0.5%;
	padding-bottom: 2px;
}

#location .location_slider .thum_slider .bxslider02 li.thum_06  {
	width:16%;
	margin-right: 1.5%;
}

#location .thum_slider .bxslider05 li {
	float: left;
	width:33%;
	margin-right: 0.5%;
	padding-bottom: 2px;
	position: relative;
	z-index: 10;
}
#location .thum_slider .bxslider05 li:last-child{
	margin-right: 0;
}
#location .bxslider03 .bx-viewport{
	height: 100%;
}
#location .thum_slider .bxslider05 li img{
}
#location .slider-bottom-box{
	position: relative;
	z-index: 10;
}
#location .slider-bottom-box{
	background: #fff;
	padding:10px 10px;
}
#location .last-img-box{
	position: relative;
	z-index: 9;
}
#location .last-img-box ul{
	font-size:0;
}
#location .last-img-box li{
	display: inline-block;
}
#location .last-img-box li:nth-child(n+1):nth-child(-n+2){
	width: 50%;
}
#location .last-img-box li:nth-child(n+3):nth-child(-n+5){
	width: 33.33%;
}
@media (max-width : 768px){
	#location .location_slider .thum_slider .bxslider02 li,
#location .location_slider .thum_slider .bxslider02 li.thum_06 {
		float: left;
		width:30%;
		margin-right: 5%;
		padding-bottom: 2px;
		border-bottom: solid #ffffff 3px;
	}
	#location .location_slider .thum_slider .bxslider02 li:nth-child(3n) {
		margin-right: 0;
	}
}

#location .location_slider .thum_slider .bxslider02 li a {
	display: block;
	width:100%;
}

#location .location_slider .thum_slider .bxslider02 li.thum_01 a {
	background: url(../images/location/photo_01_01_off.jpg) no-repeat center;
	background-size: contain;
	opacity: 50%;
}

#location .location_slider .thum_slider .bxslider02 li.thum_01.now a {
	background: url(../images/location/photo_01_01.jpg) no-repeat center;
	background-size: contain;
	opacity: 50%;
}

#location .location_slider .thum_slider .bxslider02 li.thum_02 a {
	background: url(../images/location/photo_01_02_off.jpg) no-repeat center;
	background-size: contain;
}

#location .location_slider .thum_slider .bxslider02 li.thum_02.now a {
	background: url(../images/location/photo_01_02.jpg) no-repeat center;
	background-size: contain;
}

#location .location_slider .thum_slider .bxslider02 li.thum_03 a {
	background: url(../images/location/photo_01_03_off.jpg) no-repeat center;
	background-size: contain;
}

#location .location_slider .thum_slider .bxslider02 li.thum_03.now a {
	background: url(../images/location/photo_01_03.jpg) no-repeat center;
	background-size: contain;
}

#location .location_slider .thum_slider .bxslider02 li.thum_04 a {
	background: url(../images/location/photo_01_04_off.jpg) no-repeat center;
	background-size: contain;
}

#location .location_slider .thum_slider .bxslider02 li.thum_04.now a {
	background: url(../images/location/photo_01_04.jpg) no-repeat center;
	background-size: contain;
}

#location .location_slider .thum_slider .bxslider02 li.thum_05  a {
	background: url(../images/location/photo_01_05_off.jpg) no-repeat center;
	background-size: contain;
}

#location .location_slider .thum_slider .bxslider02 li.thum_05.now a {
	background: url(../images/location/photo_01_05.jpg) no-repeat center;
	background-size: contain;
}

#location .location_slider .thum_slider .bxslider02 li.thum_06 a {
	background: url(../images/location/photo_01_06_off.jpg) no-repeat center;
	background-size: contain;
}

#location .location_slider .thum_slider .bxslider02 li.thum_06.now a {
	background: url(../images/location/photo_01_06.jpg) no-repeat center;
	background-size: contain;
}

#location .location_slider .thum_slider .bxslider02 li.now,#location .thum_slider .bxslider05 li.now {
	border-bottom: solid #0f445e 3px;
}

#location .location_slider .thum_slider .bxslider02 li.m_hover,#location .thum_slider .bxslider05 li.m_hover{
	border-bottom: solid #16a5ec 3px;
}




/*content_02*/
#location .contents_02 .txt_sub {
	width:100%;
	max-width: 980px;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.2em;
}

@media (max-width : 768px){
	#location .contents_02 .txt_sub {
		width:90%;
	}
}

/*#kankyo .sub_nav{
	width: 480px;
	margin-left: auto;
	margin-right: auto;
}
#kankyo .sub_nav li:nth-child(odd){
	float:left;
	height:35px;
	width:240px;
	z-index:99999;
	background-size:100%;
}
#kankyo .sub_nav li:nth-child(even),#kankyo .sub_nav li.right{
	float:right;
	height:35px;
	width:240px;
	z-index:99999;
	background-size:100%;
}
#kankyo .sub_nav li a{
    display:block;
    width:100%;
	height: 100%;
}
#kankyo .sub_nav li:hover{
	cursor:pointer;
}
#kankyo .sub_nav li.list_01,#kankyo .sub_nav li.list_01a{
	background-image:url(../images/kankyo/tab_1.png);
	background-repeat:no-repeat;
}
#kankyo .sub_nav li.list_01.select{
	background-image:url(../images/kankyo/tab_1_on.png);
}
#kankyo .sub_nav li.list_01a.select{
	background-image:url(../images/kankyo/tab_1_on.png);}

#kankyo .sub_nav li.list_02,#kankyo .sub_nav li.list_02a{
	background-image:url(../images/kankyo/tab_2.png);
	background-repeat:no-repeat;
}
#kankyo .sub_nav li.list_02.select{
	background-image:url(../images/kankyo/tab_2_on.png);
}
#kankyo .sub_nav li.list_02a.select{
	background-image:url(../images/kankyo/tab_2_on.png);
}


xnoneTab {

 position: relative;


 }

.xnoneTab .tabarea{

 clear: both;

 width: 0%;

 height:0%;

 position: absolute;
 display:none;



 z-index:999;

 }

.xnoneTab .tabarea.active{

 display:block;
width: 100%;

 height:100%;
  position:relative;

 }
#kankyo-1 p{
	font-size:14px;
}
#kankyo-1 .head-box{
	background:url(../images/kankyo/part_1/bg.jpg) no-repeat center bottom;
	background-size:cover;
	padding:6% 5% 8%;
	text-align: center;
	color:#fff;
	font-size:15px;
	line-height: 36px;
}
#kankyo .head-box p.w-tex{
	font-size:16px;
	line-height: 24px;
}
#kankyo-1 .head-box p.w-tex{
	text-shadow:
    #333333 1px 1px 5px, #333333 -1px 1px 5px,
    #333333 1px -1px 5px, #333333 -1px -1px 5px;
}
#kankyo .head-box h3{
	font-size:30px;
	line-height: 46px;
	color:#fff;
	background: none!important;
}
#kankyo-1 h3{
	font-size:30px;
	line-height: 46px;
}
#kankyo .wrap{
	max-width: 1180px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	font-size:13px;
	line-height: 27px;
}
#kankyo-1 .wrap{
	font-size:14px;
}
#kankyo h3.title{
	background:url(../images/kankyo/line.png) repeat-x left center;
}
#kankyo-1 h3.title{
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}
#kankyo-2 h3.title{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
#kankyo h3.title span{
	background:#fff;
	padding-right: 12px;
	display: inline-block;
}
#kankyo-1 .left-box{
	width: 50%;
}
#kankyo-1 .right-box{
	width: 47%;
	margin-right: 3%;
}
#kankyo-1 .txt{
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka,Arial, Helvetica,  sans-serif;
}
#kankyo-1 .left-box.txt{
	padding-left: 2%;
	padding-right: 2%;
	letter-spacing: -0.2px;
}*/
/*#kankyo-1 .left-box.txt p{
	color:#727171;
}*/
/*#kankyo-1 .right-box.txt{
	padding-left: 8%;
	padding-top: 8%;
}
#kankyo-1 .txt h4{
	font-size:30px;
	line-height: 46px;
}
#kankyo-1 .caption{
	font-size:14px;
	line-height: 18px;
	letter-spacing: 0px;
}
#kankyo-2 p{
	font-size:14px;
}
#kankyo-1 .pic-list li{
	float: left;
	width: 50%;
	vertical-align: top;
}
#kankyo-2 .head-box{
	background:url(../images/kankyo/part_2/bg.jpg) no-repeat center 70%;
	background-size:cover;
	padding:7% 5% 7%;
	color:#fff;
	font-size:15px;
	line-height: 36px;
	text-shadow: 0px 0px 5px #000000;
}
#kankyo-2 .location-wrap{
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}
#kankyo-2 .location-wrap h4{
	font-size:30px;
	line-height: 46px;
}
#kankyo-2 .caption{
	font-size:14px;
	line-height: 18px;
}
#kankyo-2 .caption-2{
	font-size:10px;
	text-align: right;
}
#kankyo-2 .col2,#kankyo-2 .col2-ex,#kankyo-2 .col4{
	font-size:0;
}
#kankyo-2 .col2 li{
	width: 49.7%;
	margin-right: 0.6%;
	display: inline-block;
	vertical-align: top;
	font-size:14px;
	line-height: 18px;
}
#kankyo-2 .col2 li:last-child{
	width: 49.7%;
	margin-right: 0%;
}
#kankyo-2 .col2-ex li{
	width: 49.4%;
	margin-right: 1.2%;
	display: inline-block;
	vertical-align: top;
	font-size:14px;
	line-height: 18px;
}
#kankyo-2 .col2-ex li:last-child{
	width: 49.4%;
	margin-right: 0%;
}
#kankyo-2 .col4 li{
	width: 24.55%;
	margin-right: 0.6%;
	display: inline-block;
	vertical-align: top;
	font-size:14px;
	line-height: 18px;
}
#kankyo-2 .col4 li:last-child{
	width: 24.55%;
	margin-right: 0%;
}
#kankyo-2 .half-box{
	width: 49.7%;
}
#kankyo-2 .map-wrap{
	width: 100%;
	max-width: 1123px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 140px;
}
#kankyo-2 .life-info{
	max-width: 880px;
	margin-left: auto;
	margin-right: auto;
}
#kankyo-2 .map-wrap h3{
	width: 360px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
	text-align: center;
	border-bottom:1px solid #9FA0A0;
}
#kankyo-2 .life-info > p{
	width: 48%;
}
/*供給実績*/
/*#kyokyu .wrap{
	max-width: 1040px;
	margin-left: auto;
	margin-right: auto;
	font-size:14px;
	line-height: 24px;
}

#kyokyu .notes{
	font-size:11px!important;
}
#kyokyu .wrap .left-box{
	width: 48%;
	float:left;
}
#kyokyu .wrap .left-box h2{
	font-size: 20px;
	line-height: 30px;
}
#kyokyu .wrap .left-box li{
	width: 31%;
	margin-right: 3%;
	font-size:12px;
	line-height: 13px;
	float: left;
}
#kyokyu .wrap .left-box li span{
	font-size:10px;
}
#kyokyu .wrap .left-box li:last-child{
	width: 31%;
	margin-right: 0%;
}
#kyokyu .wrap .right-box{
	width: 48%;
	float: right;
}
#kyokyu .wrap h3{
	font-size:24px;
	line-height: 38px;
}
#kyokyu .point li{
	width: 23%;
	margin-right: 2%;
	float: left;
}
#kyokyu .point li:last-child{
	width: 24%;
	margin-right: 0%;
}
#kyokyu .corp{
	border-top:1px solid #231815;
}*/

/*コンセプト*/
/*#concept .box{
	width: 100%;
	max-width: 1180px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding:180px 0 80px;
}
#concept .img-1{
	position: absolute;
	left:0;
	top: 0;
	z-index: 1;
	width: 316px;
}
#concept .img-2{
	position: absolute;
	right:0;
	top: 0;
	z-index: 2;
}
#concept .cont{
	position: relative;
	z-index: 3;
	font-size:15px;
	line-height: 38px;
}
#concept .cont p{
	font-feature-settings : "palt";
	letter-spacing: 1px;
}
#concept .cont-box{
	max-width: 980px;
	width: 90%;
	padding-left: 5%;
	margin-left: auto;
	margin-right: auto;
}
#concept .cont-box .tex{
	width: 49%;
	float: left;
	text-align: left;
	font-size:14px;
	line-height: 34px;
}
#concept .cont-box .img{
	width: 51%;
	float: right;
}
#concept .notes{
	letter-spacing: -1px;
}*/
/*アクセス*/
/*#koutsu .wrap{
	font-size: 14px;
	line-height: 27px;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka,Arial, Helvetica, sans-serif;

}
#koutsu .wrap p{
	font-feature-settings : "palt";
}
#koutsu .box{
	width: 100%;
	max-width: 1180px;
	margin-left: auto;
	margin-right: auto;
}
#koutsu h3.title{
	background:url(../images/kankyo/line.png) repeat-x left center;
}
#koutsu h3.title{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
#koutsu h3.main-copy{
	font-size:35px;
	text-align: center;
	letter-spacing: 2px;
}
#koutsu h3.main-copy span.big{
	font-size:45px;
}

#koutsu .time-box ul{
	width: 50%;
	float: left;
}
#koutsu .time-box li{
	position: relative;
}
#koutsu .time-box li img{
	width: 100%;
}
#koutsu .wrap .dot{
	letter-spacing: -8px;
}
#koutsu .time-box li .caption{
	font-size:14px;
	color:#fff;
	position: absolute;
	text-shadow:
    #333333 1px 1px 5px, #333333 -1px 1px 5px,
    #333333 1px -1px 5px, #333333 -1px -1px 5px;
	bottom:2px;
	font-weight: 600;
}
#koutsu .time-box .left li .caption{
	left:5px;
}
#koutsu .time-box .right li .caption{
	right:5px;
}
#koutsu .time-box .right li:nth-child(2),#koutsu .time-box .right li:nth-child(3){
	width: 50%;
	float: left;
}
#koutsu .access-wrap{
	width: 96%;
	margin-left: auto;
	margin-right: auto;
	font-size:14px;
}
#koutsu .left-box{
	width: 45%;
	margin-right: 2%;
}
#koutsu .right-box{
	width: 53%;
}
#koutsu .left-box-2{
	width: 45%;
	margin-right: 5%;
}
#koutsu .right-box-2{
	width: 50%;
}
#koutsu h3.title span{
	background:#fff;
	padding-right: 12px;
	display: inline-block;
}
#koutsu .access-wrap h4{
	font-size:30px;
	line-height: 46px;
	letter-spacing: 0.5px;
	font-feature-settings : "palt";
}
#koutsu .spot-list ul{
	width: 49.5%;
	float: left;
	margin-right: 1%;
}
#koutsu .spot-list ul:last-child{
	margin-right: 0;
}
#koutsu .spot-list li{
	font-size:0;
	margin-bottom: 2%;
}
#koutsu .spot-list li img{
	width: 100%;
}
#koutsu .spot-list li > div{
	width: 50%;
	display: inline-block;
	vertical-align: top;
	position: relative;
}
#koutsu .spot-list li .caption{
	font-size:14px!important;
	color:#fff;
	position: absolute;
	text-shadow:
    #333333 1px 1px 5px, #333333 -1px 1px 5px,
    #333333 1px -1px 5px, #333333 -1px -1px 5px;
	bottom:2px;
	left:5px;
	font-weight: 600;
}
#koutsu .caption-2{
	font-size:14px;
}
#koutsu .car-box .tex{
	width: 54%;
	float: left;
}
#koutsu .car-box .pic{
	width: 40%;
	float: right;
}*/
/*プラン*/
#plan .main-img #ttl_01 {
	width:90%;
	max-width:95px;
	margin-left: auto;
	margin-right: auto;
}
#plan .main-img .ttl_01_txt {
	font-size: 26px !important;
	text-align: center;
}
#plan .ttl-img{
	max-width: 1040px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
/*contents_01*/
#plan #box_area_mansion {
	width:100%;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

/*ベース図*/
#plan #box_area_mansion #area_mansion_front{
	background: url(../images/plan/bg_plan_00_front.png?20201216) top center no-repeat;
	background-size: contain;
}

#plan #box_area_mansion #area_mansion_back{
	background: url(../images/plan/test_bg_plan_00_back.png) top center no-repeat;
	background-size: contain;
}


/*フロントオーバーレイ*/
#plan #box_area_mansion #overlay_mansion_front.mansion_a {
	background: url(../images/plan/overlay_plan_a_front.png?20201216) top center no-repeat ;
	background-size: contain;
}
#plan #box_area_mansion #overlay_mansion_front.mansion_ag {
	background: url(../images/plan/overlay_plan_ag_front.png?20201216) top center no-repeat ;
	background-size: contain;
}
#plan #box_area_mansion #overlay_mansion_front.mansion_b {
	background: url(../images/plan/overlay_plan_b_front.png?20201216) top center no-repeat ;
	background-size: contain;
}
#plan #box_area_mansion #overlay_mansion_front.mansion_c {
	background: url(../images/plan/overlay_plan_c_front.png?20201216) top center no-repeat ;
	background-size: contain;
}
#plan #box_area_mansion #overlay_mansion_front.mansion_d {
	background: url(../images/plan/overlay_plan_d_front.png?20201216) top center no-repeat ;
	background-size: contain;
}
#plan #box_area_mansion #overlay_mansion_front.mansion_e {
	background: url(../images/plan/overlay_plan_e_front.png?20201216) top center no-repeat ;
	background-size: contain;
}
#plan #box_area_mansion #overlay_mansion_front.mansion_f {
	background: url(../images/plan/overlay_plan_f_front.png?20201216) top center no-repeat ;
	background-size: contain;
}
#plan #box_area_mansion #overlay_mansion_front.mansion_fg {
	background: url(../images/plan/overlay_plan_fg_front.png?20201216) top center no-repeat ;
	background-size: contain;
}
#plan #box_area_mansion #overlay_mansion_front.mansion_g {
	background: url(../images/plan/overlay_plan_g_front.png?20201216) top center no-repeat ;
	background-size: contain;
}
#plan #box_area_mansion #overlay_mansion_front.mansion_h {
	background: url(../images/plan/overlay_plan_h_front.png?20201216) top center no-repeat ;
	background-size: contain;
}
/*#plan #box_area_mansion #overlay_mansion_front.mansion_hg {
	background: url(../images/plan/overlay_plan_hg_front.png?20201216) top center no-repeat ;
	background-size: contain;
}*/
#plan #box_area_mansion #overlay_mansion_front.mansion_i {
	background: url(../images/plan/overlay_plan_i_front.png?20201216) top center no-repeat ;
	background-size: contain;
}
/*#plan #box_area_mansion #overlay_mansion_front.mansion_ig {
	background: url(../images/plan/overlay_plan_ig_front.png?20201216) top center no-repeat ;
	background-size: contain;
}*/
#plan #box_area_mansion #overlay_mansion_front.mansion_j {
	background: url(../images/plan/overlay_plan_j_front.png?20201216) top center no-repeat ;
	background-size: contain;
}
#plan #box_area_mansion #overlay_mansion_front.mansion_k {
	background: url(../images/plan/overlay_plan_k_front.png?20201216) top center no-repeat ;
	background-size: contain;
}
#plan #box_area_mansion #overlay_mansion_front.mansion_l {
	background: url(../images/plan/overlay_plan_l_front.png?20201216) top center no-repeat ;
	background-size: contain;
}
#plan #box_area_mansion #overlay_mansion_front.mansion_m {
	background: url(../images/plan/overlay_plan_m_front.png?20201216) top center no-repeat ;
	background-size: contain;
}
#plan #box_area_mansion #overlay_mansion_front.mansion_mg {
	background: url(../images/plan/overlay_plan_mg_front.png?20201216) top center no-repeat ;
	background-size: contain;
}
#plan #box_area_mansion #overlay_mansion_front.mansion_n {
	background: url(../images/plan/overlay_plan_n_front.png?20201216) top center no-repeat ;
	background-size: contain;
}
/*#plan #box_area_mansion #overlay_mansion_front.mansion_ng {
	background: url(../images/plan/overlay_plan_ng_front.png?20201216) top center no-repeat ;
	background-size: contain;
}*/

#plan #box_area_mansion #overlay_mansion_back.mansion_f {
	background: url(../images/plan/overlay_plan_f_back.png) top center no-repeat ;
	background-size: contain;
}


/*バックオーバーレイ*/
#plan #box_area_mansion #overlay_mansion_back.mansion_k {
	background: url(../images/plan/test_overlay_plan_k_back.png) top center no-repeat ;
	background-size: contain;
}

#plan #box_area_mansion #overlay_mansion_back.mansion_k {
	background: url(../images/plan/overlay_plan_k_back.png) top center no-repeat ;
	background-size: contain;
}
#plan #box_area_mansion #overlay_mansion_back.mansion_g {
	background: url(../images/plan/test_overlay_plan_g_back.png) top center no-repeat ;
	background-size: contain;
}

#plan #box_area_mansion #overlay_mansion_back.mansion_f {
	background: url(../images/plan/test_overlay_plan_f_back.png) top center no-repeat ;
	background-size: contain;
}
#plan #box_area_mansion #overlay_mansion_back.mansion_a {
	background: url(../images/plan/test_overlay_plan_a_back.png) top center no-repeat ;
	background-size: contain;
}

#plan #box_area_mansion #overlay_mansion_back.mansion_d {
	background: url(../images/plan/test_overlay_plan_d_back.png) top center no-repeat ;
	background-size: contain;
}

#plan #box_area_mansion #overlay_mansion_back.mansion_m {
	background: url(../images/plan/test_overlay_plan_m_back.png) top center no-repeat ;
	background-size: contain;
}


#plan #box_area_mansion .area_mansion {
	width:100%;
	padding: 0;
}


/*--overlay--*/
#plan #box_area_mansion .overlay_mansion {
	display: block;
	background: none;
}

#plan #box_area_mansion #overlay_mansion_01.mansion_k {
	background: url(../images/plan/overlay_plan_k.png) top center no-repeat ;
	background-size: contain;
}

#plan #box_area_mansion #overlay_mansion_01_back.mansion_k {
	background: url(../images/plan/overlay_b_plan_k.png) top center no-repeat ;
	background-size: contain;
}




/*
#plan #box_area_mansion .area_mansion .area_top {
	width:100%;
	padding: 0;
}

#plan #box_area_mansion .area_mansion .area_left {
	width:11.875%;
	float: left;
}

#plan #box_area_mansion .area_mansion .area_center {
	width:65%;
	float: left;
}

#plan #box_area_mansion .area_mansion .area_type_list {
	width:100%;
}

#plan #box_area_mansion .area_mansion .area_type_list .area_type {
	width:12.5%;
	float: left;
}

#plan #box_area_mansion .area_mansion .area_bottom {
	width:100%;
	float: left;
}

#plan #box_area_mansion .area_mansion .area_right {
	width:23.125%;
	float: left;
}*/

#plan #box_area_mansion .area_mantion_txt_sub {
	padding-right: 20.875%;
    margin-top: -46px;
    margin-bottom: 92px;
}

#plan #box_area_mansion .area_mantion_txt_sub p {
	float: right;
	width:40%;
	text-align: right;
}

#plan #box_area_mansion .area_mantion_txt_sub .btn_f-b {
	float: right;
	width:60%;
	text-align: right;
}

#plan #box_area_mansion .area_mantion_txt_sub .btn_f-b {
	float: right;
	width:60%;
	text-align: right;
}

#plan #box_area_mansion .area_mantion_txt_sub .btn_f-b li {
	float:right;
	width:4em;
}

#plan #box_area_mansion .area_mantion_txt_sub .btn_f-b li a {
	margin-left: 5px;
	/*display: block;
	line-height: 1.2em;
	text-decoration: none;*/
	font-size:12px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    border-radius:5px;
}

#plan #box_area_mansion .area_mantion_txt_sub .btn_f-b li.btn_on  a{
    color:#ffffff;
    background-color:#004660;
}

#plan #box_area_mansion .area_mantion_txt_sub .btn_f-b li.btn_off a {
    color:#004661;
    background-color:#d8e4ec;
}

/*#plan #box_area_mansion {
	width:90%;
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/plan/bg_plan_0.png) top center no-repeat;
	background-size: contain;
}

#plan #box_area_mansion.mansion_f {
	background: url(../images/plan/bg_plan_f.png) top center no-repeat ;
	background-size: contain;
}

#plan #box_area_mansion.mansion_g {
	background: url(../images/plan/bg_plan_g.png) top center no-repeat ;
	background-size: contain;
}

#plan #box_area_mansion.mansion_k {
	background: url(../images/plan/bg_plan_k.png) top center no-repeat ;
	background-size: contain;
}

#plan #box_area_mansion .area_mansion {
	width:100%;
	padding: 0;
}

#plan #box_area_mansion #area_mansion_back dd {
	float: left;
	font-size:100% !important;
	line-height: 100% !important;
	border: 0;
}

#plan #box_area_mansion #area_mansion_back dd#area_f,
#plan #box_area_mansion #area_mansion_back dd#area_g,
#plan #box_area_mansion #area_mansion_back dd#area_k {
	width:8.125%;
}

#plan #box_area_mansion #area_mansion_back dd#area_left {
	width:28.047%;
}

#plan #box_area_mansion #area_mansion_back dd#area_center {
	width:24.219%;
}

#plan #box_area_mansion #area_mansion_back dd#area_right {
	width:23.359%;
}*/

#plan #box_bnr_mansion {
	width:100%;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	/*position: relative;
	left:15%;*/
}

#plan #box_bnr_mansion li {
	float: left;
	width:31.3%;
	margin-right: 3%;
	/*margin-left: auto;
	margin-right: auto;*/
}

#plan #box_bnr_mansion li:last-child {
	margin-right: 0;
}


/*front back onoff*/
#area_mansion_front.on_visual,
#area_mansion_back.on_visual {
	display: block;
}

#area_mansion_front.off_visual,
#area_mansion_back.off_visual {
	display: none;
}

#plan #box_area_mansion .show_anime {
    animation-name: fadein;
    animation-duration: 1s;
    animation-iteration-count: 1;
}

#plan #box_area_mansion .off_anime {
    animation-name: fadeout;
    animation-duration: 1s;
    animation-iteration-count: 1;
}

/*Y回転*/
/*
@keyframes fadein {
	from {
		opacity: 0;
  		transform: rotateY(75deg);
	}
	to {
		opacity: 1;
  		transform: rotateY(0deg);
	}
}

@keyframes fadeout{
	from {
		opacity: 1;
  		transform: rotateY(0deg);
	}
	to {
		opacity: 0;
  		transform: rotateY(75deg);
	}
}*/

@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadein {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}


@-webkit-keyframes fadeout {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeout {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeout {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}




@media (max-width : 768px){

	#plan #box_bnr_mansion {
		left:0;
		font-size: 0;
	}

	#plan #box_bnr_mansion li,
	#plan #box_bnr_mansion li:last-child {
		float: none;
		margin-right: 4%;
		width: 48%;
		display: inline-block;
		left:0;
	}
	#plan #box_bnr_mansion li:nth-child(2n){
		margin-right: 0;
	}

}

#plan #box_bnr_mansion li a{
	display:block;
}

#plan #box_bnr_mansion li a img{
	width:100%;
}
#plan #box_bnr_mansion li a#bnr_a {
	background: url(../images/plan/bnr_a.png?20201216) no-repeat center;
	background-size: contain;
}

#plan #box_bnr_mansion li a#bnr_a.m_hover {
	background: url(../images/plan/bnr_a_on.png?20201216) no-repeat center;
	background-size: contain;
}
#plan #box_bnr_mansion li a#bnr_ag {
	background: url(../images/plan/bnr_ag.png?20201216) no-repeat center;
	background-size: contain;
}

#plan #box_bnr_mansion li a#bnr_ag.m_hover {
	background: url(../images/plan/bnr_ag_on.png?20201216) no-repeat center;
	background-size: contain;
}
#plan #box_bnr_mansion li a#bnr_b {
	background: url(../images/plan/bnr_b.png?20201216) no-repeat center;
	background-size: contain;
}

#plan #box_bnr_mansion li a#bnr_b.m_hover {
	background: url(../images/plan/bnr_b_on.png?20201216) no-repeat center;
	background-size: contain;
}
#plan #box_bnr_mansion li a#bnr_c {
	background: url(../images/plan/bnr_c.png?20201216) no-repeat center;
	background-size: contain;
}

#plan #box_bnr_mansion li a#bnr_c.m_hover {
	background: url(../images/plan/bnr_c_on.png?20201216) no-repeat center;
	background-size: contain;
}
#plan #box_bnr_mansion li a#bnr_d {
	background: url(../images/plan/bnr_d.png?20201216) no-repeat center;
	background-size: contain;
}

#plan #box_bnr_mansion li a#bnr_d.m_hover {
	background: url(../images/plan/bnr_d_on.png?20201216) no-repeat center;
	background-size: contain;
}
#plan #box_bnr_mansion li a#bnr_e {
	background: url(../images/plan/bnr_e.png?20201216) no-repeat center;
	background-size: contain;
}

#plan #box_bnr_mansion li a#bnr_e.m_hover {
	background: url(../images/plan/bnr_e_on.png?20201216) no-repeat center;
	background-size: contain;
}
#plan #box_bnr_mansion li a#bnr_f {
	background: url(../images/plan/bnr_f.png?20201216) no-repeat center;
	background-size: contain;
}

#plan #box_bnr_mansion li a#bnr_f.m_hover {
	background: url(../images/plan/bnr_f_on.png?20201216) no-repeat center;
	background-size: contain;
}
#plan #box_bnr_mansion li a#bnr_fg {
	background: url(../images/plan/bnr_fg.png?20201216) no-repeat center;
	background-size: contain;
}

#plan #box_bnr_mansion li a#bnr_fg.m_hover {
	background: url(../images/plan/bnr_fg_on.png?20201216) no-repeat center;
	background-size: contain;
}
#plan #box_bnr_mansion li a#bnr_g {
	background: url(../images/plan/bnr_g.png?20201216) no-repeat center;
	background-size: contain;
}

#plan #box_bnr_mansion li a#bnr_g.m_hover {
	background: url(../images/plan/bnr_g_on.png?20201216) no-repeat center;
	background-size: contain;
}
#plan #box_bnr_mansion li a#bnr_h {
	background: url(../images/plan/bnr_h.png?20201216) no-repeat center;
	background-size: contain;
}

#plan #box_bnr_mansion li a#bnr_h.m_hover {
	background: url(../images/plan/bnr_h_on.png?20201216) no-repeat center;
	background-size: contain;
}
/*#plan #box_bnr_mansion li a#bnr_hg {
	background: url(../images/plan/bnr_hg.png?20201216) no-repeat center;
	background-size: contain;
}

#plan #box_bnr_mansion li a#bnr_hg.m_hover {
	background: url(../images/plan/bnr_hg_on.png?20201216) no-repeat center;
	background-size: contain;
}*/
#plan #box_bnr_mansion li a#bnr_i {
	background: url(../images/plan/bnr_i.png?20201216) no-repeat center;
	background-size: contain;
}

#plan #box_bnr_mansion li a#bnr_i.m_hover {
	background: url(../images/plan/bnr_i_on.png?20201216) no-repeat center;
	background-size: contain;
}
/*#plan #box_bnr_mansion li a#bnr_ig {
	background: url(../images/plan/bnr_ig.png?20201216) no-repeat center;
	background-size: contain;
}

#plan #box_bnr_mansion li a#bnr_ig.m_hover {
	background: url(../images/plan/bnr_ig_on.png?20201216) no-repeat center;
	background-size: contain;
}*/
#plan #box_bnr_mansion li a#bnr_j {
	background: url(../images/plan/bnr_j.png?20201216) no-repeat center;
	background-size: contain;
}

#plan #box_bnr_mansion li a#bnr_j.m_hover {
	background: url(../images/plan/bnr_j_on.png?20201216) no-repeat center;
	background-size: contain;
}
#plan #box_bnr_mansion li a#bnr_k {
	background: url(../images/plan/bnr_k.png?20201216) no-repeat center;
	background-size: contain;
}
#plan #box_bnr_mansion li a#bnr_k.m_hover {
	background: url(../images/plan/bnr_k_on.png?20201216) no-repeat center;
	background-size: contain;
}
#plan #box_bnr_mansion li a#bnr_l{
	background: url(../images/plan/bnr_l.png?20201216) no-repeat center;
	background-size: contain;
}
#plan #box_bnr_mansion li a#bnr_l.m_hover {
	background: url(../images/plan/bnr_l_on.png?20201216) no-repeat center;
	background-size: contain;
}

#plan #box_bnr_mansion li a#bnr_m {
	background: url(../images/plan/bnr_m.png?20201216) no-repeat center;
	background-size: contain;
}
#plan #box_bnr_mansion li a#bnr_m.m_hover {
	background: url(../images/plan/bnr_m_on.png?20201216) no-repeat center;
	background-size: contain;
}
/*#plan #box_bnr_mansion li a#bnr_mg {
	background: url(../images/plan/bnr_mg.png?20201216) no-repeat center;
	background-size: contain;
}
#plan #box_bnr_mansion li a#bnr_mg.m_hover {
	background: url(../images/plan/bnr_mg_on.png?20201216) no-repeat center;
	background-size: contain;
}*/
#plan #box_bnr_mansion li a#bnr_n {
	background: url(../images/plan/bnr_n.png?20201216) no-repeat center;
	background-size: contain;
}
#plan #box_bnr_mansion li a#bnr_n.m_hover {
	background: url(../images/plan/bnr_n_on.png?20201216) no-repeat center;
	background-size: contain;
}
/*#plan #box_bnr_mansion li a#bnr_ng {
	background: url(../images/plan/bnr_ng.png?20201216) no-repeat center;
	background-size: contain;
}
#plan #box_bnr_mansion li a#bnr_ng.m_hover {
	background: url(../images/plan/bnr_ng_on.png?20201216) no-repeat center;
	background-size: contain;
}*/
/*test*/
#plan #box_bnr_mansion li a#bnr_test {
	background: url(../images/plan/dummy_bnr_test.jpg?20201216) no-repeat center;
	background-size: contain;
}
#plan #box_bnr_mansion li a#bnr_test.m_hover {
	background: url(../images/plan/dummy_bnr_test_on.jpg?20201216) no-repeat center;
	background-size: contain;
}

/*contents_02*/

#plan .contents_02 .txt_sub {
	width:90%;
	margin-left: auto;
	margin-right: auto;
}
#plan .contents_02 .plan_color_cap .icon{ display: inline-block; margin-right: 0.2em; width: 30px; height: 14px; vertical-align: middle; }
#plan .contents_02 .plan_color_cap .icon01{ background-color: #a8beb4; }
#plan .contents_02 .plan_color_cap .icon02{ background-color: #a0b7c1; }
#plan .contents_02 .plan_color_cap .icon03{ background-color: #c8b2b0; }
#plan .contents_02 .plan_color_cap .icon04{ background-color: #bcbaa6; }



/*各プラン*/

#plan-box{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	/*padding-top: 120px;*/
	padding-bottom: 10px;
}



#plan-box .main-img {
	position: relative;
}

#plan-box .main-img h1.ttl_01 {
	width:100%;
	text-align: center;
	position: absolute;
	top:50%;
	margin-top: -10.75px;
}

#plan-box .main-img h1.ttl_01 img {
	max-width: 264px;
}

#plan-box .main_header {
	background: #004661;
	line-height: 2em;
	font-size:15px;
	letter-spacing: 0.2em;
	text-align: center;
	color:#ffffff;
}

#plan-box .box_floor {
	width:80%;
	max-width:720px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#plan-box .box_floor .txt_sub {
	position: absolute;
	bottom:0;
	left: 0;
}

#plan-box .box_floor .txt_sub .txt_s {
	font-size: 80%;
}

.plan_type_f .box_floor .txt_floor {
	width:38%;
	max-width:314.5px;
	position: absolute;
	top:0;
	left: 0;
}

.plan_type_f .box_floor .img_floor {
	/*width:65%;
	max-width:467.5px;*/
	width:65%;
	max-width:467.5px;
}

.plan_type_g .box_floor .txt_floor {
	width: 38%;
    max-width: 314.5px;
	position: absolute;
	top:0;
	left: 0;
}

.plan_type_g .box_floor .img_floor {
	/*width:65%;
	max-width:467.5px;*/
	width: 63%;
    max-width: 467.5px;
}

.plan_type_k .box_floor .txt_floor {
	width: 38%;
    max-width: 314.5px;
	position: absolute;
	top:0;
	left: 0;
}

.plan_type_k .box_floor .img_floor {
	width:60%;
	max-width:468px;
}


/*#plan h3{
	font-size:35px;
	text-align: center;
	letter-spacing: 2px;
}
#plan h4{
	font-size:22px;
	line-height: 37px;
	text-align: center;
	letter-spacing: 2px;
}
#plan .btn-wrap{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	max-width: 1080px;
}
#plan .btn-wrap.ptn1{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	max-width: 806px;
}
#plan .btn-wrap.ptn2{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	max-width: 806px;
}
#plan .btn-wrap li{
	width: 32%;
	margin-right: 1%;
	margin-bottom: 2%;
	float: left;
}
#plan .btn-wrap li:nth-child(3n){
	margin-right: 0;
	margin-bottom: 2%;
}
#plan .btn-wrap.ptn2 li{
	width: 49%;
	margin-right: 2%;
	margin-bottom: 2%;
	float: left;
}
#plan .btn-wrap.ptn2 li:nth-child(2n){
	margin-right: 0;
	margin-bottom: 2%;
}

#plan .btn-wrap.ptn2 .map{
	width: 52%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
#plan .btn-wrap .left-box img,#plan .btn-wrap.ptn2 .map img{
	width: 100%;
}
#plan .btn-wrap .left-box{
	width: 45%;
	float: left;
	position: relative;
}
#plan .btn-wrap .right-box{
	width: 49%;
	float: right;
}
#plan .btn-wrap .right-box li,#plan .btn-wrap .right-box li:nth-child(2){
	width: 100%;
	margin-right: 0%;
	margin-bottom: 7%;
	float: none;
}
.map-btn{
	opacity: 1;
	transition: all 150ms 0s ease;
}
.map-btn.trans_2{
	opacity: 0.6!important;
}
.plan-map-default{
	position: relative;
	z-index: 1;
}
.plan_map {
	display: none;
	position: absolute;
	top:0;
	left:0;
	z-index: 2;
}
.map-link img{
	width: auto!important;
}
.plan_map.on {
	display: block;
}
#map-link-a {
	position: absolute;
	top: 0%;
	width: 29%;
	height: 93%;
	left: 10%;
	z-index: 3;
}

#map-link-b {
	position: absolute;
	top: 0%;
	width: 29%;
	height: 93%;
	left: 40%;
	z-index: 3;
}

#map-link-c {
	position: absolute;
	top: 0%;
	width: 29%;
	height: 93%;
	left: 70%;
	z-index: 3;
}
#map-link-d {
	position: absolute;
	top: 32%;
	width: 31%;
	left: 70%;
	height: 38%;
	z-index: 3;
}
#map-link-e {
	position: absolute;
	top: 32%;
	width: 31%;
	left: 38%;
	height: 67%;
	z-index: 3;
}
#map-link-f {
	position: absolute;
	top: 32%;
	width: 31%;
	left: 7%;
	height: 67%;
	z-index: 3;
}

#map-link-g {
	position: absolute;
	top: 0%;
	width: 46%;
	left: 54%;
	height: 33%;
	z-index: 3;
}

#map-link-h {
	position: absolute;
	top: 0%;
	width: 46%;
	left: 7%;
	height: 33%;
	z-index: 3;
}
#map-link-i {
	position: absolute;
	top: 68%;
	width: 31%;
	left: 70%;
	height: 38%;
	z-index: 3;
}

#plan-box{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding-top: 120px;
	padding-bottom: 10px;
}
#plan-box.ex{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding-top: 120px;
	padding-bottom: 10px;
}
#plan-box .img-1{
	position: absolute;
	left:0;
	top: 0;
	z-index: 1;
	width: 258px;
}
#plan-box .plan-ttl h2{
	width: 180px;
}
#plan-box .plan-ttl p{
	width: 236px;
}
#plan-box .plan-wrap{
	width: 660px;
	position: relative;
	margin-left: 100px;
}
#plan-box.ex .plan-wrap{
	width: 825px;
	position: relative;
	margin-left: 100px;
}
#plan-box .plan-img1{
	width: 60%;
}
#plan-box .plan-img1.ex{
	width: 60%;
}
#plan-box .plan-img1.ex2 img{
	max-width: 120%;
}
#plan-box .plan-img1-2{
	text-align: right;
}
#plan-box .plan-img1-2 img{
	width: 84%;
}
#plan-box .plan-img1-2.ex img{
	width: 77%;
	margin-right: -12%;
}
#plan-box .plan-img1-2.ex2 img{
	width: 90%;
	margin-right: -32%;
}
#plan-box .plan-img1-2.ex3 img{
	width: 90%;
	margin-right: -32%;
}
#plan-box .plan-img1-2.ex4 img{
	width: 100%;
	margin-right: -32%;
}
#plan-box .plan-img2{
	width: 38%;
	padding-top: 520px;
}*/
#plan-box .btn-wrap{
	width: 330px;
	margin-left: auto;
	margin-right: auto;
}
#plan-box .btn-wrap > p{
	width: 148px;
}

/*ランドプラン*/
/*.main-img img{
	width: 100%;
}
#land .wrap{
	font-size: 14px;
	line-height: 27px;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka,Arial, Helvetica, sans-serif;

}
#land .left-box{
	float: left;
	width: 52%;
	margin-right: 2%;
}
#land .right-box{
	width: 44%;
	float: left;
}
#land .left-box-2{
	float: left;
	width: 48%;
}
#land .right-box-2{
	width: 50%;
	float: right;
}
#land .wrap .dot{
	letter-spacing: -8px;
}
#land h3.title{
	background:url(../images/kankyo/line.png) repeat-x left center;
}
#land h3.title{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
#land h3.title span{
	background:#fff;
	padding-right: 12px;
	display: inline-block;
}
#land .wrap h4{
	font-size:30px;
	line-height: 46px;
	letter-spacing: 0.5px;
	font-feature-settings : "palt";
}
#land .wrap p{
	font-feature-settings : "palt";
}
#land .image-list{
	font-size:0;
}
#land .image-list li{
	font-size:13px;
	margin-right: 1%;
	width: 24%;
	display: inline-block;
}
#land .image-list li:last-child{
	margin-right: 0;
}
#land .bottom-bg{
	background: #231815;
}
#land .bottom-box{
	width: 32%;
	float: left;
	margin-right: 2%;
	padding-left: 2.5%;
	min-height: 190px;
	background: url(../images/land/bg.png) no-repeat left top;
}
#land .bottom-box .ttl{
	font-size:25px;
	line-height: 35px;
	color:#a89132;
}
#land .bottom-box p{
	color:#fff;
	line-height: 24px;
}
#land .bottom-box.last{
	margin-right: 0;
}*/
/*デザイン*/
/*#design .wrap{
	font-size: 14px;
	line-height: 27px;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka,Arial, Helvetica, sans-serif;

}
#design .box{
	background: url(../images/design/bg.png) no-repeat right top;
	background-position: right top;
	background-size:350px;
}
#design .left-box{
	float: left;
	width: 49%;
}
#design .right-box{
	width: 50%;
	float: right;
}
#design .left-box-2{
	float: left;
	width: 34%;
	margin-left: 14%;
}
#design .left-box-2.ex{
	float: left;
	width: 49%;
	margin-left: 0%;
}
#design .right-box-2{
	width: 49%;
	float: right;
}
#design .left-box-3{
	float: left;
	width: 70%;
}
#design .right-box-3{
	width: 29%;
	float: right;
}
#design .wrap .dot{
	letter-spacing: -8px;
}
#design h3.title{
	background:url(../images/kankyo/line.png) repeat-x left center;
}
#design h3.title{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
#design h3.title span{
	background:#fff;
	padding-right: 12px;
	display: inline-block;
}
#design .wrap h4{
	font-size:30px;
	line-height: 46px;
	letter-spacing: 0.5px;
	font-feature-settings : "palt";
}
#design .wrap .box-2 h4{
	font-size:26px;
	line-height: 38px;
	letter-spacing: 0.5px;
	font-feature-settings : "palt";
}
#design .wrap p{
	font-feature-settings : "palt";
}
#design .inpage-bg{
	background-size:100%;
	background:#f7f8f8 url(../images/design/bg_2.png) repeat-x center top;
}
#design .inpage-bg h3.title span{
	background:#f7f8f8;
	padding-right: 12px;
	display: inline-block;
}
#design .ttl{
	font-size:41px;
	line-height: 58px;
	color:#a89132;
}
#design .pic-list li{
	width: 100%;
}*/
@media (min-width : 769px){
#nav{
	display: block!important;
}
#headerArea .areaInner #siteLogo {
	/*width: 305px;*/
	margin-top: -10px;
	width:260px;
	float: none;
	/*margin-right: 5px;*/
}
#headerArea .areaInner #tagLine{ transform: scaleX(0.9); transform-origin: 0 0; }
#headerArea .areaInner li{ margin-right: 0; }
#headerArea .areaInner li+li{ margin-left: 10px; }
.contact-box .btn{
	padding-top: 20px;
	max-width: 240px;
}
#top .link-box .btn{
	max-width: 240px;
}

.contact-box .tel{
	max-width: 325px;
}

#top .main-img .txt_sub span:last-child{
	text-align: right;
	margin-right: -20px;
}
.plan_type_k .box_floor .img_floor.typeb{
	width: 64%;
    max-width: 468px;
}
.plan_type_k .box_floor .img_floor.typed{
	width: 65%;
    max-width: 468px;
}
.plan_type_k .box_floor .img_floor.typeh{
	width: 63%;
    max-width: 468px;
}
.plan_type_k .box_floor .img_floor.typem{
	width: 57.5%;
    max-width: 468px;
}
.plan_type_k .box_floor .img_floor.typen{
	width: 65%;
	margin-right: -7%;
    max-width: 468px;
}
/*#koutsu .car-box{
	margin-top: -50px;
}
#plan-box .plan-wrap .plan-ttl{
	position: absolute;
	top:0;
	left:0;
}
.plan-a img{
	width: 390px!important;
	max-width: none;
	padding-right: 5%;
}
.plan-b img{
	width: 384px!important;
	max-width: none;
	padding-right: 5%;
}
.plan-c img{
	width: 569px!important;
	max-width: none;
	margin-right: -24%!important;
	padding-right: 5%;
}
.plan-d img{
	width: 460px!important;
	max-width: none;
	padding-right: 5%;
}
.plan-e img{
	width: 605px!important;
	max-width: none;
	margin-right: -30%!important;
	padding-right: 5%;
}
.plan-f img{
	width: 632px!important;
	max-width: none;
	margin-right: -38%!important;
	padding-right: 5%;
}
.plan-g img{
	width: 606px!important;
	max-width: none;
	margin-right: -16%!important;
	padding-right: 5%;
}
.plan-h img{
	width: 911px!important;
	max-width: none;
	margin-right: -42%!important;
	padding-right: 5%;
}
.plan-i img{
	width: 455px!important;
	max-width: none;
	margin-right: -11%!important;
	padding-right: 5%;
}
/*#koutsu .kome{
	display: inline-block;
}
#koutsu sup{
	font-size:12px;
	vertical-align:super!important;
	display: block;
	position: absolute;
	right:3%;
	top:0;
}
#koutsu .ring{
	letter-spacing: -6px;
}*/
.plan_type_k .box_floor .img_floor{

}
#plan #box_bnr_mansion li:nth-child(3n) {
	margin-right: 0;
	/*margin-left: auto;
	margin-right: auto;*/
}
}
@media (max-width: 1000px) and (min-width : 769px){
#top .link-box h2 {
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 3px;
    margin-right: 10px;
}
/*#kankyo-2 .location-wrap h4 {
    font-size: 24px;
    line-height: 30px;
}
#kankyo-1 .caption{
	font-size:12px;
	line-height: 16px;
}
#kankyo-2 .caption{
	font-size:12px;
	line-height: 16px;
}
#kankyo-2 .caption-2{
	font-size:9px;
	text-align: right;
}*/
#top .link-box p{
	font-size:11px;
	line-height: 14px;
}
/*#design .wrap .box-2 h4{
	font-size:20px;
	line-height: 30px;
	letter-spacing: 0.5px;
	font-feature-settings : "palt";
}*/
}
@media (max-width: 1200px) and (min-width : 769px){

/*#kankyo-1 .txt h4 {
    font-size: 26px;
    line-height: 38px;
}*/

}
/**/


@media screen and (max-width: 768px) {
/*共通フッター補正-*/
	#footerNavArea * {
		box-sizing: content-box;
	}

/*-----*/


.wrap{
	max-width: 1100px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
#sp_menu_btn{
	width: 100%;
	background: #A89132;
	padding:1.5% 1.5%;
}
#header-content{ position: relative; border-bottom: 1px solid #e0e0e0; z-index: 5000; background-color: #ffffff; width: 100%; }
#header-content.fixed-navi{ position: fixed; top: 0; }
#header-content .logo{ padding: 21px 160px 21px 10px; float: left; min-height: 21px; width: auto; max-width: 380px; display: table; }
#header-content .logo > a{ display: table-cell; vertical-align: middle; }
#header-content .logo img{ width: 100%; height: auto; }
#header-content .name{ display: none; }
#header-content .primary-navi{ position: absolute; right: 60px; overflow: hidden; width: 90px; }
#header-content .primary-navi > *{ display: none; float: left; }
#header-content .primary-navi > .navi01{ display: block; width: 45px; height: 60px; background:url(../images/common/primary_navi/sp/navi01.png) center 0 no-repeat; }
#header-content .primary-navi > .navi02{ display: block; width: 45px; height: 60px; background:url(../images/common/primary_navi/sp/navi02.png) center 0 no-repeat; }
#header-content .primary-navi a{ display: block; width: 100%; height: 100%; }




/*グローバルナビのcss*/
/*-------------------------------------------------------*/
#header-content .global-navi-menu{ width: 60px; height: 60px; background:url(../images/common/icon_menu.png) 0 0 no-repeat; position: absolute; right: 0; cursor: pointer; z-index: 1000; }
#header-content .global-navi-menu.status-open{ background-position: 0 bottom; }
.sp-nav{
	/*position:absolute;
	top:0%;
	left:0%;
	bottom:0;*/
	clear: both;
	width:100%;
	margin-bottom:0px;
	display:none;
	z-index:9999;
	/*height: 100%;*/
}
.wrap.note-wrap{
	width: 90%;
}
.nav-wrap{
	background:#004661;
	/*margin-bottom: 3%;*/
}
.nav-wrap ul{
	max-width: 1100px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	border-top:1px solid #fff;
}
.nav-wrap li{
	margin: 0;
	padding: 0px;
	width: 50%;
	float: left;
	text-align: center;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	height: 40px;
}
	.nav-wrap li:last-child{
		width: 100%;
		border-right: none;
	}
.nav-wrap li span.new{
	width:47px;
	height: 17px;
	top:0;
	left:0;
	margin-left: 0;
	/*top:0;
	font-size:9px;
	line-height: 9px;
	padding:2px 8px;*/
}
.nav-wrap li:nth-child(2n){
	border-right: none;
}
.nav-wrap li:first-child a{
	border-left:none;
}
.nav-wrap li a{
	border-left:none;
	border-right:none;
	display: block;
	display: -ms-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	/*padding-top: 18px;*/
	/*padding-bottom: 6px;*/
	width: 100%;
	height: 100%;
	vertical-align: middle;
	background: url(../images/common/nav_arrow.png) no-repeat 95% center;
	background-size:8px;
	text-decoration: none;
	line-height: 1.3;
	height: 40px;
}

.nav-wrap li a.txt_2l {
		font-size:11px;
	 	line-height: 1em;
		padding-top:14px;
		padding-bottom: 14px;
	}
/*.nav-wrap li:nth-child(9) a,.nav-wrap li:nth-child(10) a{
	padding-top: 7px;
	padding-bottom: 17px;
}*/
/*.nav-wrap li:last-child{
	border-right:none;
	width: 100%;
}
.nav-wrap li:last-child img{
	width: 30%;
}*/
.nav-wrap li:last-child a{
	background: url(../images/common/nav_arrow.png) no-repeat 97.5% center;
	background-size:8px;
}
	.nav-wrap li:last-child{
		border-bottom: none;
	}
/*.nav-wrap li:last-child a{
	padding-top: 2.5%;
	padding-bottom: 2.5%;
}
.nav-wrap li:last-child{
	width: 100%;
	border-right: none;
}
.nav-wrap li:last-child img{
	width: 35%;
	margin-left: auto;
	margin-right: auto;
}*/
.nav-wrap li img{
	max-width: 140px!important;
	width: 70%;
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
}
/*.nav-wrap li:last-child a{
	border-top:1px solid #fff;
}*/
.nav-wrap li.current,.nav-wrap li:hover{
	background: none;
	background-size:100%;
}
.pan li{
	float: left;
	font-size:10px;
	background:url(../images/common/pan.png) no-repeat right center;
	padding-right: 16px;
	margin-left: 8px;
}
.pan li:first-child{
	margin-left: 0;
}
.pan li:last-child{
	padding-right: 0;
	margin-right: 0;
	background:none;
}
.ad{
	margin-top:0;
	font-size:11px;
	line-height: 16px;
	text-align: left;
}
.ad p.text{
	padding-top: 1px;
}
.ad span{
	 border: 1px solid #727171;
    font-size: 14px;
	line-height: 18px;
    margin-right: 0px;
	margin-bottom: 1%;
    padding:1% 2%;
    text-align: center;
    width:100%;
}
.top .main-img img{
	width: 100%;
}
#main p.img-tex{
	font-size:11px!important;
	position: absolute;
	bottom:-20px;
	right:5px;
	color:#231815;
}
#main p.img-tex-1{
	font-size:11px!important;
	position: absolute;
	bottom:2%;
	right:2%;
	color:#fff;
}
#main p.img-tex-2{
	font-size:10px!important;
	position: absolute;
	bottom:2%;
	right:52%;
	color:#fff;
}
#main p.notes{
	font-size:10px!important;
	line-height: 18px!important;
}
.indent{
	text-indent: -0.2rem;
}
/*TOPページ*/

	#top dl.ttl_01 dd.ttl_01_01,
	#top dl.ttl_01 dd.ttl_01_02 {
		float: none;
		width:90%;
		max-width:90%;
		margin-left: auto;
		margin-right: auto;
	}

	#top .ttl_01_sub-txt {
		width:90%;
		font-size:10px;
		margin-left: auto;
		margin-right: auto;
	}


	/*周辺情報*/

	#top .nearby-info li {
		float: none;
		width:100%;
		border-left: none;
		padding-left: 0;
		padding-right: 0;
	}

	#top .nearby-info li:nth-child(2n) {
		border-right: none;
	}


	#top .nearby-info li .box_line,
	#top .nearby-info li:nth-child(2n) .box_line{
		width:100%;
		margin-left: auto;
		margin-right: auto;
		border-left: none;
		border-right: none;
		border-bottom: solid 1px #ffffff;
		padding-left: 0;
		padding-right:0;
		padding-top: 4%;
		padding-bottom:4%;
	}
	#top .nearby-info li#bnr_nearby_2 .box_line{
		padding-bottom: 7%;
	}
	#top .nearby-info li#bnr_nearby_4 .box_line{
		/*border-bottom: none;*/
		padding-bottom: 7%;
	}

	#top .nearby-info .box_line img{
		width:100%;
		margin-left: auto;
		margin-right: auto;
	}


#top .info__title {
    font-family: "Cinzel", serif;
    font-size: 16px;
    letter-spacing: 0.1em;
    color: #005474;
    margin-bottom: 5px;
}
#top .info__text {
    font-size: 20px;
    letter-spacing: 0.2em;
	margin-bottom: 20px;
}
#top .info__text strong {
    font-size: 20px;
}


#top .link-box{
	width: 90%;
	font-size:13px;
	line-height: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#top .link-box h2{
	font-size:24px;
	line-height: 36px;
	letter-spacing: 3px;
	margin-right: 0px;
	margin-bottom: 2%;
	text-align: center;
}
#top .info-box{
	border-top:2px solid #898989;
}
#top .info-box dt {
    float: left;
    margin-right: 10px;
    width: 30%;
	font-size:0.9rem;
}
#top .info-box dd {
    float: left;
    width: 65%;
	font-size:0.9rem;
}
#top .link-wrap h2{
	text-align: center;
	padding-top: 5%;
	padding-bottom: 5%;
	padding-left: 5%;
	padding-right: 5%;
	background:url(../images/top/bg_ex.png) repeat left center;
}

#top .link-wrap h3{
	font-size:16px;
	line-height: 26px;
	text-align: center;
	padding-left: 5%;
	padding-right :5%;
	letter-spacing: 1px;
	width: 100%;
}
#top .link-btn{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	text-align: center!important;
}
.foot-nav-wrap{
	background:#F7F8F8;
	border-bottom:1px solid #949495;
	border-top:1px solid #949495;
	padding-bottom: 2%;
}
.foot-nav-wrap ul{
	padding-top: 0px;
	width: 100%;
	text-align: center;

}
.foot-nav-wrap li:first-child{
	border-left: 1px solid #42515B;
}
.foot-nav-wrap li{
    display: inline-block;
    padding: 0 15px;
	width: auto;
    border: solid #42515B;
    border-width: 0 1px;
    margin-top: 10px;
	float: none;
}
.foot-nav-wrap li > a {
    color: #42515B;
    font-size: 12px;
    line-height: 16px;
    text-decoration: none;
}
.foot-nav-wrap li span.new{
	top:0;
	font-size:10px;
}
/*.foot-nav-wrap li:nth-child(2n){
	border-right:none;
}*/
.foot-nav-wrap li:last-child a {
    border-right: none;
	border-bottom:none;
}
.foot-nav-wrap li:last-child {
	/*border-bottom:none;*/
}
/*.foot-nav-wrap li:last-child a{
	padding-top: 2.5%;
	padding-bottom: 2.5%;
}
.foot-nav-wrap li:last-child{
	width: 100%;
	border-right: none;
}
.foot-nav-wrap li:last-child img{
	width: 35%;
	margin-left: auto;
	margin-right: auto;
}*/
.foot-nav-wrap li img{
	opacity: 0.7;
}
.foot-nav-wrap li a{
	border-left:none;
	border-right: none;
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 2%;
	padding-bottom: 2%;
}
/*.foot-nav-wrap li:last-child a{
	border-right:1px solid #949495;
}*/
.foot-nav-wrap li.current img,.foot-nav-wrap li:hover img{
	opacity: 1;
}
.foot-nav-wrap li img{
	max-width: 150px!important;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.contact-box{
	width: 100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.contact-box .btn{
	padding-top: 6%;
	padding-bottom: 4%;
	width: 71%;
	margin-left: auto;
	margin-right: auto;
}
#top .top-btn{
	width: 71%;
	margin-left: auto;
	margin-right: auto;
}
.contact-box .tel{
	padding-bottom: 4%;
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}
.in-page .main-title{
	background:#040000!important;
	padding-top: 14px!important;
	padding-bottom: 14px!important;
	text-align: center;
}
.inpage-bg{
	background:url(../images/common/top_bg.png) repeat-x left top;
}

.bnr-info-pc{
		display: none;
}
.bnr-info-sp{
		display: block;
}

/*現地案内図*/
.map-img{
	width: 96%;
	max-width: 940px;
	margin-left: auto;
	margin-right: auto;
}
#map h3{
	font-size:24px;
	text-align: center;
}
#map h4{
	font-size:16px;
	line-height: 24px;
	text-align: center;
}
#map .left-img{
	width: 100%;
	float:none;
}
#map .right-img{
	width: 100%;
	float:none;
}
#map .txt-img{
	width: 90%;
}
.print-btn{
	width: 145px;
	margin-left: auto;
	margin-right: auto;
}
/*ロケーション*/
#kankyo .sub_nav{
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}
#kankyo .sub_nav li:nth-child(odd){
	float:none;
	height:auto;
	width:100%;
	z-index:99999;
	background-size:contain;
	padding-top: 14.7%;
}
#kankyo .sub_nav li:nth-child(even),#kankyo .sub_nav li.right{
	float:none;
	height:35px;
	width:100%;
	z-index:99999;
	background-size:contain;
	padding-top: 14.7%;
}
#kankyo .sub_nav li a{
    display:block;
    width:100%;
	height: 100%;
}
#kankyo .sub_nav li:hover{
	cursor:pointer;
}
#kankyo .sub_nav li.list_01,#kankyo .sub_nav li.list_01a{
	background-image:url(../images/kankyo/tab_1.png);
	background-repeat:no-repeat;
}
#kankyo .sub_nav li.list_01.select{
	background-image:url(../images/kankyo/tab_1_on.png);
}
#kankyo .sub_nav li.list_01a.select{
	background-image:url(../images/kankyo/tab_1_on.png);}

#kankyo .sub_nav li.list_02,#kankyo .sub_nav li.list_02a{
	background-image:url(../images/kankyo/tab_2.png);
	background-repeat:no-repeat;
}
#kankyo .sub_nav li.list_02.select{
	background-image:url(../images/kankyo/tab_2_on.png);
}
#kankyo .sub_nav li.list_02a.select{
	background-image:url(../images/kankyo/tab_2_on.png);
}

xnoneTab {

 position: relative;


 }

.xnoneTab .tabarea{

 clear: both;

 width: 0%;

 height:0%;

 position: absolute;
 display:none;



 z-index:999;

 }

.xnoneTab .tabarea.active{

 display:block;
width: 100%;

 height:100%;
  position:relative;

 }
#kankyo-1 .head-box{
	background:url(../images/kankyo/part_1/bg_sp.jpg) no-repeat center top;
	background-size:cover;
	padding:8% 5% 7%;
	text-align: center;
	color:#fff;
	font-size:13px;
	line-height: 27px;
}
#kankyo .head-box h2{
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}
#kankyo .head-box h3{
	font-size:20px;
	line-height: 36px;
	text-align: center;
}
#kankyo-1 h3{
	font-size:20px;
	line-height: 36px;
}
#kankyo .wrap{
	max-width: 1180px;
	width: 96%;
	margin-left: auto;
	margin-right: auto;
	font-size:13px;
	line-height: 20px;
}
#kankyo h3.title{
	background:url(../images/kankyo/line.png) repeat-x left center;
}
#kankyo-1 h3.title{
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}
#kankyo-2 h3.title{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
#kankyo h3.title span{
	background:#fff;
	padding-right: 12px;
	display: inline-block;
}
#kankyo-1 .left-box{
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}
#kankyo-1 .right-box{
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}
#kankyo-1 .left-box.txt{
	padding-left: 0%;
	padding-right: 0%;
}
#kankyo-1 .right-box.txt{
	padding-left: 0%;
	padding-top: 0%;
}
#kankyo-1 .txt h4{
	font-size:20px;
	line-height: 32px;
}
#kankyo-1 p.caption{
	font-size:11px!important;
	line-height: 16px;
}
#kankyo-1 .pic-list li{
	float: left;
	width: 50%;
	vertical-align: top;
}
#kankyo-2 .head-box{
	background:url(../images/kankyo/part_2/bg.jpg) no-repeat center top;
	background-size:cover;
	padding:8% 5% 7%;
	color:#fff;
	font-size:13px;
	line-height: 27px;
}
#kankyo-2 .location-wrap{
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}
#kankyo-2 .location-wrap h4{
	font-size:20px;
	line-height: 32px;
}
#kankyo-2 p.caption{
	font-size:11px!important;
	line-height: 16px;
}
#kankyo-2 .caption-2{
	font-size:10px;
	text-align: right;
}
#kankyo-2 .col2,#kankyo-2 .col2-ex,#kankyo-2 .col4{
	font-size:0;
}
#kankyo-2 .col2 li{
	width: 100%;
	margin-right: 0%;
	display: inline-block;
	margin-bottom: 5%;
	font-size:12px;
	line-height: 16px;
}
#kankyo-2 .col2 li:last-child{
	width: 100%;
	margin-right: 0%;
	margin-bottom: 5%;
}
#kankyo-2 .col2-ex li{
	width: 49.4%;
	margin-right: 1.2%;
	display: inline-block;
	margin-bottom: 5%;
	font-size:12px;
	line-height: 16px;
}
#kankyo-2 .col2-ex li:last-child{
	width: 49.4%;
	margin-right: 0%;
}
#kankyo-2 .col4 li{
	width: 49.4%;
	margin-right: 1.2%;
	display: inline-block;
	margin-bottom: 5%;
	font-size:12px;
	line-height: 16px;
}
#kankyo-2 .col4 li:last-child,#kankyo-2 .col4 li:nth-child(2n){
	width: 49.4%;
	margin-right: 0%;
}
#kankyo-2 .half-box{
	width: 100%;
}
#kankyo-2 .map-wrap{
	margin-top: 15%;
}
#kankyo-2 .map-wrap h3{
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 3%;
	text-align: center;
	border-bottom:1px solid #9FA0A0;
}
#kankyo-2 .life-info{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
#kankyo-2 .life-info > p{
	width: 100%;
}
/*供給実績*/
/*#kyokyu .wrap{
	max-width: 96%;
	margin-left: auto;
	margin-right: auto;
	font-size:12px;
	line-height: 20px;
}
#kyokyu .wrap .left-box{
	width: 100%;
	float:left;
}
#kyokyu .wrap .left-box h2{
	font-size: 18px;
	line-height: 30px;
}
#kyokyu .wrap .left-box li{
	width: 32%;
	margin-right: 1%;
	font-size:10px;
	line-height: 11px;
	float: left;
}
#kyokyu .wrap .left-box li span{
	font-size:8px;
}
#kyokyu .wrap .left-box li:last-child{
	width: 32%;
	margin-right: 0%;
}
#kyokyu .wrap .right-box{
	width: 100%;
	float: right;
}
#kyokyu .wrap h3{
	font-size:20px;
	line-height: 30px;
}
#kyokyu .point li:nth-child(odd){
	width: 49%;
	margin-right: 0%;
	margin-bottom: 2%;
	float: left;
}
#kyokyu .point li:nth-child(even){
	width: 49%;
	margin-right: 0%;
	margin-bottom: 2%;
	float: right;
}
#kyokyu .point li:last-child{
	width: 49%;
	margin-right: 0%;
}*/

/*コンセプト*/
/*#concept .box{
	padding:20% 0 5%;
}
#concept .img-1{
	position: absolute;
	left:0;
	top: 0;
	z-index: 1;
	width: 50%;
}
#concept .img-2{
	position: absolute;
	right:0;
	top: 0;
	width: 60%;
	z-index: 2;
}
#concept .cont{
	position: relative;
	z-index: 3;
	font-size:14px;
	line-height: 28px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
#concept .cont h2{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
#concept .cont h3{
	width: 84%;
	margin-left: auto;
	margin-right: auto;
}
#concept .cont-box{
	padding-left: 0;
	width: 100%;
}
#concept .cont-box .tex{
	width: 100%;
	line-height: 28px;
}
#concept .cont-box .img{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	float: none;
}*/
/*アクセス*/
/*#koutsu .left-box{
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}
#koutsu .right-box{
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}
#koutsu .left-box-2{
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}
#koutsu .right-box-2{
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}

#koutsu h3.title{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
#koutsu h3.title span{
	background:#fff;
	padding-right: 12px;
	display: inline-block;
}
#koutsu h3.main-copy{
	font-size:24px;
	text-align: center;
	letter-spacing: 1px;
}
#koutsu h3.main-copy span{
	font-size:28px;
}
#koutsu sup{
	font-size:8px!important;
	vertical-align:super!important;
}
#koutsu .time-box ul{
	width: 100%;
	float: none;
}
#koutsu .time-box li{
	position: relative;
}
#koutsu .time-box li .caption{
	font-size:12px!important;
	color:#fff;
	bottom:2px;
}
#koutsu .time-box .left li .caption{
	left:5px;
}
#koutsu .time-box .right li .caption{
	right:5px;
}
#koutsu .time-box .right li:nth-child(2),#koutsu .time-box .right li:nth-child(3){
	width: 50%;
	float: left;
}

#koutsu .access-wrap h4{
	font-size:20px;
	line-height: 32px;
}
#koutsu .wrap .dot {
    letter-spacing: 0px;
}
#koutsu .spot-list ul{
	width: 100%;
	float: none;
	margin-right: 0%;
}
#koutsu .spot-list ul:last-child{
	margin-right: 0;
}
#koutsu .spot-list li{
	font-size:0;
	margin-bottom: 2%;
}
#koutsu .spot-list li > div{
	width: 50%;
	display: inline-block;
	vertical-align: top;
	position: relative;
}
#koutsu .spot-list li .caption{
	font-size:12px!important;
	color:#fff;
	position: absolute;
	text-shadow:
    #333333 1px 1px 5px, #333333 -1px 1px 5px,
    #333333 1px -1px 5px, #333333 -1px -1px 5px;
	bottom:2px;
	left:5px;
	font-weight: 600;
}
#koutsu .caption-2{
	font-size:12px;
}
#koutsu .car-box .tex{
	width: 100%;
	float: none;
}
#koutsu .car-box .pic{
	width: 100%;
	float: none;
}*/
/*プラン*/
#plan .main-img .ttl_01_txt {
	text-align: left;
}
#plan .main-img .ttl_01_txt {
    font-size: 20px !important;
    text-align: center;
}
#plan #box_area_mansion .area_mantion_txt_sub {
    padding-right: 20.875%;
    margin-top: -3%;
    margin-bottom: 6%;
}
#plan h3{
	font-size:24px;
	text-align: center;
}
#plan h4{
	font-size:16px;
	line-height: 24px;
	text-align: center;
}

#plan .btn-wrap{
	width: 90%;
}
#plan .btn-wrap p{
	width: 100%;
}
#plan .btn-wrap.ptn2 li{
	width: 100%;
	margin-right: 0%;
	margin-bottom: 5%;
	float: none;
}
#plan .btn-wrap.ptn2 li:nth-child(2n){
	width: 100%;
	margin-right: 0%;
	margin-bottom: 5%;
	float: none;
}

#plan .btn-wrap.ptn2 .map{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
#plan .btn-wrap .left-box img,#plan .btn-wrap.ptn2 .map img{
	width: 100%;
}
#plan .btn-wrap.ptn1,#plan .btn-wrap.ptn2{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
#plan .btn-wrap .left-box{
	width: 100%;
	float: none;
	position: relative;
	margin-bottom: 8%;
}
#plan .btn-wrap .right-box{
	width: 100%;
	float: none;
}
#plan .btn-wrap .right-box li{
	width: 100%;
	margin-right: 0%;
	margin-bottom: 5%;
	float: none;
}
#plan .btn-wrap .right-box li:nth-child(2n){
	width: 100%;
	margin-right: 0%;
	margin-bottom: 5%;
	float: none;
}

/*SP maplink none*/
#plan map#bg_plan_k_front {
	display: none;
}

#plan map#bg_plan_k_back {
	display: none;
}



/*各プランページ*/
#plan-box {
	width:100%;
}

#plan-box .box_floor .txt_sub {
	position: relative;
	bottom:0;
	left: 0;
}

#plan-box .box_floor .txt_sub .txt_s {
	font-size: 80%;
}

#plan-box .btn-wrap > p {
	margin-left: auto;
	margin-right: auto;
}


.plan_type_f .box_floor .txt_floor,
.plan_type_g .box_floor .txt_floor,
.plan_type_k .box_floor .txt_floor {
	position: relative;
	width:80%;
	margin-left: auto;
	margin-right: auto;
}

.plan_type_f .box_floor .img_floor,
.plan_type_g .box_floor .img_floor,
.plan_type_k .box_floor .img_floor {
	position: relative;
	width:90%;
	margin-left: auto;
	margin-right: auto;
}

#room .model_box .mainslide{
	width: 90%;
}
#room .model_box #bx-pager a:nth-child(odd){
	width:48%;
	height:auto;
	display: inline-block;
	float:none;
	padding-top: 29%;
	margin-right:4%;
	margin-top:0;
	margin-bottom:3%;
	margin-left: 0;
	box-sizing:border-box;
	background-size:100%;
	position: relative;
}
#room .model_box #bx-pager a:nth-child(even){
	width:48%;
	display: inline-block;
	height:auto;
	float:none;
	padding-top: 29%;
	margin-right:0;
	margin-top:0;
	margin-bottom:3%;
	margin-left:0%;
	box-sizing:border-box;
	background-size:100%;
	position: relative;
}

#room .model_box #bx-pager a .img{
	position: absolute;
	top:0;
	left:0;
	z-index: 1;
}
#room .model_box #bx-pager a .bg-bg{
	position: absolute;
	top:0;
	left:0;
	z-index: 2;
	transition-duration:1.5s;
	transition-timing-function:ease-in-out;
	transition-delay:0.5s;
	opacity: 1;
}
#room .model_box #bx-pager a.active .bg-bg,#room .model_box #bx-pager a:hover .bg-bg{
	opacity: 0;
}

#room .model_box .mainslide.ex .notes{
	padding-left: 5%;
}
#room .model_box .mainslide.ex .tar .notes{
	padding-right: 5%;
}

#room .model_box #bx-pager {
	text-align: left;
}
/*#plan-box,#plan-box.ex{
	width: 100%;
	padding-top: 12%;
	padding-bottom: 3%;
}*/
/*#plan .notes-tex{
	font-size:0.8rem!important;
	line-height: 1.1rem!important;
}*/
/*#plan-box .img-1{
	width: 50%;
}
#plan-box .plan-ttl{
	text-align: center;
}
#plan-box .plan-ttl h2{
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}
#plan-box .plan-ttl p{
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}
#plan-box .plan-wrap,#plan-box.ex .plan-wrap{
	width: 80%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
#plan-box .plan-img1.ex2 img{
	max-width: 100%;
}
#plan-box .plan-img1{
	width: 100%;
	margin-top: 5%;
	text-align: center;
}
#plan-box .plan-img2{
	width: 100%;
	padding-top: 0;
}
#plan-box .plan-img1-2{
	width: 100%;
	margin-top: 5%;
	text-align: center;
	margin-bottom: 3%;
}
#plan-box .plan-img1-2 img{
	width: 100%;
}
#plan-box .plan-img1-2.ex img{
	width: 100%;
	margin-right: auto;
}
#plan-box .plan-img1-2.ex2 img{
	width: 100%;
	margin-right: auto;
}
#plan-box .plan-img1-2.ex3 img{
	width: 100%;
	margin-right: auto;
}
#plan-box .plan-img1-2.ex4 img{
	width: 100%;
	margin-right: auto;
}
#plan-box .plan-img2-2{
	width: 100%;
	padding-top: 0;
}
#plan-box .btn-wrap{
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}
#plan-box .btn-wrap > p{
	width: 100%;
}*/
	/*
#plan .btn-wrap li{
	width: 100%;
	margin-right: 0%;
	margin-bottom: 2%;
	float: left;
}
#plan .btn-wrap li:nth-child(3n){
	margin-right: 0;
	margin-bottom: 2%;
}
/*ランドプラン*/
/*#land .left-box{
	float: none;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5%;
}
#land .right-box{
	float: none;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}
#land .left-box-2{
	float: none;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5%;
}
#land .right-box-2{
	float: none;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}
#land h3.title{
	background:url(../images/kankyo/line.png) repeat-x left center;
}
#land h3.title{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
#land h3.title span{
	background:#fff;
	padding-right: 12px;
	display: inline-block;
}
#land .wrap h4{
	font-size:20px;
	line-height: 32px;
}

#land .image-list{
	font-size:0;
}
#land .image-list li:nth-child(odd){
	font-size:13px;
	margin-right: 4%;
	margin-bottom: 2%;
	width: 48%;
	display: inline-block;
}
#land .image-list li:nth-child(even){
	font-size:13px;
	margin-right: 0%;
	width: 48%;
	display: inline-block;
}
#land .bottom-bg{
	background: #231815;
}
#land .bottom-box{
	width: 100%;
	float: none;
	margin-right: 0%;
	padding-left: 5%;
	margin-bottom: 5%;
	background-size:1%;
	min-height: 150px;
	background: url(../images/land/bg.png) no-repeat left top;
}
#land .bottom-box .ttl{
	font-size:18px;
	line-height: 26px;
	color:#a89132;
}
#land .bottom-box p{
	color:#fff;
	line-height: 24px;
}
#land .bottom-box.last{
	margin-right: 0;
	margin-bottom: 0;
}*/
/*デザイン*/
/*#design .box{
	background: url(../images/design/bg.png) no-repeat right top;
	background-position: right top;
	background-size:30%;
}
#design .head-box{
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}
#design .left-box{
	float: none;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5%;
}
#design .right-box{
	float: none;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}
#design .left-box-2{
	float: none;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5%;
}
#design .left-box-2.ex{
	float: none;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5%;
}
#design .right-box-2{
	float: none;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}
#design .left-box-3{
	float: none;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5%;
}
#design .right-box-3{
	float: none;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}
#design h3.title{
	background:url(../images/kankyo/line.png) repeat-x left center;
}
#design h3.title{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
#design h3.title span{
	background:#fff;
	padding-right: 12px;
	display: inline-block;
}
#design .wrap h4{
	font-size:20px;
	line-height: 32px;
}
#design .wrap .box-2 h4{
	font-size:20px;
	line-height: 32px;
}
#design .in-page{
	background-size:cover;
	background:#f7f8f8 url(../images/design/bg_2.png) no-repeat center top;
}
#design .ttl{
	font-size:36px;
	line-height: 48px;
	color:#a89132;
	font-weight: bold;
}
#design .pic-list li{
	width: 100%;
}*/
}


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

}

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

}
/* ▼add_181210 TOP物件リンク */
.bukkenLink {
	padding: 50px 0;
	background-color: #f5f5f5;
}
.bukkenLink ul {
	margin: auto;
	width: 448px;
}
.bukkenLink .md {
	text-align: center;
	font-size: 32px;
	font-weight: bold;
	padding: 20px auto;
	margin: 20px auto;
}
.bukkenLink ul li a {
	text-decoration: none;
}
.bukkenLink ul li a div {
	padding: 32px;
	background-color: #FFF;
}
.bukkenLink div {
    font-family: "游明朝","Yu Mincho",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HGS明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	color: #333;
}
.bukkenLink ul li a div p {
    font-family: "游明朝","Yu Mincho",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HGS明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	color: #333;
}
.bukkenLink ul li a div p.add {
    letter-spacing: 0.05em;
	font-size: 117%;
}
.bukkenLink ul li a div p.bukkenName {
	margin-bottom: 22px !important;
    font-size: 28px !important;
    line-height: 1.4;
}
.bukkenLink ul li a div p.comment {
	font-size: 136% !important;
}
/* ▲add_181210 TOP物件リンク */


/* ▼add_20201209 共通スタイル */
#main .page-ttl{ text-align: center; font-size: 30px; line-height: 1.5; font-family: "游明朝","Yu Mincho",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HGS明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; color: #333; padding: 50px 5%; color: #004661; }
#main .page-ttl-body{ background-color: #f4f7f8; position: relative; z-index: 500; }
#main .page-ttl-body .page-link{ float: none; overflow: hidden; margin: 0; padding-bottom: 40px; text-align: center; }
#main .page-ttl-body .page-link ul{ display: inline-block; }
#main .page-ttl-body .page-link ul a{ font-size: 16px; }
#main .page-ttl-body~.wrap{ border-top: 1px solid transparent; }
#main .page-ttl-body~.wrap .in-contents{ padding-top: 50px; }
@media (max-width : 768px){
	#main .page-ttl{ font-size: 24px; padding: 10% 5%; }
	#main .page-ttl-body .page-link{ padding-bottom: 5%; display: block; }
	#main .page-ttl-body .page-link ul li+li{ margin-top: 10px; }
	#main .page-ttl-body .page-link ul a{ font-size: 14px; }
	#main .page-ttl-body~.wrap .in-contents{ padding-top: 10%; }
}
/* ▲add_20201209 共通スタイル */


/* ▼add_20201216 TOPスタイル */
#main .home_saitouroku{ background-color: #1c3849; margin-top: 50px; }
#main .home_saitouroku .saitouroku-header{ background-color: #ffffff; }
#main .home_saitouroku .saitouroku-header a{ transition: opacity 0.25s; }
#main .home_saitouroku .saitouroku-header a:hover{ opacity: 0.7; }
#main .home_saitouroku img{ max-width: 100%; height: auto; }
#main .home_saitouroku .sp{ display: none; }
#main .home_saitouroku .about{ padding: 2.61%; }
#main .home_saitouroku .about .split-view{ display: -ms-flex; display: flex; justify-content: space-between; }
#main .home_saitouroku .about .split-view .item{ width: 48.77%; text-align: center; background-color: #ffffff; }
#main .home_saitouroku .about .split-view .item a{ transition: opacity 0.25s; }
#main .home_saitouroku .about .split-view .item a:hover{ opacity: 0.7; }
#main .home_saitouroku .about .caption{ font-size: 12px!important; line-height: 1.8; color: #ffffff; margin-top: 10px; }
#main .home_bnr_split{ margin-top: 30px; display: -ms-flex; display: flex; justify-content: space-between; }
#main .home_bnr_split .sp{ display: none; }
#main .home_bnr_split .bnr{ width: 49%; }
#main .home_bnr_split .bnr a{ transition: opacity 0.25s; }
#main .home_bnr_split .bnr a:hover{ opacity: 0.7; }
#main .home_bnr_split .caption{ font-size: 12px!important; line-height: 1.8; color: #666666; margin-top: 5px; }
@media (max-width : 768px){
	#main .home_saitouroku{ margin-top: 10%; }
}
@media (max-width : 480px){
	#main .home_saitouroku .pc{ display: none; }
	#main .home_saitouroku .sp{ display: block; }
	#main .home_saitouroku img.sp{ display: inline-block; }
	#main .home_saitouroku .about .split-view{ display: block; }
	#main .home_saitouroku .about .split-view .item{ width: 100%; }
	#main .home_saitouroku .about .split-view .item+.item{ margin-top: 5%; }
	#main .home_bnr_split{ display: block; }
	#main .home_bnr_split .pc{ display: none; }
	#main .home_bnr_split .sp{ display: block; }
	#main .home_bnr_split .bnr{ width: 100%; }
	#main .home_bnr_split .bnr+.bnr{ margin-top: 5%; }
}
/* ▲add_20201216 TOPスタイル */

.info_txt { font-size: 16px!important; line-height:1,6;}