@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit; }

a:hover {
  opacity: 0.7; }

img {
  padding: 0;
  font-size: 0;
  line-height: 0;
  max-width: 100%;
  vertical-align: bottom;
  display: block;
  margin: 0 auto;
  /* backface-visibility: hidden;
  -webkit-backface-visibility: hidden; */ }

.pad {
  display: none; }

.sp {
  display: none; }

h2 {
  font-size: 42px;
  text-align: center;
  padding: 30px 0;
  letter-spacing: 8px; }

h3 {
  font-size: 25px;
  text-align: center;
  padding: 30px 0;
  font-weight: 600; }

ul {
  list-style: none; }

body {
  font-family: "a-otf-ryumin-pr6n", serif;
  font-weight: 500;
  font-style: normal; }

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

header{
  width:100%;
  position:fixed;
  top:0;
  left:0;
  z-index:1;
  background:#fff;   /* ← 白でOK */
}


.header {
  width: 100%;
  position: fixed;
  z-index: 10000;
  background: transparent;
}

.header_bg{
  width:100%;
  background:#fff;     /* ← 白背景 */
  padding-top:10px;    /* ← ここで余白を作る（正解） */
}


.header.change-color {
  background: #fff;
  transition: 0s; 
}

.sliderwrap{
  position: relative;
  z-index: 0;
}

/* スライド画像の縦横比を保つ（天地左右の余白を均等にする） */
.slider_pc img,
.slider_sp img {
  width: 100%;
  height: auto;
  display: block;
}

/* li を画像の高さに合わせる（余白が出ないようにする） */
.slider_pc li,
.slider_sp li {
  position: relative;
  overflow: hidden;
}

/* キャプションを画像内に固定 */
.slider_pc li .caps,
.slider_sp li .caps {
  position: absolute;
  bottom: 10px;
  right: 10px;
  color: #fff;
  font-size: 11px;
  background: rgba(0,0,0,0.4);
  padding: 4px 8px;
  border-radius: 3px;
}


.block-link {
  display: block;
}

/*nav*/
ul.nav_btn_box {
  margin-top: 30px;}

