@charset "UTF-8";
/*! Writen  by SCSS */
body.landscape section.heading {
  background: url("../images/bg_2.jpg") repeat top -55px left;
  background-size: 2640px;
  position: relative; }

@media screen and (max-width: 767px) {
  body.landscape section.heading {
    background: url("../images/bg_2.jpg") repeat top -37px left; } }
body.landscape section.heading::before {
  content: "";
  position: absolute;
  left: 0;
  top: -55px;
  height: 55px;
  width: calc(50vw + 100px);
  background: url("../images/bg_2.jpg") repeat top left;
  background-size: 2640px; }

@media screen and (max-width: 767px) {
  body.landscape section.heading::before {
    top: -37px;
    height: 37px;
    width: calc(50vw + 127px); } }
body.landscape section.heading .heading_box {
  position: relative; }

body.landscape section.heading .heading_box .heading_box_1 {
  position: relative;
  top: -14px;
  margin-bottom: 65px; }

@media screen and (max-width: 767px) {
  body.landscape section.heading .heading_box .heading_box_1 {
    top: -19px;
    margin-bottom: 56px; } }
body.landscape section.heading .heading_box .heading_box_1 .text_1 {
  font-size: 53px;
  color: #1b4d00;
  line-height: 1.3333333333;
  margin-bottom: 5px; }

@media screen and (max-width: 767px) {
  body.landscape section.heading .heading_box .heading_box_1 .text_1 {
    font-size: 24px;
    font-size: 20px;
    line-height: 1.5; } }
body.landscape section.heading .heading_box .heading_box_1 .text_2 {
  font-size: 14px;
  color: #8a846f; }

@media screen and (max-width: 767px) {
  body.landscape section.heading .heading_box .heading_box_1 .text_2 {
    font-size: 12px; } }
body.landscape section.heading .heading_box .heading_box_2 {
  margin-bottom: 15px; }

body.landscape section.heading .heading_box .heading_box_2 .text_3 {
  font-size: 16px;
  color: #1b4d00;
  text-align: center; }

@media screen and (max-width: 767px) {
  body.landscape section.heading .heading_box .heading_box_2 .text_3 {
    font-size: 14px; } }
body.landscape section.heading .heading_box .heading_box_3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 145px; }

@media screen and (max-width: 767px) {
  body.landscape section.heading .heading_box .heading_box_3 {
    margin-bottom: 47px; } }
