@charset "utf-8";

	#gHeader {
		border-bottom: none;
	}

	#gHeader:after {
		display: none;
	}

@media only screen and (max-width: 767px) {
	#container {
	}
}

	#gNav {
		box-shadow: 0 -5px 5px -5px #999;
	}

/*	#containerInner {
		padding-top: 64px;
	}*/
@media only screen and (max-width: 767px) {
	#containerInner {
		padding-top: 0;
	}
}
	#containerInner {
		height: auto;
	}
	#containerInner #gNav {
		position: static;
/*		top: 62px;*/
	}
	#containerInner.fixed #gNav {
		position: fixed;
		top: 62px;

		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
@media only screen and (max-width: 767px) {
/*
	#gHeader {
    background: rgba(227, 223, 215, 1);
		border-bottom: solid 1px #c5bba7;
	}
	#gHeader:after {
		background: #c5bba7;
	}
*/
	#containerInner #gNav {
		position: fixed;
		top: 62px;
		box-shadow: none;
	}
	#containerInner.fixed #gNav {
		top: 62px;
	}
}

/*	.fixed .mainVis {
		z-index: 990;
	}

	.mainVis {
		background: transparent url("../imgs/bg-main.jpg") center center no-repeat;
		background-size: cover;
	}
	.mainVis_wrap {
		position: relative;
		max-width: 1440px;
		margin: 0 auto -62px;
		text-align: center;
		z-index: 99;
	}
	.mainVis .parth {
		position: absolute;
		bottom:0;
		right: 30px;
		width: 65.764%;
	}
	.mainVis .caption {
		position: absolute;
		bottom: 5px;
		right: 5px;
		text-align: right;
		color: #fff;
	}*/

	.mainVisual {
		background-color: #000;
	}

	.mainVisual_slides {}

	.mainVisual .slides li {
		padding-bottom: 62px;
		position: relative;
	}

	/*.mainVisual_slides_1st {
		background: transparent url("../imgs/bg-mainVisual01.jpg") center center no-repeat;
		background-size: cover;
	}

	.mainVisual_slides_2nd {
		background: transparent url("../imgs/bg-mainVisual02.jpg") center center no-repeat;
		background-size: cover;
	}

	.mainVisual_slides_3rd {
		background: transparent url("../imgs/bg-mainVisual03.jpg") center center no-repeat;
		background-size: cover;
	}
	.mainVisual_slides_4th{
		background: transparent url("../imgs/bg-mainVisual04.jpg") center center no-repeat;
		background-size: cover;
	}*/
	.mainVisual_slides_inner {
		position: relative;
		max-width: 1440px;
		margin: 0 auto;
		text-align: center;
	}
	.mainVisual .caption {
		position: absolute;
		bottom: 1%;
		right: 5px;
		text-align: right;
		color: #fff;
		font-weight: bold;
		text-shadow: #000 1px 1px 2px, #000 -1px 1px 2px, #000 1px -1px 2px, #000 -1px -1px 2px;
	}
	.topObi {
	    background-color: rgba(0,0,0,0.8);
	    position: static;
	}
	.topObi p {
		background-color: #000;
		text-align: center;
		padding: 20px;
	}
@media only screen and (max-width:1300px) {
	.topObi {
		padding: 10px 0 35px;
	}
}
@media only screen and (max-width:767px) {
	.topObi {
		display: none;
	}
	.mainVisual .caption {
		bottom: 5px;
		right: 5px;
	}
	.mainVisual .caption01 {
		bottom: calc(100% * 180 / 700 + 5px);
		right: 5px;
	}
	.flex-control-nav {
		display: none;
	}
}

	.section.obi {
		padding-top: 40px;
		padding-bottom: 40px;
		background: url(../imgs/bg-obi.gif) repeat center top;
		text-align: center;
	}
	.section.obi .wrap {
		max-width: 1280px;
	}
	.section.obi .wrap p {
		padding-bottom: 3px;
		background: url(../imgs/img-obi-line.gif) repeat-x center bottom;
	}

	/* .section.obi .wrap p:nth-child(odd) {
		background: none;
		margin-bottom: 20px;
	} */

	.section.obi2 {
		background: #9c8f5d;
		color: #fff;
		text-align: center;
	}
	.section.obi2 .wrap{
		font-size: 26px;
		padding:15px 0;
	}
	.section.obi2 img {
		vertical-align: baseline;
		padding-right: 20px;
	}
	.section.obi2 .wrap .num{
		font-size: 36px;
	}
	.section.obi2 .wrap .pc{
		display: inline-table;
	}
	.section.obi2 sup {
		font-size: 10px;
	    color: #ccc;
	    position: absolute;
	    bottom: 10px;
	    right: 110px;
	}