header.buttonimg {
  position: fixed;
  left: 0;
  top: 0;
  height: 60px;
  z-index: 1000;
  /*min-width: 320px;*/
  width: 100%;
  background-color: #000; }

header .menu-button {
  display: block;
  float: right;
  margin-top: 10px;
  max-width: 50px; }

header .menu-button .open {
  display: block; }

header .menu-button .close {
  display: none; }

.nav-open header .menu-button .open {
  display: none; }

.nav-open header .menu-button .close {
  display: block; }

header > .nav > a.tel-button {
  display: block;
  float: right; }



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

  /* ▼ SPでロゴが消えないように高さを確保 */
  .header_bg {
    padding-top: 1px !important;   /* ← ここが重要（ゼロにするとロゴが消える） */
    padding-bottom: 1px !important;
  }

  /* ▼ ヘッダー本体の余白は最小限に */
  header,
  .header,
  .header_inner {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  /* ▼ ロゴの上下余白をゼロに */
  .header_logo,
  .header_logo img {
    margin-top: 0 !important;
    padding-top: 0 !important;
    display: block !important;   /* ← 念のため */
  }

  /* ▼ トグルボタンの位置調整 */
  .nav_btn {
    top: 0px !important;
  }
}




/*nav*/
ul.nav_btn_box {
  margin-top: 30px; }

.nav {
  height: 60px;
  display: flex;
  align-items: center;
  width: 100%; }

.nav-menu {
  /*transition-duration: 0.6s;*/
  display: block;
  opacity: 0;
  height: 0px;
  user-select: none; }

.nav_info {
  display: none; }

.nav-menu .nav-menu-inner {
  display: none; }

.nav-open .nav-menu .nav_info {
  display: block; }

.nav-open .nav-menu .nav-menu-inner {
  display: flex; }

.nav-open .nav-menu {
  position: fixed;
  /*inset: 0;*/
  top: calc(50% - 600px/2);
  left: calc(50% - 840px/2);
  margin: auto;
  /* transition-duration: 0.6s;*/
  border-top: 1px solid #b5b5b5;
  display: block;
  /*background: #fff;*/
  width: 100%;
  max-width: 840px;
  height: 600px;
  opacity: 1;
  overflow-y: scroll;
  z-index: 100;
  user-select: initial;
  animation: zoomIn 0.8s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
  overflow: hidden; }

.nav-menu::-webkit-scrollbar {
  display: none; }

.nav-menu {
  -ms-overflow-style: none;
  scrollbar-width: none; }


.caps {
	font-size: 11px;
    color: #fff;
	text-align: right;}

.caps-p {
	background: #3E3A39;}


body.nav-open main {
  pointer-events: none;
  transition: all .2s ease-out;
  -webkit-filter: blur(8px);
  -moz-filter: blur(8px);
  -ms-filter: blur(8px);
  filter: blur(8px); }

@keyframes zoomIn {
  0% {
    transform: scale(0.8);
    opacity: 0; }
  100% {
    opacity: 1;
    transform: scale(1); } }
.nav_btn_wrap {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap; }
.nav_btn_item {
  font-size: 12px;
  width: 50%;
  background-color: rgba(255, 255, 255, 0.8);
  border-bottom: 1px solid #000;
  border-right: 1px solid #fff;
  position: relative; }
  .nav_btn_item a {
    width: 100%;
    display: block;
    padding-top: 35px;
    padding-left: 39px;
    padding-bottom: 26px;
    letter-spacing: 4px; }
  .nav_btn_item a:hover {
    background: #B5B5B6; }
.nav_btn_li {
  font-size: 24px;
  color: #231815;
  letter-spacing: normal; }
.nav_btn_sub {
  color: #2d6692; }


/*ヘッダー*/
.nav .logo img {
  margin: 35px 0 0 52px;
  max-width: 436px; }

.head_img1 p {
  font-size: 24px;
  color: #38566F;
  letter-spacing: 13px;
  margin-left: 55px;
  margin-top: 35px; }

.head_request {
  margin-left: 34px;
  margin-top: 37px; }
  .head_request a {
    font-size: 28px;
    background: #928B56;
    color: #fff;
    padding: 0px 33px;
    letter-spacing: 7px; }
.head_raijo {
  margin-left: 34px;
  margin-top: 37px; }
  .head_raijo a {
    font-size: 28px;
    background: #38566F;
    color: #fff;
    padding: 0px 33px;
    letter-spacing: 7px; }
.head_online {
  margin-left: 34px;
  margin-top: 37px; }
  .head_online a {
    font-size: 28px;
    background: #38566F;
    color: #fff;
    padding: 0px 33px;
    letter-spacing: 7px; }
.head_res a{background: #6f384b;}
.head_link {
  margin-top: 35px;
  margin-left: 30px;
  letter-spacing: 5px;
  font-size: 18px; }
  .head_link a {
    display: block; }

.nav_btn {
  margin-right: 34px;
  margin-left: auto;
  margin-top: 10px; }

.slider img {
  width: 100%; }

.sliderwrap .slider_sp {
  display: none; }

@media screen and (max-width: 1250px) {
  .head_img1 p {
    letter-spacing: 0;
    margin-left: 15px; }

  .head_request a {
    font-size: 21px;
    padding: 0px 16px;
    letter-spacing: 1px; } }
@media screen and (max-width: 1500px) {
	  .head_img1 p {
    letter-spacing: 0;
    margin-left: 15px; }

  .head_request a {
    font-size: 21px;
    padding: 0px 16px;
    letter-spacing: 1px; }
	
  .head_raijo a {
    font-size: 21px;
    padding: 0px 16px;
    letter-spacing: 1px; } }
@media screen and (max-width: 1500px) {
	  .head_img1 p {
    letter-spacing: 0;
    margin-left: 15px; }

  .head_raijo a {
    font-size: 21px;
    padding: 0px 16px;
    letter-spacing: 1px; }
	
  .head_online a {
    font-size: 21px;
    padding: 0px 16px;
    letter-spacing: 1px; } }
@media screen and (max-width: 1500px) {
	  .head_img1 p {
    letter-spacing: 0;
    margin-left: 15px; }

  .head_online a {
    font-size: 21px;
    padding: 0px 16px;
    letter-spacing: 1px; }
	
	.nav-open .nav-menu {
    position: fixed;
    transition-duration: 0.6s;
    top: 117px;
    left: inherit;
    width: 100%;
    overflow-y: scroll;
    z-index: 100;
    user-select: initial;
    animation: none; }

  .nav .logo img {
    margin: 41px 0 0 20px;
    width: 80%; }

  .nav .logo img {
    margin: 41px 0 0 15px;
    width: 90%; }
	
  .img100w{width:100%;height:auto}
  .img_back{width:100%; background-color: #fff;}
  .img75w{width:75%; padding-bottom: 40px; padding-top: 50px; background-color: #fff;}

  .head_link {
    font-size: 16px;
    margin-left: 10px; }

  .head_img1 p {
    margin-left: 0;
    font-size: 16px; }

  .nav_btn_item {
    background-color: #fff; } }
@media screen and (max-width: 800px) {
   .no800{
		display: none;
	}
  .nav {
    height: auto; }
    .nav .logo img {
      width: 100%;
      margin-left: 0; }

  .nav-open .nav-menu {
    top: 65px; }

  .nav_btn_li {
    font-size: 16px; }

  .nav_btn_item {
    background-color: #fff; }
    .nav_btn_item a {
      padding-left: 10px;
      padding-top: 15px;
      padding-bottom: 15px; }

  .nav .logo img {
    margin-top: 0; }

  .head_img1 p {
    margin-top: 10px;
    font-size: 14px;
    margin-left: 10px; }

  .nav_btn {
    margin-right: 10px;
    margin-top: 0px;
    width: 40px; }

  .sliderwrap .slider_sp {
    display: block; }

  .sliderwrap .slider_pc {
    display: none; } }
/*topics*/
.topics {
  background-color: #3E3A39; 
  padding-top: 0px;
padding-bottom: 10px;}
  .topics_flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    max-width: 1300px;
    margin: 0 auto;
    justify-content: space-around; }
    .topics_flex_box {
      /*width: 33%;*/
      color: #fff; }
   .topics_box1 {
    width: 433px;
	text-align: center;
    padding-top: 20px;
    position: relative; }
  .topics_box1::before {
    content: url(../img/top/boder_v.png);
    position: absolute;
    top: 16px;
    left: 0px; }

  .topics_box2 {
    width: 433px;
    text-align: center;
    padding-top: 20px;
    position: relative; }
  .topics_box2::before {
    content: url(../img/top/boder_v.png);
    position: absolute;
    top: 16px;
    left: 0px; }
  .topics_box3 {
    position: relative;
    width: 433px;
    padding-top: 20px;
    text-align: center; }
  .topics_box3::before {
    content: url(../img/top/boder_v.png);
    position: absolute;
    top: 16px;
    left: 0px; }
  .topics_box4 {
    position: relative;
    width: 1px;
    padding-top: 20px;
    text-align: center; }
  .topics_box4::before {
    content: url(../img/top/boder_v.png);
    position: absolute;
    top: 16px;
    left: 0px; }

.topics2 {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  padding: 20px 0;
  width: 100%;
  max-width: 1300px;
  margin: 0 auto; }
  .topics2_box1 {
    display: block;
    width: 115px;
    text-align: center;
    font-size: 25px;
    border-right: 1px solid #000; }
  .topics2_box2 {
    display: block;
    font-size: 15px;
    letter-spacing: -1px; }
  .topics2_br {
    display: none; }

.fz11 {
  font-size: 11px; }

.fz15 {
  font-size: 15px; }

.fz16 {
  font-size: 16px; }

.fz18 {
  font-size: 18px;
  /*font-family: 'ヒラギノ角ゴシック','Hiragino Sans','ＭＳ ゴシック','ヒラギノ角ゴシック','Hiragino Sans',sans-serif;*/
  font-family: ‘Noto Sans JP’, sans-serif; }

.fz34 {
  font-size: 34px; }

.fz24 {
  font-size: 24px; }

.fz25 {
  font-size: 25px; }

.fz26 {
  font-size: 26px; }

.fz50 {
  font-size: 50px; }

.inline-modal,
.bn-areaguide,
.sekoubn{
  max-width: 500px;
  width: 90%;
  display: block;
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 30px; }

@media screen and (min-width: 1300px) {
	.banner {
		display: flex;
		justify-content: center;
	}
}

video {
  width: 80vw;
  height: auto;
  display: block; }
.brand{
	background: url("");
	background-size: cover;
}
.brand img{
	width: 35%;
	max-width: 180px;
	display: block;
	margin: 0 auto;
	padding-top: 80px;
}
.brand h2{
	text-align: center;
	font-family: "garamond-premier-pro", serif;
	font-weight: 500;
	font-size: 40px;
    padding-top: 50px;
    letter-spacing: 4.8px;
    padding-bottom: 50px;	
}
.brand_h2sub{
	text-align: center;
	font-family: "garamond-premier-pro", serif;
	font-weight: 500;
	font-size: 24px;
}
.brand_txt{
	text-align: center;
    font-family: "garamond-premier-pro", serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 2.5;
	padding-top: 30px;
    padding-bottom: 30px;
}
.brand_txt_15{
	text-align: center;
    font-family: "garamond-premier-pro", serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 2.5;
	padding-top: 30px;
    padding-bottom: 30px;
}
.brand_txt01{
	text-align: left;
    font-family: "garamond-premier-pro", serif;
    font-weight: 500;
    font-size: 15px;
	line-height: 3.5;
	padding-top: 0px;
	padding-bottom: 20px;
}
.brand_txt02{
	text-align: center;
    font-family: "garamond-premier-pro", serif;
    font-weight: 700;
    font-size: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.brand_txt03{
	text-align: left;
    font-family: "garamond-premier-pro", serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.8;
    padding-top: 14px;
	padding-bottom: 0px;
	letter-spacing:0.1em;
}
.brand_txt04{
	text-align: left;
    font-family: "garamond-premier-pro", serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.8;
    padding-top: 0px;
	padding-bottom: 15px;
}
.brand_txt05{
	text-align: left;
    font-family: "garamond-premier-pro", serif;
    font-weight: 700;
    font-size: 21px;
    line-height: 1.6;
    padding-top: 0px;
	padding-bottom: 30px;
}
.brand_txt06{
	text-align: left;
    font-family: "garamond-premier-pro", serif;
    font-weight: 700;
    font-size: 40px;
	color: #AA090C;
}


.sustop {
  padding-top: 116px; }
  .sustop_bg {
    background: #EDF2EA;
    padding-bottom: 77px; }
  .sustop_logo {
    display: block;
    margin: 0 auto;
    padding-top: 60px;
    padding-bottom: 21px; }
  .sustop_goals {
    display: block;
    margin: 0 auto;
    padding-top: 70px;
    padding-bottom: 21px; }
  .sustop h1 {
    font-size: 26px;
    letter-spacing: 11px;
    text-align: center; }
  .sustop p {
    text-align: center;
    padding-top: 22px;
    line-height: 1.7;
    text-align: center; }
  .sustop ul {
    max-width: 1300px;
    margin: 0 auto;
    margin-top: 52px;
    justify-content: space-between; }
    .sustop ul li {
      width: 301px; }


	

@media screen and (max-width: 1000px) {
  .topics_box1 {
    font-size: 14px;
    padding-top: 14px;
	text-align: center;
    padding-bottom: 6px;
    width: 45%; }

  .fz15 {
    font-size: 12px; }
	
  .fz26 {
    font-size: 18px; }

  .topics_box2 {
    width: 40%; }

  .topics_box3 {
    width: 40%; }

  .topics2 {
    display: block; }
    .topics2_box1 {
      width: 85%;
      margin: 0 auto;
      text-align: center;
      border-right: none;
      border-bottom: 1px solid #000; }
    .topics2_box2 {
      width: 80%;
      margin: 0 auto;
      padding-top: 10px; }
    .topics2_br {
      display: block; } 

    .sustop h1 {
      font-size: 20px;
      letter-spacing: normal; }
    .sustop ul {
      display: block; }
    .sustop ul li {
      max-width: 301px;
      width: 90%;
      margin: 0 auto;
      margin-bottom: 20px; }
}
@media screen and (max-width: 640px) {
  .topics_flex {
    display: block;
    padding-bottom: 10px; }
  .topics_box1, .topics_box2, .topics_box3 {
    width: 100%;
	padding-bottom: 14px;}
  .topics_box1_p {
    text-align: center;
    padding-left: 0; }
	
  .fz15 {
    font-size: 15px; }
	
  .fz26 {
    font-size: 26px; }
	
  .topics_box2::before {
    content: url(../img/top/boder_s.png);
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%); }
  .topics_box3::before {
    content: url(../img/top/boder_s.png);
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%); }
  .topics .fz34 {
    font-size: 22px;
    text-align: center; }
  .topics .fz25 {
    font-size: 18px; }
  .topics .fz53 {
    font-size: 30px; }

  .topics2_br {
    display: none; }

  .topics2_box1 {
    font-size: 15px; }

  .topics2_box2 {
    font-size: 11px; } 

	.brand h2{
		font-size: 26px;
	}
	
  .sustop {
   padding-top: 60px; }
  .sustop_logo {
     padding-top: 50px;
     width: 80%; }
  .sustop p {
     font-size: 14px;
     text-align: left;
     width: 90%;
     margin: 0 auto; }
  .sustop ul {
     padding-top: 30px; }
  .sustop_bg {
     padding-bottom: 30px;
     margin-bottom: 60px; }

}

	
/*footer*/
.footer_nav{
	display: none;
}
.footer {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  max-width: 1300px;
  margin: 0 auto;
  justify-content: space-between;
  padding-top: 28px;
  font-size: 10px;
  color: #595757; }
  .footer_box1 img {
    max-width: 146px; }
  .footer_box2 {
    /*width: 202px;*/
    padding-top: 17px;
    line-height: 12.5px;
    padding-left: 8px;
    letter-spacing: -1px; }
  .footer_box3 {
    /*width: 393px;*/
    padding-top: 20px;
    padding-left: 0px;
    letter-spacing: 3px; }
    .footer_box3_p {
      font-size: 21px;
      /*	font-family: 'ヒラギノ角ゴシック','Hiragino Sans','ＭＳ ゴシック','ヒラギノ角ゴシック','Hiragino Sans',sans-serif;*/
      font-family: ‘Noto Sans JP’, sans-serif;
      font-weight: bold; }
    .footer_box3_p1 {
      letter-spacing: -.5px; }
  .footer_box4_wrap {
    max-width: 255px; }
    .footer_box4_wrap img {
      padding-top: 5px;
      max-width: 251px; }
    .footer_box4_wrap p {
      letter-spacing: -1px; }
    .footer_box4_wrap a {
      font-size: 17px;
      letter-spacing: 1px; }

@media screen and (max-width: 1300px) {
  .footer {
    flex-wrap: wrap;
    padding-top: 10px;
    padding-bottom: 30px;
    /*	&_box1,
    	&_box2,
    	&_box3,
    	&_box4{
    	width: 50%	
    	}
    	&_box1{
    		padding-left: 0;
    		order: 1;
    		& img{
    			display: block;
    			margin: 0 auto;
    			padding-top: 20px;
    		}
    	}
    	&_box2{
    		padding-left: 0;
    		order: 3;
    		padding-top: 10px;
    		ul{
    			width: 200px;
    			margin: 0 auto;
    		}
    	}
    	&_box3{
    		order: 2;
    		padding-left: 0;
    		padding-top: 20px;
    	}
    	&_box4{
    		order: 4;
    		&_wrap{
    			margin-left: 13%;
    		}
    	}*/ }
    .footer_box3, .footer_box4 {
      width: 100%; }
    .footer_box1 {
      width: 50%; }
      .footer_box1 img {
        display: block;
        margin: 0 auto;
        padding-top: 30px;
        margin-right: 30px;
        margin-left: auto; }
    .footer_box2 {
      width: 50%;
      padding-left: 0;
      margin-top: 20px;
      letter-spacing: 0;
      line-height: 1.5; }
      .footer_box2 ul {
        width: 100%; }
    .footer_box3 {
      text-align: center;
      padding-top: 20px; }
      .footer_box3_p {
        font-size: 18px; }
    .footer_box4 {
      text-align: center;
      padding-top: 10px; }
      .footer_box4_wrap {
        margin: 0 auto;
        max-width: 100%;
        padding-top: 10px; }
        .footer_box4_wrap a {
          display: block;
          margin-top: 10px; } }
@media screen and (max-width: 800px) {
	.footer_nav{
		display: block;
	}
  .footer {
    padding-bottom: 120px; }
    .footer_box1 img {
      margin: 0 auto; }
    .footer_fix {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      position: fixed;
      bottom: 0;
      width: 100%;
	  z-index: 10000;
      justify-content: space-between; }
      .footer_fix li {
        width: 35%;
        text-align: center;
        text-align: center;
        border: 1px solid #E7E4E4; }
        .footer_fix li a {
          display: block;
          color: #fff;
          padding: 20px 5px;
		font-size: 15px;}
      .footer_fix_1 {
        background-color: #928B56; }
      .footer_fix_2 {
        background-color: #333; }
      .footer_fix_3 {
        background-color: #626260; }
	.footer_fix_4 {
        background-color: #08224A; }
    .footer_box1 {
      width: 100%; }
    .footer_box2 {
      width: 200px;
      letter-spacing: 0;
      font-size: 10px;
      line-height: 1.5;
      margin: 0 auto;
      padding-top: 25px; }
      .footer_box2 ul {
        letter-spacing: 0;
        line-height: 1.5; } }

@media screen and (max-width: 600px) {
  .map {
    padding-top: 80px;
    width: 98%; }
    .map_p {
      background: #3E3A39;
      color: #fff;
      padding: 5px;
      font-size: 14px;
      margin-top: 10px;
      text-align: center; }
      .map_p span {
        font-size: 16px; }
    .map_note {
      font-size: 10px; }
    .map_sp {
      margin-top: 20px; }

  .maps {
    margin-top: 20px; } }
/*access*/
.access_logo {
  margin: 0 auto;
  display: block;
  padding-top: 178px;
  width: 90%;
  max-width: 350px; }
.access_h1 {
  text-align: center;
  font-size: 36px;
  padding-top: 20px;
  letter-spacing: 4px; }
.access_map {
  padding-top: 50px;
  display: block;
  margin: 0 auto; }
.access_sub {
  font-family: "garamond-premier-pro", serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  font-size: 22px;
  padding-top: 75px;
  letter-spacing: 9px; }
.access_wrap1 {
  width: 98%;
  max-width: 1300px;
  margin: 0 auto; }
  .access_wrap1 h2 {
    text-align: center;
    font-size: 26px;
    letter-spacing: 2px;
    padding-top: 12px; }
  .access_wrap1 h3 {
    font-size: 20px;
    border-bottom: 1px solid #231815;
    padding-top: 20px;
    letter-spacing: 2px;
    padding-bottom: 11px; }
  .access_wrap1_flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around; }
  .access_wrap1_item {
    width: 340px;
    font-size: 21px;
    padding-top: 11px; }
  .access_wrap1_st {
    font-size: 32px;
    letter-spacing: 5px; }
  .access_wrap1_gr {
    color: #13A493; }
  .access_wrap1_no {
    font-size: 48px;
    font-family: "garamond-premier-pro", serif;
    font-weight: 400;
    font-style: normal;
    text-align: center; }
  .access_wrap1_note {
    font-size: 12px;
    margin-top: -16px;
    margin-left: 15px; }
  .access_wrap1_note1 {
    margin-top: 10px;
    margin-left: 0;
    padding-bottom: 95px; }
.access_wrap2 {
  background-color: #EAE5E3;
  padding-bottom: 70px; }
  .access_wrap2 p {
    font-family: "garamond-premier-pro", serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    font-size: 22px;
    padding-top: 60px;
    letter-spacing: 9px; }
  .access_wrap2 h3 {
    text-align: center;
    font-size: 26px;
    letter-spacing: 2px;
    padding-top: 12px; }
  .access_wrap2_img2 {
    display: block;
    margin: 0 auto;
    padding-top: 60px;
    max-width: 800px;
    width: 95%; }
.access_wrap3 {
  background: #FEFAF6; }
  .access_wrap3_flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    max-width: 1300px;
    margin: 0 auto;
    padding-top: 96px; }
  .access_wrap3_box1 {
    /*	width: 50%;*/ }
  .access_wrap3_box2 {
    width: 415px;
    margin-right: 0;
    margin-left: auto;
    padding-bottom: 70px; }
  .access_wrap3_sub {
    font-family: "garamond-premier-pro", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 22px;
    letter-spacing: 9px; }
  .access_wrap3_box2 .accesssub1 {
    letter-spacing: -2px; }
  .access_wrap3 h3 {
    font-size: 26px;
    letter-spacing: 2px;
    padding-top: 12px; }
  .access_wrap3_img1 {
    margin-top: 57px;
    width: 518px; }
  .access_wrap3_img2 {
    padding-top: 20px;
    padding-bottom: 16px; }
  .access_wrap3_box2 .jct {
    font-size: 22px;
    text-align: center;
    letter-spacing: 3px; }
  .access_wrap3_box2 .car {
    font-size: 18px;
    text-align: center; }
  .access_wrap3_box2 .note1 {
    font-size: 10px;
    padding-top: 15px; }

.wrap1_left {
  margin-left: -20px;
  padding-left: 0px; }

.wrap1_right {
  padding-left: 30px; }

.access_map_sp {
  display: none; }

@media screen and (max-width: 1300px) {
  .access_map {
    display: none; }
  .access_map_sp {
    display: block; }
  .access_h1 {
    font-size: 30px; }
  .access_wrap1_item {
    width: 50%; }
  .access_wrap3_box1 {
    width: 100%; }
    .access_wrap3_box1 img {
      display: block;
      margin: 0 auto;
      margin-top: 30px;
      width: 95%; }
  .access_wrap3_box2 {
    width: 100%; }
    .access_wrap3_box2 .access_wrap3_sub {
      margin-top: 30px; }
  .access_wrap3_flex {
    display: block; }
  .access_wrap3_sub {
    text-align: center; }
  .access_wrap3 h3 {
    text-align: center; }
  .access_wrap3_img2 {
    display: block;
    margin: 0 auto; }

  .wrap1_left {
    margin-left: 0;
    padding-left: 0; }

  .wrap1_right {
    padding-left: 0; } }
@media screen and (max-width: 600px) {
  .access_logo {
    width: 60%;
    padding-top: 80px; }
  .access_h1 {
    font-size: 18px; }
  .access_sub {
    font-size: 16px;
    padding-top: 60px; }
  .access_wrap1 h2 {
    font-size: 18px; }
  .access_wrap1 h3 {
    font-size: 16px;
    padding-left: 15px; }
  .access_wrap1_item {
    font-size: 14px;
    margin: 0 auto; }
  .access_wrap1_st {
    font-size: 22px;
    letter-spacing: -1px; }
  .access_wrap1_no {
    font-size: 24px; }
  .access_wrap1_note {
    margin-top: -5px;
    margin-left: 10px;
    padding-bottom: 10px; }
  .access_wrap2 h3 {
    font-size: 18px; }
  .access_wrap2 p {
    font-size: 16px; }
  .access_wrap2_img2 {
    padding-top: 30px; }
  .access_wrap3 img {
    width: 95%;
    display: block;
    margin: 0 auto;
    margin-top: 30px; }
  .access_wrap3_sub {
    font-size: 16px; }
  .access_wrap3 h3 {
    font-size: 18px; }
  .access_wrap3_box2 .note1 {
    text-align: center; }
  .access_wrap3_box2 .jct {
    font-size: 18px; }
  .access_wrap3_flex {
    padding-top: 0; }
  .access_wrap3 .access_wrap3_sub {
    padding-top: 60px;
    margin-top: 0; } }


/*top*/
.top {
  font-size: 14px; }
  .top h1 {
    margin: 0; }
  .top h1 img {
    width: 100%; }
  .top_flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap; }
  .top_box {
    width: 50%; }
    .top_box img {
      display: block;
      width: 100%;
	  height:100%;
	  overflow:hidden;}
    .top_box_left {
      padding-left: 100px; }
    .top_box_right {
      padding-left: 100px; }
  .top_p {
    background: #EFE4E1; }
  .top_g {
    background: #EDF2EA; }
  .top_y {
    background: #FEFAF6; }
  .top_o {
    background: #F8F6E7; }
  .top_pa {
    background: #EAE4E9; }
.top_fa{
	background: #ecf3fb;}
  .top h2 {
    font-size: 20px;
    text-align: left; }
  .top a {
    font-size: 17px;
    font-family: "garamond-premier-pro", serif;
    font-weight: 400;
    font-style: normal; }
  .top_text1 {
    padding-top: 70px;
    position: relative; }
    .top_text1_1 {
      font-size: 12px;
      position: absolute;
      top: 0;
      right: 10px; }
    .top_text1 h2 {
      letter-spacing: 4px; }
    .top_text1_sub {
      font-size: 18px;
      padding-top: 40px; }
    .top_text1 h3 {
      font-size: 31px;
      margin-left: -22px;
      margin-top: -32px;
      letter-spacing: 1px; }
    .top_text1_sp1 {
      font-size: 44px; }
    .top_text1_sp2 {
      font-size: 66px; }
    .top_text1_p {
      line-height: 33px;
      padding-bottom: 50px; }
    .top_text1 a {
      letter-spacing: 3px; }
  .top_inner {
    width: 100%;
    max-width: 683px;
    margin-right: 0;
    margin-left: auto; }
  .top_text2 h2 {
    /*	padding-top: 128px;*/
    padding-top: 190px; }
  .top_text2 p {
    padding-top: 40px;
    line-height: 31px; }
  .top_text2 a {
    display: block;
    /*	margin-top: 77px;*/
    margin-top: 130px;
    margin-right: 56px;
    /*margin-left: auto;*/
    /*width: 184px;*/
    width: 100%;
    text-align: right;
    letter-spacing: 2px;
    padding-right: 60px; }
  .top_text2 a {
    display: block;
    margin-top: 77px;
   
    margin-right: 56px;
    margin-left: auto;
    width: 184px;
    width: 100%;
    text-align: right;
    letter-spacing: 2px;
    padding-right: 60px; }


  .top_text3 h2 {
    /*   padding-top: 187px;*/
    padding-top: 100px;
    letter-spacing: 2px; }
  .top_text3 p {
    padding-top: 33px;
    line-height: 32px; }
  .top_text3 a {
    display: block;
    /*	margin-top: 109px;*/
    margin-top: 105px;
    letter-spacing: 2px; }
  .top_text4 h2 {
    padding-top: 185px;
    letter-spacing: 2px;}
  .top_text4 p {
    padding-top: 33px;
    line-height: 31px; }
  .top_text4 a {
    display: block;
    margin-top: 117px;
    /*margin-right: 56px;
    margin-left: auto;
    /*width: 90px;*/
    width: 100%;
    padding-right: 60px;
    text-align: right;
    letter-spacing: 2px; }
  .top_text5 h2 {
    padding-top: 0px;
    letter-spacing: 2px; }
  .top_text5 p {
    padding-top: 2px;
    line-height: 32px; }
  .top_text5 a {
    display: block;
    margin-top: 20px;
    letter-spacing: 4px; }

/*--- */
.top-align {
  display: flex;
  flex-direction: column;
  justify-content: center; /* 天地中央 */
  height: 100%; /* 親の高さに合わせる */
}

.mh-title {
  text-align: left; /* 左寄せ */
}

.mh-link {
  margin-top: 20px;
  display: flex;
  justify-content: space-between; /* 左右に配置 */
  align-items: center;
}

.mh-link .pc {
  text-align: left;
}

.mh-link .sp {
  text-align: right;
}

/*--- */

.comingsoon {
  font-size: 28px;
  letter-spacing: 17px;
  font-family: "garamond-premier-pro", serif;
  font-weight: 400;
  font-style: normal; }

@media screen and (max-width: 1300px) {
  .top_text1_sp2 {
    font-size: 46px; }
  .top_text1 h3 {
    font-size: 24px;
    margin-top: -14px; }
  .top_text2 {
    padding-top: 130px; }
  .top_text3 {
    padding-top: 130px; }
  .top .top_box h2 {
    padding-top: 30px; }
  .top_box_left {
    padding-left: 30px; }
  .top_box_right {
    padding-left: 30px; }
  .top_text1 {
    padding-top: 0px; }
    .top_text1_sub {
      padding-top: 20px; }
    .top_text1_sp1 {
      font-size: 34px; }
    .top_text1_sp2 {
      font-size: 40px; }
    .top_text1_p {
      padding-bottom: 20px; }
  .top_text2 a {
    margin-top: 60px; }
  .top_text3 a {
    margin-top: 50px; }
  .top_text3 h2 {
    letter-spacing: 0; }
  .top_text4 a {
    margin-top: 50px; }
  .top_text5 a {
    margin-top: 30px; } }
@media screen and (max-width: 1300px) {
  .top .top_box h2 {
    font-size: 18px;
    padding-top: 20px; }
  .top_box_left {
    padding-left: 30px;
    padding-right: 0px; }
  .top_box_right {
    padding-left: 30px; }
  .top_text1 {
    padding-top: 0px; }
    .top_text1_sub {
      padding-top: 10px; }
    .top_text1_sp1 {
      font-size: 24px; }
    .top_text1_sp2 {
      font-size: 34px; }
    .top_text1_p {
      padding-bottom: 20px;
      line-height: 1.5; }
    .top_text1 h3 {
      margin-left: -8px;
      font-size: 18px;
      padding-top: 0px;
      margin-top: -10px; }
  .top_text2 {
    padding-top: 20px; }
    .top_text2 p {
      line-height: 1.5; }
    .top_text2 a {
      margin-top: 20px;
     
      padding-right: 10px;
      letter-spacing: 1px; }
  .top_text3 {
    padding-top: 25px; }
    .top_text3 a {
      margin-top: 50px;
      letter-spacing: 1px; }
    .top_text3 h2 {
      letter-spacing: 0; }
    .top_text3 p {
      line-height: 1.5;
      padding-top: 20px; }
  .top_text4 p {
    line-height: 1.5; }
  .top_text4 a {
    /*	margin-right: 10px;*/
    padding-right: 10px; }
  .top_text5 {
    padding-top: 25px; }
    .top_text5 p {
      line-height: 1.5; }
  .top .top_text4 h2 {
    padding-top: 40px; }

  .comingsoon {
    letter-spacing: 5px; } }
@media screen and (max-width: 600px) {
  .top_box {
    width: 100%; }
    .top_box_left {
      padding-left: 30px;
	  padding-right: 0px;}
  .top_reverse {
    flex-wrap: wrap-reverse; }
  .top_text1 {
    padding-bottom: 30px; }
  .top_text2 {
    padding-top: 0;
    padding-bottom: 30px; }
    .top_text2 p {
      padding-top: 20px;
	  padding-right: 10px; }
    .top_text2 a {
      margin-top: 20px;
	  padding-right: 20px; }
  .top_text3 {
    padding-top: 0;
    padding-bottom: 20px; }
    .top_text3 a {
      margin-top: 20px; }
  .top .top_text4 {
    padding-bottom: 20px; }
    .top .top_text4 h2 {
      padding-top: 20px; }
  .top_text4 p {
    padding-bottom: 20px;
    padding-top: 20px;
	padding-right: 10px; }
  .top_text4 a {
    margin-top: 0px;
	padding-right: 20px; }
  .top_text5 {
    padding-top: 0;
    padding-bottom: 20px; }
    .top_text5 p {
      padding-top: 0px;
	  padding-right: 10px;}
    .top_text5 a {
      margin-top: 10px;
	  padding-right: 20px;} }

/* ----------------------------------------------------
   MODEL HOUSE 紹介ブロック（PC/SP切り替え）
   ---------------------------------------------------- */

/* ▼ PC（デフォルト） */
.top_box.top_text5 {
  display: flex;
  flex-direction: column;
  justify-content: center;   /* 上下中央 */
  /* align-items: center;        /* 左右中央 */
  text-align: center;
  padding: 40px 80px;         /* PCは余白広め */
}

/* ▼ SP（800px以下） */
@media screen and (max-width: 800px){
  .top_box.top_text5 {
    padding: 20px 20px;       /* SPは余白を詰める */
    justify-content: center;  /* 上下中央のまま */
    align-items: center;      /* 左右中央のまま */
    text-align: center;
  }
}


.mh-title,
.brand_txt01 {
  margin-left: 0;      /* 左端を揃える */
  padding-left: 0;     /* 余白が入っている場合の保険 */
}

.top_text5 {
  padding-left: 30 !important; /* 既存の余白を打ち消す */
}


/*CONCEPT*/
.concept {
  max-width: 1300px;
  width: 98%;
  margin: 0 auto; }
  .concept_h1 {
    margin: 0; }
  .concept .concept_h2 {
    font-size: 36px;
    text-align: center;
    letter-spacing: 11px; }
  .concept_note {
    font-size: 10px;
    letter-spacing: 0px; }
  .concept_land {
    margin-top: -5px; }
  .concept_1 {
    margin-top:  60px; }
  .concept_2 {
    margin-top: 50px;
    margin-bottom: 50px; }
  .concept_ex {
    margin-top: -6px; }
  .concept_fbox {
    margin-top: 23px; }
  .concept_txt {
    padding-top: 13px;
    letter-spacing: 0px;
    text-align: left;
    line-height: 1.7; }
  .concept_txt2 {
    letter-spacing: 0px; }
  .concept_fbox2 {
    margin-top: 27px; }
  .concept_card {
    width: 98%;
    max-width: 800px;
    margin: 0 auto;
    display: flex;
    margin-top: 82px; }
.concept_park {
  font-size: 22px;
  font-family: "garamond-premier-pro", serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  padding-top: 84px;
  letter-spacing: 10px;
  padding-bottom: 7px; }
  .concept_text {
    background: #35353C;
    width: 470px; }
    .concept_text img {
      width: 240px;
      display: block;
      margin: 0 auto;
      padding-top: 41px; }
    .concept_text p {
      font-size: 12px;
      color: #fff;
      padding-top: 13px;
      width: 84%;
      margin: 0 auto;
      letter-spacing: -1px;
      line-height: 1.7; }
  .concept_img {
    width: 330px; }
  .concept_qua {
    padding-top: 115px; }
  .concept_flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    margin-top: 52px;
    margin-bottom: 90px; }
    .concept_flex_box {
      width: 300px;
      border: 1px solid #38566F; }
    .concept_flex_cont {
      width: 292px;
      display: block;
      margin: 0 auto;
      margin-top: 3px;
      margin-bottom: 3px;
      background: #38566F; }
      .concept_flex_cont p {
        color: #fff;
        text-align: center; }
    .concept_flex_p1 {
      font-size: 14px;
      padding-top: 15px; }
    .concept_flex_p2 {
      font-size: 18px;
      padding-bottom: 15px; }

@media screen and (max-width: 1300px) {
  .concept_text p {
    width: 95%; }
  .concept_flex_box {
    width: 33%; }
  .concept_flex_cont {
    width: 98%; }
  .concept .concept_h2 {
    letter-spacing: -1px; } }
@media screen and (max-width: 600px) {
  .concept_sp {
    padding-top: 0px; }
  .concept_1 {
    margin-top: 80px; }}
  .concept_ex {
    padding-top: 80px; }
  .concept_fbox2 {
    margin-top: 42px; }
  .concept_card {
    display: block;
    margin-top: 40px; }
  .concept_text {
    width: 100%; }
    .concept_text p {
      padding-bottom: 15px; }
  .concept_img {
    width: 100%; }
  .concept_qua {
    padding-top: 80px; }
  .concept_flex {
    display: block; }
    .concept_flex_box {
      max-width: 300px;
      width: 90%;
      display: block;
      margin: 0 auto;
      margin-bottom: 20px; }
  .concept .concept_h2 {
    font-size: 24px;  }
  .concept_park{
    font-size: 18px;
    padding-top: 50px; }

.loc_p1 {
  font-size: 12px;
  text-align: right;
  margin-right: 10px; }
.loc_p2 {
  font-size: 12px;
  text-align: center; }
.loc_mv {
  margin-top: 0px;
  width: 100%; }
.loc_mv_sp {
  margin-top: 0px;
  width: 100%; }
.loc_exe {
  display: block;
  margin: 0 auto;
  padding-top: 100px;
  max-width: 451px; }
.loc_h1 {
  text-align: center;
  font-size: 42px;
  letter-spacing: 11px;
  margin-top: 50px;
  margin-bottom: 37px; }
.loc_head {
  font-size: 16px;
  text-align: center;
  padding-bottom: 73px;
  padding-top: 60px; }
.loc_fig {
  background: #F1F2E9;
padding-top: 3px;
padding-bottom: 3px; }
  .loc_fig pc {
    display: block;
    margin: 0 auto; }
  .loc_fig_note p {
    font-size: 10px;
    max-width: 993px;
    margin: 0 auto;
    padding-top: 7px;
    letter-spacing: -1px;
    padding-bottom: 10px; }
.loc_fig_pc {
  display: block;
  margin: 0 auto;
  max-width: 1012px;
  width: 90%;
  padding-top: 50px;
  padding-bottom: 10px; }

.loc_location {
  display: block;
  margin: 0 auto;
  padding-top: 150px;
  padding-bottom: 50px;
  max-width: 428px; }
.loc h2 {
  font-size: 36px;
  text-align: center;
  letter-spacing: 11px; }
.loc_park {
  font-size: 22px;
  font-family: "garamond-premier-pro", serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  padding-top: 84px;
  letter-spacing: 10px;
  padding-bottom: 7px; }
.loc h3 {
  font-size: 26px;
  text-align: center;
  letter-spacing: 1px; }
.loc_flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  width: 1300px;
  margin: 30px auto;
  justify-content: space-between; }
  .loc_flex img {
    display: block;
    margin: 0 auto; }
.loc_col1 {
  width: 1300px; } 
.loc_col2 {
  width: 600px;
padding-bottom: 20px; }
.loc_col3 {
  max-width: 420px; }
.loc h4 {
  font-size: 18px;
  text-align: center;
  padding-top: 25px; }
.loc_way {
  font-size: 14px;
  text-align: center;
  letter-spacing: 1px; }
.loc_overview {
  font-size: 12px;
  padding-top: 17px;
  letter-spacing: -1.5px; }
.loc_h4 {
  font-size: 18px; }
.loc_way1 {
  font-size: 12px; }
.loc_overview1 {
  font-size: 12px;
  padding-top: 16px;
  line-height: 21px;
  letter-spacing: -1px; }
.loc_tfronte1 {
  max-width: 735px;
  padding-top: 67px; }
.loc_tfronte2 {
  width: 23%; }
  .loc_tfronte2 h4 {
    text-align: left;
    padding-top: 376px;
    letter-spacing: 3px; }
.loc_col4 {
  width: 25%; }
.loc_box1 {
  padding-top: 25px; }
.loc_shopping {
  font-size: 22px;
  font-family: "garamond-premier-pro", serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  padding-top: 140px;
  letter-spacing: 10px;
  padding-bottom: 7px; }
.loc_pt65 {
  padding-top: 65px; }
.loc_pt50 {
  margin-top: 50px; }
.loc_school {
  font-size: 22px;
  font-family: "garamond-premier-pro", serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  padding-top: 142px;
  letter-spacing: 10px;
  padding-bottom: 8px; }
.loc_mt70 {
  margin-top: 70px; }
.loc_pt43 {
  margin-top: 43px; }
.loc_life {
  font-size: 22px;
  font-family: "garamond-premier-pro", serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  padding-top: 142px;
  letter-spacing: 10px;
  padding-bottom: 8px; }
.loc_mt39 {
  margin-top: 39px; }
.loc_lei {
  font-size: 22px;
  font-family: "garamond-premier-pro", serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  padding-top: 142px;
  letter-spacing: 10px;
  padding-bottom: 8px; }
.loc_cafe {
  font-size: 22px;
  font-family: "garamond-premier-pro", serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  padding-top: 142px;
  letter-spacing: 10px;
  padding-bottom: 8px; }
.loc_flex2 {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  background: #3E3A39;
  margin-top: 100px; }
  .loc_flex2 p {
    color: #fff; }
  .loc_flex2_box1 {
    width: 56%; }
    .loc_flex2_box1 img {
      width: 100%; }
  .loc_flex2_box2 {
    width: 44%;
    padding-top: 26px;
    padding-left: 38px; }
  .loc_flex2_p1 {
    font-size: 22px; }
  .loc_flex2_no {
    font-size: 53px;
    color: #C9BC9C; }
  .loc_flex2_no2 {
    font-size: 42px; }
  .loc_flex2_note {
    font-size: 10px; }
  .loc_flex2_p2 {
    font-size: 28px;
    margin-top: -12px; }
  .loc_flex2_p3 {
    font-size: 26px;
    padding-top: 32px;
    padding-bottom: 16px; }
  .loc_flex2_p4 {
    font-size: 18px; }
  .loc_flex2_p5 {
    font-size: 12px;
    line-height: 1.7;
    padding-top: 13px; }
  .loc_flex2_p6 {
    font-size: 10px; }
.loc_lifeinfo {
  font-size: 22px;
  font-family: "garamond-premier-pro", serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  padding-top: 142px;
  letter-spacing: 10px;
  padding-bottom: 24px; }
.loc_info {
  max-width: 1300px;
  margin: 0 auto;
  padding-bottom: 25px; }
  .loc_info ul {
    padding-top: 15px;
    padding-left: 13px; }
  .loc_info li {
    padding-top: 2px;
    position: relative; }
  .loc_info .loc_info_nm {
    margin-top: 56px; }
  .loc_info_box img {
    max-width: 458px;
    width: 100%; }
  .loc_info_box2 li {
    padding-bottom: 4px; }
  .loc_info_box2 .loc_info_bk {
    margin-top: 43px; }
  .loc_info_box2 .loc_info_ed {
    margin-top: 44px; }
  .loc_info_box2 img {
    max-width: 458px;
    width: 100%; }
  .loc_info .loc_info_note {
    font-size: 10px; }

.pad {
  display: none; }

.sp {
  display: none; }



@media screen and (max-width: 1300px) {
  .loc_flex {
    width: 98%; }

  .loc_col1 {
    width: 98%; }
	
	.loc_col2 {
    width: 100%; }

  .loc_tfronte1 {
    width: 75%; }

  .loc h2 {
    letter-spacing: 5px; }
  .loc_col3 {
    width: 48%; }
  .loc_col4 {
    width: 24%; }
  .loc_tfronte2 h4 {
    padding-top: 235px; }
  .loc_flex2_no {
    font-size: 34px; }
  .loc_flex2_no2 {
    font-size: 32px; }
  .loc_flex2_p3 {
    font-size: 20px;
    padding-top: 10px;
    padding-bottom: 8px; }
  .loc_flex2_box2 {
    padding-top: 0px;
    padding-left: 5px;
    padding-bottom: 10px; }
  .loc_info_box, .loc_info_box2 {
    width: 49%; }
  .loc_info li {
    font-size: 12px; }
  .loc_info li::before {
    top: 4px; }

  .pad {
    display: block; }

  .pad_no {
    display: none; }

  .sp {
    display: none; } }
@media screen and (max-width: 600px) {
  .sp {
    display: block; }

  .pc {
    display: none; }

  .sp_no {
    display: none; }

  .loc_p3 {
    font-size: 12px;
    text-align: right;
    color: #fff; }
  .loc_mv {
    margin-top: 0px; }
  .loc_mv_sp {
    margin-top: 0px; }
  .loc_exe {
    padding-top: 60px;
    width: 80%; }
  .loc_h1 {
    font-size: 26px;
    letter-spacing: normal; }
  .loc_park {
    font-size: 18px;
    padding-top: 50px; }
  .loc_head {
    text-align: left;
    padding-bottom: 50px;
    padding-right: 5px;
    padding-left: 5px; }
    .loc_head .sp_no {
      display: none; }
  .loc_fig {
    padding-top: 10px; }
    .loc_fig_note {
      padding-left: 5px;
      padding-right: 5px; }
  .loc_location {
    padding-top: 60px;
    width: 80%;
    font-size: 18px; }
  .loc_box1 {
    padding-top: 30px; }
  .loc_mt70 {
    margin-top: 0px; }
  .loc_shopping {
    padding-top: 40px;
    font-size: 18px; }
  .loc h2 {
    font-size: 26px; }
  .loc h3 {
    font-size: 22px; }
  .loc h4 {
    font-size: 16px;
    padding-top: 10px; }
  .loc_col1 {
    padding-bottom: 0px; }
	.loc_col2 {
    padding-bottom: 30px; }
  .loc_col3 {
	max-width: 480px;
    width: 100%;
    padding-bottom: 30px; }
  .loc_tfronte1, .loc_tfronte2 {
    width: 100%; }
    .loc_tfronte1 h4, .loc_tfronte2 h4 {
      padding-top: 10px;
      text-align: center; }
    .loc_tfronte1 .loc_way1, .loc_tfronte2 .loc_way1 {
      text-align: center; }
  .loc_tfronte1 {
    padding-top: 30px; }
  .loc_school {
    font-size: 18px; }
  .loc_pt65 {
    padding-top: 30px; }
  .loc_pt50 {
    margin-top: 0px; }
  .loc_school {
    padding-top: 20px; }
  .loc_life {
    padding-top: 0;
    font-size: 18px; }
  .loc_lei {
    padding-top: 0;
    font-size: 18px; }
  .loc_cafe {
    padding-top: 0;
    font-size: 18px; }
  .loc_col4 {
    padding-bottom: 20px; }
  .loc_flex2 {
    margin-top: 0; }
  .loc_pt43 {
    margin-top: 30px; }
  .loc_overview {
    padding-top: 10px; }
  .loc_overview1 {
    padding-top: 10px; }
  .loc_col4 {
    width: 49%; }
  .loc_mt39 {
    margin-top: 20px; }
  .loc_lifeinfo {
    padding-top: 50px; }
  .loc_flex2 {
    display: block; }
    .loc_flex2_box1, .loc_flex2_box2 {
      width: 100%; }
    .loc_flex2_box1 img {
      margin-top: 50px;
      display: block; }
  .loc_info {
    margin-bottom: 30px; }
  .loc_info_box, .loc_info_box2 {
    width: 98%;
    margin: 0 auto; }
  .loc_info_box2 {
    margin-top: 20px; }

  .loc_info .loc_info_nm {
    margin-top: 30px; }

  .loc_info_box2 .loc_info_bk {
    margin-top: 30px; }

  .loc_info_box2 .loc_info_ed {
    margin-top: 30px; } }
.btntextchange p {
  /*絶対配置でテキストの位置を決める*/
  position: absolute;
  /*アニメーションの指定*/
  transition: all .5s;
  /*ブロック要素にしてテキスト折り返しなし*/
  display: block;
  white-space: nowrap; }



.planning_p1 {
  font-size: 12px;
  text-align: right;
  margin-right: 10px; }
.planning_p2 {
  font-size: 12px;
  text-align: center; }
.planning_mv {
  margin-top: 0px;
  width: 100%; }
.planning_mv_sp {
  margin-top: 0px;
  width: 100%; }
.planning_exe {
  display: block;
  margin: 0 auto;
  padding-top: 100px;
  max-width: 451px; }
.planning_h1 {
  text-align: center;
  font-size: 42px;
  letter-spacing: 11px;
  margin-top: 50px;
  margin-bottom: 37px; }
.planning_head {
  font-size: 16px;
  text-align: center;
  padding-bottom: 73px;
  padding-top: 60px; }
.planning_fig {
  background: #F1F2E9;
padding-top: 3px;
padding-bottom: 3px; }
  .planning_fig pc {
    display: block;
    margin: 0 auto; }
  .planning_fig_note p {
    font-size: 10px;
    max-width: 993px;
    margin: 0 auto;
    padding-top: 7px;
    letter-spacing: -1px;
    padding-bottom: 10px; }
.planning_fig_pc {
  display: block;
  margin: 0 auto;
  max-width: 1012px;
  width: 90%;
  padding-top: 50px;
  padding-bottom: 10px; }

.planning_planning {
  display: block;
  margin: 0 auto;
  padding-top: 150px;
  padding-bottom: 50px;
  max-width: 428px; }
.planning h2 {
  font-size: 36px;
  text-align: center;
  letter-spacing: 11px; }
.planning_park {
  font-size: 22px;
  font-family: "garamond-premier-pro", serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  padding-top: 84px;
  letter-spacing: 10px;
  padding-bottom: 7px; }
.planning h3 {
  font-size: 26px;
  text-align: center;
  letter-spacing: 1px; }
.planning_flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  width: 1300px;
  margin: 60px auto;
　margin-bottom: 30px;
  justify-content: space-between; }
  .planning_flex img {
    display: block;
    margin: 0 auto; }
.planning_col1 {
  width: 1300px; } 
.planning_col2 {
  width: 600px;
padding-bottom: 20px; }
.planning_col3 {
  max-width: 400px; }
.planning h4 {
  font-size: 18px;
  text-align: center;
  padding-top: 17px; }
.planning_way {
  font-size: 14px;
  text-align: center;
  letter-spacing: 1px; }
.planning_overview {
  font-size: 12px;
  padding-top: 17px;
  letter-spacing: -1.5px; }
.planning_h4 {
  font-size: 18px; }
.planning_way1 {
  font-size: 12px; }
.planning_overview1 {
  font-size: 12px;
  padding-top: 16px;
  line-height: 21px;
  letter-spacing: -1px; }
.planning_tfronte1 {
  max-width: 735px;
  padding-top: 67px; }
.planning_tfronte2 {
  width: 23%; }
  .planning_tfronte2 h4 {
    text-align: left;
    padding-top: 376px;
    letter-spacing: 3px; }
.planning_col4 {
  width: 25%; }
.planning_box1 {
  padding-top: 25px; }
.planning_shopping {
  font-size: 22px;
  font-family: "garamond-premier-pro", serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  padding-top: 140px;
  letter-spacing: 10px;
  padding-bottom: 7px; }
.planning_pt65 {
  padding-top: 65px; }
.planning_pt50 {
  margin-top: 50px; }
.planning_school {
  font-size: 22px;
  font-family: "garamond-premier-pro", serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  padding-top: 142px;
  letter-spacing: 10px;
  padding-bottom: 8px; }
.planning_mt70 {
  margin-top: 70px; }
.planning_pt43 {
  margin-top: 43px; }
 .planning_life {
  font-size: 22px;
  font-family: "garamond-premier-pro", serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  padding-top: 142px;
  letter-spacing: 10px;
  padding-bottom: 8px; }
.planning_mt39 {
  margin-top: 39px; }
.planning_lei {
  font-size: 22px;
  font-family: "garamond-premier-pro", serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  padding-top: 142px;
  letter-spacing: 10px;
  padding-bottom: 8px; }
.planning_cafe {
  font-size: 22px;
  font-family: "garamond-premier-pro", serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  padding-top: 142px;
  letter-spacing: 10px;
  padding-bottom: 8px; }
.planning_flex2 {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  background: #3E3A39;
  margin-top: 100px; }
  .planning_flex2 p {
    color: #fff; }
  .planning_flex2_box1 {
    width: 56%; }
    .planning_flex2_box1 img {
      width: 100%; }
  .planning_flex2_box2 {
    width: 44%;
    padding-top: 26px;
    padding-left: 38px; }
  .planning_flex2_p1 {
    font-size: 22px; }
  .planning_flex2_no {
    font-size: 53px;
    color: #C9BC9C; }
  .planning_flex2_no2 {
    font-size: 42px; }
  .planning_flex2_note {
    font-size: 10px; }
  .planning_flex2_p2 {
    font-size: 28px;
    margin-top: -12px; }
  .planning_flex2_p3 {
    font-size: 26px;
    padding-top: 32px;
    padding-bottom: 16px; }
  .planning_flex2_p4 {
    font-size: 18px; }
  .planning_flex2_p5 {
    font-size: 12px;
    line-height: 1.7;
    padding-top: 13px; }
  .planning_flex2_p6 {
    font-size: 10px; }
.planning_lifeinfo {
  font-size: 22px;
  font-family: "garamond-premier-pro", serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  padding-top: 142px;
  letter-spacing: 10px;
  padding-bottom: 24px; }
.planning_info {
  max-width: 1300px;
  margin: 0 auto;
  padding-bottom: 25px; }
  .planning_info ul {
    padding-top: 15px;
    padding-left: 13px; }
  .planning_info li {
    padding-top: 2px;
    position: relative; }
  .planning_info .planning_info_nm {
    margin-top: 56px; }
  .planning_info_box img {
    max-width: 458px;
    width: 100%; }
  .planning_info_box2 li {
    padding-bottom: 4px; }
  .planning_info_box2 .planning_info_bk {
    margin-top: 43px; }
  .planning_info_box2 .planning_info_ed {
    margin-top: 44px; }
  .planning_info_box2 img {
    max-width: 458px;
    width: 100%; }
  .planning_info .planning_info_note {
    font-size: 10px; }

.pad {
  display: none; }

.sp {
  display: none; }



@media screen and (max-width: 1300px) {
  .planning_flex {
    width: 98%; }

  .planning_col1 {
    width: 98%; }
	
	.planning_col2 {
    width: 100%; }

  .planning_tfronte1 {
    width: 75%; }

  .planning h2 {
    letter-spacing: 5px; }
  .planning_col3 {
    width: 48%; }
  .planning_col4 {
    width: 24%; }
  .planning_tfronte2 h4 {
    padding-top: 235px; }
  .planning_flex2_no {
    font-size: 34px; }
  .planning_flex2_no2 {
    font-size: 32px; }
  .planning_flex2_p3 {
    font-size: 20px;
    padding-top: 10px;
    padding-bottom: 8px; }
  .planning_flex2_box2 {
    padding-top: 0px;
    padding-left: 5px;
    padding-bottom: 10px; }
  .planning_info_box, .planning_info_box2 {
    width: 49%; }
  .planning_info li {
    font-size: 12px; }
  .planning_info li::before {
    top: 4px; }

  .pad {
    display: block; }

  .pad_no {
    display: none; }

  .sp {
    display: none; } }
@media screen and (max-width: 600px) {
  .sp {
    display: block; }

  .pc {
    display: none; }

  .sp_no {
    display: none; }

  .planning_p3 {
    font-size: 12px;
    text-align: right;
    color: #fff; }
  .planning_mv {
    margin-top: 0px; }
  .planning_mv_sp {
    margin-top: 0px; }
  .planning_exe {
    padding-top: 60px;
    width: 80%; }
  .planning_h1 {
    font-size: 26px;
    letter-spacing: normal; }
  .planning_park {
    font-size: 18px;
    padding-top: 50px; }
  .planning_head {
    text-align: left;
    padding-bottom: 50px;
    padding-right: 5px;
    padding-left: 5px; }
    .planning_head .sp_no {
      display: none; }
  .planning_fig {
    padding-top: 10px; }
    .planning_fig_note {
      padding-left: 5px;
      padding-right: 5px; }
  .planning_planningation {
    padding-top: 60px;
    width: 80%;
    font-size: 18px; }
  .planning_box1 {
    padding-top: 30px; }
  .planning_mt70 {
    margin-top: 0px; }
  .planning_shopping {
    padding-top: 40px;
    font-size: 18px; }
  .planning h2 {
    font-size: 26px; }
  .planning h3 {
    font-size: 22px; }
  .planning h4 {
    font-size: 16px;
    padding-top: 10px; }
  .planning_col1 {
    padding-bottom: 0px; }
	.planning_col2 {
    padding-bottom: 20px; }
  .planning_col3 {
	max-width: 480px;
    width: 100%;
    padding-bottom: 30px; }
  .planning_tfronte1, .planning_tfronte2 {
    width: 100%; }
    .planning_tfronte1 h4, .planning_tfronte2 h4 {
      padding-top: 10px;
      text-align: center; }
    .planning_tfronte1 .planning_way1, .planning_tfronte2 .planning_way1 {
      text-align: center; }
  .planning_tfronte1 {
    padding-top: 30px; }
  .planning_school {
    font-size: 18px; }
  .planning_pt65 {
    padding-top: 30px; }
  .planning_pt50 {
    margin-top: 0px; }
  .planning_school {
    padding-top: 20px; }
  .planning_life {
    padding-top: 0;
    font-size: 18px; }
  .planning_lei {
    padding-top: 0;
    font-size: 18px; }
  .planning_cafe {
    padding-top: 0;
    font-size: 18px; }
  .planning_col4 {
    padding-bottom: 20px; }
  .planning_flex2 {
    margin-top: 0; }
  .planning_pt43 {
    margin-top: 30px;
	padding-bottom: 50px; }
  .planning_overview {
    padding-top: 10px; }
  .planning_overview1 {
    padding-top: 10px; }
  .planning_col4 {
    width: 49%; }
  .planning_mt39 {
    margin-top: 20px; }
  .planning_lifeinfo {
    padding-top: 50px; }
  .planning_flex2 {
    display: block; }
    .planning_flex2_box1, .planning_flex2_box2 {
      width: 100%; }
    .planning_flex2_box1 img {
      margin-top: 50px;
      display: block; }
  .planning_info {
    margin-bottom: 30px; }
  .planning_info_box, .planning_info_box2 {
    width: 98%;
    margin: 0 auto; }
  .planning_info_box2 {
    margin-top: 20px; }

  .planning_info .planning_info_nm {
    margin-top: 30px; }

  .planning_info_box2 .planning_info_bk {
    margin-top: 30px; }

  .planning_info_box2 .planning_info_ed {
    margin-top: 30px; } }
.btntextchange p {
  /*絶対配置でテキストの位置を決める*/
  position: absolute;
  /*アニメーションの指定*/
  transition: all .5s;
  /*ブロック要素にしてテキスト折り返しなし*/
  display: block;
  white-space: nowrap; }
.btntextchange a {
  height: 116px; }

/*.btntextchange a:hover {
    pointer-events: none;
	cursor:default;
}
.btntextchange a:active {
    pointer-events: active;
}
.btntextchange:hover{
	background: #B5B5B6;
	cursor: default;
}*/
.btntextchange p:nth-child(2) {
  opacity: 0;
  /*透過0に*/
  font-size: 24px; }

/*hoverするとテキストが入れ替わる設定*/
.btntextchange:hover p:nth-child(1) {
  opacity: 0;
  /*透過0に*/ }

.btntextchange:hover p:nth-child(2) {
  opacity: 1;
  /*不透明に*/ }

@media screen and (max-width: 1000px) {
  .nav_btn_item p:nth-child(2) {
    opacity: 1;
    font-size: 13px; }

  .btntextchange a {
    height: 110px;
    background: #7070701a; }

  .btntextchange p {
    position: inherit; }

  .nolink {
    pointer-events: none;
    color: #A0A0A0; }
    .nolink span {
      color: #A0A0A0; } }
@media screen and (max-width: 660px) {
  .btntextchange a {
    height: 90px; } }
.facade {
  max-width: 1300px;
  width: 98%;
  margin: 0 auto; }
  .facade_h1 {
    margin: 0; }
  .facade .facade_h2 {
    font-size: 36px;
    text-align: center;
    letter-spacing: 11px; }
  .facade_note {
    font-size: 10px;
    letter-spacing: 0px; }
  .facade_land {
    margin-top: -5px; }
  .facade_1 {
    margin-top: 91px;
	display: block;
    margin: 0 auto;
    margin-top: 20px;
	margin-bottom: 20px;}
  .facade_2 {
    margin-top: 65px; }
  .facade_ex {
    margin-top: -6px; }
  .facade_fbox {
    margin-top: 43px; }
  .facade_txt {
    padding-top: 13px;
    letter-spacing: 0px;
    text-align: left;
    line-height: 1.7; }
  .facade_txt2 {
    letter-spacing: 0px; }
  .facade_fbox2 {
    margin-top: 27px; }
  .facade_card {
    width: 98%;
    max-width: 800px;
    margin: 0 auto;
    display: flex;
    margin-top: 82px; }
  .facade_text {
    background: #35353C;
    width: 470px; }
    .facade_text img {
      width: 240px;
      display: block;
      margin: 0 auto;
      padding-top: 41px; }
    .facade_text p {
      font-size: 12px;
      color: #fff;
      padding-top: 13px;
      width: 84%;
      margin: 0 auto;
      letter-spacing: -1px;
      line-height: 1.7; }
  .facade_img {
    width: 330px; }
  .facade_qua {
    padding-top: 115px; }
  .facade_flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    margin-top: 52px;
    margin-bottom: 90px; }
    .facade_flex_box {
      width: 300px;
      border: 1px solid #38566F; }
    .facade_flex_cont {
      width: 292px;
      display: block;
      margin: 0 auto;
      margin-top: 3px;
      margin-bottom: 3px;
      background: #38566F; }
      .facade_flex_cont p {
        color: #fff;
        text-align: center; }
    .facade_flex_p1 {
      font-size: 14px;
      padding-top: 15px; }
    .facade_flex_p2 {
      font-size: 18px;
      padding-bottom: 15px; }

@media screen and (max-width: 1300px) {
  .facade_text p {
    width: 95%; }
  .facade_flex_box {
    width: 33%; }
  .facade_flex_cont {
    width: 98%; }
  .facade .facade_h2 {
    letter-spacing: -1px; } }
@media screen and (max-width: 600px) {
  .facade_sp {
    padding-top: 0px; }
  .facade_1 {
    margin-top: 50px; }
  .facade_ex {
    padding-top: 80px; }
  .facade_fbox2 {
    margin-top: 42px; }
  .facade_card {
    display: block;
    margin-top: 40px; }
  .facade_text {
    width: 100%; }
    .facade_text p {
      padding-bottom: 15px; }
  .facade_img {
    width: 100%; }
  .facade_qua {
    padding-top: 80px; }
  .facade_flex {
    display: block; }
    .facade_flex_box {
      max-width: 300px;
      width: 90%;
      display: block;
      margin: 0 auto;
      margin-bottom: 20px; }
  .facade .facade_h2 {
    font-size: 24px; } }
.mhopen{
	width: 80%;
	margin: 0 auto;
	background-color: #fff;
	max-width: 980px;
}
.mhopen p{
	font-size: 34px;
    color: #a50000;
    text-align: center;
    padding: 20px;
}.mhopen p span{
	font-size: 20px;
}
.reserve a{
	margin: 30px auto;
    display: block;
    max-width: 1016px;
    width: 90%;
}
.note2{
	font-size: 12px;
	letter-spacing: 0px;
	text-align: right;
}
@media screen and (max-width: 768px) {
	.mhopen p{
	font-size: 24px;
	}
}

@media screen and (max-width: 600px) {
	.mhopen p{
	font-size: 18px;
	}
	.mhopen p span{
	font-size: 16px;
	}
	.brand img {
		padding-top: 40px;
	}
	.note2{
	text-align: left;
}
}
#bar {
	width: 100%;
	height: 4px;
	background-color:#333333;
}

.longlife_flat h3 {
    font-size: 20px; }
  .longlife_lead_padbr {
    display: block; }
  .longlife_flex2 div {
    width: 49%; }
    .longlife_flex2 div p {
      letter-spacing: -1.8px; }
  .longlife_img2 {
    width: 100%; }

  .ecology_card {
    margin: 0 auto;
	margin-top: 20px;
    margin-bottom: 50px; }

.ecology_flex2 {
    width: 95%; }

  .sustaina_flex {
    width: 98%;
    margin-top: 50px; }

  .sustaina_flex_box1 {
    width: 60%; }

  .sustaina_flex_box2 {
    width: 40%; }

  .sustaina_flex h4 {
    font-size: 17px;
    padding-top: 30px;
    padding-left: 10px; }

  .sustaina_flex p {
    font-size: 12px;
    padding-left: 10px; }

  .sustaina_flex1 {
    width: 500px; }

  .sustaina_flex1 div {
    margin-bottom: 40px; }

  .sustaina_flex2 {
    width: 500px; }

  .sustaina_flex2_box1 {
    margin: 0 auto;
    margin-bottom: 30px; } }



.section .sttl{margin-bottom:30px}.section .sttl img{width:auto;height:36px}.section .copy{padding-bottom:30px}.section .read{padding-bottom:30px;max-width:660px}.section .ttl{padding-bottom:30px}.section .read{text-align:center;margin:0 auto}@media screen and (max-width: 800px){.section .read{text-align:left}.section .read .aw{display:inline}.section .read br{display:none}}.section .visual{width:100%;margin:0 auto 30px;position:relative}#sec01 .box1{text-align:center}#sec01{padding-top:50px;border-top:0px solid rgba(0,0,0,0.2)}#sec01 .box1{text-align:center}
#sec02{padding-top:50px;border-top:0px solid rgba(0,0,0,0.2)}#sec02 .box1{text-align:center}#sec03{padding-right: 50px; border-right:1px solid rgba(0,0,0,0.2)}#sec03 .box1{text-align:center}#sec04{padding-top:70px;border-top:1px solid rgba(0,0,0,0.2)}#sec04 .box1{text-align:center}#sec05{padding-top:70px;border-top:1px solid rgba(0,0,0,0.2)}#sec05 .box1{text-align:center}#sec05 .visual{max-width:475px}#sec06{padding-top:70px;border-top:1px solid rgba(0,0,0,0.2)}#sec06 .box1{text-align:center}#sec07{padding-top:70px;border-top:1px solid rgba(0,0,0,0.2)}#sec07 .box1{text-align:center}#sec08{padding-top:70px;border-top:1px solid rgba(0,0,0,0.2)}#sec08 .box1{text-align:center}#sec09{width:100%;max-width:none}#sec09{padding-top:80px;border-right:0px solid rgba(0,0,0,0.2)}#sec02 .box1{text-align:center}#sec10{padding-top:50px;border-top:1px solid rgba(0,0,0,0.2)}#sec10 .box1{text-align:center}#sec10 .box1{text-align:center}#sec00{padding-right: 0px; border-right:0px}#sec03 .box1{text-align:center}


.tab{width:100%;max-width:1300px;margin:80px auto 0}.tab.second{margin:50px auto}.tab ul{font-size:0;text-align:center}.tab li{display:inline-block;margin:0 6.5px 5px}.tab li a{padding:20px 20px;background-color:#918983;color:#FFFFFF;font-size:16px;display:block;border-radius:5px;transition:0.3s ease 0s opacity}.tab li a:hover{opacity:0.6}@media screen and (max-width: 1300px){.tab{width:100%}.tab li a{padding:10px 15px;font-size:15px}}@media screen and (max-width: 500px){.tab{margin:50px auto 0}}.modelhouse06 .tab li:nth-child(1) a{background-color:#49433e}.modelhouse08 .tab li:nth-child(2) a{background-color:#49433e}.modelhouse12 .tab li:nth-child(3) a{background-color:#49433e}


/* ----------------------------------------------------
   HP全体の左右マージン（PC/SP切り替え）
   ---------------------------------------------------- */

/* ▼ 全ページ共通：中央寄せのラッパー */
.wrapper {
  max-width: 1400px;      /* PCの読みやすい最大幅 */
  margin: 0 auto;         /* 中央寄せ */
  padding: 0 50px;        /* 左右マージン（PC） */
  box-sizing: border-box;
}

/* ▼ SP（800px以下）は余白を少し詰める */
@media screen and (max-width: 800px){
  .wrapper {
    padding: 0 20px;      /* SPは左右20pxで読みやすい */
  }
}

/* ▼ iPhone SE（375px以下）はさらに詰める */
@media screen and (max-width: 400px){
  .wrapper {
    padding: 0 16px;      /* SEは16pxが最適 */
  }
}



/* ▼ 画像をレスポンシブ化（可変サイズ） */
.loc_col2 img {
  width: 100%;      /* 親要素に合わせて可変 */
  height: auto;     /* 縦横比を維持 */
  display: block;
  object-fit: cover;
  box-sizing: border-box;
}

/* ▼ テキストも画像と同じ左右幅に揃える */
.brand_txt03,
.brand_txt05 {
  box-sizing: border-box;
}


.loc_col2 img {
  margin-bottom: 10px; /* 写真とタイトルの間隔 */
}

.loc_col2 {
  margin-bottom: 40px; /* 各公園ブロックの下に余白 */
}

.loc_col3 img {
  margin-bottom: 10px; /* 写真とタイトルの間隔 */
}

.loc_col3 {
  margin-bottom: 40px; /* 各公園ブロックの下に余白 */
}

.loc_fig .wrapper {
  padding-top: 40px;
  padding-bottom: 40px;
}