/*------------------------

2025 リニューアル

-----------------------*/

.renewal_2025 {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro",
    "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif !important;
}

.renewal_2025.top section {
  margin: 5rem 0;
}
.footer-navi {
  /* width: 90%;*/
  margin: 10rem 0;
}
.footer-navi .footer-navi-block {
  width: 63%;
}
.footer-navi a {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro",
    "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif !important;
  font-weight: normal !important;
}
.footer-navi_list01 > h1 {
  margin-bottom: 4rem;
}
.footer-navi_list01 > ul li a:nth-child(1) {
  font-size: 1.4rem;
}

.footer-navi_list02 ul li {
  margin: 2.5rem 0;
}
.renewal_2025 .header {
  height: auto;
  width: 100%;
}

.renewal_2025 .header .header-iner > h1:nth-child(1) {
  margin-left: 2%;
}

.renewal_2025 .header-iner {
  padding: 1rem 0;
  flex-direction: unset;
  margin-top: 0;
  flex-direction: unset;
}
.renewal_2025 .hamburger {
  width: 45px;
  top: 50%;
  transform: translateY(-50%);
  right: 3%;
  left: unset;
  background: #000;
}
header nav h1 img:nth-child(1) {
  width: 90%;
}
.footer-navi_list01 .tel,
.footer-navi_list01 .top-link {
  display: none;
}
.header-navi_list03 > div {
  width: auto;
}

.header-navi {
  gap: 2rem 7% !important;
}

.header-navi .footer-navi_list01 {
  width: 25%;
}

.header-navi_list03 {
  align-items: center;
}
div.header-navi_list03 .tel a {
  font-size: 28px;
}

div.header-navi_list03 .tel p {
  font-size: 1.3rem;
}
.top-link img:nth-child(1) {
  width: 36px !important;
}

footer div.footer-navi:nth-child(2) {
  margin-top: 6rem;
}


footer ul li a:nth-child(1) > img:nth-child(1) {
  width: 40px;
}

footer a {
  font-weight: normal !important;
}

footer .header-navi_list03 h3 {
  border-bottom: solid 2px #919191;
}

.copyright {
  border-top: solid 1px;
  padding: 1rem;
  text-align: left;
}
.copyright p {
  font-size: 1.2rem;
  width: 1100px;
  margin: auto;
}
.top footer section:first-child {
  margin: 0rem 0 0rem;
}
/*------------------------

top

-----------------------*/

.main-video {
  margin: 0 !important;
  width: 100%;
  object-fit: cover;
}

.main-title .en {
  font-family: "Bentham", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 4rem;
  color: #3c2618;
}
.top .main-title {
  margin-bottom: 4rem;
  border: none;
}

.event-area,
#sec06 {
  border-bottom: solid 1px #000;
}
.event-area .main-title {
  display: none;
}
.event-area,
.top-modelhouse-area,
#sec06,.top-merit2-area ,.works-area{
  padding: 10rem 0;
  background: #f5f2f2;
  margin: 0 !important;
}
#sec06 {
  padding: 5rem 0;
}
.event-area ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2rem;
}
.event-area ul li img {
  height: 365px;
  object-fit: contain;
}
.event-area ul li a:nth-child(1) > p:nth-child(2) {
  margin-top: 1.5rem;
}

.top-modelhouse-area ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 4rem 2rem;
}

.top-modelhouse-area ul li a {
  padding: 1rem;
  display: block;
}
.top-modelhouse-area ul li a:hover,
.top-modelhouse-area ul li a:hover .modelhouse_text {
  background: #9c8f8f;
  color: #fff;
}
.top-modelhouse-area ul li .modelhouse_text {
  /* margin-top: 1; */
  /* margin-top: 1r; */
  /* margin-top: 1re; */
  margin-top: 1rem;
}

.top-modelhouse-area ul li .modelhouse_text .top_address {
  font-size: 1.4rem;
  padding-bottom: 1rem;
 /* border-bottom: solid 1px;
  margin-bottom: 1rem;*/
}

