@charset "UTF-8";

figure{
position: relative;
}


.head_h1 {
  font-size: 0;
}

#all_Wrap {
  width: 100%;
  background-color: #000;
  overflow: hidden;
  position: relative;
}

.Block01 {
  padding: 170px 0 170px;
  color: #fff;
  text-align: center;
}

.logo {
  max-width: 120px;
  width: 50%;
  margin: 0 auto 130px;
}
.f-60 {font-size: 60%;}
.f-70 {font-size: 70%;}
.f-80 {font-size: 80%;}
.f-90 {font-size: 90%;}
.f-110 {font-size: 110%;}
.f-120 {font-size: 120%;}
.f-130 {font-size: 130%;}
.f-140 {font-size: 140%;}
.f-150 {font-size: 150%;}
.f-160 {font-size: 160%;}
.f-170 {font-size: 170%;}
.f-180 {font-size: 180%;}
.f-190 {font-size: 190%;}
.f-200 {font-size: 200%;}
.f-210 {font-size: 210%;}
.f-220 {font-size: 220%;}
.f-230 {font-size: 230%;}
.f-240 {font-size: 240%;}


/* main_view */
/* .main_view {
  width: 100%;
  position: relative;
}

.main_view img {
  width: 100%;
  position: absolute;
} */

.Block01 h2 {
  margin-left: 1em;
  font-size: 33px;
  font-family: 'Shippori Mincho', serif;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.15em;
  font-feature-settings: "palt";
  box-sizing: border-box;
}

.Block01 h3 {
  margin-right: 0.4em;
  font-size: 28px;
  font-family: 'Shippori Mincho', serif;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.1em;
  font-feature-settings: "palt";
  box-sizing: border-box;
}

.Block01 h4 {
  /* margin: 1em auto 1.5em; */
  margin-right: 1.0em;
  font-size: 23px;
  font-family: 'Shippori Mincho', serif;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.1em;
  font-feature-settings: "palt";
  box-sizing: border-box;
}

.lead_txt_Box {
  flex-direction: row-reverse;
  justify-content: center;
  padding: 0 10%;
  box-sizing: border-box;
}

.lead_txt {
  font-size: 16px;
  font-family: 'Shippori Mincho', serif;
  /* line-height: 2; */
  line-height: 2.2;
  letter-spacing: 0.1em;
  font-feature-settings: "palt";
}

.copy_tate {
  flex-direction: row-reverse;
  justify-content: center;
  align-items: flex-start;
  max-width: 1200px;
  width: 90%;
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.8;
  letter-spacing: 0.1em;
  vertical-align: baseline;
}

.copy_tate h2,
.copy_tate h3,
.copy_tate h4,
.copy_tate p {
  display: block;
  text-align: left;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  white-space: nowrap;
}

.tate01,
.tate02,
.tate03 {
  margin-left: 1.5em;
  box-sizing: border-box;
}

.text-combine {
  text-combine-upright: all;
}

.en {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-orientation: upright;
}

.en.v {
  position: relative;
  right: -2px;
}

.fade {
  opacity: 0;
  transition: all 2.6s ease;
}

.fade.show {
  opacity: 1;
  transform: none;
}

.fadeup {
  transform: translate(0, 100px);
}


.Block02 {
  padding: 0 0 150px;
}

.point {
  position: relative;
  max-width: 1230px;
  width: 90%;
}

.point:not(:first-child) {
  margin-top: 80px;
}

.p_Left {
  margin-right: auto;
  margin-left: 0;
}

.p_Right {
  margin-right: 0;
  margin-left: auto;
}


/* ipad-mini 横 */
@media screen and (max-width: 1024px) {

  .Block01 {
    padding: 100px 0 100px;
  }

  .Block01 h2 {
    font-size: 22px;
    margin: 0;
  }

  .Block01 h3 {
    font-size: 22px;
    margin-top: 10px;
  }

  .Block01 h4 {
    font-size: 20px;
    margin-top: 20px;
  }

  .lead_txt {
    font-size: 13px;
    font-feature-settings: "palt";
    letter-spacing: 0em;
  }

  .copy_tate {
    flex-wrap: wrap;
    flex-direction: column;
  }

  .copy_tate h2,
  .copy_tate h3,
  .copy_tate h4,
  .copy_tate p {
    writing-mode: horizontal-tb;
  }

/*
  .copy_tate h2 ,
  .copy_tate .pc {
    display: none !important;
  }
*/

  .tate01,
  .tate02,
  .tate03 {
    margin: 20px 0 0 0;
  }

  .tate04 {
    margin-top: 20px;
  }

  .lead_txt_Box {
    padding: 0;
    flex-wrap: wrap;
    flex-direction: column;
  }

  .en {
    writing-mode: horizontal-tb;
  }
}

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

  .logo {
    max-width: 90px;
    margin: 0 auto 50px;
  }

  .copy_tate {
    width: 94%;
  }
    .copy_tate.sp {
display: none!important;
  }


  .Block02 {
    padding: 0 0 80px;
  }

  .point {
    width: 94%;
  }

  .point:not(:first-child) {
    margin-top: 40px;
  }

  .point .cap_Txt {
    bottom: 34vw;
  }