@media only screen and (max-width:767px) {
	.section.obi {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.section.obi2 .wrap{
		font-size: 18px;
		padding:20px 0 15px;
	}
	.section.obi2 .wrap .num{
		font-size: 24px;
	}
	.section.obi2 .wrap .pc{
		display: none;
	}
	.section.obi2 sup {
	    bottom: 5px;
	    right: 10px;
	}
}

	.section.info {
		padding-top: 40px;
		padding-bottom: 40px;
		background: #fff;
		text-align: center;
	}

	.section.info h3 {
		margin-bottom: 15px;
		font-family: Palatino,Palatino Linotype,Palatino LT STD,Book Antiqua,Georgia,serif;
		font-size: 14px;
		letter-spacing: 0.2em;
		color: #a19c83;
	}

	.section.info {
		font-size: 16px;
		letter-spacing: 0.2em;
		line-height: 1.6;
	}

	.info span {
		letter-spacing: 0.1em;
		line-height: 1;
	}

	.info_txt01 {
		margin-bottom: 40px;
		font-size: 22px;
		letter-spacing: 0;
	}

	.info_txt02 {
		margin-bottom: 10px;
		font-size: 14px;
	}
	.info_txt02.mb20 {
		margin-bottom: 20px;
	}
	.info_txt02 .info_large small{
		font-size: 80%;
	}
	.info_txt03 {
		font-size: 14px;
	}

	.info_day {
		font-size: 12px;
	}

	.info_large {
		font-size: 24px;
	}

	.info_color-red {
		color: #b26736;
	}

	.red {
		color: #ad3131;
	}

	.info_time {
		font-size: 18px;
	}

	.info_resBtn {
		margin: 30px 0;
	}

	.info_resBtn a {
		display: inline-block;
		background-color: #fff;
	}

	.info_resBtn a:hover {
		opacity: 0.7;
	}


/*
	.section.info .line:after {
		content: "";
		display: block;
		width: 60px;
		height: 1px;
		margin: 30px auto;
		background: #b2b2b2;
	}
*/
@media only screen and (max-width:767px) {
	.section.info {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.section.info h3 {
		margin-bottom: 20px;
	}
	.section.info {
		font-size: 22px;
		letter-spacing: 0.1em;
	}

	.info span {
		line-height: 1.4;
		text-align: center;
	}

	.info_txt01 {
		font-size: 16px;
	}

	.info_txt02 {
		margin-bottom: 5px;
		font-size: 11px;
	}

	.info_txt03 {
		font-size: 11px;
	}

	.info_day {
		font-size: 10px;
		margin: 0 -10px 0 -5px;
	}

	.info_large {
		font-size: 18px;
	}

	.info_color-red {
		color: #b26736;
	}

	.info_time {
		font-size: 14px;
	}

	.info_resBtn {
		margin-top: 20px;
	}

	.info_resBtn a {
		display: inline-block;
		background-color: #fff;
	}

	.info_resBtn a:hover {
		opacity: 0.7;
	}
}

	.section.num1 {
		padding-bottom: 90px;
		background: #fff;
	}
	.section.num1 .wrap {
		max-width: 1280px;
	}
	.section.num1 .boxA .bt img {
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.section.num1 .boxA:hover .bt img {
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
	}
@media only screen and (max-width:767px) {
	.section.num1 {
		padding-bottom: 0;
	}
	.section.num1 .wrap {
		padding: 0;
	}
	.section.num1:hover .boxA .bt img {
    filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
	}
}

/* redevelopment btn */
	.section.num2 {
	}
	.section.num2 a {
		position: relative;
		overflow: hidden;
		display: block;
		width: 100%;
		height: 380px;
		background: url(../imgs/img-redevelopment.jpg) no-repeat center top;
		background-size: cover;
	}
	.section.num2 a:hover {
		background: url(../imgs/img-redevelopment_ov.jpg) no-repeat center top;
		background-size: cover;
	}
	.section.num2 span {
		display: block;
	}
	.section.num2 .caption {
		position: absolute;
		top: 5px;
		left: 5px;
		text-align: right;
		color: #fff;
	}
	.section.num2 .boxB {
		bottom: 0;
		right: 60px;
/*
		width: 45.833%;
*/
		max-width: 830px;
	}

	.section.num2 .boxB {
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.section.num2:hover .boxB {
/*
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
*/
	}
@media only screen and (max-width:767px) {
	.section.num2 {
		margin-bottom: 20px;
		padding-top: 3px;
		background: url(../imgs/sp/bg-line.gif) repeat-x center top;
	}
	.section.num2 a {
		height: 400px;
		background: url(../imgs/sp/img-redevelopment.jpg) no-repeat center top;
		background-size: cover;
	}
	.section.num2 a:hover {
		background: url(../imgs/sp/img-redevelopment.jpg) no-repeat center top;
		background-size: cover;
	}
	.section.num2 .boxB {
		left: 20px;
		right: 20px;
		width: auto;
	}
	.section.num2 .caption {
		color: #fff;
	}
	.section.num2:hover .boxB {
    filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
	}
}

/* location btn */
	.section.num3 {
	}
	.section.num3 a {
		position: relative;
		overflow: hidden;
		display: block;
		width: 100%;
		height: 570px;
		background: url(../imgs/img-location.jpg) no-repeat center top;
		background-size: cover;
	}
	.section.num3 a:hover {
		background: url(../imgs/img-location_ov.jpg) no-repeat center top;
		background-size: cover;
	}
	.section.num3 span {
		display: block;
	}
	.section.num3 .caption {
		position: absolute;
		top: 5px;
		right: 5px;
		text-align: right;
		color: #fff;
	}
	.section.num3 .boxB {
		bottom: 0;
		left: 60px;
/*
		width: 45.833%;
*/
		max-width: 670px;
	}

	.section.num3 .boxB {
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.section.num3:hover .boxB {
/*
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
*/
	}
@media only screen and (max-width:767px) {
	.section.num3 {
		margin-bottom: 20px;
		padding-top: 3px;
		background: url(../imgs/sp/bg-line.gif) repeat-x center top;
	}
	.section.num3 a {
		height: 400px;
		background: url(../imgs/sp/img-location.jpg) no-repeat center top;
		background-size: cover;
	}
	.section.num3 a:hover {
		background: url(../imgs/sp/img-location.jpg) no-repeat center top;
		background-size: cover;
	}
	.section.num3 .boxB {
		left: 20px;
		right: 20px;
		width: auto;
	}
	.section.num3 .caption {
		color: #fff;
	}
	.section.num3:hover .boxB {
    filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
	}
}

/* access btn */
	.section.num4 {
	}
	.section.num4 a {
		position: relative;
		overflow: hidden;
		display: block;
		width: 100%;
		height: 380px;
		background: url(../imgs/img-access.jpg) no-repeat center top;
		background-size: cover;
	}
	.section.num4 a:hover {
		background: url(../imgs/img-access_ov.jpg) no-repeat center top;
		background-size: cover;
	}
	.section.num4 span {
		display: block;
	}
	.section.num4 .caption {
		position: absolute;
		top: 5px;
		left: 5px;
		text-align: right;
		color: #fff;
	}
	.section.num4 .boxB {
		bottom: 0;
		left: 60px;
/*
		width: 45.833%;
*/
		max-width: 670px;
	}

	.section.num4 .boxB {
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.section.num4:hover .boxB {
/*
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
*/
	}
@media only screen and (max-width:767px) {
	.section.num4 {
		margin-bottom: 20px;
		padding-top: 3px;
		background: url(../imgs/sp/bg-line.gif) repeat-x center top;
	}
	.section.num4 a {
		height: 400px;
		background: url(../imgs/sp/img-access.jpg) no-repeat center top;
		background-size: cover;
	}
	.section.num4 a:hover {
		background: url(../imgs/sp/img-access.jpg) no-repeat center top;
		background-size: cover;
	}
	.section.num4 .boxB {
		left: 20px;
		right: 20px;
		width: auto;
	}
	.section.num4 .caption {
		color: #fff;
	}
	.section.num4:hover .boxB {
    filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
	}
}

/* plan btn */
	.section.num5 {
	}
	.section.num5 a {
		position: relative;
		overflow: hidden;
		display: block;
		width: 100%;
		height: 380px;
		background: url(../imgs/img-plan.jpg) no-repeat center top;
		background-size: cover;
	}
	.section.num5 a:hover {
		background: url(../imgs/img-plan_ov.jpg) no-repeat center top;
		background-size: cover;
	}
	.section.num5 span {
		display: block;
	}
	.section.num5 .caption {
		position: absolute;
		top: 5px;
		right: 5px;
		text-align: right;
		color: #fff;
	}
	.section.num5 .boxB {
		bottom: 0;
		right: 60px;
/*
		width: 45.833%;
*/
		max-width: 670px;
	}

	.section.num5 .boxB {
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.section.num5:hover .boxB {
/*
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
*/
	}
@media only screen and (max-width:767px) {
	.section.num5 {
		margin-bottom: -20px;
		padding-top: 3px;
		background: url(../imgs/sp/bg-line.gif) repeat-x center top;
	}
	.section.num5 a {
		height: 400px;
		background: url(../imgs/sp/img-plan.jpg) no-repeat center top;
		background-size: cover;
	}
	.section.num5 a:hover {
		background: url(../imgs/sp/img-plan.jpg) no-repeat center top;
		background-size: cover;
	}
	.section.num5 .boxB {
		bottom: 20px;
		left: 20px;
		right: 20px;
		width: auto;
	}
	.section.num5 .caption {
		color: #fff;
	}
	.section.num5:hover .boxB {
    filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
	}
}
/*
	.section.num3 {
		overflow: hidden;
		padding-top: 3px;
		background: url(../common/imgs/bg-ftr-line.gif) repeat-x center top;
	}
	.section.num3 .caption {
		position: absolute;
		top: 5px;
		right: 5px;
		text-align: right;
		color: #000;
	}
	.section.num3 .boxB {
		bottom: 0;
		left: 20px;
		right: 20px;
		width: auto;
		text-align: center;
	}
@media only screen and (max-width:767px) {
	.section.num3 .caption {
		color: #fff;
	}
}
*/

	.mw428 {
		max-width: 428px;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
	}

	.boxA {
		position: relative;
		padding: 11px;
		background: url(../imgs/bg-box.gif) repeat left top;
	}
	.boxA .innerlineA {
		border: solid 1px #747552;
	}
	.boxA .innerlineB {
		padding: 40px 0 40px 40px;
		border: solid 1px #000;
	}
	.boxA .caption {
		position: absolute;
		bottom: 18px;
		right: 18px;
		color: #fff;
	}

	.boxB {
		position: absolute;
		padding: 30px 40px;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6ffffff,endColorstr=#E6ffffff);
    background: rgba(255, 255, 255, 0.9);
		box-shadow: 0 5px 20px #666;

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	}

@media only screen and (max-width:1280px) {
	.boxA .innerlineB {
		padding: 40px 5px 40px 10px;
	}
}
@media only screen and (max-width:767px) {
	.boxA .innerlineB {
		padding: 40px 20px;
		border: solid 1px #000;
	}
	.boxA .ph span {
		bottom: -10px;
		right: 0;
	}
	.boxA .caption {
		display: none;
	}

	.boxB {
		padding: 20px;
		text-align: center;
	}
}

	.imgBox {
		display: table;
		width: 100%;
	}
	.imgBox .txtArea,
	.imgBox .phArea {
		display: table-cell;
		vertical-align: middle;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}

	.imgBox.num1 .txtArea {
		text-align: center;
	}
	.imgBox.num1 .txtArea h3 {
		margin-bottom: 40px;
	}
	.imgBox.num1 .phArea {
/*
		width: 734px;
*/
		text-align: left;
	}
@media only screen and (max-width:1280px) {
	.imgBox.num1 .txtArea {
		width: 476px;
		padding: 0 10px;
	}
	.imgBox.num1 .phArea {
		width: auto;
	}
}
@media only screen and (max-width: 767px) {
	.imgBox.num1 .txtArea {
		display: block;
		width: auto;
		padding: 0;
	}
	.imgBox.num1 .phArea {
		display: none;
	}
}

	.imgBox.num2 .txtArea {
		padding-right: 30px;
	}
	.imgBox.num2 .phArea {
		width: 200px;
	}
@media only screen and (max-width: 767px) {
	.imgBox.num2 .txtArea {
		display: block;
		padding-right: 0;
	}
	.imgBox.num2 .phArea {
		display: block;
		width: auto;
		margin-top: 20px;
	}
}

/* clm */
	.clmBox {
		overflow: hidden;
	}
	.clmBox > div {
		float: left;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}

	.clmBox.clm3 {
		margin-top: -20px;
	}
	.clmBox.clm3 > div {
		position: relative;
		width: 33.33%;
		margin-top: 20px;
	}

	.clmBox.clm3a {
		margin-top: -20px;
		margin-left: -1.5%;
	}
	.clmBox.clm3a > div {
		position: relative;
		width: 31.83%;
		margin-top: 20px;
		margin-left: 1.5%;
		text-align: center;
	}

	.clmBox.clm3 > div a {
		display: block;
		height: 510px;
	}
	.clmBox.clm3 > div.location {
		background: url(../imgs/img-location.jpg) no-repeat center top;
		background-size: cover;
	}
	.clmBox.clm3 > div.access {
		background: url(../imgs/img-access.jpg) no-repeat center top;
		background-size: cover;
	}
	.clmBox.clm3 > div.plan {
		background: url(../imgs/img-plan.jpg) no-repeat center top;
		background-size: cover;
	}

@media only screen and (max-width: 767px) {
	.clmBox.clm3,
	.clmBox.clm3a {
		margin-left: 0;
	}
	.clmBox.clm3 > div,
	.clmBox.clm3a > div {
		float: none;
		width: auto;
		margin-left: 0;
	}

	.clmBox.clm3 > div a {
		height: 400px;
	}

	.clmBox.clm3 > div.location {
		background: url(../imgs/sp/img-location.jpg) no-repeat center top;
		background-size: cover;
	}
	.clmBox.clm3 > div.access {
		background: url(../imgs/sp/img-access.jpg) no-repeat center top;
		background-size: cover;
	}
	.clmBox.clm3 > div.plan {
		background: url(../imgs/sp/img-plan.jpg) no-repeat center top;
		background-size: cover;
	}
}

	.imgBox {
		display: table;
		width: 100%;
	}
	.imgBox .areaL,
	.imgBox .areaR {
		display: table-cell;
		vertical-align: middle;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	}

	.imgBox.num3 {
		border-bottom: solid 1px #a29e85;
	}
	.imgBox.num3 .areaL {
		width: 140px;
		padding: 0 5px;
		font-size: 12px;
		letter-spacing: 0.1em;
		line-height: 30px;
		background: #a29e85;
		color: #fff;
		text-align: center;
	}
	.imgBox.num3 .areaR {
		padding: 0 20px;
	    font-size: 14px;
	    letter-spacing: 0.15em;
	    line-height: 30px;
	    text-align: left;
	}
@media only screen and (max-width: 767px) {
	.imgBox.num3 .areaL {
		display: block;
		width: auto;
	}
	.imgBox.num3 .areaR {
		display: block;
		width: auto;
		padding-right: 0;
		text-align: center;
	}
}


.bnrArea{
	background: #fff;
	margin:  0;
	padding: 50px 0;
	width: 100%;
	text-align: center;
}

.toVoiceBnr {
	background: url(../imgs/bg-obi.gif) repeat center top;
	padding: 50px 30px 20px;
/*	background-color: #fff;*/
	text-align: center;
}

.toVoiceBnr a {
	display: inline-block;
	background-color: #fff;
}

.toVoiceBnr img {
	-webkit-transition: .5s;
	        transition: .5s;
}

.toVoiceBnr img:hover {
	opacity: 0.7;
}

@media only screen and (max-width: 767px) {
	.toVoiceBnr {
		padding: 20px 20px 10px;
	}
}


	.num5__bnr {
		background: url(../imgs/bg-obi.gif) repeat center top;
		padding-bottom: 50px;
		text-align: center;
		display: inline-block;
		margin: auto;
		width: 100%;
/*		background: #fff;*/
	}


	.num5__bnr img {
		-webkit-transition: .5s;
		        transition: .5s;
		        margin: auto;
	}

/*	.num5__bnr img:hover {
		opacity: 0.7;
	}*/

@media only screen and (max-width:767px) {
	.section.num5 {
		padding-top: 60px;
		padding-bottom: 30px;
	}

	.num5__bnr {
		margin-bottom: 0;
	}
	.num5__bnr {
		padding-bottom: 0;
	}
}