@charset "UTF-8";

/* =============================
asset_value_lp
============================= */

#asset_value_lp .entry_fadein {
    padding: 21.5px 0;
}

#all_Wrap {
    background: #000;
}

.garamond {
    font-family: 'EB Garamond', serif;
}

.cf-garamond {
    font-family: 'Cormorant Garamond', serif;
}

.cf-garamond {
    font-family: 'Cinzel', serif;
}

figure {
    position: relative;
}

#contents {
    /* background: #f6f6f0; */
    overflow: hidden;
}

.head_h1 {
    font-size: 0;
}

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

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

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

.cap_Txt {
    font-size: 12px;
}
.Txt_align {
    text-align: end;
}

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

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

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

    .cap_Txt {
        font-size: 10px;
    }
}




.f-50{font-size: 50%;}
.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%;}
.f-250{font-size: 250%;}
.f-260{font-size: 260%;}
.f-270{font-size: 270%;}
.f-280{font-size: 280%;}
.f-290{font-size: 290%;}
.f-300{font-size: 300%;}

nav.globalMenuSp {
    background: rgb(255 255 255 / 94%);
}

nav.globalMenuSp ul li:hover {
    background: rgb(235 151 74 / 20%);
}

nav.globalMenuSp ul li a {
    color: #012F4B;
}

nav.globalMenuSp.active ul li::after {
    background: #012F4B;
}

.hamburger.active>div::before {
    color: #012F4B;
}

#all_Wrap {
    background: #fff;
}

.hamburger span {
    background: #fff;
}

.hamburger.active span {
    background: #012F4B !important;
}

.hamburger>div::before {
    color: #fff;
}

.att_Area li {
    color: #000;
}

.page_btn {
    text-align: right;
    margin: 0 auto 50px
}

.page_btn a {
    color: #e5735b;
    transition: 0.3s;
}

.page_btn a span {
    font-size: 14px;
}

.page_btn a:hover {
    opacity: 0.7;
}

#corporate_Area {
    background: #EFF5F9;
}

#corporate_Area .foot_calltxt {
    color: #000;
}

#corporate_Area .foot_Tel a p {
    color: #000;
}

#corporate_Area .business_hours {
    color: #000;
}

.ftr_logo {
    border-top: unset;
}

.ftr_logo ul li h6 {
    color: #000;
}

#page_top {
    background: #012F4B;
}

#page_top:hover {
    background: #EFF5F9;
    transition: 0.3s;
}

.under_btn {
    background: #012F4B;
    border-top: unset;
}



/* contents
------------------------------------- */
#contents {
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    /*transform: rotate(.028deg);*/
}

.mincho_Txt {
    font-family: "游明朝 Medium", YuMincho Medium, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    font-feature-settings: "palt";
    letter-spacing: 0.08em;
    transform: rotate(.028deg);
}

.gothic_Txt {
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    transform: rotate(.028deg);
}




.att_Area { padding: 50px 0; }

.w100p { width: 100%; }
.w50p { width: 50%; }

.alignL { text-align: left; }
.alignC { text-align: center; }
.alignR { text-align: right; }

p+figure,
figure+p {
    margin-top: 10px;
}






/* main
------------------------------------- */

.logo.pc {
    position: fixed;
    top: 20px;
    left: 30px;
    width: 23%;
    max-width: 330px;
    z-index: 999;
}

/* リンク無効化 */
.logo.pc a {
    pointer-events: none;
}


.intro {
 position: relative;
}
.bg_wrap {
  position: relative;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  padding-top:75vh;
}
.main_bg {
  /* background: url('../images/main_bg.jpg') center/cover no-repeat; */
  width: 100%;
  height: 0;
  padding-top: 43%;
  background: url(../images/main_bg.jpg)no-repeat top center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  z-index: 0;
  border:1px solid #000;
}
.main_overlay {
  position: absolute;
  top: 90%;
  left: 0;
  width: 120%;
  height: 20%;
  background: #fff;
  transform: skewY(7deg);
  transform-origin: top left;
  z-index: 0;
}
.main_overlay02 {
  position: absolute;
  top: 110%;
  left: 0;
  width: 120%;
  height: 60%;
  background: #E0F1F2;
  transform: skewY(-8deg);
  transform-origin: top left;
  z-index: 0;
}
.main {
  background: #E0F1F2;
  padding: clamp(30px, 17.5vw, 200px) 0;
}
.ttl {
  position: absolute;
  width: 100%;
  top: 8%;
  left: 50%;
  transform: translateX(-50%);

  max-width: 600px;
  margin: 0 auto;
  z-index: 1;
}
.ttl img{
  max-height: 40vh;
}


