@charset "UTF-8";

/*   
Theme Name: CS TSUZUKI NO MORI
Description: CS TSUZUKI NO MORI
Version: 2023.06
Author: YH
*/


/*** clearfix ***/

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}


/* ===========================================================================================

	Common

=========================================================================================== */

.header_wrap {
  border-bottom: none;
}

.pbHeaderArea, .b-o-header {
  z-index: 10001 !important;
}

.pbAreaWrapper1 {
  z-index: 10000 !important;
}


/* breadcrumb  */

.breadcrumb {
  margin: 0 auto;
  display: flex;
  align-items: center;
  padding: 20px;
  max-width: 1440px;
  box-sizing: content-box;
  transform: none !important;
}

.breadcrumb ul {
  font-size: 0.7em;
  transform: none !important;
}

.breadcrumb ul::after {
  content: "";
  display: block;
  clear: both;
}

.breadcrumb li {
  float: left;
}

.breadcrumb li::after {
  content: ">";
  margin: 0 0.7em 0 0.65em;
}

.breadcrumb li:last-child::after {
  content: "";
  margin: 0;
}

.breadcrumb li a {
  color: #000;
  text-decoration: none;
}

#wrapper, .pbMainArea {
  overflow: visible;
}

#siteFooter {
  padding-bottom: 10px;
  position: relative;
  z-index: 100;
  background: #fff;
}

#siteFooter::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 20px;
  background: #fff;
  top: 40px;
  z-index: 10000;
}

.contentArea {
  font-family: "游ゴシック", "YuGothic", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
  margin: 0 auto;
  overflow: hidden;
  color: #1D1D1D;
  -webkit-text-size-adjust: none;
  height: auto !important;
  background: #f2f3ed;
}

.f_min {
  font-family: "游明朝", "Yu Mincho", "YuMincho", serif;
}

.contentArea p {
  color: inherit;
  font-size: 14px;
  line-height: 2em;
}

.contentArea a, .contentArea a img {
  text-decoration: none;
  color: #1D1D1D;
  transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease;
  outline: none;
}

.contentArea a:hover {
  opacity: 0.75;
}

.contentArea img {
  display: block;
  max-width: 100%;
  height: auto;
}

.contentArea .non_pc, .remodal .non_pc {
  display: none !important;
}

.contentArea .main {
  z-index: 100;
  margin: 0 auto;
  min-width: 960px;
  padding: 0;
  position: relative;
  transition: opacity 0.3s ease;
  text-align: left;
  /* max-width: 1440px; */
  padding-top: 0;
}


/* ===========================================================================================

	Index

=========================================================================================== */

.contentArea .icon_arrow {
  display: block;
  position: relative;
  width: 20px;
  height: 20px;
  overflow: hidden;
  background: url(../images/icon_arrow2.png) repeat 0 1px;
  background-size: 20px auto;
  transition: all ease 0.3s;
}

.contentArea a:hover .icon_arrow {
  background-position: 0 21px;
}

.contentArea .icon_arrow.white::before {
  border-color: #fff;
}

.contentArea .icon_arrow2 {
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  overflow: hidden;
  right: 15px;
  top: 50%;
  transform: translate(0, -50%);
  background: url(../images/icon_arrow.png) repeat 0 0;
  background-size: 10px;
  transition: all ease 0.3s;
}

.contentArea a:hover .icon_arrow2 {
  background-position: 10px 0;
}

.contentArea .icon_more {
  display: block;
  position: relative;
  width: 12px;
  height: 12px;
  margin-left: 6px;
}

.contentArea .icon_more::before, .contentArea .icon_more::after {
  content: "";
  top: 4px;
  left: 1px;
  width: 8px;
  height: 8px;
  border: 1px solid #000;
  display: block;
  position: absolute;
  transition: all ease 0.3s;
}

.contentArea .icon_more::after {
  background: #000;
  top: 1px;
  left: 4px;
}

.contentArea .icon_check {
  position: relative;
}

.contentArea .icon_check:hover {
  background: #AF4844 !important;
  opacity: 1;
}

.contentArea .icon_check::before {
  content: "";
  width: 14px;
  height: 14px;
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(0, -50%);
  background: url(../images/icon_check.png) no-repeat center center;
  background-size: 14px auto;
  opacity: 0;
  transition: all ease 0.3s;
}

.contentArea .icon_check:hover::before {
  opacity: 1;
}

.contentArea a:hover .icon_more::before {
  top: -1px;
  left: 2px;
  width: 10px;
  height: 10px;
  border-color: #fff;
}

.contentArea a:hover .icon_more::after {
  top: 6px;
  left: -1px;
  width: 6px;
  height: 6px;
  border-color: #fff;
  background: #fff;
}


.contentArea .visual {
  position: relative;
  padding-bottom: 120px;
  box-sizing: border-box;
}

.contentArea .visual .slider {margin: 0;}
.contentArea .visual .slider .slide {
  height: 560px;
  position: relative;
  box-sizing: border-box;
}
.contentArea .visual .slider .slide p {
  position: absolute;
  left: 13px;
  bottom: 11px;
  line-height: 1.5em;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  text-shadow: 0 0 3px #000;
}
.contentArea .visual .slider .slide1 {
  background: url(../images/img_visual.jpg) no-repeat center -117px;
  background-size: 1366px auto;
  background-color: #f2f3ed;
  padding-top: 487px;
}
.contentArea .visual.active .slider .slide2 {
  background: url(../images/img_slide1.jpg) no-repeat center center / cover;
}
.contentArea .visual.active .slider .slide3 {
  background: url(../images/img_slide2.jpg) no-repeat center center / cover;
}
.contentArea .visual.active .slider .slide4 {
  background: url(../images/img_slide3.jpg) no-repeat center center / cover;
}
.contentArea .visual .slider .slide1 h1 {
  position: relative;
  width: 1004px;
  margin: 0 auto;
  filter: blur(20px);
  opacity: 0;
  transition: width ease 0.5s, filter ease 2s +1.5s, opacity ease 2s +1.5s;
}
@media screen and (max-width: 1300px) {
  .contentArea .visual .slider .slide1 h1 {
    width: 835px;
  }
}
@media screen and (max-width: 1200px) {
  .contentArea .visual .slider .slide1 h1 {
    width: 755px;
  }
}

.contentArea .visual.active .slider .slide1 h1 {
  filter: blur(0);
  opacity: 1;
}

.contentArea .visual .slider .slide1 .copy {
  width: 337px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.2);
  top: 55%;
  opacity: 0;
  transition: all ease 1.5s +0.7s;
}

