@charset "UTF-8";
/*! Writen  by SCSS */
.inner_main {
  position: relative;
  /*ÒÔ½µ¤ÏßmÒË•ø¤­“Q¤¨¤ÆϤµ¤¤	*/
  padding: 0 20px 311px;
  background-image: url("/bunjyo/akenokita/img/modelhouse/main.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }
  @media screen and (max-width: 480px) {
    .inner_main {
      background-image: url("/bunjyo/akenokita/img/modelhouse/main_sp.jpg");
      padding-bottom: 320px; } }
  .inner_main .main_ttl {
    max-width: 326px;
    position: absolute;
    inset: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center; }
    @media screen and (max-width: 480px) {
      .inner_main .main_ttl {
        width: calc(326%/4.14); } }
  .inner_main .inner_caps {
    max-width: 1280px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0; }
    .inner_main .inner_caps p {
      color: #fff; }

.banner_box {
  max-width: 560px;
  margin-inline: auto;
  margin-bottom: clamp(25px, 3.34%, 40px); }
  .banner_box a {
    display: block;
    transition: opacity 0.3s ease-in-out; }
    @media (hover: hover) {
      .banner_box a:hover {
        opacity: 0.7; } }

.sec .inner {
  max-width: 1070px; }
.sec .imgs {
  display: flex;
  flex-direction: column;
  grid-gap: 14px 0; }
.sec h4.sec_ttl {
  margin-bottom: clamp(30px, 4.17%, 50px); }
  @media screen and (max-width: 480px) {
    .sec h4.sec_ttl {
      margin: 0 auto 20px; } }

@media screen and (max-width: 480px) {
  .sec01 h4.sec_ttl {
    width: calc(412%/5); }

  .sec02 h4.sec_ttl {
    width: calc(161%/5); }

  .sec03 h4.sec_ttl {
    width: calc(442%/5); }

  .sec04 h4.sec_ttl {
    width: calc(192%/5); } }
div#pagetop {
  position: relative; }
  div#pagetop::before {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    top: 311px;
    z-index: -1;
    background-image: url("/bunjyo/akenokita/img/modelhouse/bg.png");
    background-position: top  center;
    background-repeat: no-repeat;
    background-size: cover; }
    @media screen and (max-width: 480px) {
      div#pagetop::before {
        top: 320px; } }

footer div.footer {
  position: relative; }
  footer div.footer::before {
    content: "";
    position: absolute;
    width: 100vw;
    inset: 0;
    margin: auto;
    background: #fff;
    z-index: 1; }
  footer div.footer .footer_owner_wrap {
    position: relative;
    z-index: 2; }

.sec_lead {
  margin-bottom: clamp(30px, 4.17%, 50px); }

.sec01 .flex {
  align-items: stretch; }
  .sec01 .flex .l_cnt {
    width: calc(700%/10.7); }
  .sec01 .flex .r_cnt {
    width: calc(357%/10.7);
    display: flex;
    justify-content: space-between;
    flex-direction: column; }

.sec02,
.sec03,
.sec04 {
  margin-top: clamp(60px, 8.34%, 100px); }

.sec03 .imgs .flex figure {
  width: calc(529%/10.7); }

.sec04 .imgs .flex figure {
  width: calc(529%/10.7); }

footer {
  background: none; }

footer::before,
footer::after {
  content: none; }

/*# sourceMappingURL=modelhouse.css.map */