.top-modelhouse-area ul li .modelhouse_text > div {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.top-modelhouse-area ul li .modelhouse_text > div dl {
  display: flex;
  align-items: baseline;
  gap: 5px;
}
.top-modelhouse-area ul li .modelhouse_text > div dl dt {
  font-size: 1.2rem;
}

.top-modelhouse-area ul li .modelhouse_text > div dl dd {
  font-size: 1.8rem;
}
.top-modelhouse-area ul li .modelhouse_text > div dl dd span:nth-child(1) {
  font-size: 1.2rem;
  margin-left: 2px;
}

.top-modelhouse-area ul li a .modelhouse_text p:nth-child(3),
.reference-text{
  font-size: 1rem;
  margin-top: 2px;
}

.top-modelhouse-area ul.area_btn {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 2rem;
  margin-top: 4rem;
}

.top-modelhouse-area ul.area_btn li a:nth-child(1) {
  display: block;
  background: #fff;
  font-size: 1.45rem;
  padding: 1rem;
  text-align: center;
}
.top-modelhouse-area ul.area_btn li a:nth-child(1):hover {
  background: #000;
  color: #fff;
}
.gmap-btn a {
  background: #ffff;
  border: none;
}
.top-merit-area {
  border-bottom: solid 1px;
}
.merit-cont {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 5rem;
}
.merit-cont .merit-text {
  margin-top: 4rem;
}
.merit-text > p:nth-child(1) {
  font-size: 1.4rem;
}
.merit-text .merit_btn {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-top: 4rem;
}

.top-merit-area > div:nth-child(1) {
  padding-bottom: 4rem;
  border-bottom: solid 1px;
  margin-bottom: 0;
}

.new_top-blog-area ul {
  /* gap: 4rem 3rem; */
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0;
}
.new_top-blog-area ul li {
  border-bottom: solid 1px;
  border-left: solid 1px;
  border-top: solid 1px;
}
.new_top-blog-area ul li:nth-child(3n) {
  border-right: solid 1px;
}
.new_top-blog-area ul li a:nth-child(1) > div:nth-child(2) {
  padding: 3rem 2rem;
}
.new_top-blog-area ul li a:nth-child(1) > div:nth-child(2) p.blog-time {
  font-size: 1rem;
}
.new_top-blog-area ul li a:nth-child(1) > div:nth-child(2) p:nth-child(2) {
  font-size: 1.4rem;
  margin-top: 1rem;
  height: 3em;
}
.new_top-blog-area ul li a:hover > div {
  background: #000;
  color: #fff;
}
.news__list li img {
  height: 280px !important;
  object-fit: cover;
}
@media screen and (min-width: 740px) {
  .new_top-blog-area ul li:nth-of-type(4) {
    display: none;
  }
}
/*------------------------

header 共通

-----------------------*/
.renewal_2025.top #main-contet {
  padding: 1px 0;
  margin-top: -10px;
}

.renewal_2025 {
  min-width: 1150px;
  overflow: auto;
}

.renewal_2025 .contact_menu {
  top: 80px;
}

.renewal_2025 .hamburger_border {
  right: 9px;
  width: 27px;
  background: #fff;
}

.renewal_2025.top .main-visual {
  padding-top: 25rem;
}

.renewal_2025 .new-main-visual .ttl_top_main {
  width: 365px !important;
  left: 50px;
  top: 146px;
  transform: unset;
  z-index: 10;
}
.renewal_2025 img.main_01 {
  width: 100%;
}

.top #main-contet {
  margin-bottom: 5rem;
}
.contact_menu {
  display: none;
}
footer > section {
  margin: auto;
}


.more-btn > a:nth-child(1) {
  font-size: 1.4rem;
  padding: 1rem 5rem;
  margin: 5rem auto 0;
  text-align: center;
  display: block;
  width: fit-content;
  border: solid 1px;
} 
.more-btn a:hover{
  color: #f5f2f2;
  background: #000 !important;
}

.new_top-blog-area .more-btn > a:nth-child(1) {
  padding: 1.5rem 3rem;
  margin: 0rem auto 0;
}

.works-list-area {
  border: solid 1px;
  border-left: none;
  border-right: none;
  padding: 5rem 0;
}


 .top-modelhouse-area.p-2025 .more-btn > a:nth-child(1) {
  padding: 1.5rem 5rem;
}