/* anchor_tab
------------------------------------- */
.intro .anchor_tab {
  position: absolute;
  width: 100%;
  top: 29%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  display: flex;
  justify-content: center;
  line-height: 0;
  z-index: 2;
}
.intro .anchor_tab li {
  margin: 0 1%;
}

.intro .anchor_tab li a {
  display: block;
  transition: .3s;
}

.intro .anchor_tab li a img {
  max-height: 320px;
  height: 100%;
  max-height: 35.439vh;
}

.intro .anchor_tab li a:hover {
  transition: .3s;
  filter: brightness(1.1) saturate(1.1)
}

.mv_cap.cap_W {
  color: #fff !important;
}



.intro .nonaka_01 {
  max-width: 1200px;
  width:90%;
  margin: 0 auto 50px;
}


/* common
------------------------------------- */

#contents p {
    color: #231815;
    font-size: 18px;
    line-height: 1.8;
    letter-spacing: 0.06em;
}

.notes {
    font-size: 11px;
    line-height: 1.2;
    margin-top: 10px;
}

.con {
  padding: 100px 0;
}
/* .txt_box {
  padding: 0 0 30px;
} */

#contents p.txt_Blue {
  text-align: center;
  font-size: 21px;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: 0.1em;
  color:#012F4B;
}

#contents p.copy_Blue {
  text-align: center;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: 0.1em;
  color:#012F4B;
}

#contents strong {
  color: #930E14;
}