.fade {
  opacity: 0;
  transition: all 1.8s ease;
}
.fadeup {
  transform: translate(0, 50px);
}
}

#contents {
font-family: "游明朝 Medium", YuMincho Medium , "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
font-feature-settings: "palt";
letter-spacing: 0.08em;
}
.garamond{
font-family: 'Cormorant Garamond', serif;
}
.gold{
color: #f9d297;
}
.cat_ttl {
max-width: 94%;
text-align: center;
color: #fff;
margin: 0 auto 80px;
}
.cat_ttl h3{
font-size: 36px;
letter-spacing: 0.16em;
}
.cat_ttl p{
font-size: 26px;
line-height: 1.6;
letter-spacing: 0.08em;
padding-top: 24px;
}
.sub_ttl {
width: 94%;
text-align: center;
margin: 0 auto 60px;
}
.sub_ttl h3{
font-size: 24px;
}
.sub_ttl h3 span{
font-size: 240%;
font-style: italic;
padding: 0 0.08em 0 0;
vertical-align: sub;
}
.sub_ttl p{
color: #fff;
}
/*訴求・point*/
.point_area {
padding: 20px 0 12.99px;
/*background: linear-gradient(to right, rgb(23 29 60) 0%,rgb(29 40 69) 50%,rgb(24 30 61) 100%);*/
/*    background: linear-gradient(to right, rgb(38 5 5) 0%,rgb(77 2 4) 50%,rgb(38 5 5) 100%);*/
background: #001d35;
}
.point_area figure {
width: 94%;
max-width: 1143px;
margin: 0 auto;
}

/*訴求・price*/
.price_area {
padding: 20px 0;
/* background: linear-gradient(to right, rgb(38 5 5) 0%,rgb(77 2 4) 50%,rgb(38 5 5) 100%); */
/*background: #FFF;*/
background: linear-gradient(to right, rgb(75 0 0) 0%, rgb(111 26 29) 50%, rgb(38 5 5) 100%);
}
.price_area figure {
width: 94%;
max-width: 1262px;
margin: 0 auto;
}

.add_kakaku {
padding: 20px 0;
background: #86060b;
}
.add_kakaku figure {
width: 90%;
max-width: 718px;
margin: 0 auto;
}
.add_teiki {
padding: 20px 0;
background: #c6b481;
}
.add_teiki figure {
width: 94%;
max-width: 837px;
margin: 0 auto;
}