@media screen and (min-width: 736px) {
.top .pickup__list li:nth-of-type(4){
display: none;
}
}
@media screen and (max-width: 736px) {
  footer .header-navi_list02,
  footer .from-link {
    display: none !important;
  }

  .renewal_2025 {
    min-width: unset;
    width: 100%;
    overflow: auto;
  }

  .footer-navi .footer-navi-block {
    width: 100%;
  }
  header a {
    text-align: left;
    display: block;
  }

  .nav-open .nav {
    height: 84.2vh;
    padding: 1rem;
  }

  .nav-open .hamburger_border_bottom {
    top: 21px;
  }
  .nav-open .hamburger_border_top {
    top: 21px;
  }

  .header-navi .footer-navi_list01 {
    display: grid;
    margin-top: 0rem;
    grid-area: 3 / 1 / 4 / 2;
    gap: 1rem;
    width: 100% !important;
  }
  .footer-navi_list01 .tel {
    display: inherit;
  }
  footer .footer-navi_list01 .tel {
    margin-top: -4rem;
    text-align: center;
    margin:auto;
  }
  .footer-navi_list01 .top-link {
    display: flex;
    margin-top: 2rem;
  }
  footer .footer-navi_list01 .top-link{
    justify-content: center;
  }
  footer {
    padding-bottom: 8rem;
  }
  .footer-navi {
    width: 100%;
    margin: 3rem 0 0;
  }

  .footer-navi_list02 ul li {
    margin: 0.7rem 0;
  }
  .footer-navi_list02 ul li:first-of-type a {
    font-size: 1.2rem !important;
  }

  .header-navi_list02 > ul li a {
    font-size: 1.2rem;
  }
  footer h1 img:nth-child(1) {
    margin: 0 auto 2rem;
    display: block;
  }

  .footer-navi_list01 .from-link li a:nth-child(1) {
    font-size: 1rem;
    margin-bottom: 0;
  }
  div.tel:nth-child(3) > p:nth-child(2) {
    font-size: 1.2rem;
  }
  .top-link {
    gap: 1.5rem;
    margin-top: 1rem;
  }

  .top-link img:nth-child(1) {
    width: 30px !important;
  }
  footer .from-link {
    text-align: center;
    margin: auto;
  }
  .top .main-title {
    margin-bottom: 3rem;
  }

  .copyright p {
    text-align: center;
    font-size: 0.9rem;
    width: 100%;
  }

  .renewal_2025.top section {
    margin: 3rem 0;
  }
  .header-iner > h1:nth-child(1) > a:nth-child(1) img {
    width: 40%;
  }
  .renewal_2025 .header-iner {
    padding: 0rem 0;
    position: relative;
  }

  .top.renewal_2025 .main-visual {
    position: unset;
    padding-top: 0rem;
  }
  .top.renewal_2025 .main-visual .inner {
    padding: 0 0%;
    position: relative;
  }

  .renewal_2025 .new-main-visual .ttl_top_main {
    width: 50% !important;
    left: 12px;
    top: unset;
  }

  .top h2.main-ttl {
    align-items: flex-start;
    gap: 10px;
    flex-direction: column;
  }

  .top h2.main-ttl .jp {
    font-size: 0.7rem;
  }
  .main-title .en {
    font-size: 2.5rem;
  }

  .event-area,
  .top-modelhouse-area,
  #sec06,.top-merit2-area, .works-area {
    padding: 5rem 0;
  }

  .event-area ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }

  .event-area ul li {
    width: 47%;
  }

  .event-area ul li a:nth-child(1) > p:nth-child(2) {
    margin-top: 1rem;
    font-size: 0.8rem;
  }

  .event-area ul li img {
    height: 200px;
  }

  .top-modelhouse-area ul li .modelhouse_text .top_address {
    font-size: 0.7rem;
    padding-bottom: 0.8rem;
    margin-bottom: 0.8rem;
  }

  .top-modelhouse-area ul li .modelhouse_text > div dl dd {
    font-size: 1rem;
  }

  .top-modelhouse-area ul li .modelhouse_text > div dl dd span:nth-child(1) {
    font-size: 0.8rem;
  }

  .top-modelhouse-area ul li .modelhouse_text > div dl dt {
    font-size: 0.6rem;
  }

  .top-modelhouse-area ul {
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem 0;
  }
  .top-modelhouse-area ul li a {
    padding: 0.5rem;
  }
  .top-modelhouse-area ul.area_btn {
    grid-template-columns: 1fr 1fr;
    width: 90%;
    margin: 4rem auto 0;
  }
  .top-modelhouse-area ul.area_btn li a:nth-child(1) {
    font-size: 0.9rem;
  }


  .top-merit-area > div:nth-child(1) {
    padding-bottom: 3rem;
  }

  .merit-cont {
    grid-template-columns: 1fr;
  }

  .merit-cont picture {
    margin-top: 3rem;
    width: 88%;
    margin: 3rem auto 0;
  }

  .merit-text > p:nth-child(1) {
    font-size: 0.9rem;
  }

  .new_top-blog-area ul {
    grid-template-columns: 1fr 1fr;
  }

  .new_top-blog-area ul li a:nth-child(1) > div:nth-child(2) p:nth-child(2) {
    font-size: 1rem;
  }

  .new_top-blog-area ul li a:nth-child(1) > div:nth-child(2) {
    padding: 3rem 1rem;
  }

  .new_top-blog-area ul li a:nth-child(1) > div:nth-child(2) p.blog-time {
    font-size: 0.8rem;
  }

  .news__list li img {
    height: 140px !important;
    width: 100%;
  }

  .gmap-btn a {
    font-size: 0.9rem;
  }

  .new_top-blog-area > .inner {
    padding: 0;
  }

  .new_top-blog-area ul li:nth-child(3n) {
    border-right: none;
  }
  .new_top-blog-area ul li:nth-child(2n) {
    border-right: solid 1px;
  }
  .ttl_top img {
    margin-bottom: 4px;
  }

  .merit-cont .merit-text {
    margin-bottom: 4rem;
  }

  .main-video {
    height: 400px;
  }



.new_top-blog-area .main-title {

  width: 96%;
  margin:0  auto 3rem;
}
.new_top-blog-area .more-btn > a:nth-child(1) {
  padding: 1rem 2rem;
 
}
.more-btn > a:nth-child(1) {

  font-size: 1.1rem;
  padding: 1rem 3rem;
  margin: 4rem auto 0;
}
.top-modelhouse-area {
  padding: 5rem 0 0;
}
.top-modelhouse-area ul li a .modelhouse_text p:nth-child(3),
.reference-text {
  font-size: .6rem;
  margin-top: 2px;
  width: 100%;
  text-align: right;
}
}

.contact_menu ul {
  display: none;
}

.sp_only.bnr-box {
  position: fixed;
  bottom: 80px;
  z-index: 10;
}

@media screen and (max-width: 736px) {
  .topics-list-page footer {
    padding-bottom: 16rem;
  }
}