body.landscape section.heading .heading_box .heading_box_3 .tab_btn {
  width: 250px;
  height: 53px;
  border: 2px solid #1b4d00;
  font-size: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: bold;
  color: #1b4d00; }

body.landscape section.heading .heading_box .heading_box_3 .tab_btn.plan {
  color: #B7B7B7;
  border: 2px solid #B7B7B7; }

body.landscape section.heading .heading_box .heading_box_3 .tab_btn.plan.active {
  border: 2px solid #1b4d00; }

@media screen and (max-width: 767px) {
  body.landscape section.heading .heading_box .heading_box_3 .tab_btn {
    font-size: 14px;
    width: 150px;
    height: 50px;
    border: 1.5px solid #1b4d00; } }
body.landscape section.heading .heading_box .heading_box_3 .tab_btn:first-of-type {
  border-radius: 26px 0 0 26px; }

body.landscape section.heading .heading_box .heading_box_3 .tab_btn:last-of-type {
  border-radius: 0 26px 26px 0; }

body.landscape .landscape_mv {
  width: 800px;
  margin: -60px 0 0 auto; }

body.landscape .landscape_mv img {
  max-width: 100%;
  height: auto; }

@media screen and (max-width: 767px) {
  body.landscape .landscape_mv {
    width: 100vw;
    margin: 0 calc(50% - 50vw); } }
body.landscape .landscape_character {
  position: absolute;
  top: 350px;
  left: 0; }

@media screen and (max-width: 767px) {
  body.landscape .landscape_character {
    width: 35.33%;
    top: 70%;
    left: auto;
    right: 0; }

  body.landscape .landscape_character img {
    max-width: 100%;
    height: auto; } }
body.landscape .landscape_character img {
  position: relative;
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0; }

body.landscape .landscape_character.show img {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
  transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1; }

body.landscape .tab_btn.active {
  background: #1b4d00 !important;
  color: #fff !important;
  border: 2px solid #1b4d00; }

body.landscape .tab_panel {
  display: none; }

body.landscape .tab_panel .inner {
  position: relative; }

body.landscape .tab_panel.active {
  display: block; }

body.landscape .tab_panel.landscape {
  overflow: hidden; }

body.landscape .tab_panel.landscape div.lead {
  padding-bottom: 150px;
  position: relative; }

@media screen and (max-width: 767px) {
  body.landscape .tab_panel.landscape div.lead {
    padding-bottom: 75px; } }
@media screen and (max-width: 767px) {
  body.landscape .landscape {
    text-align: center; } }
body.landscape .landscape_ttl {
  text-align: center; }

body.landscape .landscape_ttl span {
  display: block; }

body.landscape .landscape_ttl-en {
  font-size: 54px;
  color: #1b4d00; }

@media screen and (max-width: 767px) {
  body.landscape .landscape_ttl-en {
    font-size: 26px; }
    body.landscape .landscape_ttl-en.s {
      font-size: 70%; } }
body.landscape .landscape_ttl-ja {
  font-size: 20px;
  font-weight: 700;
  color: #8A846F; }

@media screen and (max-width: 767px) {
  body.landscape .landscape_ttl-ja {
    margin-top: 2px;
    font-size: 12px; } }
body.landscape .landscape_flex {
  margin-top: 90px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  z-index: 1; }

@media screen and (max-width: 767px) {
  body.landscape .landscape_flex {
    margin-top: 53px;
    display: block; } }
body.landscape .landscape_l_sttl {
  padding: 4px 7px;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.055em;
  color: #fff;
  display: inline-block;
  background: #1b4d00;
  position: relative; }

body.landscape .landscape_l_sttl::before {
  content: "";
  width: 45px;
  height: 35px;
  display: block;
  position: absolute;
  top: -35px;
  left: 19px;
  background: url(../images/landscape_text_item.svg) no-repeat center/100% auto; }

body.landscape .landscape_l_sttl span {
  font-size: 16px; }

@media screen and (max-width: 767px) {
  body.landscape .landscape_l_sttl {
    padding: 2px 5px;
    font-size: 13px; }

  body.landscape .landscape_l_sttl::before {
    width: 22px;
    height: 17px;
    top: -15px;
    left: 12px; }

  body.landscape .landscape_l_sttl span {
    font-size: 12px; } }
body.landscape .landscape_l_text {
  margin-top: 10px;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.055em; }

@media screen and (max-width: 767px) {
  body.landscape .landscape_l_text {
    font-size: 26px; } }
body.landscape .landscape_l_img {
  margin-top: 28px; }

body.landscape .landscape_l_img img {
  max-width: 100%;
  height: auto; }

@media screen and (max-width: 767px) {
  body.landscape .landscape_l_img {
    width: 61.71%;
    margin: 20px auto 0; } }
body.landscape .landscape_l_area {
  margin-top: 24px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.055em; }

body.landscape .landscape_l_area span {
  display: inline-block; }

body.landscape .landscape_l_area span:first-child::after {
  content: "";
  width: 1px;
  height: 16px;
  margin: 0 15px;
  display: inline-block;
  background: #000;
  vertical-align: bottom; }

@media screen and (max-width: 767px) {
  body.landscape .landscape_l_area {
    margin-top: 10px;
    font-size: 12px; }

  body.landscape .landscape_l_area span:first-child::after {
    height: 12px;
    margin: 0 9px; } }
body.landscape .landscape_r {
  width: 944px;
  margin: 0 -132px 0 0; }

body.landscape .landscape_r img {
  max-width: 100%;
  height: auto; }

@media screen and (max-width: 767px) {
  body.landscape .landscape_r {
    width: 100vw;
    margin: 25px calc(50% - 50vw) 0;
    text-align: center; } }
body.landscape .landscape_img {
  width: calc(50vw + 460px);
  margin: -40px 0 0; }

body.landscape .landscape_img img {
  width: 100%;
  height: auto; }

@media (min-width: 1321px) {
  body.landscape .landscape_img {
    width: calc(50vw + 460px); } }
@media screen and (max-width: 767px) {
  body.landscape .landscape_img {
    width: 100vw;
    height: auto;
    margin: 12px calc(50% - 50vw) 0;
    position: static; }

  body.landscape .landscape_img img {
    height: auto;
    -o-object-fit: fill;
    object-fit: fill; } }
/*====プロモ追加====*/
.center {
  text-align: center; }

a.tab_btn.landscape.active {
  cursor: pointer;
  display: block; }

.bgWhite {
  background: #fff;
  text-align: center;
  margin-bottom: 2rem; }

.btn {
  padding-bottom: 4rem; }

.btn a {
  background: #1b4d00;
  color: #fff;
  height: 54px;
  width: 280px;
  border-radius: 26px;
  text-align: center;
  margin: 0 auto;
  display: inline-block;
  line-height: 50px; }

.btn a:hover {
  background: #8cb808; }

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

  .pc {
    display: none; }

  img {
    max-width: 100%;
    height: auto;
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: bottom; }

  .panel_area.inner.w-md {
    width: 100%;
    padding: 0; }

  h2.landscape_ttl.fade_in_up.delay-10.show {
    margin-bottom: 2rem; }

  p.planfont3.fade_in_up.show {
    margin: 2rem 0;
    font-size: 90%; }

  .cap1 {
    padding-bottom: 3rem; }

  .box {
    display: flex;
    width: 100%;
    overflow-x: scroll;
    margin: 10px auto 0px auto;
    align-items: baseline;
    padding: 0px 0px 5px 0px; }

  .center.photo p {
    margin-bottom: 1rem; }

  .box div {
    width: 90%;
    margin: 5px;
    flex-shrink: 0; }

  .fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn; }

  .fadeIn {
    animation-name: fadeInAnime;
    animation-fill-mode: backwards;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
    animation-delay: 0.5s;
    animation-direction: normal; }

  .bgWhite {
    padding: 1rem; }

  .scroll {
    margin-bottom: 2rem; } }
@media screen and (min-width: 768px) {
  .sp {
    display: none; }

  .plan .pc {
    text-align: center;
    margin-bottom: 4rem; }

  h2.landscape_ttl.fade_in_up.delay-10.show {
    margin-bottom: 4rem; }

  .pc.center {
    margin-bottom: 2rem; }

  .cap1 {
    padding-bottom: 4rem; }

  p.hoverimg {
    margin-bottom: 1rem; }

  .bgWhite {
    max-width: 1120px;
    margin: 0 auto 2rem;
    padding: 3rem 0; }

  .photo {
    margin-bottom: 4rem; }

  .photo p {
    margin-bottom: 1rem; }

  .planfont3 {
    font-size: 150%;
    color: #1b4d00;
    line-height: 160%;
    font-weight: 700;
    margin: 3rem 0; } }
.res_btn {
  /*margin: 0 auto 40px;
  width: 85%;
  max-width: 400px;
  @media screen and (max-width: 767px) {
  	margin-bottom: 20px;
  }
  a {
  	display: block;
  	font-size: clamp(19px, calc(29vw / 13), 29px);
  	line-height: 1;
  	text-align: center;
  	background: #c00000;
  	color: #fff;
  	font-weight: 700;
  	padding: 13px 15px 17px;
  	border-radius: 10px;
  	transition:all 0.3s ease-in-out;
  	&:hover {
  		background: #d34d4d;
  	}
  }*/
  text-align: center;
  margin: 0 auto 40px; }
  @media screen and (max-width: 767px) {
    .res_btn {
      margin-bottom: 20px; } }
  .res_btn a {
    margin: 0 auto;
    width: 315px;
    height: 59px;
    display: flex;
    border-radius: 29.5px;
    color: #fff;
    font-size: 18px;
    justify-content: center;
    align-items: center;
    position: relative;
    background: #a01f24; }
    .res_btn a:hover {
      background: #ab3a3f; }
    @media screen and (max-width: 767px) {
      .res_btn a {
        width: 280px;
        height: 54px;
        font-size: 16px; } }
    .res_btn a::before {
      content: "";
      position: absolute;
      left: 26px;
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      width: 16px;
      height: 16px;
      background: url("../images/model_house/icon_res.svg") no-repeat center/contain; }
      @media screen and (max-width: 767px) {
        .res_btn a::before {
          left: 22px; } }
    .res_btn a::after {
      content: "";
      position: absolute;
      right: 27px;
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      width: 19px;
      height: 10px;
      background: url("../images/map_arrow_1.svg") no-repeat center/contain; }
      @media screen and (max-width: 767px) {
        .res_btn a::after {
          right: 18px; } }

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