/*行動提起*/
.teiki_Area {
font-family: "游明朝 Medium", YuMincho Medium , "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
font-feature-settings: "palt";
/*margin: 40px auto 80px;*/
margin: 80px auto 0;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.teiki_Area > figure{
width: 5%;
min-width: 70px;
/*margin: 0 auto 40px;*/
margin-right: 40px;
}
.teiki_Area .flex{
justify-content: center;
}
.teiki_Area .flex figure{
width: 5%;
min-width: 70px;
margin: 0 40px 0 10px;
}
.teiki_Area .flex h3{
color: #b7a383;
font-size: 52px;
letter-spacing: 0.1em;
}
.teiki_Area .teiki{
text-align: center;
color: #fff;
}
.teiki_Area .teiki h3{
color: #b7a383;
font-size: 52px;
letter-spacing: 0.1em;
}
.teiki_Area .teiki h5{
font-size: 22px;
letter-spacing: 0.065em;
display: none;
}
.teiki_Area .teiki h5 span.f-80{
font-size: 80%;
}
.teiki_Area .teiki p{
font-size: 40px;
letter-spacing: 0.1em;
line-height: 1.2;
}
.teiki_Area .teiki p:not(:first-child){
margin: 10px 0 0;
}
.teiki_Area .teiki p span.gold{
color: #b7a383;
}
.teiki_Area .teiki p .space {
display: inline-block;
padding: 0 0.125em;
}

/*行動提起*/

.theme_Area {
margin: 0 auto 150px;
}
.theme_Area ul{
}
.theme_Area ul li{
line-height: 0;
}


/*インフォーメーション*/
#information-area {
width: 100%;
margin: 0 auto;
padding: 100px 0 0;
background: #000;
}
#information-area #p_info{
margin: 0 auto;
}
#information-area h3{
position: relative;
text-align: center;
font-size: 20px;
letter-spacing: 0.2em;
font-family: 'EB Garamond', serif;
color: #f9d297;
margin: 0 auto 10px;
padding: 0 0 16px;
}
#information-area h3::after{
content: "";
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%,0);
display: block;
width: 100%;
max-width: 800px;
height: 1px;
    background: -moz-linear-gradient(left, rgba(249,210,151,0) 0%, rgba(249,210,151,1) 30%, rgba(249,210,151,1) 70%, rgba(249,210,151,0) 100%);
    background: -webkit-linear-gradient(left, rgba(249,210,151,0) 0%,rgba(249,210,151,1) 30%,rgba(249,210,151,1) 70%,rgba(249,210,151,0) 100%);
    background: linear-gradient(to right, rgba(249,210,151,0) 0%,rgba(249,210,151,1) 30%,rgba(249,210,151,1) 70%,rgba(249,210,151,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f9d297', endColorstr='#00f9d297',GradientType=1 );
}

/*インフォーメーション共通*/
#information-area #p_info {
    width: 92%;
    max-width: 800px;
    margin: 0 auto;
    position: relative;
    padding: 0 0 0 0;
    font-family: "游明朝 Medium", YuMincho Medium , "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
#information-area #p_info::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%,0);
display: block;
width: 100%;
max-width: 800px;
height: 1px;
background: -moz-linear-gradient(left, rgba(249,210,151,0) 0%, rgba(249,210,151,1) 30%, rgba(249,210,151,1) 70%, rgba(249,210,151,0) 100%);
background: -webkit-linear-gradient(left, rgba(249,210,151,0) 0%,rgba(249,210,151,1) 30%,rgba(249,210,151,1) 70%,rgba(249,210,151,0) 100%);
background: linear-gradient(to right, rgba(249,210,151,0) 0%,rgba(249,210,151,1) 30%,rgba(249,210,151,1) 70%,rgba(249,210,151,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f9d297', endColorstr='#00f9d297',GradientType=1 );
}

#information-area #p_info .item {
    width: 100%;
    padding: 0 0 40px 0;
    /*    border-bottom: #7D7E96 1px solid;*/
}

#information-area #p_info .item .date {
    width: 100%;
    padding: 10px 0 15px 0;
    text-align: left;
    font-size: 0.825em;
    letter-spacing: 0.1em;
    color: #fff;
}

#information-area #p_info .item h4 {
    width: 100%;
    padding: 0 0 30px 0;
    text-align: left;
    font-size: 1.375rem;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 0.1em;
    color: #f9d297;
}

#information-area #p_info .item .body {
    width: 100%;
}

#information-area #p_info .item .body p {
    text-align: left;
    font-size: 0.875rem;
    line-height: 1.8;
    color: #fff;
}

.movie-area {
  width: 94%;
  max-width: 800px;
  margin: 80px auto;
  font-family: 'Shippori Mincho', serif;
}

.movie-area .movie-wrap {
  position: relative;
  aspect-ratio: 1200 / 720;
}
.movie-area .movie-wrap .movie-thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 1200 / 720;
  cursor: pointer;
}
.movie-area .movie-wrap .movie-thumb.is-hide {
  display: none;
}

.movie-area .movie-wrap .video-control {
  width: 100%;
}

.movie-area p {
  position:relative;
  bottom: .5em;
  color: #fff;
  text-align: center;
}

