@charset "utf-8";


h2 {
  font-size: clamp( 30px, 2.34vw,45px);
  margin-bottom: 0.8em;
  letter-spacing: 0.25em;
}
.topLead {
  font-size: clamp( 16px, 1.2vw,23px);
  margin-bottom: 0.8em;
}
.topText {
  font-size: clamp( 12px, 0.885vw,17px);
  line-height: 2.2em;
}
.ph_cap {
  font-size: 11px;
  text-align: right;
}

.leftBG_margin {
  margin-left: 10vw;
}

.topPH {
  display: flex;
  width:  33vw;
  justify-content: space-between;
}
.topPH > div {
  width: calc(16.5vw - 8.5px);
  margin-bottom: 17px;
}
.topPH > div:not(:last-of-type) {
  /*margin-right: 17px;*/
}


/* ---- */

.sectionHead {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #000;
  height: 37.5vw;
}
.section_head_BG {
  width: 100%;
  height: auto;
}
.sectionHead_ttl {
  position: absolute;
  height: 54px;
  width: auto;
}
.sectionHead_cap{
  color: #fff;
  position: absolute;
  right: 2%;
  bottom: 3%;
  /*以下黒フチ用*/
  -webkit-text-stroke: 2px #000;
  text-stroke: 2px #000;
  paint-order: stroke;
}


/* ----------------------- */
/* 1100*/
/* ----------------------- */

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

h2 {
  font-size: 4.5vw !important;
}

.topLead {
  font-size: 3vw !important;
}
.topText {
  font-size: 2.2vw !important;
}

.topPH {
  width:  88vw;
  margin-right: 0;
}
.topPH > div {
  width: 43.5vw;
  margin-bottom: 5vw;
}
.topPH > div > img {
  width: 100%;
}

.leftBG_margin {
  margin-left: 10vw;
  display: block!important;
}
}
/* ----------------------- */
/* sp */
/* ----------------------- */
@media screen and (max-width: 767px) {
h2 {
  font-size: 7vw !important;
  margin-left: 5vw;
}
.topLead {
  margin-left: 5vw;
  font-size: 4vw !important;
}
.topText {
  margin-left: 5vw;
  font-size: 3vw !important;
  letter-spacing: 0.01em;
}
.ph_cap {
  font-size: 2.5vw;
  padding-right: 1vw;
}
.leftBG_margin {
  margin-left: 0;
  display: block!important;
}

/* ---- */


.topPH {
  width:  98vw;
  margin-left: auto;
  margin-right: auto;
}
.topPH > div {
  width: 48vw;
  margin-bottom: 5vw;
}

/* ---- */

.sectionHead {
  height: 100vw;
}
.section_head_BG {
  display: none;
}
.sectionHead_ttl {
  height: 9vw;
}
}




/*　[メリット]---------------------------------------------------------------------　*/

.merit {
  width: 100%;
  text-align: center
}
.merit img{
  max-width: 1880px;
  width: 100%;
  margin: auto;
}

/* ----------------------- */
/* 1100*/
/* ----------------------- */

@media screen and (max-width: 1100px) {
.merit img.pc {
  width: 94%;
}
}



/*　/[メリット]---------------------------------------------------------------------　*/