.ttl_brd_L {
  display: inline-block;
  border-left: 8px solid;
  padding-left: 12px;
  margin-bottom: 20px;
}
.sec01 .ttl_brd_L {
  border-image: linear-gradient(to bottom, #599ad3, #47a393) 1;
}
.sec02 .ttl_brd_L {
  border-image: linear-gradient(to bottom, #ba5fa1, #ed8291) 1;
}
.sec03 .ttl_brd_L {
  border-image: linear-gradient(to bottom, #ab8fc1, #6e95ce) 1;
}
.ttl_brd_L h4 {
  color:#012F4B;
  font-size: 34px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.1em;
}

.sttl {
  color:#012F4B;
  font-size: 24px;
  font-weight: 600;
  line-height: 1,8;
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
  margin-bottom: 10px;
}
p + .sttl {
padding-top: 1em;
}

#contents p.cap {
  font-size: 15px;
}

.nonaka_box {
  padding: 100px 0 150px;
}

.mrgB30 { margin-bottom: 30px;}
.mrgB50 { margin-bottom: 50px;}
.mrgB60 { margin-bottom: 60px;}
.mrgB70 { margin-bottom: 70px;}
.mrgB80 { margin-bottom: 80px;}
.mrgB100 { margin-bottom: 100px;}


/* kobetsu
------------------------------------- */

/* sec01 */
.sec01 {

}
.sec01 .title_box {
  position: relative;
  margin-top:-130px;
}
.sec01 .title_box h3 {
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translateX(-50%);
  max-width: 350px;
  width:90%;
}
.sec01 .con {
  padding: 100px 0;
  background: url(../images/sec01_bg.png) right top no-repeat;
  background-size: contain;
  margin-top:-8px;
}

.sec01 .img_List {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.sec01 .img_List li {
  width: calc((100% - 3%) / 3);
  margin-bottom:30px;
}
.sec01 .img_List li:nth-child(1) {
  width:61.66666667%;
}
.sec01 .img_List li:nth-child(2) {
  width:35%;
}
/* #contents .sec01 .img_List li p {
  font-size: 15px;
} */

.sec01 .saikaihatsu {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sec01 .saikaihatsu .txt_box {
  width:55%;
}
.sec01 .saikaihatsu .txt_box p + figure{
padding-top: 2em;
}


.sec01 .saikaihatsu .sec01_img07 {
  width:43%;
}
.txt_box +  .img_List{
  padding-top: 2em;
}

.sec01 .bus {
  display: flex;
  justify-content: flex-end;
  align-items:flex-end;
  width: 100%;
  max-width: 1630px;
  margin: 0 0 0 auto;
}

.sec01 .bus .box_L {
  /* width: 41.57148%; */
  width: 49%;
}

.sec01 .bus .box_R {
/*  max-width: 818px;*/
  width: 46.875%;
  padding-left: 2.5%;
}

.sec01 .bus .box_R figure {
    width: 100%;
    margin-left: auto
}


.sec01 .train {
  display: flex;
  justify-content:flex-start;
  align-items:flex-start;
}
.sec01 .train .box_L {
  max-width: 530px;
  width: 37.42852%;
  padding-right: 3.5%;
  /* max-width: 480px;
  width:35%; */
}
.sec01 .train .box_L figure {
    width: 100%;
    margin-left: auto
}
.sec01 .train .box_R {
    /* width: 41.57148%; */
    width: 56.57148%;
}


/* sec02 */
.sec02 {

}
.sec02 .title_box {
  position: relative;
  margin-top:-130px;
}
.sec02 .title_box h3 {
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translateX(-50%);
  max-width: 350px;
  width:90%;
}
.sec02 .con {
  padding: 100px 0;
  background: url(../images/sec02_bg.png) right top no-repeat;
  background-size: contain;
  margin-top:-8px;
}

.sec02 .fig_txt {
  display:flex;
  justify-content: space-between;
  align-items:flex-end;
}
.sec02 .fig_txt figure {
  max-width: 800px;
  width:65%;
}
.sec02 .fig_txt .txt_box {
  width:32%;
}
.sec02 .txt_box + .fig_txt {
  padding-top: 2em;
}


.sec02 .txt_fig {
  display:flex;
  justify-content: space-between;
  align-items:flex-end;
}
.sec02 .txt_fig figure {
  max-width: 800px;
  width:65%;
}
.sec02 .txt_fig .txt_box {
  width:32%;
}



/* sec03 */
.sec03 {

}
.sec03 .title_box {
  position: relative;
  margin-top:-130px;
}
.sec03 .title_box h3 {
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translateX(-50%);
  max-width: 350px;
  width:90%;
}
.sec03 .con {
  padding: 100px 0;
  background: url(../images/sec03_bg.png) right top no-repeat;
  background-size: contain;
  margin-top:-8px;
}


.sec03 .land_price {
  display: flex;
  justify-content:flex-start;
  align-items:flex-start;
}
.sec03 .land_price .box_L {
  max-width: 930px;
  width: 68.42852%;
  padding-right: 2%;
}
.sec03 .land_price .box_L figure {
    width: 100%;
    margin-left: auto
}
.sec03 .land_price .box_R {
    /* width: 41.57148%; */
    width: 28.57148%;
}


.sec03 .land_price02 {
  width:100%;
  display: flex;
  flex-wrap: wrap;
  justify-content:space-between;
  align-items:flex-end;
}
.sec03 .land_price02 h5 {
  width: 100%;
}
.sec03 .land_price02 figure:nth-child(2) {
  /* width:58%; */
  max-width:670px;
  width:55.8333333%;
}
.sec03 .land_price02 figure:nth-child(3) {
  /* width:40%; */
  max-width:510px;
  width:42.5%;
}


.data-table {
    width: 100%;
    border-collapse: collapse;/
}
.data-table th {
    background-color: #e0e0f0; /* 薄い紫がかったグレー */
    color: #333;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    padding: 10px 5px;
    border: 2px solid #231815;
    white-space: nowrap;
    width: calc(100% / 5);
}
/
.data-table th:first-child {
    text-align: left;
    padding-left: 15px;
    font-size: 18px;
    font-weight: 600;
}
.data-table tbody th:first-child {
    background: #FFF;
}

.data-table td {
    text-align: center;
    padding: 10px 5px;
    border: 2px solid #231815;
    font-size: 20px;
    font-weight: 600;
}
.data-table .highlight {
    font-weight: bold;
    color: #930E14;
    font-size: 130%;
    background-color: #ffcccc;
}
.data-table tbody tr:last-child td {
    background-color: #ffffff;
}


.sec03 .sightseeing {
  display: flex;
  justify-content: flex-end;
  align-items:flex-start;
}

.sec03 .sightseeing .box_L {
  /* width: 41.57148%; */
  width: 36.57148%;
}

.sec03 .sightseeing .box_R {
  max-width: 818px;
  width: 58.42852%;
  padding-left: 2.5%;
}

.sec03 .sightseeing .box_R figure {
    width: 100%;
    margin-left: auto
}



/* sec04 */
.sec04 {

}
.sec04 .title_box {
  position: relative;
  margin-top:-130px;
}
.sec04 .title_box h3 {
  position: absolute;
  top: 38%;
  left: 50%;
  transform: translateX(-50%);
  max-width: 180px;
  width:90%;
}
.sec04 .con {
  padding: 100px 0;
  background: url(../images/sec03_bg.png) right top no-repeat;
  background-size: contain;
  margin-top:-33px;
}


.sec04 .bg_Blue {
  background: #E6F4FD;
  padding: 20px 0;
}
.sec04 .nonaka_name_box {
  display: flex;
  justify-content: space-between;

  max-width: 800px;
  width:94%;
  margin: 0 auto;
}
.sec04 .nonaka_name_box figure {
  max-width: 250px;
  width:20.8333333%;
}
.sec04 .nonaka_name_box .txt_box {
  width:80%;
  padding-left: 30px;
  padding-bottom: 0;
}
#contents .sec04 .nonaka_name_box .txt_box .name {
  color:#012F4B;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}
#contents .sec04 .nonaka_name_box .txt_box p {
  color:#012F4B;
  font-size: 16px;
  line-height: 1.5;
}


#corporate_Area .foot01 {
position: relative;
margin: 0 auto;
padding-bottom: 50px;
}
#corporate_Area .foot01::before {
content: "";
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%,0);
width: 100%;
height: 1px;
background: #ccc;
}
.bnr_area {
margin: 0 auto 30px;
}
.bnr_area div {
width: 94%;
max-width: 800px;
margin: 0 auto;
}
.bnr_area a {
transition: 0.3s;
}
.bnr_area a:hover {
opacity: 0.3;
}