/*バナー*/
.bnr_area {
margin: 40px auto 100px;
}
.bnr_area.nintei {
margin: 100px auto 0;
}
.bnr_area .bnr_box {
width: 94%;
max-width: 1000px;
margin: 0 auto;
}
.bnr_area .bnr_box:not(:first-of-type) {
margin: 30px auto 0;
}
.bnr_area a {
transition: 0.3s;
}
.bnr_area a:hover {
opacity: 0.5;
}
/* 管理計画案の予備認定取得済マンション */
.bnr_nintei {
position: relative;
	margin:0 auto 50px;
/*
    border: 2px solid #20364b;
    box-sizing: border-box;
    font-family: "游明朝 Medium", YuMincho Medium , "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
*/
}
.bnr_nintei p{
    width: 100%;
    text-align: left;
    font-size: 11px;
    padding: 0 0 10px 15.3%;
    color: #000;
    background: #fff;
}
.bnr_nintei p a{
    color: #000;
    transition: 0.3s;
}
.bnr_nintei p a:hover{
opacity: 0.5;
}
.bnr_nintei > img{
position: absolute;
right: 0;
bottom: 0;
width: 22.5%!important;
}
area:-webkit-any-link {
    cursor: pointer;
}


.tower_parking {
width: 94%;
max-width: 1000px;
margin: 80px auto 30px;
}
.tower_parking figure {
}

.top_bnr {
width: 94%;
max-width: 1000px;
margin: 50px auto 0;
}
.top_bnr figure {
}
.top_bnr > div {

}
.top_bnr > div:not(:first-of-type) {
margin: 30px auto 0;
}

.top_bnr a {
transition: 0.3s;
}
.top_bnr a:hover {
filter: brightness(120%);
}
.top_bnr > div.w800 {
max-width: 800px;
margin: 0 auto;
}

@media screen and (max-width: 767px) {
.top_bnr {
margin: 40px auto 0;
}
}



.mv_under {
width: 100%;
margin: 0 auto 4px;
background: url('../images/bnr_bg.jpg') no-repeat center/ cover;
}
.mv_under figure {
}
.mv_under > div {
width: 100%;
max-width: 1080px;
padding: 1em 0;
margin: 0 auto;
}

.mv_under a {
transition: 0.3s;
}
.mv_under a:hover {
filter: opacity(0.5);
}

@media screen and (max-width: 767px) {
.mv_under {
/*
width: 94%;
margin: 3% auto;
*/
background:unset;
}
.mv_under > div {
padding: 0;
margin: 0 auto;
}
}

/*--tebraface--*/

.tebra_btn {
  position: absolute;
  bottom: 6%;
  left: 50%;
  transform: translateX(-50%);
  width: 20%;
  aspect-ratio: 400 / 80;
}

.tebra_btn a {
  display:block;
  width: 100%;
  height: 100%;
  background: url('../images/tabra_btn.png') no-repeat center/ contain;
  transition: .3s;
}
.tebra_btn a::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url('../images/tabra_btn_hover.png') no-repeat center / contain;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity .3s;
}

.tebra_btn a:hover::after {
  opacity: 1;
}

@media screen and (max-width: 767px) {
.tebra_btn {
  bottom: 2.8%;
  width: 50%;
}
}



/*--固定背景の設定--*/
.contents_bnr_Area > div {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0;
  padding-top: 64.285714285714286%;
}
.cd-fixed-bg {
    position: relative;
    min-height: 100%;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 0;
}
.cd-fixed-bg::before {
    content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
width: 100%;
height: 0;
padding-top: 64.285714285714286%;
    background-color: black;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 0;
    opacity: 0.4;
    transition: 0.3s;
}
.cd-fixed-bg.cd-bg-1  {
  background-image: url('../images/contents_01.jpg');
}

.cd-fixed-bg.cd-bg-2  {
  background-image: url('../images/contents_02.jpg');
}

.cd-fixed-bg.cd-bg-3  {
  background-image: url('../images/contents_03.jpg');
}

.cd-fixed-bg.cd-bg-4  {
  background-image: url('../images/contents_04.jpg');
}
.cd-fixed-bg:hover::before {
    opacity: 0;
}

.cd-fixed-bg a {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 0;
padding-top: 64.285714285714286%;
/*background: rgba(0,0,0,0.4);*/
}



