@charset "UTF-8";
/*import 
------------------------------------------*/
/*数値の設定
------------------------------------------*/
/*$main:#EBEBEB;*/
/*上記数値の設定を呼び出しているmixin
------------------------------------------*/
/*
よく使用するmixin
------------------------------------------*/
/* .sec-kv
------------------------------------------*/
body .sec-kv {
  position: relative;
  margin-top: 84px; }
  @media only screen and (max-width: 1200px) {
    body .sec-kv {
      margin-top: 95px; } }
  @media only screen and (max-width: 767px) {
    body .sec-kv {
      margin-top: 66px; } }
  body .sec-kv .sectionText {
    position: absolute;
    top: 50%;
    left: 9.375vw;
    transform: translateY(-50%);
    z-index: 10; }
    @media only screen and (max-width: 991px) {
      body .sec-kv .sectionText {
        top: 20%;
        left: 0;
        width: 100%; } }
    body .sec-kv .sectionText .sectionTitle {
      position: relative;
      color: #000000;
      padding: .2em .3em .25em; }
      @media only screen and (max-width: 991px) {
        body .sec-kv .sectionText .sectionTitle {
          margin-bottom: 10px;
          padding: .35em 6% 0; } }
      body .sec-kv .sectionText .sectionTitle .jp {
        position: relative;
        font-size: 4.7rem;
        line-height: 1.2;
        opacity: 0;
        transform: translateX(-10px);
        text-shadow: 0 0 10px white, 0 0 10px white;
        transition: 0.7s all cubic-bezier(0.33, 0, 0.24, 1);
        font-weight: 400;
        font-family: 'Shippori Mincho', serif; }
        @media only screen and (max-width: 991px) {
          body .sec-kv .sectionText .sectionTitle .jp {
            font-size: 3.2rem;
            line-height: 1.4; } }
        @media only screen and (max-width: 767px) {
          body .sec-kv .sectionText .sectionTitle .jp {
            font-size: 2.2rem;
            line-height: 1.4; } }
    body .sec-kv .sectionText .text span {
      display: inline-block;
      position: relative;
      color: #ffffff;
      padding: .3em .35em .35em;
      font-size: 1.6rem;
      line-height: 1;
      opacity: 0;
      text-shadow: 0 0 10px black, 0 0 10px rgba(0, 0, 0, 0.5);
      transform: translateX(-10px);
      transition: 0.7s all 0.3s cubic-bezier(0.33, 0, 0.24, 1);
      /*&::before {
      	content: "";
      	position: absolute;
      	top: 0;
      	left: 0;
      	z-index: -1;
      	width: 0%;
      	height: 100%;
      	background: #111;
      	transition: .7s all .3s cubic-bezier(0.33, 0, 0.24, 1);
      }*/ }
      @media only screen and (max-width: 767px) {
        body .sec-kv .sectionText .text span {
          width: 100%;
          margin-bottom: 0;
          padding: .5em 6% 0;
          font-size: 1.3rem;
          line-height: 1.8; } }
  body .sec-kv .sectionImg {
    width: 100%;
    aspect-ratio: 1440 / 600;
    margin: 0;
    opacity: 0;
    filter: brightness(200%);
    transition: 0.7s all cubic-bezier(0.33, 0, 0.24, 1); }
    @media only screen and (max-width: 991px) {
      body .sec-kv .sectionImg {
        aspect-ratio: 1.5 / 1; }
        body .sec-kv .sectionImg #kvSplide,
        body .sec-kv .sectionImg .splide__track,
        body .sec-kv .sectionImg .splide__list,
        body .sec-kv .sectionImg .splide__slide,
        body .sec-kv .sectionImg picture {
          height: 100%; }
          body .sec-kv .sectionImg #kvSplide .object-fit,
          body .sec-kv .sectionImg .splide__track .object-fit,
          body .sec-kv .sectionImg .splide__list .object-fit,
          body .sec-kv .sectionImg .splide__slide .object-fit,
          body .sec-kv .sectionImg picture .object-fit {
            object-position: 36% 50%; } }
    @media only screen and (max-width: 767px) {
      body .sec-kv .sectionImg {
        aspect-ratio: 1 / 1; }
        body .sec-kv .sectionImg #kvSplide,
        body .sec-kv .sectionImg .splide__track,
        body .sec-kv .sectionImg .splide__list,
        body .sec-kv .sectionImg .splide__slide,
        body .sec-kv .sectionImg picture {
          height: 100%; }
          body .sec-kv .sectionImg #kvSplide .object-fit,
          body .sec-kv .sectionImg .splide__track .object-fit,
          body .sec-kv .sectionImg .splide__list .object-fit,
          body .sec-kv .sectionImg .splide__slide .object-fit,
          body .sec-kv .sectionImg picture .object-fit {
            object-position: 36% 50%; } }
    body .sec-kv .sectionImg .splide__slide picture {
      display: block; }
  body .sec-kv .splide__pagination {
    left: 9.375vw;
    right: auto;
    bottom: 100px; }
    @media only screen and (max-width: 1200px) {
      body .sec-kv .splide__pagination {
        bottom: 120px; } }
    @media only screen and (max-width: 767px) {
      body .sec-kv .splide__pagination {
        left: auto;
        right: 0;
        bottom: 15px; } }
    body .sec-kv .splide__pagination .splide__pagination__page {
      position: relative;
      width: 60px;
      height: 60px;
      margin: 0 5px;
      color: #ffffff;
      font-size: 1.4rem;
      font-weight: bold;
      background: none; }
      body .sec-kv .splide__pagination .splide__pagination__page svg {
        position: absolute;
        top: -50%;
        left: -50%; }
      body .sec-kv .splide__pagination .splide__pagination__page.is-active {
        transform: scale(1); }
  body .sec-kv .sec-newsHeadline {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    background: #3E3E3E;
    max-width: 50%; }
    @media only screen and (max-width: 1200px) {
      body .sec-kv .sec-newsHeadline {
        max-width: 100%; } }
    @media only screen and (max-width: 767px) {
      body .sec-kv .sec-newsHeadline {
        position: static; } }
    body .sec-kv .sec-newsHeadline .sectionTitle {
      padding: 1.65em 1em 1.65em 2em;
      font-size: 1.8rem;
      color: #ffffff;
      font-weight: normal; }
      @media only screen and (max-width: 1200px) {
        body .sec-kv .sec-newsHeadline .sectionTitle {
          padding: 1em 1em 1em 2em; } }
      @media only screen and (max-width: 767px) {
        body .sec-kv .sec-newsHeadline .sectionTitle {
          padding: .75em .5em .5em 1.25em;
          font-size: 1.3rem; } }
    body .sec-kv .sec-newsHeadline #newsSplide {
      margin: 0; }
    body .sec-kv .sec-newsHeadline .newsHeadlineList li {
      font-size: 1.6rem; }
      @media only screen and (max-width: 1200px) {
        body .sec-kv .sec-newsHeadline .newsHeadlineList li {
          font-size: 1.4rem; } }
      @media only screen and (max-width: 767px) {
        body .sec-kv .sec-newsHeadline .newsHeadlineList li {
          font-size: 1.2rem; } }
      body .sec-kv .sec-newsHeadline .newsHeadlineList li a {
        display: block;
        padding: 1.75em 1em 1.75em 1em;
        color: #ffffff;
        text-decoration: underline !important; }
        body .sec-kv .sec-newsHeadline .newsHeadlineList li a:hover {
          text-decoration: none !important; }
        @media only screen and (max-width: 1200px) {
          body .sec-kv .sec-newsHeadline .newsHeadlineList li a {
            padding: .75em .75em .75em .5em; } }