[id^="sec"] {
  padding-top: 150px;
  margin-top: -150px;
}



/* 調整 */
@media only screen and (min-width: 768px) and (max-width: 1200px) {

  /* .sec01 .bus .box_L {
    width:50%;
    padding: 0 2% 0 7%;
  } */

}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.intro .anchor_tab {
      width: 90%;
      max-width: 100%;
    }

}

@media screen and (max-width: 834px) {
/*
    .ttl {
        position: absolute;
        width: 62%;
        top: 4%;
        max-width: 100%;
    }
        .intro .anchor_tab {
        position: absolute;
        width: 100%;
        top: 19%;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        display: flex;
        justify-content: center;
        line-height: 0;
        z-index: 3;
    }
*/

}

@media screen and (max-width: 767px) {
.main {
    padding: 0 0;
}
    .bg_sp h2 {
        filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.2));
        width: 76%;
        padding: 15px 0 0 10px;
    }


    .bg_sp h2 a {
        pointer-events: none;
    }

    nav.globalMenuSp ul li {
        width: 90%;
        margin: 0 auto;
    }

    .hamburger span {
        background: #fff;
    }

    .hamburger>div::before {
        color: #fff;
    }

    nav.globalMenuSp ul li a {
        display: block;
        font-size: 15px;
        letter-spacing: 0.08em;
        padding: 1.125em 0;
    }

    .bg_sp {
        background: #012F4B;
    }



    /* main
    ------------------------------------- */

    .logo.pc {
        position: fixed;
        top: 20px;
        left: 30px;
        width: 23%;
        max-width: 330px;
        z-index: 999;
    }

    /* リンク無効化 */
    .logo.pc a {
        pointer-events: none;
    }


    .intro {
    }
    .bg_wrap {
      padding-top:100%;
    }
    .main_bg {
      padding-top: 76%;
    }
    .main_overlay {
      position: absolute;
      top: 62%;
      left: 0;

    }
    .main_overlay02 {
      position: absolute;
      top: 70%;
      left: 0;

    }
    .main {
      padding: 0 0 60px;
    }
    .ttl {
      position: absolute;
      width: 80%;
      top: 6%;

      max-width: 500px;
    }



    /* anchor_tab
    ------------------------------------- */
    .intro .anchor_tab {
      position: absolute;
      width: 100%;
      max-width: 100%;
      top: 24%;
      left: 50%;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      display: flex;
      justify-content: center;
      line-height: 0;
      z-index: 3;
    }
    .intro .anchor_tab li {
      margin: 0 1%;
      width:30%;
    }