.contentArea .visual.active .slider .slide1 .copy {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

.contentArea .visual .bt_location {
  position: absolute;
  right: 50px;
  bottom: 20px;
  text-align: center;
  font-size: 11px;
  line-height: 1.8em;
  font-weight: bold;
  padding-top: 70px;
  background: url(../images/img_tree.png) no-repeat center 16px;
  background-size: 40px auto;
  background-color: #fff;
  box-shadow: 2px 2px 5px #d9d9d9;
  border-radius: 100px;
  box-sizing: border-box;
  width: 140px;
  height: 140px;
}

.contentArea .visual .bt_location:hover {
  color: #67af48;
  opacity: 1;
}

.contentArea .visual .bt_location span {
  margin: 0 auto;
}

.contentArea .visual .bt_scroll {
  position: absolute;
  left: 50%;
  bottom: 0;
  display: block;
  transform: translate(-50%, 0);
  margin-left: 33px;
  transition: all ease 0.3s;
  width: 142px;
  height: 70px;
  box-sizing: border-box;
  padding: 19px 0 0 16px;
  font-size: 11px;
}

.contentArea .visual .bt_scroll::before {
  content: "";
  display: block;
  position: absolute;
  background: url(../images/img_scroll.png?v=1) no-repeat center center;
  background-size: 142px auto;
  width: 142px;
  height: 70px;
  transition: all ease 0.3s;
  top: 0;
  left: 0;
  transform-origin: 50% -18%;
}

.contentArea .visual .bt_scroll:hover::before {
  transform: translate(-50%, 0) rotate(-90deg);
  top: 10px;
}

.contentArea .visual .bt_scroll span {
  position: relative;
  display: block;
  text-align: center;
  font-size: 10px;
  width: 50px;
  letter-spacing: 0.1em;
}

.contentArea .gmenu {
  padding: 0;
  height: 98px;
  box-sizing: content-box;
  position: relative;
  z-index: 200;
}
.contentArea .gmenu.show {}
.contentArea .gmenu nav {
  display: block;
  transition: opacity ease 0.6s, background ease 0.6s;
}

.contentArea .gmenu.fixed nav {
  position: fixed;
  top: 66px;
  left: 0;
  z-index: 10000;
  width: 100%;
  opacity: 0;
  pointer-events: none;
}
.contentArea .gmenu.fixed.show nav {
  opacity: 1;
  background: #fff;
  pointer-events: auto;
}

.contentArea .gmenu nav ul {
  display: flex;
  align-items: center;
  width: auto;
  margin: 0 auto;
  padding: 16px 0;
  transition: all ease 0.3s;
  height: 66px;
  box-sizing: content-box;
  position: relative;
}
.pc_view .contentArea .gmenu nav ul {
  display: flex !important;
  height: 66px !important;
  overflow: visible !important;
  justify-content: center;
}

.contentArea .gmenu.fixed nav ul {
  padding: 0 0;
}

.contentArea .gmenu nav ul li {
  margin-left: 25px;
}
.contentArea .gmenu nav ul li.bt_story,
.contentArea .gmenu nav ul li.bt_map  {
  margin-left: 10px;
}

.contentArea .gmenu nav ul li a {
  font-size: 12px;
  line-height: 1.5em;
  position: relative;
  display: block;
  padding: 5px 10px;
}
.contentArea .gmenu nav ul li a:hover {
  color: #7FB75D;
  opacity: 1;
}

.contentArea .gmenu nav ul li a.ti {
  text-indent: -0.5em;
}

.contentArea .gmenu nav ul li a::before, .contentArea .gmenu nav ul li a::after {
  content: "";
  width: 1px;
  display: block;
  position: absolute;
  height: 10px;
  background: #000;
  transform: rotate(-45deg);
  left: -4px;
  bottom: -3px;
  transition: all ease 0.3s;
}

.contentArea .gmenu nav ul li a::before {
  opacity: 0;  
}
.contentArea .gmenu nav ul li a:hover::before {
  opacity: 1;
}
.contentArea .gmenu nav ul li a::after {
  transform: none;
  top: 0;
  left: 0;
  height: 0px;
  transition: all ease 0.3s;
}

.contentArea .gmenu nav ul li.active {
	opacity: 0.3;	
}
.contentArea .gmenu nav ul li a:hover::after {
  height: 30px;
}

.contentArea .gmenu nav ul li.bt_home {
  margin-left: 0;
  0:
  AUTO 100PX;
}

.contentArea .gmenu nav ul li.bt_home a::before,
.contentArea .gmenu nav ul li.bt_home a::after,
.contentArea .gmenu nav ul li.bt_outline a::before,
.contentArea .gmenu nav ul li.bt_outline a::after,
.contentArea .gmenu nav ul li.bt_landplan a::before,
.contentArea .gmenu nav ul li.bt_landplan a::after,
.contentArea .gmenu nav ul li.bt_request a::before,
.contentArea .gmenu nav ul li.bt_request a::after,
.contentArea .gmenu nav ul li.bt_reservation a::before,
.contentArea .gmenu nav ul li.bt_reservation a::after,
.contentArea .gmenu nav ul li.bt_residence a::before,
.contentArea .gmenu nav ul li.bt_residence a::after {
  display: none;
}

.contentArea .gmenu nav ul li.bt_home a {
  padding-right: 22px;
  position: relative;
  font-size: 17px;
  font-weight: bold;
  display: flex;
  /* width: 100px; */
  margin: 0 auto;
  align-items: center;
  justify-content: center;
}

.contentArea .gmenu nav ul li.bt_home a::after {
	content: "";
	display: block;
	width: 15px;
	height: 20px;
	background: url(../images/icon_home_on.png) no-repeat center center / 15px auto, url(../images/icon_home_on3.png) no-repeat center center / 15px auto;
	margin-left: 7px;
	transition: 0.3s ease all;
	position: relative;
}
.contentArea .gmenu nav ul li.bt_home a:hover {
	opacity: 1;
	color: #7FB75D;
}
.contentArea .gmenu nav ul li.bt_home a:hover::after {
	background: url(../images/icon_home_on2.png) no-repeat center center / 15px auto, url(../images/icon_home_on3.png) no-repeat center -10px / 15px auto;
}

.contentArea .gmenu nav ul li.bt_map a {
  padding-right: 30px;
  background: url(../images/icon_access.png) no-repeat right 10px top 50%/ 15px auto;
}
.contentArea .gmenu nav ul li.bt_map a:hover {
  background-image: url(../images/icon_access_on.png);
}
.contentArea .gmenu nav ul li.bt_residence a {
  text-align: center;
  padding-right: 37px;
  font-size: 15px;
  font-weight: bold;
}

.contentArea .gmenu nav ul li.bt_residence a span {
  display: block;
  font-size: 10px;
}

.contentArea .gmenu nav ul li.bt_outline,
.contentArea .gmenu nav ul li.bt_landplan,
.contentArea .gmenu nav ul li.bt_reservation,
.contentArea .gmenu nav ul li.bt_request {
  /* margin-left: auto; */
  position: relative;
}
.contentArea .gmenu nav ul li.bt_reservation {
	position: absolute;
	right: 50px;
	margin: 0;
}
.contentArea .gmenu nav ul li.bt_request {
	position: absolute;
	right: 180px;
	margin: 0;
}
.contentArea .gmenu nav ul li.bt_outline {
  margin-left: 8px;
}
.contentArea .gmenu nav ul li.bt_landplan {
  margin-left: 10px;
}
.contentArea .gmenu nav ul li.bt_outline .btbox,
.contentArea .gmenu nav ul li.bt_landplan .btbox {
	position: absolute;
	top: 20px;
	background: #fff;
	display: none;
	padding: 15px 5px 5px 5px;
	left: -6%;
	width: 129%;
}
.contentArea .gmenu nav ul li.bt_reservation .btbox,
.contentArea .gmenu nav ul li.bt_request .btbox {
	position: absolute;
	top: 20px;
	background: #005F24;
	display: none;
	padding: 15px 5px 5px 5px;
	left: 0;
	width: 100%;
}
.contentArea.index .gmenu nav ul li.bt_outline .btbox,
.contentArea.index .gmenu nav ul li.bt_landplan .btbox {
	background: #f2f3ee;
}
.contentArea .gmenu.fixed nav ul li.bt_outline .btbox,
.contentArea .gmenu.fixed nav ul li.bt_landplan .btbox {
	background: #ffffff;
}
.contentArea .gmenu nav ul li.bt_outline:hover .btbox,
.contentArea .gmenu nav ul li.bt_landplan:hover .btbox,
.contentArea .gmenu nav ul li.bt_reservation:hover .btbox,
.contentArea .gmenu nav ul li.bt_request:hover .btbox {
	display: block;
}
.contentArea .gmenu nav ul li.bt_outline .btbox a,
.contentArea .gmenu nav ul li.bt_landplan .btbox a,
.contentArea .gmenu nav ul li.bt_reservation .btbox a,
.contentArea .gmenu nav ul li.bt_request .btbox a {
	font-size: 15px;
	padding-right: 0;
}
.contentArea .gmenu nav ul li.bt_reservation .btbox a,
.contentArea .gmenu nav ul li.bt_request .btbox a {color: #fff;padding: 5px 18px;}
.contentArea .gmenu nav ul li.bt_outline .btbox a .icon_arrow2,
.contentArea .gmenu nav ul li.bt_landplan .btbox a .icon_arrow2 {
	right: 5px;
}
.contentArea .gmenu nav ul li.bt_reservation .btbox a .icon_arrow2,
.contentArea .gmenu nav ul li.bt_request .btbox a .icon_arrow2 {
	right: 12px;
	background-image: url(../images/icon_arrow_w.png);
}

.contentArea .gmenu nav ul li.bt_outline > a,
.contentArea .gmenu nav ul li.bt_landplan > a,
.contentArea .gmenu nav ul li.bt_reservation > a,
.contentArea .gmenu nav ul li.bt_request > a {
  text-align: center;
  padding-right: inherit;
  position: relative;
  z-index: 10;
  padding: 5px 10px;
	font-size: 15px;
	font-weight: bold;
}
.contentArea .gmenu nav ul li.bt_reservation > a,
.contentArea .gmenu nav ul li.bt_request > a {
	background: #000;
	color: #fff;
	font-size: 14px;
	width: 122px;
	transition: none;
}
.contentArea .gmenu nav ul li.bt_outline > a:hover,
.contentArea .gmenu nav ul li.bt_landplan > a:hover {
	color: #000
}
.contentArea .gmenu nav ul li.bt_reservation:hover > a,
.contentArea .gmenu nav ul li.bt_request:hover > a {
	background: #005F24;
}
.contentArea .gmenu nav ul li.bt_outline > a .icon_arrow2,
.contentArea .gmenu nav ul li.bt_landplan > a .icon_arrow2,
.contentArea .gmenu nav ul li.bt_reservation > a .icon_arrow2,
.contentArea .gmenu nav ul li.bt_request > a .icon_arrow2 {
	display: none;
}

.contentArea .gmenu nav ul li.bt_outline a span,
.contentArea .gmenu nav ul li.bt_landplan a span,
.contentArea .gmenu nav ul li.bt_landplan a span,
.contentArea .gmenu nav ul li.bt_landplan a span {
  display: block;
  font-size: 10px;
}

@media screen and (max-width: 1250px) {
	.contentArea .gmenu nav ul li.bt_story,
	.contentArea .gmenu nav ul li.bt_map  {
	  margin-left: 0;
	}
	.contentArea .gmenu nav ul li.bt_outline {
	  margin-left: 0;
	}
	.contentArea .gmenu nav ul li.bt_landplan {
	  margin-left: 0;
	}
	.contentArea .gmenu nav ul li {
	  margin-left: 0;
	}
	.contentArea .gmenu nav ul li.bt_reservation > a,
	.contentArea .gmenu nav ul li.bt_request > a {
		width: 116px;
	}
	.contentArea .gmenu nav ul li.bt_request {
	right: 175px;
	}
}

.contentArea.index .residence {
	background: #fff;
	padding: 60px 40px 40px 40px;
}
.contentArea.index .residence a {height: 345px;display: flex;background: url(../images/bg_residence2.jpg?v=1) no-repeat center center  / cover;justify-content: center;align-items: center;position: relative;}
.contentArea.index .residence a::before {
	content: "";
	transition: all ease 0.3s;
	position: absolute;
	left: 0;
	top: 0;
	background: #000;
	width: 100%;
	height: 100%;
	opacity: 0.45;
}
.contentArea.index .residence a:hover::before {
	opacity: 0;
}
.contentArea.index .residence a::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 131px;
	left: 0;
	bottom: 0;
	background: url(../images/txt_residence_no6.png) no-repeat left 10px  bottom 10px / 103px;
}
.contentArea.index .residence a .label {position: absolute;left: 0;top: 0;background: #202020;color: #fff;font-size: 16px;padding: 5px 20px;}
.contentArea.index .residence a .txt {
	transition: background ease 0.3s;
	width: 779px;
	position: relative;
}
.contentArea.index .residence a .txt img {
	transition: all ease 0.3s;
}
.contentArea.index .residence a:hover {
	opacity: 1;
}
.contentArea.index .residence a:hover .txt {
	background: url(../images/txt_residence2_b.png) no-repeat center center / auto 100%;
}
.contentArea.index .residence a:hover .txt img {
	opacity: 0;
}
.contentArea.index .residence .text {
	text-align: center;
	font-size: 15px;
	margin-top: 12px;
}

/*============================
#intro
============================*/

.contentArea .intro {
  position: relative;
  margin-top: 68px;
}

.contentArea .intro::before {
  content: "Image photo";
  position: absolute;
  right: 0;
  width: calc(50% + 162px);
  height: 628px;
  background: url(../images/img_intro.jpg) no-repeat center center;
  background-size: cover;
  top: 0;
  font-size: 10px;
  box-sizing: border-box;
  padding: 10px;
  justify-content: right;
  display: flex;
  align-items: end;
  filter: blur(30px);
  opacity: 0;
  transition: all ease 1.5s;
  margin-top: 20px;
}

.contentArea .intro.active::before {
  filter: blur(0);
  opacity: 1;
  margin-top: 0;
}

.contentArea .intro>.inner {
  width: 1050px;
  margin: 0 auto;
  padding-top: 50px;
  position: inherit;
}

.contentArea .intro .copy {
  width: 407px;
}

.contentArea .intro .text {
  font-size: 15px;
  line-height: 1.8em;
  margin-top: 67px;
}

.contentArea .intro .copy2 {
  width: 186px;
  margin-top: 50px;
}

.contentArea .intro .note {
  text-align: right;
  font-size: 10px;
  line-height: 1.8em;
  margin: 15px 15px 0 0;
}


/*============================
#park
============================*/

.contentArea .sec {
  margin-top: 50px;
  position: relative;
}

.contentArea .sec.park {
  margin-top: 20px;
}

.contentArea .sec::before, .contentArea .sec::after {
  content: "";
  position: absolute;
  right: 0;
  width: 50%;
  height: 640px;
  background: url(../images/bg_feature1.jpg) no-repeat center center;
  background-size: cover;
  top: 0;
}

.contentArea .sec::after {
  background-image: url(../images/img_feature1.jpg);
  left: 0;
  top: 39px;
  right: auto;
  width: calc(50% + 200px);
  height: 560px;
  content: "Image photo";
  display: flex;
  align-items: end;
  color: #fff;
  font-size: 10px;
  box-sizing: border-box;
  padding: 10px;
  filter: blur(30px);
  opacity: 0;
  transition: all ease 1.5s;
  margin-top: 20px;
}

.contentArea .sec.active::after {
  filter: blur(0);
  opacity: 1;
  margin-top: 0;
}

.contentArea .sec>.inner {
  position: relative;
  z-index: 100;
  padding-top: 10px;
  width: 1050px;
  margin: 0 auto;
}

.contentArea .sec h2 {
  display: flex;
  font-size: 14px;
  font-weight: bold;
  flex-wrap: wrap;
  margin-left: auto;
  justify-content: right;
  line-height: 1.6em;
  margin-top: 260px;
}

.contentArea .sec h2 span span {
  text-indent: 0;
  display: block;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.6em;
  margin-top: 16px;
}

.contentArea .sec .info {
  width: 420px;
  margin: 105px 0 0 auto;
  position: relative;
  z-index: 100;
}

.contentArea .sec .info .copy {
  width: 420px;
  position: relative;
  left: 20px;
  opacity: 0;
  transition: 1s ease opacity, 1.5s ease left;
}

.contentArea .sec.town .info .copy, .contentArea .sec.quality .info .copy {
  left: -20px;
}

.contentArea .sec .info .copy.active {
  left: 0;
  opacity: 1;
}

.contentArea .sec .info .lead {
  font-size: 22px;
  margin-top: 55px;
}

.contentArea .sec .info .text {
  margin-top: 30px;
  font-size: 15px;
}

.contentArea .sec .img {
  max-width: none;
  width: 1206px;
  margin: -335px 0 0 -157px;
  transition: all ease 1.5s;
  position: relative;
  /* top: 20px; */
  position: absolute;
  top: 1015px;
}
.contentArea .sec .detail {
  height: 990px;
  max-width: none;
  width: 1206px;
  margin: -335px 0 0 -157px;
  opacity: 0;
  transition: all ease 1.5s;
  position: relative;
  top: 20px;
}
.contentArea .sec .detail.active {
  opacity: 1;
  top: 0 !important;
}
.contentArea .sec .detail > div {
  position: absolute;
}
.contentArea .sec .detail > div p {
  font-size: 12px;
  margin-top: 9px;
}
.contentArea .sec .detail > div p span {font-weight: bold;}
.contentArea .sec.park .detail .img1 {
  width: 420px;
  left: 786px;
  top: 366px;
}
.contentArea .sec.park .detail .img2 {
  width: 560px;
  top: 0px;
  left: 160px;
}
.contentArea .sec.park .detail .fbox {
  width: 278px;
  left: 442px;
  top: 420px;
}
.contentArea .sec.park .detail .img3 {
  
}
.contentArea .sec.park .detail .img4 {
  margin-top: 25px;
}
.contentArea .sec.park .detail .img5 {
  width: 420px;
  left: 786px;
  top: 668px;
}
.contentArea .sec.park .detail .img6 {
  width: 374px;
  top: 419px;
}


/*============================
#town
============================*/
.contentArea .sec.town {
  margin-top: 70px;
}
.contentArea .sec.town::before {
  background-image: url(../images/bg_feature2.jpg);
  right: auto;
  left: 0;
}
.contentArea .sec.town::after {
  background-image: url(../images/img_feature2.jpg);
  left: auto;
  right: 0;
  justify-content: right;
  color: #000;
}
.contentArea .sec.town h2 {
  justify-content: left;
  text-indent: -0.5em;
}
.contentArea .sec.town .info {
  margin-left: 0;
}
.contentArea .sec.town .img {
  width: 1164px;
  margin: -377px 0 0 0px;
  top: 1055px;
}
.contentArea .sec.town .detail {
  width: 1164px;
  margin: -377px 0 0 0px;
  top: 20px;
  height: 1012px;
}
.contentArea .sec.town .detail .img1 {
  width: 376px;
  left: 78px;
  top: 404px;
}
.contentArea .sec.town .detail .img2 {
  width: 555px;
  top: -3px;
  left: 490px;
}
.contentArea .sec.town .detail .img3 {
  width: 563px;
  top: 357px;
  left: 490px;
  align-items: start;
}
.contentArea .sec.town .detail .img3 .fbox {
  display: flex;
  width: 590px;
  justify-content: space-between;
}
.contentArea .sec.town .detail .img3 img {width: 247px;}
.contentArea .sec.town .detail .img3 {margin-top: 0;width: 285px;}
.contentArea .sec.town .detail .img3 .fbox p {margin-top: -5px;width: 310px;}
.contentArea .sec.town .detail .img3 > p {position: absolute;width: 274px;top: 40px;left: 282px;}
.contentArea .sec.town .detail .img4 {
  top: 645px;
  left: 0;
  display: flex;
  width: 830px;
  justify-content: space-between;
}
.contentArea .sec.town .detail .img4 .info {margin-top: 0;width: 244px;}
.contentArea .sec.town .detail .img4 p {margin-top: -7px;}
.contentArea .sec.town .detail .img4 p + p {margin-top: 11px;}
.contentArea .sec.town .detail .img4 img {
  width: 556px;
}
.contentArea .sec.town .detail .img5 {
  width: 278px;
  left: 886px;
  top: 547px;
}

/*============================
#shopping
============================*/
.contentArea .sec.shopping {
  margin-top: 40px;
}
.contentArea .sec.shopping::before {
  background-image: url(../images/bg_feature3.jpg);
}
.contentArea .sec.shopping::after {
  background-image: url(../images/img_feature3.jpg);
  color: #000;
}
.contentArea .sec.shopping h2 {
  margin-top: 248px;
}
.contentArea .sec.shopping .info {
  margin-top: 90px;
}
.contentArea .sec.shopping .img {
  width: 1182px;
  margin: -367px 0 0 6px;
  top: 1045px;
}
.contentArea .sec.shopping .detail {
  width: 1164px;
  height: 970px;
  margin: -372px 0 0 0px;
  top: 20px;
}
.contentArea .sec.shopping .detail .img1 {
  width: 313px;
  left: 266px;
  top: 399px;
}
.contentArea .sec.shopping .detail .img2 {
  width: 546px;
  top: 0;
  left: 6px;
}
.contentArea .sec.shopping .detail .img3 {
  width: 556px;
  top: 407px;
  left: 632px;
}
.contentArea .sec.shopping .detail .img4 {
  width: 315px;
  top: 765px;
  left: 632px;
}
.contentArea .sec.shopping .detail .img5 {
  width: 546px;
  top: 526px;
  left: 6px;
}

/*============================
#quality
============================*/
.contentArea .sec.quality {
  margin-top: 80px;
}
.contentArea .sec.quality::before {
  background-image: url(../images/bg_feature4.jpg);
  right: auto;
  left: 0;
}
.contentArea .sec.quality::after {
  background-image: url(../images/img_feature4.jpg);
  left: auto;
  right: 0;
  justify-content: right;
}
.contentArea .sec.quality h2 {
  justify-content: left;
}
.contentArea .sec.quality .info {
  margin-left: 0;
  margin-top: 100px;
  width: auto;
}
.contentArea .sec.quality .info .lead {
  margin: -80px 0 0 470px;
}
.contentArea .sec.quality .info .text {
  margin: 30px 0 0 470px;
  width: 434px;
}
.contentArea .sec.quality .info .text .bt_proposal {width: 360px;text-align: center;margin: 30px 0 0 0;display: block;position: relative;border: 1px solid #000;padding: 10px 0;border-radius: 6px;font-size: 15px;}

.contentArea .sec.quality .info .text .bt_proposal .icon_arrow2 {
  transform: rotate(90deg);
  margin-top: -5px;
}

/*============================
#proposal
============================*/
.contentArea .proposal {
  position: relative;
  margin-top: 0;
  background: #7c7972;
}
.contentArea .proposal::before, .contentArea .proposal::after {
  background: #7C7972;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: calc(50% + 600px);
  height: 100%;
  top: 0;
}
.contentArea .proposal::after {
  width: calc(50% + 67px);
  height: 600px;
  background: url(../images/img_proposal1.jpg) no-repeat center center;
  background-size: cover;
  top: 137px;
  left: -20px;
  filter: blur(20px);
  opacity: 0;
  transition: all ease 1.5s;
  margin-top: 0;
}
.contentArea .proposal.active::after {
  filter: blur(0);
  opacity: 1;
  left: 0px;
}
.contentArea .proposal>.inner {
  position: relative;
  width: 1050px;
  margin: 0 auto;
  padding: 60px 0;
  color: #fff;
  z-index: 100;
}
.contentArea .proposal h2 {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  width: 420px;
  line-height: 36px;
  border: 1px solid #fff;
  margin: 0 auto;
}
.contentArea .proposal .info {
  width: 394px;
  margin: 33px 0 0 auto;
}
.contentArea .proposal .info .lead {
  font-size: 15px;
  font-weight: bold;
}
.contentArea .proposal .info .text {
  font-size: 12px;
  margin-top: 15px;
}
.contentArea .proposal .info ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 32px;
}
.contentArea .proposal .info ul li {
  width: 180px;
  margin-top: 20px;
}
.contentArea .proposal .info ul li:nth-child(-n+2) {
  margin-top: 0;
}
.contentArea .proposal .info ul li img {}
.contentArea .proposal .info ul li p {
  font-size: 12px;
  font-weight: bold;
  margin-top: 8px;
  text-align: center;
}
.contentArea .proposal .info .bt_more  {width: auto;text-align: center;margin: 28px 0 0 0;display: block;position: relative;background: #fff;padding: 16px 0;border-radius: 5px;font-size: 15px;}


/*============================
#location
============================*/
.contentArea .sec2 h2 {
  font-size: 21px;
  text-align: center;
  font-weight: bold;
  letter-spacing: 0.05em;
}
.contentArea .location {
  margin-top: 70px;
  background: #CEDBD0;
  padding-bottom: 40px;
}
.contentArea .location>.inner {}
.contentArea .location .img {
  width: 100%;
  margin-bottom: 40px;
  filter: blur(20px);
  opacity: 0;
  transition: all ease 1.5s;
}
.contentArea .location.active .img {
  filter: blur(0);
  opacity: 1;
}
.contentArea .location .map {
  width: 1050px;
  margin: 40px auto 0 auto;
}
.contentArea .location .map iframe {
  width: 100%;
  display: block;
  height: 520px;
}
.contentArea .location .address {
  text-align: center;
  margin-top: 36px;
  font-size: 14px;
}
.contentArea .location .address span {
  font-weight: bold;
}
.contentArea .location .bt_map {
  display: flex;
  align-items: center;
  background: #F3F3F3;
  font-size: 10px;
  width: 160px;
  line-height: 26px;
  border-radius: 100px;
  padding-left: 14px;
  font-weight: bold;
  margin: -30px auto 0 auto;
  position: relative;
  left: 447px;
  box-sizing: border-box;
}
.contentArea .location .bt_map:hover {
  background: #000;
  color: #fff;
}

/*============================
#lifeinfo
============================*/
.contentArea .lifeinfo {}
.contentArea .lifeinfo>.inner {
  padding: 40px 0;
}
.contentArea .lifeinfo h2 {}
.contentArea .lifeinfo .tab {
  display: flex;
  justify-content: center;
  margin-top: 22px;
}
.contentArea .lifeinfo .tab a {
  font-size: 16px;
  font-weight: bold;
  padding: 10px 20px;
  display: flex;
  align-items: center;
}
.contentArea .lifeinfo .tab a::after {
  background: url(../images/img_now.png) no-repeat center left;
  content: "";
  background-size: 89px auto;
  width: 0px;
  height: 21px;
  display: block;
  margin-left: 0;
  transition: all 0.3s ease;
}
.contentArea .lifeinfo .tab a.active::after {
  width: 89px;
  margin-left: 20px;
}
.contentArea .lifeinfo .tab .tab2 {}
.contentArea .lifeinfo .tab .tab2 span {}
.contentArea .lifeinfo .tab_inner {
  display: flex;
  width: 1050px;
  margin: 30px auto 0 auto;
  opacity: 0;
  transition: all ease 1.5s;
}
.contentArea .lifeinfo .tab_inner.active {
  opacity: 1;
}
.contentArea .lifeinfo .tab_inner>.inner {
  display: flex;
  width: 2160px;
  transition: all ease 0.3s;
}
.contentArea .lifeinfo .tab_inner.active_tab2>.inner {
  transform: translate(-1110px, 0);
}
.contentArea .lifeinfo .tab_inner>.inner>div {
  transition: opacity 0.3s ease;
}
.contentArea .lifeinfo .tab_inner ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 1050px;
}
.contentArea .lifeinfo .tab_inner ul li {
  width: 243px;
  margin-top: 20px;
}
.contentArea .lifeinfo .tab_inner ul li:nth-child(-n+4) {
  margin-top: 0;
}
.contentArea .lifeinfo .tab_inner ul li img {}
.contentArea .lifeinfo .tab_inner ul li p {
  font-size: 12px;
  line-height: 1.6em;
  margin-top: 10px;
}
.contentArea .lifeinfo .tab_inner .tab2 {
  margin-left: 60px;
  opacity: 0.2;
}
.contentArea .lifeinfo .tab_inner.active_tab2 .tab1 {
  opacity: 0.2;
}
.contentArea .lifeinfo .tab_inner.active_tab2 .tab2 {
  opacity: 1;
}
.contentArea .lifeinfo .tab_inner .tab2 ul {}
.contentArea .lifeinfo .tab_inner .tab2 ul li {}
.contentArea .lifeinfo .tab_inner .tab2 ul li img {}
.contentArea .lifeinfo .tab_inner .tab2 ul li p {}
.contentArea .lifeinfo .tab.arrow {
  margin-top: 30px;
}
.contentArea .lifeinfo .tab.arrow a {
  display: block;
  background: #fff;
  border-radius: 100px 0 0 100px;
  width: 62px;
  padding: 0;
  height: 40px;
  text-indent: -9999px;
  overflow: hidden;
  position: relative;
}
.contentArea .lifeinfo .tab.arrow a:hover {
  background: #7fb75e;
  opacity: 1;
}
.contentArea .lifeinfo .tab.arrow a::before {
  content: "";
  display: block;
  position: absolute;
  width: 11px;
  height: 11px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  top: 15px;
  left: 20px;
  transform: rotate(-135deg);
  transition: all ease 0.3s;
}
.contentArea .lifeinfo .tab.arrow a.tab2::before {
  transform: rotate(45deg);
  left: auto;
  right: 18px;
}
.contentArea .lifeinfo .tab.arrow a:hover::before {
  border-color: #fff;
}
.contentArea .lifeinfo .tab.arrow a::after {
  display: none;
}
.contentArea .lifeinfo .tab.arrow .tab2 {
  border-radius: 0 100px 100px 0;
}
.contentArea .lifeinfo .note {
  text-align: center;
  font-size: 10px;
  margin-top: 30px;
}

/*============================
#access
============================*/
.contentArea .access {
  background: #E5E5E5;
}
.contentArea .access>.inner {
  padding: 50px 0;
}
.contentArea .access h2 {}
.contentArea .access .img1 {
  width: 776px;
  margin: -10px auto 0 auto;
  opacity: 0;
  transition: all ease 1.5s;
  position: relative;
}
.contentArea .access .img1.active {
  opacity: 1;
}
.contentArea .access .title {
  width: 380px;
  margin: 0 auto;
  text-align: center;
  font-size: 22px;
  border-bottom: 1px solid #000;
  padding: 3px 0;
  margin-top: 32px;
}
.contentArea .access .img2 {
  margin: 30px auto 0 auto;
  width: 698px;
  opacity: 0;
  transition: all ease 1.5s;
  position: relative;
}
.contentArea .access .img2.active {
  opacity: 1;
}
.contentArea .access .note {
  text-align: center;
  font-size: 10px;
  margin-top: 40px;
}
.contentArea .action {
  padding: 22px 0 24px 0px;
  background: #F1F2EC;
}
.contentArea .action>.inner {
  width: 1050px;
  margin: 0 auto;
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.contentArea .action .logo {
  width: 535px;
  margin-right: -13px;
  position: relative;
}
.contentArea .action .logo img {width: 553px;max-width: none;}

.contentArea .action .logo ul {
	display: flex;
	position: absolute;
	left: 0;
	top: 125px;
}
.contentArea .action .logo ul li {
	position: relative;	
}
 
.contentArea .action .logo ul li.bt_outline {
	margin-left: 5px;
}
.contentArea .action .logo ul li.bt_outline .btbox,
.contentArea .action .logo ul li.bt_landplan .btbox {
	position: absolute;
	top: 52px;
	background: #fff;
	display: none;
	padding: 5px 15px 12px 15px;
	left: 0;
	width: 100%;
	border-radius: 4px;
	text-align: center;
}
.contentArea .action .fbox ul li.bt_reservation .btbox,
.contentArea .action .fbox ul li.bt_request .btbox {
	position: absolute;
	top: 50px;
	background: #202020;
	display: none;
	padding: 10px 5px 15px 5px;
	left: 0;
	width: 100%;
	border-radius: 4px;
}
.contentArea .action .logo ul li.bt_outline .btbox,
.contentArea .action .logo ul li.bt_landplan .btbox {
	background: #f2f3ee;
}
.contentArea .action .logo ul li.bt_outline .btbox,
.contentArea .action .logo ul li.bt_landplan .btbox {
	background: #ffffff;
}
.pc_view .contentArea .action .logo ul li.bt_outline:hover .btbox,
.pc_view .contentArea .action .logo ul li.bt_landplan:hover .btbox,
.pc_view .contentArea .action .fbox ul li.bt_reservation:hover .btbox,
.pc_view .contentArea .action .fbox ul li.bt_request:hover .btbox {
	display: block;
}
.contentArea .action .logo ul li.bt_outline .btbox a,
.contentArea .action .logo ul li.bt_landplan .btbox a,
.contentArea .action .fbox ul li.bt_reservation .btbox a,
.contentArea .action .fbox ul li.bt_request .btbox a {
	font-size: 15px;
	padding-right: 0;
	position: relative;
	display: block;
	padding: 5px 0;
	font-weight: bold;
}
.contentArea .action .fbox ul li.bt_reservation .btbox a,
.contentArea .action .fbox ul li.bt_request .btbox a {color: #fff;padding: 6px 18px;text-align: center;font-size: 16px;}
.contentArea .action .logo ul li.bt_outline .btbox a .icon_arrow2,
.contentArea .action .logo ul li.bt_landplan .btbox a .icon_arrow2 {
	right: 5px;
}
.contentArea .action .fbox ul li.bt_reservation .btbox a .icon_arrow2,
.contentArea .action .fbox ul li.bt_request .btbox a .icon_arrow2 {
	right: 12px;
	background-image: url(../images/icon_arrow_w.png);
}

.contentArea .action .logo ul li.bt_outline > a,
.contentArea .action .logo ul li.bt_landplan > a,
.contentArea .action .fbox ul li.bt_reservation > a,
.contentArea .action .fbox ul li.bt_request > a {
  z-index: 10;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5em;
  display: block;
  padding: 10px 10px 10px 10px;
  text-align: center;
  left: 0;
  top: 115px;
  background: #fff;
  border-radius: 4px;
  width: 116px;
  box-sizing: border-box;
}
.contentArea .action .fbox ul li.bt_reservation > a,
.contentArea .action .fbox ul li.bt_request > a {
	background: #202020;
	color: #fff;
	font-size: 20px;
	width: auto;
	transition: none;
	padding: 15px 10px 15px 10px;
}
.contentArea .action .logo ul li.bt_outline > a,
.contentArea .action .logo ul li.bt_landplan > a {
	opacity: 1;
}
.pc_view .contentArea .action .logo ul li.bt_outline > a:hover,
.pc_view .contentArea .action .logo ul li.bt_landplan > a:hover {
	color: #202020;
}
.pc_view .contentArea .action .fbox ul li.bt_reservation:hover > a,
.contentArea .action .fbox ul li.bt_request:hover > a {
	background: #202020;
	opacity: 1;
}
.contentArea .action .logo ul li.bt_outline > a .icon_arrow2,
.contentArea .action .logo ul li.bt_landplan > a .icon_arrow2,
.contentArea .action .fbox ul li.bt_reservation > a .icon_arrow2,
.contentArea .action .fbox ul li.bt_request > a .icon_arrow2 {
	display: none;
}

.contentArea .action .logo ul li.bt_outline a span,
.contentArea .action .logo ul li.bt_landplan a span {
  display: block;
  font-size: 10px;
}
.contentArea .action .fbox {
  width: 528px;
  margin-top: 5px;
}
.contentArea .action .fbox ul {
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.contentArea .action .fbox ul li {
	width: 48.6%;
	position: relative;
}


.contentArea .content_footer {
  background: #e5e5e5;
  padding: 40px 0;
}
.contentArea .content_footer>.inner {
  width: 1050px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
}
.contentArea .content_footer {}
.contentArea .content_footer img {
  width: 278px;
}
.contentArea .content_footer .box {}
.contentArea .content_footer .box .tel {
  display: flex;
  align-items: center;
}
.contentArea .content_footer .box .tel p {
  font-size: 15px;
  font-weight: bold;
  margin-right: 10px;
}
.contentArea .content_footer .box .tel a {
  font-size: 28px;
  display: block;
}
.contentArea .content_footer .box .text {
  font-size: 10px;
  margin-top: 0;
}
.contentArea .content_footer .box .title {
  float: left;
  font-size: 12px;
  border: 1px solid #000;
  font-weight: bold;
  width: 90px;
  line-height: 44px;
  text-align: center;
  margin-right: 16px;
}

/**************************************************************/

/**************************************************************/

/** SP ********************************************************/

/**************************************************************/

/**************************************************************/
@media screen and (max-width: 768px) {
  a[href^="tel:"] {
    pointer-events: auto;
  }

  footer {
    position: relative;
    margin-top: 0;
    /* z-index: 1000000; */
    background: #fff;
  }

  .breadcrumb {
    align-items: center;
    padding: 10px;
    max-width: 1440px;
    box-sizing: content-box;
    transform: none !important;
  }

  .breadcrumb ul {
    font-size: 11px;
    transform: none !important;
  }

  .breadcrumb ul::after {
    content: "";
    display: block;
    clear: both;
  }

  .breadcrumb li {
    float: left;
    line-height: 1.5em;
  }

  .breadcrumb li::after {
    content: ">";
    margin: 0 0.7em 0 0.65em;
  }

  .breadcrumb li:last-child::after {
    content: "";
    margin: 0;
  }

  .breadcrumb li a {
    color: #000;
    text-decoration: none;
  }
  /* style
	-------------------------------------------------------------- */

  .contentArea {
    min-width: 320px;
    overflow: hidden;
    transform: none !important;
  }

  #crumb {
    font-size: 10px;
    padding-left: 15px;
  }

  .contentArea p {
    color: inherit;
    font-size: 14px;
  }

  .contentArea a:hover {
    opacity: 1;
  }

  .contentArea .non_pc, .remodal .non_pc {
    display: block !important;
  }

  .contentArea .non_sp, .remodal .non_sp {
    display: none !important;
  }

  .contentArea .main {
    min-width: 320px;
    padding: 0;
    padding-top: 0;
    width: 100%;
  }

  .contentArea.index {}

  .contentArea.index .main {
    overflow: hidden;
    padding-top: 0;
  }
	.contentArea .icon_arrow {
	  display: block;
	  position: relative;
	  width: 20px;
	  height: 20px;
	  overflow: hidden;
	  background: url(../images/icon_arrow2.png) repeat 0 1px;
	  background-size: 20px auto;
	  transition: all ease 0.3s;
	}

	.contentArea a:hover .icon_arrow {
	  background-position: 0 21px;
	}

	.contentArea .icon_arrow.white::before {
	  border-color: #fff;
	}

	.contentArea .icon_arrow2 {
	  display: block;
	  position: absolute;
	  width: 10px;
	  height: 10px;
	  overflow: hidden;
	  right: 15px;
	  top: 50%;
	  transform: translate(0, -50%);
	  background: url(../images/icon_arrow.png) repeat 0 0;
	  background-size: 10px;
	  transition: all ease 0.3s;
	}

	.contentArea a:hover .icon_arrow2 {
	  background-position: 10px 0;
	}

	.contentArea .icon_more {
	  display: block;
	  position: relative;
	  width: 12px;
	  height: 12px;
	  margin-left: 6px;
	}

	.contentArea .icon_more::before, .contentArea .icon_more::after {
	  content: "";
	  top: 4px;
	  left: 1px;
	  width: 8px;
	  height: 8px;
	  border: 1px solid #000;
	  display: block;
	  position: absolute;
	  transition: all ease 0.3s;
	}

	.contentArea .icon_more::after {
	  background: #000;
	  top: 1px;
	  left: 4px;
	}

	.contentArea .icon_check {
	  position: relative;
	}

	.contentArea .icon_check:hover {
	  background: #AF4844 !important;
	  opacity: 1;
	}

	.contentArea .icon_check::before {
	  content: "";
	  width: 14px;
	  height: 14px;
	  display: block;
	  position: absolute;
	  right: 10px;
	  top: 50%;
	  transform: translate(0, -50%);
	  background: url(../images/icon_check.png) no-repeat center center;
	  background-size: 14px auto;
	  opacity: 0;
	  transition: all ease 0.3s;
	}

	.contentArea .icon_check:hover::before {
	  opacity: 1;
	}

	.contentArea a:hover .icon_more::before {
	  top: -1px;
	  left: 2px;
	  width: 10px;
	  height: 10px;
	  border-color: #fff;
	}

	.contentArea a:hover .icon_more::after {
	  top: 6px;
	  left: -1px;
	  width: 6px;
	  height: 6px;
	  border-color: #fff;
	  background: #fff;
	}

	.contentArea .visual {
	  position: relative;
	  height: auto;
	  box-sizing: border-box;
	  margin-bottom: 40px;
	  padding-bottom: 60px;
	}
  
	.contentArea .visual .slider {
      
    }
	.contentArea .visual .slider .slide {
      height: 128vw;
      background: url(../images/img_visual_sp.jpg) no-repeat center top;
      background-size: 100% auto;
    }
    .contentArea .visual.active .slider .slide2 {
      background: url(../images/img_slide1_sp.jpg) no-repeat center center / cover;
    }
    .contentArea .visual.active .slider .slide3 {
      background: url(../images/img_slide2_sp.jpg) no-repeat center center / cover;
    }
    .contentArea .visual.active .slider .slide4 {
      background: url(../images/img_slide3_sp.jpg) no-repeat center center / cover;
    }
	.contentArea .visual .slider .slide p {
      font-size: 11px;
      left: 8px;
      bottom: 6px;
    }
	.contentArea .visual .slider .slide1 h1 {
	  position: absolute;
	  left: 50%;
	  bottom: 12%;
	  width: 85%;
	  margin: 0 auto;
	  filter: blur(20px);
	  opacity: 0;
	  transform: translate(-50%, 0);
	  transition: all ease 2s +1.5s;
	}

	.contentArea .visual.active .slider .slide1 h1 {
	  filter: blur(0);
	  opacity: 1;
	}

	.contentArea .visual .slider .slide1 .copy {
	  width: 70%;
	  position: absolute;
	  left: 50%;
	  transform: translate(-50%, -50%) scale(1.2);
	  top: 46%;
	  opacity: 0;
	  transition: all ease 1.5s +0.7s;
	}

	.contentArea .visual.active .slider .slide1 .copy {
	  opacity: 1;
	  transform: translate(-50%, -50%) scale(1);
	}

	.contentArea .visual .bt_location {
	  position: absolute;
	  right: 10px;
	  bottom: -25px;
	  text-align: center;
	  font-size: 10px;
	  line-height: 1.6em;
	  font-weight: bold;
	  padding-top: 53px;
	  background-size: 35px auto;
	  background-position: center 8px;
	  width: 110px;
	  height: 110px;
	}

	.contentArea .visual .bt_location:hover {
	  color: #67af48;
	  opacity: 1;
	}

	.contentArea .visual .bt_location span {
	  margin: 0 auto;
	}

	.contentArea .visual .bt_scroll {
	  position: absolute;
	  left: 47%;
	  bottom: -37px;
	  display: block;
	  transform: translate(-50%, 0) scale(0.7);
	  margin-left: 33px;
	  transition: all ease 0.3s;
	  width: 142px;
	  height: 70px;
	  box-sizing: border-box;
	  padding: 19px 0 0 16px;
	  font-size: 11px;
	}

	.contentArea .visual .bt_scroll::before {
	  content: "";
	  display: block;
	  position: absolute;
	  background: url(../images/img_scroll.png?v=1) no-repeat center center;
	  background-size: 142px auto;
	  width: 142px;
	  height: 70px;
	  transition: all ease 0.3s;
	  top: 0;
	  left: 0;
	  transform-origin: 50% -18%;
	}

	.contentArea .visual .bt_scroll:hover::before {
      transform: none;
      top: 0;
	}

	.contentArea .visual .bt_scroll span {
	  position: relative;
	  display: block;
	  text-align: center;
	  font-size: 10px;
	  width: 50px;
	  letter-spacing: 0.1em;
	}

	.contentArea .gmenu {
	  padding: 0;
	  height: 66px;
	  box-sizing: content-box;
	  margin-top: 40px;
	}
	.contentArea .gmenu .bt_menu {
      display: block;
    }
	.contentArea .gmenu .bt_menu {
      display: flex !important;
      background: #1D1D1D;
      width: 195px;
      text-align: center;
      font-size: 13px;
      color: #fff;
      line-height: 26px;
      border-radius: 100px;
      margin: 0 auto;
      position: relative;
      justify-content: center;
    }
	.contentArea .gmenu .bt_menu::before{
      content: "";
      width: 15px;
      height: 15px;
      background: url(../images/icon_plus.png) no-repeat center center;
      background-size: 15px auto;
      display: block;
      position: absolute;
      right: 16px;
      top: 50%;
      transform: translate(0, -50%) rotate(0deg);
      transition: all ease 0.3s;
    }
	.contentArea .gmenu .bt_menu.open::before {
      transform: translate(0, -50%) rotate(45deg);
    }
	.contentArea .gmenu .bt_menu::after {
      content: "CLOSE";
      overflow: hidden;
      width: 0;
      display: block;
      transition: all ease 0.3s;
      text-align: left;
      height: 25px;
    }
	.contentArea .gmenu .bt_menu.open::after {
      width: 48px;
      margin-left: 10px;
    }

	.contentArea .gmenu nav {
	  display: block;
	  transition: opacity ease 0.6s, background ease 0.6s;
	  padding: 20px 0;
	  position: relative;
	}

	.contentArea .gmenu.fixed nav {
	  position: fixed;
	  top: 66px;
	  left: 0;
	  z-index: 10000;
	  /* background: #fff; */
	  width: 100%;
	  padding: 20px 0;
	}

	.contentArea .gmenu nav ul {
	  align-items: center;
	  width: 90%;
	  margin: 0 auto;
	  transition: width 0.3s ease, left 0.3s ease, box-shadow 0.3s ease;
	  height: auto;
	  display: none;
	  position: absolute;
	  left: 5%;
	  top: 100%;
	  background: #fff;
	  padding: 16px 7% 20px 7%;
	  box-sizing: border-box;
	  z-index: 1000;
	  border-radius: 10px;
	  box-shadow: 0 0 6px rgba(0,0,0,0.1);
	}

	.contentArea .gmenu.fixed nav ul {
	  padding: 0 5% 30px 5%;
	  width: 100%;
	  left: 0;
	  box-shadow: 0 0 0 #fff;
	  border-radius: 0;
	}

	.contentArea .gmenu nav ul li {
	  margin-left: 0;
	}
	.contentArea .gmenu nav ul li.bt_story,
	.contentArea .gmenu nav ul li.bt_map  {
	  margin-left: 0;
	}

	.contentArea .gmenu nav ul li a {
	  text-align: center;
	  font-size: 13px;
	  font-weight: bold;
	  line-height: 1.5em;
	  position: relative;
	  display: block;
	  padding: 7px 10px;
	}
	.contentArea .gmenu nav ul li.bt_map a {
	  padding-right: 10px;
	  background: none;
	}
	.contentArea .gmenu nav ul li.bt_map a:hover {
	  background: none;
	}
	.contentArea .gmenu nav ul li a br {
      display: none;
    }

	.contentArea .gmenu nav ul li a.ti {
	  text-indent: -0.5em;
	}

	.contentArea .gmenu nav ul li a::before, .contentArea .gmenu nav ul li a::after {
	  content: "";
	  width: 1px;
	  position: absolute;
	  height: 10px;
	  background: #000;
	  transform: rotate(-45deg);
	  left: -4px;
	  display: none;
	  bottom: 5px;
	}

	.contentArea .gmenu nav ul li a::after {
	  transform: none;
	  top: 5px;
	  left: 0;
	  height: 0px;
	  transition: all ease 0.3s;
	}

	.contentArea .gmenu nav ul li a:hover::after {
	  height: 35px;
	}

	.contentArea .gmenu nav ul li.bt_home {
	  margin-left: 0;
	  margin-right: 0;
	}

	.contentArea .gmenu nav ul li.bt_home a::before,
    .contentArea .gmenu nav ul li.bt_home a::after,
    .contentArea .gmenu nav ul li.bt_outline a::before,
    .contentArea .gmenu nav ul li.bt_outline a::after,
    .contentArea .gmenu nav ul li.bt_landplan a::before,
    .contentArea .gmenu nav ul li.bt_landplan a::after {
	  display: none;
	}

	.contentArea .gmenu nav ul li.bt_home a {
	  font-size: 13px;
	  font-weight: bold;
	  background: url(../images/icon_home.png) no-repeat right 43%;
	  background-size: 15px;
	  padding-right: 19px;
	  width: 75px;
	  margin: 0 auto;
	  padding-left: 0;
	}

	.contentArea .gmenu nav ul li.bt_residence {
	  margin-left: auto;
	  margin-top: 10px;
	}
	.contentArea .gmenu nav ul li.bt_residence a {
	  text-align: center;
	  padding: 7px 10px;
	  background: #eeeeee;
	  border-radius: 4px;
	}

	.contentArea .gmenu nav ul li.bt_residence a span {
	  display: inline-block;
	  font-size: 10px;
	  margin-left: 10px;
	}

	.contentArea .gmenu nav ul li.bt_outline,
	.contentArea .gmenu nav ul li.bt_landplan,
	.contentArea .gmenu nav ul li.bt_reservation,
	.contentArea .gmenu nav ul li.bt_request {
	  margin-left: auto;
	  margin-top: 10px;
	  background: #eeeeee;
	  padding: 0 5px;
	  border-radius: 6px;
	  display: flex;
	}
	.contentArea .gmenu nav ul li.bt_reservation,
	.contentArea .gmenu nav ul li.bt_request {
		background: #dbeada;
		right: auto;
		position: relative;
	}

	.contentArea .gmenu nav ul li.bt_outline a,
	.contentArea .gmenu nav ul li.bt_landplan a,
	.contentArea .gmenu nav ul li.bt_reservation a,
	.contentArea .gmenu nav ul li.bt_request a {
	  text-align: center;
	  padding: 7px 15px 7px 10px;
	  border-radius: 4px;
	  color: #777;
	  /* pointer-events: none; */
	  width: 100%;
	  box-sizing: border-box;
	  background: no-repeat;
	  box-shadow: none;
	  font-size: 13px;
	}
	.contentArea .gmenu nav ul li.bt_reservation:hover > a,
	.contentArea .gmenu nav ul li.bt_request:hover > a {
		background: none;
	}
	.contentArea .gmenu nav ul li.bt_outline .btbox,
	.contentArea .gmenu nav ul li.bt_landplan .btbox,
	.contentArea .gmenu nav ul li.bt_reservation .btbox,
	.contentArea .gmenu nav ul li.bt_request .btbox {
		display: block;
		position: relative;
		display: flex !important;
		justify-content: space-between;
		top: auto;
		left: auto;
		margin: 0;
		padding: 0;
		background: no-repeat;
		width: calc(100% - 80px);
	}
	.contentArea .gmenu nav ul li.bt_outline .btbox,
	.contentArea .gmenu nav ul li.bt_landplan .btbox,
	.contentArea .gmenu.fixed nav ul li.bt_outline .btbox, .contentArea .gmenu.fixed nav ul li.bt_landplan .btbox{
		background: none;
	}
	.contentArea .gmenu nav ul li.bt_outline .btbox a,
	.contentArea .gmenu nav ul li.bt_landplan .btbox a,
	.contentArea .gmenu nav ul li.bt_reservation .btbox a,
	.contentArea .gmenu nav ul li.bt_request .btbox a {
		width: 48%;
		text-align: left;
		padding: 7px 20px 7px 10px;
		background: #fff;
		border-radius: 4px;
		color: #000;
		pointer-events: auto;
		font-size: 13px;
	}
	.contentArea .gmenu nav ul li.bt_outline .btbox a .icon_arrow2,
	.contentArea .gmenu nav ul li.bt_landplan .btbox a .icon_arrow2,
	.contentArea .gmenu nav ul li.bt_reservation .btbox a .icon_arrow2,
	.contentArea .gmenu nav ul li.bt_request .btbox a .icon_arrow2 {
		right: 10px;
	}
	.contentArea .gmenu nav ul li.bt_reservation .btbox a .icon_arrow2,
	.contentArea .gmenu nav ul li.bt_request .btbox a .icon_arrow2 {
		right: 10px;
		background-image: url(../images/icon_arrow.png);
	}

	.contentArea .gmenu nav ul li.bt_outline a span,
	.contentArea .gmenu nav ul li.bt_landplan a span,
	.contentArea .gmenu nav ul li.bt_reservation a span,
	.contentArea .gmenu nav ul li.bt_request a span {
	  display: inline-block;
	  font-size: 10px;
	  margin-left: 10px;
	}

	.contentArea.index .residence {
		background: #fff;
		padding: 50px 5% 40px 5%;
	}
	.contentArea.index .residence a {height: 210px;display: flex;background: url(../images/bg_residence2_sp.jpg?v=1) no-repeat center center  / cover;justify-content: center;align-items: center;position: relative;}
	.contentArea.index .residence a::before {
		content: "";
		transition: all ease 0.3s;
		position: absolute;
		left: 0;
		top: 0;
		background: #000;
		width: 100%;
		height: 100%;
		opacity: 0.45;
	}
	.contentArea.index .residence a:hover::before {
		opacity: 0.45;
	}
	.contentArea.index .residence a::after {
		content: "";
		position: absolute;
		width: 100px;
		height: 100%;
		left: auto;
		right: 0;
		bottom: 0;
		background: url(../images/txt_residence_no6.png) no-repeat right 3px  top 20px / 80px, url(../images/txt_residence_no7.png) no-repeat right 3px  bottom 4px / 80px;
		display: none;
	}
	.contentArea.index .residence a .label {position: absolute;left: 0;top: 0;background: #202020;color: #fff;font-size: 14px;padding: 3px 16px;}
	.contentArea.index .residence a .txt {
		transition: background ease 0.3s;
		width: 250px;
		position: relative;
		margin-top: 20px;
	}
	.contentArea.index .residence a .txt img {
		transition: all ease 0.3s;
	}
	.contentArea.index .residence a:hover {
		opacity: 1;
	}
	.contentArea.index .residence a:hover .txt {
		background: none;
	}
	.contentArea.index .residence a:hover .txt img {
		opacity: 1;
	}
	.contentArea.index .residence .text {
		text-align: center;
		font-size: 14px;
		margin-top: 12px;
		line-height: 1.8em;
	}
	/*============================
	#intro
	============================*/

	.contentArea .intro {
	  position: relative;
	  margin-top: 24px;
	}

	.contentArea .intro::before {
	  content: "Image photo";
	  position: absolute;
	  right: 0;
	  width: 95%;
	  height: 220px;
	  background: url(../images/img_intro.jpg) no-repeat center 0%;
	  background-size: cover;
	  top: 0;
	  font-size: 9px;
	  box-sizing: border-box;
	  padding: 7px;
	  justify-content: right;
	  display: flex;
	  align-items: end;
	  filter: blur(30px);
	  opacity: 0;
	  transition: all ease 1.5s;
	  margin-top: 20px;
	}

	.contentArea .intro.active::before {
	  filter: blur(0);
	  opacity: 1;
	  margin-top: 0;
	}

	.contentArea .intro>.inner {
	  width: 90%;
	  margin: 0 auto;
	  padding-top: 270px;
	  position: inherit;
	}

	.contentArea .intro .copy {
	  width: 310px;
	}

	.contentArea .intro .text {
	  font-size: 14px;
	  line-height: 1.8em;
	  margin-top: 36px;
	}

	.contentArea .intro .copy2 {
	  width: 160px;
	  margin-top: 35px;
	}

	.contentArea .intro .note {
	  text-align: left;
	  font-size: 10px;
	  line-height: 1.6em;
	  margin: 50px auto 0 auto;
	  width: 90%;
	}


	/*============================
	#park
	============================*/

	.contentArea .sec {
	  margin-top: 50px;
	  position: relative;
	}

	.contentArea .sec.park {
	  margin-top: 60px;
	}

	.contentArea .sec::before, .contentArea .sec::after {
	  content: "";
	  position: absolute;
	  right: 0;
	  width: 95%;
	  height: 340px;
	  background: url(../images/bg_feature1.jpg) no-repeat center center;
	  background-size: cover;
	  top: 0;
	}
	.contentArea .sec.park::before {
	  background-size: 170% auto;
	}

	.contentArea .sec::after {
	  background-image: url(../images/img_feature1.jpg);
	  left: 0;
	  top: 130px;
	  right: auto;
	  width: 95%;
	  height: 250px;
	  content: "Image photo";
	  display: flex;
	  align-items: end;
	  color: #fff;
	  font-size: 9px;
	  box-sizing: border-box;
	  padding: 7px;
	  filter: blur(30px);
	  opacity: 0;
	  transition: all ease 1.5s;
	  margin-top: 20px;
	}

	.contentArea .sec.active::after {
	  filter: blur(0);
	  opacity: 1;
	  margin-top: 0;
	}

	.contentArea .sec>.inner {
	  position: relative;
	  z-index: 100;
	  padding-top: 10px;
	  width: auto;
	  margin: 0 auto;
	}

	.contentArea .sec h2 {
	  display: flex;
	  font-size: 14px;
	  font-weight: bold;
	  flex-wrap: wrap;
	  margin-left: auto;
	  justify-content: right;
	  line-height: 1.6em;
	  margin-top: 30px;
	  text-align: right;
	  margin-right: 5%;
	}

	.contentArea .sec h2 span span {
	  text-indent: 0;
	  display: block;
	  font-size: 11px;
	  font-weight: normal;
	  line-height: 1.6em;
	  margin-top: 6px;
	}

	.contentArea .sec .info {
	  width: 90%;
	  margin: 305px auto 0 auto;
	}

	.contentArea .sec .info .copy {
	  width: auto;
	  position: relative;
	  left: 20px;
	  opacity: 0;
	  transition: 1s ease opacity, 1.5s ease left;
	  background: #fff;
	}
	.contentArea .sec .info .copy img {
      width: 263px;
      margin: -20px 0 -20px;
    }

	.contentArea .sec.town .info .copy, .contentArea .sec.quality .info .copy {
	  left: -20px;
	}

	.contentArea .sec .info .copy.active {
	  left: 0;
	  opacity: 1;
	  overflow: hidden;
	}

	.contentArea .sec .info .lead {
	  font-size: 18px;
	  margin-top: 30px;
	}

	.contentArea .sec .info .text {
	  margin-top: 15px;
	  font-size: 13px;
	}

	.contentArea .sec .detail {
      position: relative !important;
      margin: 30px 0px 0 0 !important;
      width: auto !important;
      height: auto !important;
    }
	.contentArea .sec .detail > div {
      position: relative;
      top: auto !important;
      left: auto !important;
    }
	.contentArea .sec .detail > div p {
      font-size: 10px;
      margin-top: 7px;
      line-height: 1.6em;
    }
	
    .contentArea .sec.park .detail .img1 {
      width: 90%;
      margin: 0 auto;
    }
    .contentArea .sec.park .detail .img2 {
      width: 90%;
      margin: 35px auto 0 auto;
    }
    .contentArea .sec.park .detail .fbox {
      width: 90%;
      margin: 25px auto 0 auto;
      display: flex;
      justify-content: space-between;
    }
    .contentArea .sec.park .detail .img3 {
      width: 48%;
    }
    .contentArea .sec.park .detail .img4 {
      width: 48%;
      margin-top: 0;
    }
    .contentArea .sec.park .detail .img5 {
      width: 90%;
      margin: 30px auto 0 auto;
    }
    .contentArea .sec.park .detail .img6 {
      width: 100%;
      margin-top: 40px;
    }
 

	/*============================
	#town
	============================*/
	.contentArea .sec.town {
	  margin-top: 50px;
	}
	.contentArea .sec.town::before {
	  background-image: url(../images/bg_feature2.jpg);
	  right: auto;
	  left: 0;
	}
	.contentArea .sec.town::after {
	  background-image: url(../images/img_feature2.jpg);
	  left: auto;
	  right: 0;
	  justify-content: right;
	  color: #000;
	}
	.contentArea .sec.town h2 {
	  justify-content: left;
	  text-indent: -0.5em;
	  text-align: left;
	  margin-left: 5%;
	}
	.contentArea .sec.town .info {
	  margin-left: 5%;
	}
    .contentArea .sec.town .detail .img1 {
      width: 86%;
      margin: 0 0 0 9%;
    }
    .contentArea .sec.town .detail .img2 {
      width: 90%;
      margin: 30px auto 0 auto;
    }
    .contentArea .sec.town .detail .img3 {
      width: 563px;
      top: 357px;
      left: 490px;
      align-items: start;
    }
    .contentArea .sec.town .detail .img3 .fbox {
      display: flex;
      width: auto;
      justify-content: space-between;
    }
    .contentArea .sec.town .detail .img3 img {width: 48%;}
    .contentArea .sec.town .detail .img3 {margin: 23px auto 0 auto;width: 90%;}
    .contentArea .sec.town .detail .img3 .fbox p {margin-top: -5px;width: 48%;}
    .contentArea .sec.town .detail .img3 > p {position: relative;width: auto;top: auto;left: auto;font-size: 12px;line-height: 2em;margin-top: 22px;}
    .contentArea .sec.town .detail .img4 {
      display: block;
      width: 90%;
      margin: 35px auto 0 auto;
    }
    .contentArea .sec.town .detail .img4 .info {margin: 20px auto 0 auto;width: auto;}
    .contentArea .sec.town .detail .img4 p {margin-top: -7px;}
    .contentArea .sec.town .detail .img4 p + p {margin: 16px 0 0 0;font-size: 12px;line-height: 2em;}
    .contentArea .sec.town .detail .img4 img {
      width: 556px;
    }
    .contentArea .sec.town .detail .img5 {
      width: 100%;
      margin: 30px 0 0 0;
    }

	/*============================
	#shopping
	============================*/
	.contentArea .sec.shopping {
	  margin-top: 60px;
	}
	.contentArea .sec.shopping::before {
	  background-image: url(../images/bg_feature3.jpg);
	}
	.contentArea .sec.shopping::after {
	  background-image: url(../images/img_feature3.jpg);
	  color: #000;
	}
	.contentArea .sec.shopping h2 {
	  margin-top: 30px;
	}
	.contentArea .sec.shopping .info {
	  margin-top: 305px;
	}
    .contentArea .sec.shopping .detail .img1 {
      width: 80%;
      margin: 0 auto;
    }
    .contentArea .sec.shopping .detail .img2 {
      width: 90%;
      margin: 35px auto 0 auto;
    }
    .contentArea .sec.shopping .detail .img3 {
      width: 90%;
      margin: 30px auto 0 auto;
    }
    .contentArea .sec.shopping .detail .img4 {
      width: 90%;
      margin: 20px auto 0 auto;
    }
    .contentArea .sec.shopping .detail .img5 {
      width: 100%;
      margin: 40px 0 0 0;
    }


	/*============================
	#quality
	============================*/
	.contentArea .sec.quality {
	  margin-top: 60px;
	}
	.contentArea .sec.quality::before {
	  background-image: url(../images/bg_feature4.jpg);
	  right: auto;
	  left: 0;
	}
	.contentArea .sec.quality::after {
	  background-image: url(../images/img_feature4.jpg);
	  left: auto;
	  right: 0;
	  justify-content: right;
	}
	.contentArea .sec.quality h2 {
	  justify-content: left;
	  margin-left: 5%;
	  text-align: left;
	}
	.contentArea .sec.quality .info {
	  margin-left: auto;
	  margin-top: 305px;
	  width: 90%;
	}
	.contentArea .sec.quality .info .lead {
	  margin: 30px 0 0 0;
	}
	.contentArea .sec.quality .info .text {
	  margin: 15px 0 0px 0;
	  width: auto;
	}
    .contentArea .sec.quality .info .text .bt_proposal {
      width: auto;
      font-size: 14px;
      margin-top: 24px;
    }
	/*============================
	#proposal
	============================*/
	.contentArea .proposal {
	  position: relative;
	  margin-top: 0;
	}
	.contentArea .proposal::before, .contentArea .proposal::after {
	  background: #7C7972;
	  content: "";
	  display: block;
	  position: absolute;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  top: 0;
	}
	.contentArea .proposal::after {
	  width: 90%;
	  height: 210px;
	  background: url(../images/img_proposal1.jpg) no-repeat center center;
	  background-size: cover;
	  top: 145px;
	  left: 5%;
	  filter: blur(20px);
	  opacity: 0;
	  transition: all ease 1.5s;
	  margin-top: 0;
	}
	.contentArea .proposal.active::after {
	  filter: blur(0);
	  opacity: 1;
	  left: 5%;
	  top: 125px;
	}
	.contentArea .proposal>.inner {
	  position: relative;
	  width: 90%;
	  margin: 0 auto;
	  padding: 60px 0;
	  color: #fff;
	  z-index: 100;
	}
	.contentArea .proposal h2 {
	  font-size: 13px;
	  font-weight: bold;
	  text-align: center;
	  width: 220px;
	  line-height: 36px;
	  border: 1px solid #fff;
	  margin: 0 auto;
	}
	.contentArea .proposal .info {
	  width: auto;
	  margin: 270px 0 0 auto;
	}
	.contentArea .proposal .info .lead {
	  font-size: 15px;
	  font-weight: bold;
	}
	.contentArea .proposal .info .text {
	  font-size: 12px;
	  margin-top: 15px;
	}
	.contentArea .proposal .info ul {
	  display: flex;
	  justify-content: space-between;
	  flex-wrap: wrap;
	  margin-top: 35px;
	}
	.contentArea .proposal .info ul li {
	  width: 48%;
	  margin-top: 25px;
	}
	.contentArea .proposal .info ul li:nth-child(-n+2) {
	  margin-top: 0;
	}
	.contentArea .proposal .info ul li img {}
	.contentArea .proposal .info ul li p {
	  font-size: 11px;
	  font-weight: bold;
	  margin-top: 10px;
	  text-align: center;
	}
    .contentArea .proposal .info .bt_more {
      font-size: 14px; 
    }

	/*============================
	#location
	============================*/
	.contentArea .sec2 h2 {
	  font-size: 18px;
	  text-align: center;
	  font-weight: bold;
	  letter-spacing: 0.05em;
	}
	.contentArea .location {
	  margin-top: 60px;
	  background: #CEDBD0;
	  padding-bottom: 40px;
	}
	.contentArea .location>.inner {}
	.contentArea .location .img {
	  width: 100%;
	  margin-bottom: 40px;
	  filter: blur(20px);
	  opacity: 0;
	  transition: all ease 1.5s;
	}
	.contentArea .location.active .img {
	  filter: blur(0);
	  opacity: 1;
	}
	.contentArea .location .map {
	  width: 90%;
	  margin: 25px auto 0 auto;
	}
	.contentArea .location .map iframe {
	  width: 100%;
	  display: block;
	  height: 280px;
	}
	.contentArea .location .address {
	  text-align: center;
	  margin-top: 20px;
	  font-size: 13px;
	}
	.contentArea .location .address span {
	  font-weight: bold;
	}
	.contentArea .location .bt_map {
	  display: flex;
	  align-items: center;
	  background: #F3F3F3;
	  font-size: 10px;
	  width: 160px;
	  line-height: 26px;
	  border-radius: 100px;
	  padding-left: 14px;
	  font-weight: bold;
	  margin: 15px auto 0 auto;
	  position: relative;
	  left: auto;
	  box-sizing: border-box;
	}
	.contentArea .location .bt_map:hover {
	  background: #000;
	  color: #fff;
	}

	/*============================
	#lifeinfo
	============================*/
	.contentArea .lifeinfo {}
	.contentArea .lifeinfo>.inner {
	  padding: 40px 0;
	}
	.contentArea .lifeinfo h2 {}
	.contentArea .lifeinfo .tab {
	  justify-content: center;
	  margin-top: 22px;
	  flex-direction: column;
	  align-items: center;
	}
	.contentArea .lifeinfo .tab a {
	  font-size: 14px;
	  font-weight: bold;
	  padding: 5px 20px;
	  display: flex;
	  align-items: center;
	}
	.contentArea .lifeinfo .tab a::after {
	  background: url(../images/img_now.png) no-repeat center left;
	  content: "";
	  background-size: 89px auto;
	  width: 0px;
	  height: 21px;
	  display: block;
	  margin-left: 0;
	  transition: all 0.3s ease;
	}
	.contentArea .lifeinfo .tab a.active::after {
	  width: 89px;
	  margin-left: 20px;
	}
	.contentArea .lifeinfo .tab .tab2 {}
	.contentArea .lifeinfo .tab .tab2 span {}
	.contentArea .lifeinfo .tab_inner {
	  display: block;
	  width: 90%;
	  margin: 30px auto 0 auto;
	  opacity: 0;
	  transition: all ease 1.5s;
	  flex-wrap: wrap;
	}
	.contentArea .lifeinfo .tab_inner.active {
	  opacity: 1;
	}
	.contentArea .lifeinfo .tab_inner>.inner {
	  display: flex;
	  width: 200%;
	  transition: all ease 0.3s;
	}
	.contentArea .lifeinfo .tab_inner.active_tab2>.inner {
	  transform: translate(-50%, 0);
	}
	.contentArea .lifeinfo .tab_inner>.inner>div {
	  transition: opacity 0.3s ease;
	  width: 100%;
	}
	.contentArea .lifeinfo .tab_inner ul {
	  display: flex;
	  flex-wrap: wrap;
	  justify-content: space-between;
	  width: 100%;
	}
	.contentArea .lifeinfo .tab_inner ul li {
	  width: 48%;
	  margin-top: 25px;
	}
	.contentArea .lifeinfo .tab_inner ul li:nth-child(-n+4) {
	  margin-top: 25px;
	}
	.contentArea .lifeinfo .tab_inner ul li:nth-child(-n+2) {
	  margin-top: 0;
	}
	.contentArea .lifeinfo .tab_inner ul li img {}
	.contentArea .lifeinfo .tab_inner ul li p {
	  font-size: 10px;
	  line-height: 1.6em;
	  margin-top: 10px;
	}
	.contentArea .lifeinfo .tab_inner .tab2 {
	  margin-left: 0;
	  opacity: 0;
	}
	.contentArea .lifeinfo .tab_inner.active_tab2 .tab1 {
	  opacity: 0;
	}
	.contentArea .lifeinfo .tab_inner.active_tab2 .tab2 {
	  opacity: 1;
	}
	.contentArea .lifeinfo .tab_inner .tab2 ul {}
	.contentArea .lifeinfo .tab_inner .tab2 ul li {}
	.contentArea .lifeinfo .tab_inner .tab2 ul li img {}
	.contentArea .lifeinfo .tab_inner .tab2 ul li p {}
	.contentArea .lifeinfo .tab.arrow {
	  margin-top: 30px;
	  flex-direction: row;
	}
	.contentArea .lifeinfo .tab.arrow a {
	  display: block;
	  background: #fff;
	  border-radius: 100px 0 0 100px;
	  width: 56px;
	  padding: 0;
	  height: 36px;
	  text-indent: -9999px;
	  overflow: hidden;
	  position: relative;
	}
	.contentArea .lifeinfo .tab.arrow a:hover {
	  background: #fff;
	  opacity: 1;
	}
	.contentArea .lifeinfo .tab.arrow a::before {
	  content: "";
	  display: block;
	  position: absolute;
	  width: 11px;
	  height: 11px;
	  border-top: 1px solid #000;
	  border-right: 1px solid #000;
	  top: 13px;
	  left: 20px;
	  transform: rotate(-135deg);
	  transition: all ease 0.3s;
	}
	.contentArea .lifeinfo .tab.arrow a.tab2::before {
	  transform: rotate(45deg);
	  left: auto;
	  right: 18px;
	}
	.contentArea .lifeinfo .tab.arrow a:hover::before {
	  border-color: #000;
	}
	.contentArea .lifeinfo .tab.arrow a::after {
	  display: none;
	}
	.contentArea .lifeinfo .tab.arrow .tab2 {
	  border-radius: 0 100px 100px 0;
	}
	.contentArea .lifeinfo .note {
	  text-align: left;
	  font-size: 10px;
	  margin: 30px auto 0 auto;
	  width: 90%;
	}

	/*============================
	#access
	============================*/
	.contentArea .access {
	  background: #E5E5E5;
	}
	.contentArea .access>.inner {
	  padding: 50px 0;
	}
	.contentArea .access h2 {}
	.contentArea .access .img1 {
	  width: 90%;
	  margin: 15px auto 0 auto;
	  opacity: 0;
	  transition: all ease 1.5s;
	  position: relative;
	}
	.contentArea .access .img1.active {
	  opacity: 1;
	}
	.contentArea .access .title {
	  width: 210px;
	  margin: 0 auto;
	  text-align: center;
	  font-size: 16px;
	  border-bottom: 1px solid #000;
	  padding: 2px 0;
	  margin-top: 32px;
	}
	.contentArea .access .img2 {
	  margin: 30px auto 0 auto;
	  width: 70%;
	  opacity: 0;
	  transition: all ease 1.5s;
	  position: relative;
	}
	.contentArea .access .img2.active {
	  opacity: 1;
	}
	.contentArea .access .note {
	  text-align: left;
	  font-size: 10px;
	  margin: 40px auto 0 auto;
	  width: 90%;
	}
	.contentArea .action {
	  padding: 20px 0 40px 0px;
	}
	.contentArea .action>.inner {
	  width: 90%;
	  margin: 0 auto;
	  align-items: center;
	  display: block;
	  justify-content: space-between;
	}
	.contentArea .action .logo {
	  max-width: initial;
	  width: 370px;
	  margin: 0 auto;
	  position: relative;
	  left: 7px;
	  }
	.contentArea .action .logo img {
	width: 104%;
	}
	.contentArea .action .logo ul {
		display: flex;
		position: absolute;
		left: 0;
		top: 89px;
		z-index: 100;
	}
	.contentArea .action .logo ul li {
		position: relative;	
	}
	.contentArea .action .logo ul li a:hover {
		opacity: 1;
	}
	 
	.contentArea .action .logo ul li.bt_outline {
		margin-left: 5px;
	}
	.contentArea .action .logo ul li.bt_outline .btbox,
	.contentArea .action .logo ul li.bt_landplan .btbox {
		position: absolute;
		top: 41px;
		background: #fff;
		display: none;
		padding: 2px 15px 5px 15px;
		left: 0;
		width: 100%;
		border-radius: 4px;
		text-align: center;
	}
	.contentArea .action .fbox ul li.bt_reservation .btbox,
	.contentArea .action .fbox ul li.bt_request .btbox {
		position: absolute;
		top: auto;
		background: #202020;
		display: none;
		padding: 10px 5px 10px 5px;
		left: 0;
		width: 100%;
		border-radius: 4px;
		margin-top: -10px;
	}
	.contentArea .action .logo ul li.bt_outline .btbox,
	.contentArea .action .logo ul li.bt_landplan .btbox {
		background: #f2f3ee;
	}
	.contentArea .action .logo ul li.bt_outline .btbox,
	.contentArea .action .logo ul li.bt_landplan .btbox {
		background: #ffffff;
	}
	.contentArea .action .logo ul li.bt_outline .btbox a,
	.contentArea .action .logo ul li.bt_landplan .btbox a,
	.contentArea .action .fbox ul li.bt_reservation .btbox a,
	.contentArea .action .fbox ul li.bt_request .btbox a {
		font-size: 12px;
		padding-right: 0;
		position: relative;
		display: block;
		padding: 5px 0;
		font-weight: bold;
	}
	.contentArea .action .fbox ul li.bt_reservation .btbox a,
	.contentArea .action .fbox ul li.bt_request .btbox a {color: #fff;padding: 6px 18px;text-align: center;font-size: 15px;}
	.contentArea .action .logo ul li.bt_outline .btbox a .icon_arrow2,
	.contentArea .action .logo ul li.bt_landplan .btbox a .icon_arrow2 {
		right: 5px;
	}
	.contentArea .action .fbox ul li.bt_reservation .btbox a .icon_arrow2,
	.contentArea .action .fbox ul li.bt_request .btbox a .icon_arrow2 {
		right: 12px;
		background-image: url(../images/icon_arrow_w.png);
	}
	
	.contentArea .action .logo ul li.bt_outline > a,
	.contentArea .action .logo ul li.bt_landplan > a,
	.contentArea .action .fbox ul li.bt_reservation > a,
	.contentArea .action .fbox ul li.bt_request > a {
	  z-index: 10;
	  font-size: 9px;
	  font-weight: bold;
	  line-height: 1.5em;
	  display: block;
	  padding: 10px 0px 10px 0px;
	  text-align: center;
	  left: 0;
	  top: 115px;
	  background: #fff;
	  border-radius: 4px;
	  width: 82px;
	  box-sizing: border-box;
	  color: #000;
	}
	.contentArea .action .fbox ul li.bt_reservation > a,
	.contentArea .action .fbox ul li.bt_request > a {
		background: #202020;
		color: #fff;
		font-size: 16px;
		width: auto;
		transition: none;
		padding: 15px 10px 15px 10px;
	}
	.contentArea .action .logo ul li.bt_outline > a:hover,
	.contentArea .action .logo ul li.bt_landplan > a:hover {
		color: #000;
	}
	.contentArea .action .fbox ul li.bt_reservation:hover > a,
	.contentArea .action .fbox ul li.bt_request:hover > a {
		background: #202020;
		opacity: 1;
	}
	.contentArea .action .logo ul li.bt_outline > a .icon_arrow2,
	.contentArea .action .logo ul li.bt_landplan > a .icon_arrow2,
	.contentArea .action .fbox ul li.bt_reservation > a .icon_arrow2,
	.contentArea .action .fbox ul li.bt_request > a .icon_arrow2 {
		display: none;
	}
	
	.contentArea .action .logo ul li.bt_outline a span,
	.contentArea .action .logo ul li.bt_landplan a span {
	  display: block;
	  font-size: 10px;
	}
	.contentArea .action .fbox {
	  width: auto;
	  margin-top: 20px;
	}
	.contentArea .content_footer {
	  background: #e5e5e5;
	  padding: 45px 0;
	}
	.contentArea .content_footer>.inner {
	  width: 90%;
	  display: block;
	  justify-content: space-between;
	  align-items: center;
	  margin: 0 auto;
	}
	.contentArea .content_footer {}
	.contentArea .content_footer img {
	  width: 260px;
	  margin: 0 auto 0 auto;
	  padding-right: 10px;
	}
	.contentArea .content_footer .box {
  margin-top: 22px;
  text-align: center;
}
	.contentArea .content_footer .box .tel {
	  display: block;
	  align-items: center;
	}
	.contentArea .content_footer .box .tel p {
	  font-size: 14px;
	  font-weight: bold;
	  margin-right: 0;
	}
	.contentArea .content_footer .box .tel a {
	  font-size: 28px;
	  margin-top: 5px;
	}
	.contentArea .content_footer .box .text {
	  font-size: 10px;
	  margin-top: 10px;
	  line-height: 1.6em;
	}
	.contentArea .content_footer .box .title {
	  float: none;
	  font-size: 12px;
	  border: 1px solid #000;
	  font-weight: bold;
	  width: 110px;
	  line-height: 28px;
	  text-align: center;
	  margin: 0 auto 10px auto;
	}
}