.docLoad body .sec-kv .sectionImg {
  opacity: 1;
  filter: brightness(100%); }
.docLoad body .sec-kv .sectionText .sectionTitle::before,
.docLoad body .sec-kv .sectionText .text span::before {
  width: 100%; }
.docLoad body .sec-kv .sectionText .sectionTitle .jp,
.docLoad body .sec-kv .sectionText .text span {
  opacity: 1;
  transform: translateX(0); }

/* .sec-pickup
------------------------------------------*/
.sec-pickup {
  display: flex; }
  .sec-pickup .sectionTitle {
    margin: 2em .25em 3em;
    font-size: 20px;
    text-align: center;
    font-family: 'Cormorant', serif;
    font-weight: 400;
    line-height: 1; }
    @media only screen and (max-width: 767px) {
      .sec-pickup .sectionTitle {
        margin: 2em .25em 2em; } }
    .sec-pickup .sectionTitle .en {
      display: block;
      margin: 2em .25em .25em;
      font-size: 50px; }
      @media only screen and (max-width: 767px) {
        .sec-pickup .sectionTitle .en {
          margin: 1.5em .25em .25em;
          font-size: 30px; } }
    .sec-pickup .sectionTitle .jp {
      display: block;
      font-size: 16px; }
      @media only screen and (max-width: 767px) {
        .sec-pickup .sectionTitle .jp {
          font-size: 13px; } }
  .sec-pickup #pickupSplide {
    margin: 0; }
  .sec-pickup li {
    width: 443px !important; }
    @media only screen and (max-width: 767px) {
      .sec-pickup li {
        width: 222px !important; } }