.intro .anchor_tab li a img {
  max-height: unset;
}

    .intro .anchor_tab li a:hover {
      transition: .3s;
      filter: brightness(1.1) saturate(1.1)
    }

    .mv_cap.cap_W {
      color: #fff !important;
    }

    .intro .nonaka_01 {
      max-width: 100%;
      width:90%;
      margin: 0 auto 50px;
    }


    /* common
    ------------------------------------- */
    #contents p {
        color: #231815;
        font-size: 16px;
        line-height: 1.8;
        letter-spacing: 0.06em;
    }

    .con {
      padding: 50px 0;
    }
    /* .txt_box {
      padding: 0 0 30px;
    } */

    #contents p.txt_Blue {
      text-align: left;
      font-size: 18px;
      letter-spacing: 0.1em;
    }
    #contents p.txt_Blue.mrgB30 {
      margin-bottom: 10px;
    }
    #contents .sec04 p.txt_Blue.mrgB30 {
      margin-bottom: 0;
    }

    #contents p.copy_Blue {
      font-size: 18px;
      text-align: left;
      line-height: 1.6;
      font-feature-settings: "palt";
    }


    .ttl_brd_L {
      border-left: 6px solid;
      padding-left: 12px;
    }
    .ttl_brd_L h4 {
      font-size: 20px;
    }

    .sttl {
      font-size: 20px;
      margin-bottom: 10px;
    }

    #contents p.cap {
/*      font-size: 15px;*/
      font-size: 10px;
    }

    .nonaka_box {
      padding: 50px 0 70px;
    }
    .sec01 .nonaka_box {
      padding: 20px 0 40px;
    }
     .sec02 .nonaka_box {
      padding: 50px 0 40px;
    }

    .mrgB30 { margin-bottom: 20px;}
    .mrgB50 { margin-bottom: 30px;}
    .mrgB60 { margin-bottom: 30px;}
    .mrgB70 { margin-bottom: 30px;}
    .mrgB80 { margin-bottom: 40px;}
    .mrgB100 { margin-bottom: 50px;}


    /* kobetsu
    ------------------------------------- */

    /* sec01 */
    .sec01 {

    }
    .sec01 .title_box {
      position: relative;
      margin-top:-30px;
    }
    .sec01 .title_box h3 {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateX(-50%);
      max-width: 100%;
      width:50%;
    }
    .sec01 .con {
      padding: 50px 0;
      background: url(../images/sec01_bg.png) right top no-repeat;
      background-size: contain;
      margin-top:-8px;
    }
    .sec01 .img_List {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
    }
    .sec01 .img_List li {
      width: 100%;
      margin-bottom:30px;
    }
    .sec01 .img_List li:nth-child(1) {
      width:100%;
      order: 1;
    }
    .sec01 .img_List li:nth-child(2) {
        width: 100%;
        order: 5;
    }
    .sec01 .img_List li:nth-child(3) {
        order: 2;
    }
    .sec01 .img_List li:nth-child(4) {
        order: 3;
    }
    .sec01 .img_List li:nth-child(5) {
        order: 4;
    }

    .sec01 .saikaihatsu {
      flex-direction: column;
    }
    .sec01 .saikaihatsu .txt_box {
      width:100%;
    }
    .sec01 .saikaihatsu .sec01_img07 {
      width:100%;
    }


    .sec01 .bus {
      flex-direction: column;
      width: 90%;
      margin: 0 auto;
    }

    .sec01 .bus .box_L {
      width: 100%;
      margin: 0 auto 20px;
    }

    .sec01 .bus .box_R {
      max-width: 100%;
      width: 100%;
      padding-left: 0;
      margin: 0 auto;
    }