.contents_bnr_Area > div .text {
display: flex;
justify-content: center;
flex-direction: column;
/*width: 33.571428571428571%;*/
position: absolute;
top: 50%;
z-index: 1;
}
.contents_bnr_Area > div .text.left {
left: 2.857142857142857%;
transform: translate(0,-50%);
}
.contents_bnr_Area > div .text.right {
right: 2.857142857142857%;
transform: translate(0,-50%);
}
.contents_bnr_Area > div .text h3{
text-align: center;
font-size: 37px;
letter-spacing: 0.16em;
color: #f9d297;
font-family: 'EB Garamond', serif;
margin: 0 0 40px;
}
.contents_bnr_Area > div .text p{
text-align: center;
font-size: 19px;
letter-spacing: 0.16em;
line-height: 1.8;
color: #fff;
margin: 0 0 70px;
}
.contents_bnr_Area > div .text .more{
position: relative;
text-align: center;
font-size: 15px;
color: #f9d297;
/*width: 48.936170212765957%;*/
margin: 0 auto;
padding: 0.7em 4.1em;
}

.contents_bnr_Area > div .text .more span{
position: relative;
}
.contents_bnr_Area > div .text .more span::after{
content: '';
position: absolute;
top: 50%;
right: 0;
transform: translate(120%,-50%) skew(45deg);
display: block;
  width: 24px;
  height: 7px;
  border-bottom: 1px solid #f9d297;
  border-right: 1px solid #f9d297;
  transition: 0.3s;
}
.cd-fixed-bg:hover .text .more span::after{
transform: translate(150%,-50%) skew(45deg);
}

.contents_bnr_Area > div .text .more::before,
.contents_bnr_Area > div .text .more::after {
	content: '';
	width: 34px;
	height: 14px;
	position: absolute;
}

.contents_bnr_Area > div .text .more::before {
	border-left: solid 1px #f9d297;
	border-top: solid 1px #f9d297;
	top: 0;
	left: 0;
}

.contents_bnr_Area > div .text .more::after {
	border-right: solid 1px #f9d297;
	border-bottom: solid 1px #f9d297;
	bottom: 0;
	right: 0;
}
/*fixバナー　フローティング*/
.floot_bnr {
  /* width: 34.142857142857143%; */

  /*MVがスクロールされた後に表示する時のみ適応 ↓*/
  opacity: 0;
  visibility: hidden;
  /*MVがスクロールされた後に表示する時のみ適応 ↑*/
  width: 38%;
  /* max-width: 478px; */
  /*  max-width: 621px;*/
  /*max-width: 500px;*/
  max-width: 480px;
  position: fixed;
  bottom: 25px;
  left: 25px;
  z-index: 100;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
  transition: all 0.3s;
}
  /*MVがスクロールされた後に表示する時のみ適応 ↓*/
.floot_bnr.show {
    opacity: 1;
    visibility: visible;
}
  /*MVがスクロールされた後に表示する時のみ適応 ↑*/

.floot_bnr a {
  display: block;
  transition: 0.3s;
/*pointer-events: none;*/
}

.floot_bnr a:hover {
  filter: brightness(130%) saturate(105%);
}

.floot_bnr .btn_close {
  width: 30px;
  position: absolute;
  top: -15px;
  right: -15px;
  z-index: 101;
  cursor: pointer;
  transition: all 0.3s;
}


@media screen and (max-width: 767px) {
	.cd-fixed-bg {
		background-size: cover;
		background-attachment: scroll;
        opacity: 1;
	}
    .cd-fixed-bg.cd-bg-1  {
  background-image: url('../images/contents_01_sp.jpg');
}

.cd-fixed-bg.cd-bg-2  {
  background-image: url('../images/contents_02_sp.jpg');
}

.cd-fixed-bg.cd-bg-3  {
  background-image: url('../images/contents_03_sp.jpg');
}

.cd-fixed-bg.cd-bg-4  {
  background-image: url('../images/contents_04_sp.jpg');
}
.cd-fixed-bg a {
     background: rgba(0,0,0,0.4);
}
        .contents_bnr_Area > div .text{
width: 100%;
}
.contents_bnr_Area > div .text.left {
left: 0%;
}
.contents_bnr_Area > div .text.right {
right: 0%;
}
    .contents_bnr_Area > div .text h3{
font-size: 28px;
margin: 0 0 20px;
}
.contents_bnr_Area > div .text p{
font-size: 15px;
letter-spacing: 0.1em;
margin: 0 0 20px;
}
.contents_bnr_Area > div .text .more{
/*
font-size: 14px;
color: #f9d297;
padding: 0.7em 4.1em;
*/
font-size: 13px;
color: #f9d297;
padding: 0.7em 3.4em;
}
.contents_bnr_Area > div .text .more::before,
.contents_bnr_Area > div .text .more::after {
	content: '';
	width: 34px;
	height: 14px;
	position: absolute;
}

.contents_bnr_Area > div .text .more::before {
	border-left: unset;
	border-top: unset;
	top: 0;
	left: 0;
}

.contents_bnr_Area > div .text .more::after {
	border-right: unset;
	border-bottom: unset;
	bottom: 0;
	right: 0;
}
.point_area {
    padding: 20px 0;
}
.price_area {
    padding: 20px 0;
}
/* .price_area figure {
width: 94%;
max-width: 100%;
margin: 0 auto;
} */
}