/* .sec-list
------------------------------------------*/
.sec-list {
  margin: 100px auto; }
  @media only screen and (max-width: 767px) {
    .sec-list {
      margin: 30px auto; } }
  .sec-list .sectionTitle {
    margin: 0 0 20px;
    padding: 20px;
    background: #EEEEEE;
    color: #0C432A;
    font-weight: 400;
    line-height: 1;
    font-family: 'Shippori Mincho', serif; }
  .sec-list .pager {
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 767px) {
      .sec-list .pager {
        flex-wrap: wrap; } }
    .sec-list .pager p {
      font-size: 12px;
      font-weight: 400; }
      @media only screen and (max-width: 767px) {
        .sec-list .pager p {
          margin-bottom: 10px; } }
    .sec-list .pager ul {
      display: flex; }
      .sec-list .pager ul li {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 3px; }
        .sec-list .pager ul li .page-numbers {
          padding: 8px 10px;
          color: #666666;
          line-height: 1;
          border-radius: 5px;
          border: 1px solid #7C7C7C;
          transition: .3s all; }
          @media only screen and (max-width: 767px) {
            .sec-list .pager ul li .page-numbers {
              padding: 5px 8px;
              font-size: 12px; } }
          .sec-list .pager ul li .page-numbers:hover, .sec-list .pager ul li .page-numbers.current {
            color: #ffffff;
            background: #1C6745; }
  .sec-list .hashTagAll ul {
    display: flex;
    flex-wrap: wrap;
    margin: 40px -3px; }
    @media only screen and (max-width: 767px) {
      .sec-list .hashTagAll ul {
        margin: 20px -3px; } }
    .sec-list .hashTagAll ul li {
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 4px 8px; }
      .sec-list .hashTagAll ul li a {
        padding: 10px 10px;
        color: #0C432A;
        line-height: 1;
        border-radius: 5px;
        background: #EEEEEE;
        transition: .3s all; }
        @media only screen and (max-width: 767px) {
          .sec-list .hashTagAll ul li a {
            padding: 5px 8px;
            font-size: 12px; } }
        .sec-list .hashTagAll ul li a:hover, .sec-list .hashTagAll ul li a.current {
          color: #ffffff;
          background: #1C6745; }
  .sec-list .bukkenList > ul > li {
    margin-bottom: 50px;
    padding: 40px;
    border: 1px solid #EAEAEA; }
    @media only screen and (max-width: 767px) {
      .sec-list .bukkenList > ul > li {
        margin-bottom: 30px;
        padding: 20px; } }
  .sec-list .bukkenList .go_detail h3 {
    margin-bottom: 30px;
    font-size: 24px;
    color: #0C432A;
    font-weight: 400;
    line-height: 1;
    font-family: 'Shippori Mincho', serif; }
    @media only screen and (max-width: 767px) {
      .sec-list .bukkenList .go_detail h3 {
        margin-bottom: 15px;
        font-size: 18px;
        line-height: 1.3; } }
  .sec-list .bukkenList .bukkenDetail {
    display: flex; }
    @media only screen and (max-width: 1200px) {
      .sec-list .bukkenList .bukkenDetail {
        flex-wrap: wrap; } }
    .sec-list .bukkenList .bukkenDetail .imgWrap {
      width: calc(55% - 30px);
      margin-right: 30px;
      position: relative; }
    .sec-list .bukkenList .bukkenDetail .imgWrap .iconRizwood {
        width: 80px !important;
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 5;
    }
      @media only screen and (max-width: 1200px) {
        .sec-list .bukkenList .bukkenDetail .imgWrap {
          width: 100%;
          margin: 0; } }
      @media only screen and (max-width: 1024px) {
        .sec-list .bukkenList .bukkenDetail .imgWrap .iconRizwood {
            width: 90px !important;
            position: absolute;
            top: 10px;
            right: 10px;
            z-index: 5;
        }
      }
    .sec-list .bukkenList .bukkenDetail .textWrap {
      width: 45%;
      margin: 10px 0 0; }
      @media only screen and (max-width: 1200px) {
        .sec-list .bukkenList .bukkenDetail .textWrap {
          width: 100%; } }
      .sec-list .bukkenList .bukkenDetail .textWrap h4 {
        margin-bottom: 20px;
        font-size: 18px;
        color: #333;
        line-height: 1;
        font-family: 'Shippori Mincho', serif; }
        @media only screen and (max-width: 767px) {
          .sec-list .bukkenList .bukkenDetail .textWrap h4 {
            margin-bottom: 10px;
            font-size: 14px;
            line-height: 1.3; } }
      .sec-list .bukkenList .bukkenDetail .textWrap .txt {
        color: #333;
        font-weight: 400;
        line-height: 2; }
      .sec-list .bukkenList .bukkenDetail .textWrap .hashTag ul {
        display: flex;
        flex-wrap: wrap;
        margin: 20px -3px; }
        .sec-list .bukkenList .bukkenDetail .textWrap .hashTag ul li {
          display: flex;
          justify-content: center;
          align-items: center;
          margin: 0 4px 8px; }
          .sec-list .bukkenList .bukkenDetail .textWrap .hashTag ul li a {
            padding: 10px 10px;
            font-size: 12px;
            color: #0C432A;
            line-height: 1;
            border-radius: 5px;
            background: #EEEEEE;
            transition: .3s all; }
            .sec-list .bukkenList .bukkenDetail .textWrap .hashTag ul li a:hover, .sec-list .bukkenList .bukkenDetail .textWrap .hashTag ul li a.current {
              color: #ffffff;
              background: #1C6745; }
      .sec-list .bukkenList .bukkenDetail .textWrap .priceAccess {
        display: flex; }
        @media only screen and (max-width: 767px) {
          .sec-list .bukkenList .bukkenDetail .textWrap .priceAccess {
            flex-wrap: wrap; } }
        .sec-list .bukkenList .bukkenDetail .textWrap .priceAccess .priceWrap {
          width: 40%;
          margin: 0 35px 0 0;
          padding: 0 35px 0 0;
          border-right: 1px solid rgba(112, 112, 112, 0.5); }
          @media only screen and (max-width: 1200px) {
            .sec-list .bukkenList .bukkenDetail .textWrap .priceAccess .priceWrap {
              width: auto;
              min-width: 180px; } }
          @media only screen and (max-width: 767px) {
            .sec-list .bukkenList .bukkenDetail .textWrap .priceAccess .priceWrap {
              margin: 0 0 15px 5px;
              padding: 0;
              border: 0; } }
          .sec-list .bukkenList .bukkenDetail .textWrap .priceAccess .priceWrap .planInfo {
            font-weight: normal; }
          .sec-list .bukkenList .bukkenDetail .textWrap .priceAccess .priceWrap .price strong {
            font-size: 26px;
            color: #146540;
            font-weight: 400;
            font-family: 'Inter', sans-serif;
            letter-spacing: -.01em;
            line-height: 1; }
        .sec-list .bukkenList .bukkenDetail .textWrap .priceAccess .accessWrap {
          width: 60%;
          margin: 5px 0 0;
          font-weight: 400; }
          @media only screen and (max-width: 1200px) {
            .sec-list .bukkenList .bukkenDetail .textWrap .priceAccess .accessWrap {
              width: 100%; } }
          .sec-list .bukkenList .bukkenDetail .textWrap .priceAccess .accessWrap .train,
          .sec-list .bukkenList .bukkenDetail .textWrap .priceAccess .accessWrap .address {
            position: relative;
            margin-bottom: 5px;
            padding-left: 30px; }
            .sec-list .bukkenList .bukkenDetail .textWrap .priceAccess .accessWrap .train::before,
            .sec-list .bukkenList .bukkenDetail .textWrap .priceAccess .accessWrap .address::before {
              content: "\e570";
              position: absolute;
              top: 50%;
              left: 0;
              transform: translateY(-50%);
              font-size: 2.8rem;
              font-weight: 300;
              color: #007440;
              font-family: 'Material Symbols Outlined';
              font-variation-settings: "FILL" 1, "wght" 100, "GRAD" 0, "opsz" 24; }
          .sec-list .bukkenList .bukkenDetail .textWrap .priceAccess .accessWrap .address::before {
            content: "\e0c8"; }
      .sec-list .bukkenList .bukkenDetail .textWrap .btnWrap ul {
        display: flex;
        margin: 25px -5px 0; }
        @media only screen and (max-width: 1200px) {
          .sec-list .bukkenList .bukkenDetail .textWrap .btnWrap ul {
            flex-wrap: wrap; } }
        .sec-list .bukkenList .bukkenDetail .textWrap .btnWrap ul li {
          width: 50%; }
          @media only screen and (max-width: 1200px) {
            .sec-list .bukkenList .bukkenDetail .textWrap .btnWrap ul li {
              width: 100%;
              margin-bottom: 7px; }
              .sec-list .bukkenList .bukkenDetail .textWrap .btnWrap ul li:last-child {
                margin-bottom: 0; } }
          .sec-list .bukkenList .bukkenDetail .textWrap .btnWrap ul li a {
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0 5px;
            padding: 10px 20px;
            color: #ffffff;
            background: #1C6745;
            border-radius: 10px;
            transition: .3s all; }
            .sec-list .bukkenList .bukkenDetail .textWrap .btnWrap ul li a:hover {
              transform: scale(1.05); }
          .sec-list .bukkenList .bukkenDetail .textWrap .btnWrap ul li.request a {
            background: #333; }
  .sec-list .bukkenList .bukkenContact {
    display: flex;
    justify-content: space-between; }
    .sec-list .bukkenList .bukkenContact .shopInfo {
      width: 100%;
      margin: 15px 0 0;
      padding: 10px;
      border: 1px double #eee;
      border-width: 3px 0;
      text-align: center;
      background-color: #fffcf0; }
      @media only screen and (max-width: 1200px) {
        .sec-list .bukkenList .bukkenContact .shopInfo {
          margin-top: 20px; } }
      .sec-list .bukkenList .bukkenContact .shopInfo p {
        font-weight: 600;
        font-size: 16px;
        color: #333; }
        .sec-list .bukkenList .bukkenContact .shopInfo p .tel {
          position: relative;
          display: inline-block;
          margin: 0 8px;
          font-size: 20px;
          font-family: 'Inter', sans-serif;
          color: #333; }
          @media only screen and (max-width: 767px) {
            .sec-list .bukkenList .bukkenContact .shopInfo p .tel {
              display: block; } }
          .sec-list .bukkenList .bukkenContact .shopInfo p .tel::before {
            content: ":";
            margin: 0 5px; }
            @media only screen and (max-width: 767px) {
              .sec-list .bukkenList .bukkenContact .shopInfo p .tel::before {
                content: none; } }

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



/* ナイス側で追記
------------------------------------------*/

.housing_nav {
	display:flex;
	flex-wrap: wrap;
	justify-content:space-between;
	gap:0.5rem;
	margin-bottom: 2rem;
	max-width: 1120px;
	}

.housing_nav li{
	width:48%;

	}

.housing_nav li a{
	display:block;
	padding:1rem;
	text-align:center;
	letter-spacing:0.05em;
	background:#1C6745;
	color:#fff;
	}

.housing_nav li a:hover{
	background:rgba(28,103,69,0.5);
	color:#fff;
	}

.housing_nav .active a{
	background:rgba(28,103,69,0.5);
	color:#fff;
	}

@media print, screen and (min-width: 768px) {
	
	
	.housing_nav li{
	width:24%;

	}
	
	.housing_nav li a{
	padding:2rem;
	}
	
		}