/*
    .sec01 .bus .box_R figure {
        width: 100%;
        margin-left: auto
    } */


    .sec01 .train {
      flex-direction: column;
      width: 90%;
      margin: 0 auto;
    }
    .sec01 .train .box_L {
      max-width: 100%;
      width: 100%;
      padding-right: 0%;
      order:2;
    }
    .sec01 .train .box_R {
        width: 100%;
        order:1;
    }


    /* sec02 */
    .sec02 {

    }
    .sec02 .title_box {
      margin-top:-30px;
    }
    .sec02 .title_box h3 {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateX(-50%);
      max-width: 100%;
      width:50%;
    }
    .sec02 .con {
      padding: 50px 0;
      background: url(../images/sec02_bg.png) right top no-repeat;
      background-size: contain;
      margin-top:-8px;
    }

    .sec02 .fig_txt {
      flex-direction: column;
      gap: 20px 0;
    }
    .sec02 .fig_txt figure {
      max-width: 100%;
      width:100%;
      order:2;
    }
    .sec02 .fig_txt .txt_box {
      width:100%;
      order:1;
    }

    .sec02 .txt_fig {
      flex-direction: column;
      gap: 20px 0;
    }
    .sec02 .txt_fig figure {
      max-width: 100;
      width:100%;
    }
    .sec02 .txt_fig .txt_box {
      width:100%;
    }


    /* sec03 */
    .sec03 {

    }
    .sec03 .title_box {
      position: relative;
      margin-top:-30px;
    }
    .sec03 .title_box h3 {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateX(-50%);
      max-width: 100%;
      width:50%;
    }
    .sec03 .con {
      padding: 50px 0;
      background: url(../images/sec03_bg.png) right top no-repeat;
      background-size: contain;
      margin-top:-8px;
    }


    .sec03 .land_price {
      flex-direction: column;
      width:94%;
     margin: 0 auto 30px;
    }
    .sec03 .land_price .box_L {
      max-width: 100%;
      width: 100%;
      padding-right: 0%;
    }
    .sec03 .land_price .box_L figure {
        width: 100%;
        margin-left: auto
    }
    .sec03 .land_price .box_R {
        width: 100%;
        margin: 30px auto 0;
    }


    .sec03 .land_price02 {
      flex-direction: column;
      gap: 20px 0;
    }
    .sec03 .land_price02 h5 {
    width: 100%;
    margin: 0 auto -10px;
}
    .sec03 .land_price02 figure:nth-child(2) {
      /* width:58%; */
      max-width:100%;
      width:100%;
    }
    .sec03 .land_price02 figure:nth-child(3) {
      /* width:40%; */
      max-width:100%;
      width:100%;
    }

    .table_outer {
    width: 100%;
    overflow-y: scroll;
    }
    .data-table {
        /*        width: 100%;*/
        border-collapse: collapse;
/*          min-width: 800px;*/
        white-space: nowrap;
        
    }
    .data-table tr:first-child {
        width: 100%;
    }
    .data-table tr td {
     width: calc(100% / 3);
     font-size: 13px;
    }
    .data-table tr td:nth-child(1) {
     background-color: #e0e0f0;
    }
    


    .sec03 .sightseeing {
      width:94%;
      margin: 0 auto;
      flex-direction: column;
    }

    .sec03 .sightseeing .box_L {
      width: 100%;
    }

    .sec03 .sightseeing .box_R {
      max-width: 100%;
      width: 100%;
      padding-left: 0%;
      padding-top: 1em;
    }

    .sec03 .sightseeing .box_R figure {
        width: 100%;
        margin-left: auto
    }
    .data-table tbody tr:first-child td {
    background-color:#fff;
}
    .data-table tbody tr:last-child td:first-child {
    background-color:#e0e0f0;
}
.data-table .highlight {
    font-size: 120%;
}

    /* sec04 */
    .sec04 {

    }
    .sec04 .title_box {
      position: relative;
      margin-top:-30px;
    }
    .sec04 .title_box h3 {
      position: absolute;
      top: 38%;
      left: 50%;
      transform: translateX(-50%);
      max-width: 180px;
      width:20%;
    }
    .sec04 .con {
      padding: 50px 0 0;
      background: url(../images/sec03_bg.png) right top no-repeat;
      background-size: contain;
      margin-top:-33px;
    }


    .sec04 .bg_Blue {
      padding: 20px 0;
    }
    .sec04 .nonaka_name_box {
      flex-direction: column;

      max-width: 100%;
      width:94%;
      margin: 0 auto;
    }
    .sec04 .nonaka_name_box figure {
      max-width: 100%;
      width:40%;
      margin: 0 auto 10px;
    }
    .sec04 .nonaka_name_box .txt_box {
      width:100%;
      padding-left: 0px;
      padding-bottom: 0;
    }
    #contents .sec04 .nonaka_name_box .txt_box .name {
      font-size: 16px;
      margin-bottom: 10px;
    }
    #contents .sec04 .nonaka_name_box .txt_box p {
      font-size: 13px;
    }




}