.add_kakaku {
padding: 20px 0;
}

/*
.contents_bnr_Area > div {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0;
  padding-top: 64.285714285714286%;
}
*/
/*
.cd-fixed-bg{
	width: 100% ;
	height: 100vh ;
	background: url("../images/contents_01") no-repeat center center / cover;
	background-attachment: fixed ;
}
.cd-bg-2 {
	background-image: url("../images/contents_02");
}
.cd-bg-3 {
	background-image: url("../images/contents_03");
}
*/

.att_Area {
    padding: 100px 0 50px;
}








@media screen and (max-width: 1080px) {
.sub_ttl {
    width: 94%;
}
.teiki_Area .teiki h3 {
  line-height: 1.2;
}
.teiki_Area .teiki h5 {
    font-size: 21px;
}
.teiki_Area .teiki p {
  line-height: 1.3;
}
#redevelopment .train .text h4 {
  font-size: 25px;
}
}

@media screen and (max-width: 834px) {
.sub_ttl {
    width: 94%;
}
.teiki_Area .teiki h3 {
font-size: 44px;
  line-height: 1.2;
}
.teiki_Area .teiki h5 {
    font-size: 21px;
}
.teiki_Area .teiki p {
font-size: 34px;
  line-height: 1.1;
}
#redevelopment .column3.block01 > ul {
    flex-wrap: wrap;
}
#redevelopment .column3.block01 > ul li:nth-child(1) {
    width: 100%;
    margin-bottom: 30px;
}
#redevelopment .column3.block01 > ul li:nth-child(2) {
    width: 55.555555555555556%;
}
#redevelopment .column3.block01 > ul li:nth-child(3) {
    width: 40.740740740740741%;
}

#redevelopment .column3.block01 .list6 ul li p {
font-size: 14px;
  line-height: 1.1;
}

#redevelopment .train .text h4 {
    font-size: 19px;
    margin-bottom: 20px;
}
.map_Area .inner > .road_Area .text {
    margin: 0 0 18px;
}
.map_Area .inner > .road_Area .text h4 {
  font-size: 18px;
}
.map_Area .inner > .road_Area .text p {
    font-size: 15px;
}
.map_Area .inner > .road_Area figure:nth-of-type(2) {
display: none;
}
}

@media screen and (max-width: 767px) {
.cat_ttl {
margin: 0 auto 40px;
}
.cat_ttl h3{
font-size: 24px;
letter-spacing: 0.16em;
}
.cat_ttl p{
font-size: 16px;
line-height: 1.6;
letter-spacing: 0.08em;
padding-top: 18px;
text-align: center;
}
.sub_ttl {
width: 94%;
text-align: center;
margin: 0 auto 40px;
}
.sub_ttl h3{
font-size: 18px;
line-height: 1.3;
}
.sub_ttl h3 span{
font-size: 240%;
font-style: italic;
padding: 0 0.08em 0 0;
vertical-align: sub;
}
.sub_ttl p{
font-size: 15px;
color: #fff;
}
#access .sub_ttl p{
font-size: 15px;
padding-top: 13px;
text-align: left;
}
/*インフォメーション*/
#information-area {
padding: 60px 0 0;
}
#information-area h3 {
font-size: 16px;
}
#information-area #information::after {
    width: 110%;
}
#information-area #information dl {
font-size: 14px;
}
/*価格*/
.price_area figure {
    width: 80%;
}

/*動画*/
.movie-area {
  margin: 60px auto;
}