/*　[エントリーボタン]---------------------------------------------------------------------　*/
.entry {
  background: linear-gradient(90deg, #675b55 0%, #4c423e 100%);
}
.entry_btn {
  text-align: center;
  padding: 50px 0 25px 0;
  display: flex;
  justify-content:center;
}
.entry_btn a {
  background-image: linear-gradient(90deg, #dbd4b2, #695d35 50%, #dbd4b2);
  display: flex;
  justify-content: center;
  align-items: center;
  width: clamp(340px , 20vw , 370px);
  height: 62px;
  box-shadow: 10px 5px 8px rgba(0,0,0,0.5);
  transition: 0.8s;
  position: relative;
}
.entry_btn a:first-of-type {
	margin-right: min(2vw , 25px);
}
.entry_btn a span {
  font-size: 25px;
  transition: 0.8s;
  color: #fff;
  letter-spacing: 0.2em;
}
.entry_btn a div {
  width: 10px;
  height: 10px;
  border-top: 2px solid #574c47;
  border-right: 2px solid #574c47;
  position: absolute;
  right: 20px;
  top:50%;
  transform: translateY(-50%) rotate(45deg);
  transition: 0.8s;
}
.entry_btn a:hover {
  filter: hue-rotate(-55deg);
}
.entry_btn a:hover div {
  border-color: #fff;
}


.entry_cap {
  font-size: 0.90rem;
  letter-spacing: 0;
  color: #ccc;
  text-align: center;
  padding-bottom: 1.5em;
}

/* ----------------------- */
/* sp */
/* ----------------------- */
@media screen and (max-width: 767px) {
.entry_btn {
  flex-direction: column;
  align-items: center;
}
.entry_btn a {
  width: 90vw;
  height: 15vw;
}
.entry_btn a:first-of-type {
	margin-right: 0;
	margin-bottom: 8vw;
}
.entry_btn a span {
  font-size: 6vw;
}
.entry_btn a div {
  width: 2.5vw;
  height: 2.5vw;
}
.entry_cap {
  font-size: min(3vw , 14px);
  padding: 1.5em 0 3em 0;
}
}
/*　/[エントリーボタン]---------------------------------------------------------------------　*/



/*　[MOMENT]---------------------------------------------------------------------　*/
.moment {
  text-align: center;
  background-image: url("../images/top/moment_bg.jpg");
  background-size:cover;
  background-position: bottom center;
  padding: 90px 0 20px 0;
  color: #fff;
}
.moment > * {opacity: 0;}
.moment img {width: auto;}
.moment_ttl1  {height: 72.5px;}
.moment_ttl2  {height: 20.5px;margin: 25px 0 45px 0;}
.moment_catch {height: 49.5px;margin: 35px 0 5px 0;}
.moment_cap {
  font-size: 12px;
  text-align: right;
  padding-right: 2em;
}
.moment_T {
  margin-bottom: 1em;
  font-size: 17px;
}


/* ----------------------- */
/* sp */
/* ----------------------- */
@media screen and (max-width: 767px) {
.moment {
  letter-spacing: 0;
  background-position: 38% 0;
  overflow: hidden;
}
.moment_ttl1  {height: 9vw;}
.moment_ttl2  {height: 4vw;}
.moment_catch {height: 8vw;margin-bottom: 9vw;}
.moment_T {font-size: 3.7vw;}
}

/*　/[MOMENT]---------------------------------------------------------------------　*/


/*　[ポジション]---------------------------------------------------------------------　*/
.position > div {
  display: flex;
  align-items: flex-end;
}

.position1_L {
  width: 56.25%;
  position: relative;
  color: #fff;
  margin-right: clamp(46px, 3.54vw, 68px);
}
.position1_L > div {
  position: absolute;
  padding: 0 1em;
}
.position1_L img:not(:first-of-type) {
  width: 100%;
  position: absolute;
  top:0;
  left: 0;
  opacity: 0;
}

.position_map {width: 100%;}

.position1_L img.position_map_T0 {
  position: absolute;
  opacity: 1;
  width: 13.27vw;
  top:14.7vw;
  left:11vw;
}

.position1_L img.position_ttl {
  position: absolute;
  opacity: 0;
  width: 17.91vw;
  top:18.7vw;
  left:35vw;
}
.position_cap {
  top:45.5vw;
  right:1vw;
  color: #000;
}

/*----*/

.position h2 {
}
.position1_R .topText {margin-bottom: clamp(46px, 3.54vw, 68px);}

/*----*/

.position2 {
  align-items: flex-end;
  margin-top: 4vw;
}

.position2_L {
  width: 42vw;
  margin-right: 4.68vw;
}

.position2_L .topText {margin-bottom: clamp(32px, 2.5vw, 48px);}

.position2_ph {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.position2_ph > div {
  width: 9.8vw;
}
.position2_ph > div > img {
  width: 100%;
}
.position2_ph > div > img:first-of-type {
  margin-bottom: 0.8em;
}

.position2_ph > div > div {font-size: 10px;}

.position2_R img {
  width: 36vw;
}


/* ----------------------- */
/* 1100 */
/* ----------------------- */
@media screen and (max-width: 1100px) {
.position h2 {
  margin-top: 10vw;
}

.position1 {
  margin-left: 10vw;
}

.position1_L.pc {
  display: none;
}

.position1_L {
  width: 80vw;
  height:108.8vw;
  overflow: hidden;
  margin-right:0;
  margin-bottom: 8vw;
}
.position h2 {
  margin-top: 10vw;
}
.position .topText {
}

.position1_L {
  width: 88vw;
  height: auto;
}
.position_cap {
  top:70vw;
}
.position1_L img.position_ttl {
  width: 50vw;
  top:22vw;
  left: 29vw;
}
/*---*/
.position2_L {
  width: 88vw;
  margin-right: 0;
}
.position2_L .ph_cap {
  width: 88vw;
}
/*---*/

.position2_ph {
  width: 88vw;
}
.position2_ph > div {
  width: 21.5vw;
}
/*---*/
.position2_R img {
  width: 88vw;
  margin: 5vw 0 16vw;
}
}




/* ----------------------- */
/* sp */
/* ----------------------- */
@media screen and (max-width: 767px) {
.position1 {
  margin-left: 0;
}
.position h2 {
  margin-top: 10vw;
  margin-left: 5vw;
}
.position .topText {
  margin-left: 5vw;
}

.position1_L {
  width: 100vw;
  height:136vw;
  overflow: hidden;
  margin-left: 0;
  margin-right:0;
  margin-bottom: 8vw;
}
.position_map_width {
  position: absolute;
  max-width: none;
  width: 159vw !important;
  left:-14vw !important;
}
.position_cap {
  top:130vw;
  right: inherit;
  left: 1vw;
}
.position1_L img.position_map_T0 {
  width: 41vw;
  top:38.7vw;
  left: 16vw;
}
.position1_L img.position_ttl {
  width: 59vw;
  top:2vw;
  left: 23vw;
}

/*---*/
.position2_L {
  width: 100vw;
  margin-right: 0;
}
.position2_L .ph_cap {
  width: 99vw;
}

/*---*/

.position2_ph {
  width: auto;
  flex-wrap: wrap;
  margin-left: 1vw;
  margin-right: 1vw;
}
.position2_ph > div {
  width: 48vw;
}

.position2_ph > div:nth-of-type(3),
.position2_ph > div:nth-of-type(4) {
  margin-top: 3vw;
}

.position2_ph > div > div {font-size: 2.5vw;}

/*---*/
.position2_R img {
  width: 98vw;
  margin: 5vw 1vw 16vw;
}
}
/*　/[ポジション]---------------------------------------------------------------------　*/



/*　[パークフロント]---------------------------------------------------------------------　*/

.parkfront .sectionHead {
  background-image: url("../images/top/parkfront_BG.jpg");
  background-size:100%;
}

/*----*/

.parkfront2 {
  display: flex;
  align-items: flex-end;
}

.parkfront h2 {
  margin-top: clamp(56px, 4.43vw, 85px);
}
.parkfront2_L .topText {margin-bottom: clamp(32px, 2.5vw, 48px);}

.parkfront2_L {
  width: 42.5vw;
  margin-right: 2vw;
}


.parkfront2_R {
  width: 37.5vw;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.parkfront2_R figure {
  width: 33vw;
  margin-bottom: clamp(16px, 1.25vw, 24px);
}
.parkfront2_R .topPH > div {
  margin-bottom: 0;
}

.parkfront2_R_T {
  color: #fff;
  font-size: 0.7vw;
  background-color: rgba(0,0,0,0.4);
  position: absolute;
  padding: 0 0.5em;
  text-align: center;
}
.parkfront2_R_T1 {top:10vw;left:21.5vw;}
.parkfront2_R_T2 {top:17.5vw;left:0.8vw;}

/*----*/

.parkfront2_br_block {
  display: none;
}

/* ----------------------- */
/* 1100 */
/* ----------------------- */
@media screen and (max-width: 1100px) {


.parkfront2_L {
  width: 88vw;
  margin-right: 0;
}

.parkfront2_R {
  width: 88vw;
  margin-bottom: 16vw;
}
/*----*/
.parkfront2_R figure {
  width: 88vw;
  margin-top: 7vw;
}
/*----*/
.parkfront2_R_T {
  font-size: 2vw;
}
.parkfront2_R_T1 {
  top: 18vw;
  left: 48.5vw;
}
.parkfront2_R_T2 {
  top: 34.5vw;
  left: 0.8vw;
}
/*----*/

.parkfront2_br_block {
  display: block;
}
.parkfront2_br_none {
  display: none;
}

}


/* ----------------------- */
/* sp */
/* ----------------------- */
@media screen and (max-width: 767px) {
.parkfront h2 {
  margin-top: 10vw;
}
.parkfront .sectionHead {
  background-size:190%;
}

.parkfront2_L {
  width: 98vw;
  margin-right: 0;
}
.parkfront2_L figure {
  overflow: hidden;
}
.parkfront2_L figure > img {
  transform: translateX(5vw);
}
.parkfront2_R figure {
  width: 98vw;
  margin-top: 7vw;
}
.parkfront2_R {
  width: 98vw;
  margin-left: 1vw;
  margin-right: 1vw;
  margin-bottom: 16vw;
}
.parkfront2_R_T {
  font-size: 2.7vw;
}
.parkfront2_R_T1 {
  top: 21vw;
  left: 54.5vw;
}
.parkfront2_R_T2 {
  top: 37.5vw;
  left: 23.8vw;
}

/*----*/

.parkfront2_br_block {
  display: none;
}
.parkfront2_br_none {
  display: block;
}


}
/*　/[パークフロント]---------------------------------------------------------------------　*/



/*　[デザイン]---------------------------------------------------------------------　*/

.design .sectionHead {
  background-image: url("../images/top/design_BG.jpg");
  background-size:100%;
}

/*----*/

.design2 {
  display: flex;
  align-items: flex-end;
}

.design h2 {
  margin-top: clamp(56px, 4.43vw, 85px);
}

.design2_L {
  width: 37.5vw;
  margin-right: 4.68vw;
}



.design2_R .topText {margin-bottom: clamp(32px, 2.5vw, 48px);}
.design2_R .topPH > div {
  margin-bottom: 0;
}

/* ----------------------- */
/* 1100 */
/* ----------------------- */
@media screen and (max-width: 1100px) {

.design {
  padding-bottom: 16vw;
}

.design2_L {
  width: 88vw;
  margin-right: 0;
  margin-top: 1vw;
}
.design2_R h2 {
  margin-top: -11vw;
}

}
/* ----------------------- */
/* sp */
/* ----------------------- */
@media screen and (max-width: 767px) {
.design .sectionHead {
  background-size:200%;
}

.design2_L {
  width: 98vw;
  margin-right: 1vw;
  margin-left: 1vw;
  margin-top: 1vw;
}
.design2_R h2 {
  margin-top: -11vw;
}

}
/*　/[デザイン]---------------------------------------------------------------------　*/



/*　[プラン]---------------------------------------------------------------------　*/

.plan .sectionHead {
  background-image: url("../images/top/plan_BG.jpg");
  background-size:100%;
}

/*----*/

.plan2 {
  padding-top: clamp(32px, 2.5vw, 48px);
}

.plan h2 {
  margin-top: clamp(56px, 4.43vw, 85px);
}
.plan2_L .topText {margin-bottom: clamp(32px, 2.5vw, 48px);}

.plan2_L {
  margin-right: 4.68vw;
}


.plan2_R {
  display: flex;
  justify-content:space-between;
  width: min(90vw , 1470px);
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
}


.plan2_R a {
  height: auto;
  width: 31%;
  margin-bottom: min(3vw , 50px);
  box-shadow: 0 0 15px rgba(0,0,0,0.3);
  transition: .4s;
  background-color: #fff;
}

.plan2_R img:first-of-type {
  margin-right: 3.3vw;
}
.plan2_R a:not([tabindex="-1"]):hover {
  box-shadow: 10px 10px 30px rgba(0,0,0,0.3);
  transform: translateX(-1%) translateY(-1%) scale(1.05);
}

.plan2_R > div {
  width: 100%;
  text-align: right;
  margin-bottom: 5vw;
}


/* ----------------------- */
/* 1100 */
/* ----------------------- */
@media screen and (max-width: 1100px) {

.plan2 {
  padding-top: 0;
}

}
/* ----------------------- */
/* sp */
/* ----------------------- */
@media screen and (max-width: 767px) {
.plan .sectionHead {
  background-size:200%;
}
.plan2 {
  padding-top: 0;
}
.plan2_L h2 {
  margin-top: 10vw;
}

.plan2_R {
  flex-direction: column;
  align-items: center;
}
.plan2_R a {
  width: 80%;
  margin-bottom: 8vw;
}
.plan2_R > div.annotation > span {
  display: block;
  text-align: left;
  text-indent: -1em;
  margin-left: 1em;
}
}
/*　/[プラン]---------------------------------------------------------------------　*/



/*　[ブランド]---------------------------------------------------------------------　*/

.brand .sectionHead {
  background-image: url("../images/top/brand_BG.jpg");
  background-size:100%;
}

/*----*/

.brand2 {
  margin-top: clamp(32px, 2.5vw, 48px);
  margin-left: auto;
  margin-right: auto;
  width: min(80vw , 1345px);
  background-color: #f8f8f8;
}

.brand2_wrap {
  text-align: center;
  padding: min(8vw , 110px) min(0.6vw , 9px);
}
.brand2_wrap > img {
  height: min(2.8vw , 38px);
}

.brand2_catch {
  font-size: clamp(15px, 1.6vw, 23px);
  margin: 1.2em 0;
}


.brand2_ph {
  width: 90%;
  margin-top: min(6vw , 80px);
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
}

.brand2_ph > div {
  width: 31%;
}
.brand2_ph div.ph_cap {
  text-align: left;
}



/* ----------------------- */
/* 1150 */
/* ----------------------- */
@media screen and (max-width: 1150px) {

.brand2_txt {
  text-align: justify;
  padding-left: 4vw;
  padding-right: 4vw;
}
.brand2_txt br {
display: none;
}

}
/* ----------------------- */
/* 1100 */
/* ----------------------- */
@media screen and (max-width: 1100px) {

.brand2 {
  width: 96vw;
}
.brand2_wrap > img {
  height: min(4.2vw , 57px);
}

.brand2_catch {
  font-size: 2.7vw;
}

}
/* ----------------------- */
/* sp */
/* ----------------------- */
@media screen and (max-width: 767px) {
.brand .sectionHead {
  background-size:200%;
}
.brand2_wrap > img {
  height: 8vw;
}
.brand2_catch {
  font-size: 4.6vw;
}

.brand2_ph {
  flex-direction: column;
  align-items: center;
}
.brand2_ph > div {
  width: 100%;
}
.brand2_ph > div:not(:first-of-type) {
  margin-top: 5vw;
}


}
/*　/[ブランド]---------------------------------------------------------------------　*/