/* CB対応_20231227 */
@media screen and (max-height: 800px) {

    /* nav.globalMenuSp ul {
        top: 86%;
    } */
    #compact_lp nav.globalMenuSp ul li {
        width: 100%;
    }
}

nav.globalMenuSp ul li {
    width: 100%;
}

nav.globalMenuSp ul li:nth-of-type(4) a,
nav.globalMenuSp ul li:nth-of-type(5) a {
    color: #875C3A;
    /* color: #485479; */
}

nav.globalMenuSp.active ul li:nth-of-type(4):hover {
    background: rgba(135, 92, 8, 0.2);
}

nav.globalMenuSp.active ul li:nth-of-type(5):hover {
    background: rgba(135, 92, 8, 0.2);
}

/*nav.globalMenuSp.active ul li:nth-of-type(3)::after,*/
nav.globalMenuSp.active ul li:nth-of-type(4)::after,
nav.globalMenuSp.active ul li:nth-of-type(5)::after {
/*    background: #875C3A;*/
}
nav.globalMenuSp.active ul li:nth-of-type(6),
nav.globalMenuSp.active ul li:nth-of-type(7),
nav.globalMenuSp.active ul li:nth-of-type(8) {
    width: 94%;
    margin: 10px auto 0;
}
nav.globalMenuSp.active ul li:nth-of-type(6)::after,
nav.globalMenuSp.active ul li:nth-of-type(7)::after,
nav.globalMenuSp.active ul li:nth-of-type(8)::after {
    background: unset;
}
nav.globalMenuSp.active ul li:nth-of-type(6) a,
nav.globalMenuSp.active ul li:nth-of-type(7) a,
nav.globalMenuSp.active ul li:nth-of-type(8) a {
   color: #fff;
}
nav.globalMenuSp.active ul li:nth-of-type(6) a{
    background: #b1934b;
}
nav.globalMenuSp.active ul li:nth-of-type(7) a{
    background: #501515;
}
nav.globalMenuSp.active ul li:nth-of-type(8) a{
    background: #1a305e;
}


#corporate_Area .ftr_nav ul li a {
    color:#012F4B;
}
#corporate_Area .ftr_nav ul li:last-child {
    width: 50%;
    border-right: none;
    border-bottom:1px solid #555;
}



/* 追加修正 同じQ数にするCSS */
/* @media screen and (max-width: 767px)  {
    .normal_txt {
        font-size: 16px;
    }
    .sec02 .choice.w50p p.normal_txt {
        font-size: 16px;
    }
    .sec04 .fig_txt_box .txt p.normal_txt {
        font-size: 16px;
    }
    .sec04 .topix dl dd p.normal_txt {
        font-size: 16px;
    }
} */

@media screen and (max-width: 767px) {
    .sec03 h3.ans_Tzxt {
        font-size: 20px;
    }
    .bnr_area {
margin: 50px auto 0;
}
.ftr_fixed .nav_hp span::before {
    background: url(../images/logo.svg) no-repeat;
    background-size: contain;
    width: 30px;
    height: 34px;
    margin: 0 auto 2px;
}
}