/*行動提起*/
.teiki_Area {
font-family: "游明朝 Medium", YuMincho Medium , "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
font-feature-settings: "palt";
/*margin: 30px auto 60px;*/
width: 94%;
margin: 40px auto 0px;
}
.teiki_Area > figure{
width: 11%;
max-width: 50px;
min-width: unset;
/* margin: 0 auto 30px; */
margin-right: 10px;
}
.teiki_Area .flex{
align-items: center;
min-width: 100%;
}
.teiki_Area .flex figure{
width: 11%;
max-width: 50px;
min-width: unset;
margin-right: 10px;
}
.teiki_Area .flex h3{
font-size: 23px;
letter-spacing: 0.1em;
margin: 0 0 0 0.5em;
}
.teiki_Area .teiki{
text-align: center;
color: #fff;
width: fit-content;
}
.teiki_Area .teiki h3{
/*font-size: 33px;*/
font-size: 23px;
letter-spacing: 0.1em;
/*margin: 0 auto 15px;*/
margin: 0 auto 6px;
display: none;
}
.teiki_Area .teiki h5{
font-size: 21px;
letter-spacing: 0.065em;
}
.teiki_Area .teiki h5 span.f-80{
font-size: 80%;
}
.teiki_Area .teiki p{
/*
font-size: 28px;
letter-spacing: 0.16em;
*/
font-size: 26px;
letter-spacing: 0.12em;
}
.teiki_Area .teiki p span.f-120{
font-size: 106%;
}
/*行動提起*/


.single.approach {
margin: 0 auto 30px;
}
.single.access {
margin: 0 auto 40px;
}
.single.floor{
margin: 0 auto 60px;
}
.theme_Area {
margin: 0 auto 80px;
}
.theme_Area ul{
}
.theme_Area ul li{
line-height: 0;
}

.bnr_area {
    margin: 30px auto 40px;
}
.bnr_area.nintei {
    margin: 40px auto 0;
}
.tower_parking {
    margin: 60px auto 30px;
}

/* 管理計画案の予備認定取得済マンション */
.bnr_nintei {
background: #fff;
margin: 0 auto 40px;
}
.bnr_nintei p{
text-align: left;
font-size: 8px;
padding: 7px 10px 10px 10px;
font-feature-settings: "palt";
letter-spacing: 0.06em;
line-height: 1.4;
}
.att_Area {
padding: 50px 0 50px;
}
}
/*---------------------------
　　　モーダル／modal
---------------------------*/
.modal {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  z-index: 1000;
}
.modal-bg {
  position: absolute;
  height: 100vh;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1000;
}
/* Modal Content */
.modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* width: 73vh; */
  /* max-width: 640px; */
  width: 83vh;
  /*max-width: 480px;*/
  /*max-width: 540px;*/
  max-width: 600px;
  z-index: 1001;
}
.modal-inner {
  position: relative;
  background: none;
  width: 100%;
  min-height: 100%;
  max-height: calc(94vh - 3em);
  overflow-x: hidden;
  overflow-y: auto;
  /*background: #000;*/
  line-height: 0;
}
.modal-inner a {
  pointer-events: none;
  cursor: default;
}
.closeBtn {
  display: block;
  position: absolute;
  top: -2.7em;
  right: 0;
  width: 2em;/*同じ数値*/
  height: 2em;/*同じ数値*/
}
.closeBtn::before, .closeBtn::after { /* 共通設定 */
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3px; /* 棒の幅（太さ） */
  height: 2em; /* 棒の高さ */
  background: #fff;
}
.closeBtn::before {
  transform: translate(-50%,-50%) rotate(45deg);
}
.closeBtn::after {
  transform: translate(-50%,-50%) rotate(-45deg);
}
.modal-inner a {
    display: block;
    transition: .3s;
/*    pointer-events: none;*/
}
.modal-inner a:hover { opacity: .7; }
@media screen and (max-width: 767px) {
.modal-content {
width: 94%;
  top: 50%;
}
.closeBtn {
  top: -3.5em;
  right: 0;
  width: 3em;/*同じ数値*/
  height: 3em;/*同じ数値*/
}
.closeBtn::before, .closeBtn::after { /* 共通設定 */
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3px; /* 棒の幅（太さ） */
  height: 3em; /* 棒の高さ */
}

  .floot_bnr {
    /* width: 75%; */
    width: 90%;
    max-width: 100%;
    /* max-width: 290px; */
    /* bottom: 140px;*/
    bottom: 80px;
    left: 50%;
    transform: translateX(-50%);
    /* left: unset;
    right: 16px; */
    z-index: 100;
  }

  .floot_bnr .btn_close {
    width: 20px;
    top: -10px;
    right: -10px;
  }
}