@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
.sec__ttl {
  margin-bottom: 15px;
  color: #DDA860; }
  .sec__ttl .sec__ttl-en {
    font-size: 3.8rem;
    font-family: "EB Garamond", "Times New Roman", Times, serif;
    font-weight: normal;
    letter-spacing: .1em;
    line-height: 1.3; }
    @media (min-width: 375px) {
      .sec__ttl .sec__ttl-en {
        font-size: calc( 3.8rem + ( 1vw - 3.75px ) * 0.7868852459 ); } }
    @media (min-width: 1900px) {
      .sec__ttl .sec__ttl-en {
        font-size: 5rem; } }
  .sec__ttl .sec__ttl-copy {
    position: relative;
    font-size: 1.4rem;
    line-height: 1.7; }
    @media (min-width: 375px) {
      .sec__ttl .sec__ttl-copy {
        font-size: calc( 1.4rem + ( 1vw - 3.75px ) * 0.262295082 ); } }
    @media (min-width: 1900px) {
      .sec__ttl .sec__ttl-copy {
        font-size: 1.8rem; } }
    .sec__ttl .sec__ttl-copy::before {
      position: relative;
      display: inline-block;
      width: 20px;
      height: 1px;
      margin-right: 5px;
      background: #DDA860;
      vertical-align: middle;
      content: ''; }
  .sec__ttl .sec__ttl-txt {
    margin: 2.66% 0% 16% 0%;
    font-size: 1.5rem;
    color: #000; }
    @media (min-width: 375px) {
      .sec__ttl .sec__ttl-txt {
        font-size: calc( 1.5rem + ( 1vw - 3.75px ) * 0.4590163934 ); } }
    @media (min-width: 1900px) {
      .sec__ttl .sec__ttl-txt {
        font-size: 2.2rem; } }
  .sec__ttl.length {
    padding: 0;
    text-align: center; }
    .sec__ttl.length .sec__ttl-copy::before {
      display: block;
      margin: 0 auto 5px;
      width: 1px;
      height: 20px; }

#contents {
  overflow: hidden; }

/*------------メインヴィジュアル------------*/
#mv .mv__wp .logo_geoent_sp {
  position: absolute;
  top: 2.5%;
  left: 4%;
  width: 30%;
  z-index: 1; }
#mv .mv__cont {
  position: relative;
  z-index: 1;
  margin-top: -30px;
  padding: 4% 8% 14%;
  background: #EDF8FD;
  color: #004C70; }
  #mv .mv__cont::before {
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    transform: translate(0, -100%);
    width: 100%;
    height: 25%;
    background: linear-gradient(to top, #EDF8FD, rgba(237, 248, 253, 0.8), rgba(237, 248, 253, 0));
    content: ''; }
  #mv .mv__cont::after {
    display: block;
    position: absolute;
    top: 60%;
    right: 0;
    z-index: -1;
    transform: translate(0, -50%);
    width: 335px;
    height: 110px;
    background: url("/chintai/nishikita/img/common/bg_wave.svg") center/cover no-repeat;
    content: ''; }
  #mv .mv__cont .mv__cont-ttl {
    margin-bottom: 10px;
    font-size: 1.8rem;
    letter-spacing: 0;
    line-height: 1.5; }
    @media (min-width: 375px) {
      #mv .mv__cont .mv__cont-ttl {
        font-size: calc( 1.8rem + ( 1vw - 3.75px ) * 1.1034482759 ); } }
    @media (min-width: 1100px) {
      #mv .mv__cont .mv__cont-ttl {
        font-size: 2.6rem; } }
  #mv .mv__cont .mv__cont-name {
    margin-bottom: 10px;
    font-size: 3.2rem;
    letter-spacing: .1em;
    line-height: 1;
    white-space: nowrap; }
    @media (min-width: 375px) {
      #mv .mv__cont .mv__cont-name {
        font-size: calc( 3.2rem + ( 1vw - 3.75px ) * 0.8275862069 ); } }
    @media (min-width: 1100px) {
      #mv .mv__cont .mv__cont-name {
        font-size: 3.8rem; } }
  #mv .mv__cont .mv__cont-copy {
    margin-bottom: 25px;
    font-size: 1.2rem;
    font-family: "EB Garamond", "Times New Roman", Times, serif;
    letter-spacing: .1em;
    line-height: 1;
    text-align: left; }
    @media (min-width: 375px) {
      #mv .mv__cont .mv__cont-copy {
        font-size: calc( 1.2rem + ( 1vw - 3.75px ) * 0.8275862069 ); } }
    @media (min-width: 1100px) {
      #mv .mv__cont .mv__cont-copy {
        font-size: 1.8rem; } }
  #mv .mv__cont .mv__cont-txt {
    color: #333;
    letter-spacing: .1em;
    line-height: 1.75; }
#mv .mv__access {
  position: relative;
  z-index: 1;
  padding: 5%;
  width: 94%;
  margin-top: -8%;
  margin-left: auto;
  box-sizing: border-box;
  background: #fff; }
  #mv .mv__access .mv__access-wp {
    width: calc(100% - 20px);
    margin-left: auto;
    padding: 15px 20px 10px;
    background: #FFF;
    box-sizing: border-box; }
  #mv .mv__access .mv__access-txt {
    margin-bottom: 2px;
    font-size: 1.4rem;
    letter-spacing: 0;
    line-height: 1.7; }
    @media (min-width: 375px) {
      #mv .mv__access .mv__access-txt {
        font-size: calc( 1.4rem + ( 1vw - 3.75px ) * 0.5517241379 ); } }
    @media (min-width: 1100px) {
      #mv .mv__access .mv__access-txt {
        font-size: 1.8rem; } }
  #mv .mv__access .mv__access-copy {
    margin-bottom: 5px;
    color: #004C70;
    font-size: 3.4rem;
    line-height: 1;
    letter-spacing: 0; }
    @media (min-width: 375px) {
      #mv .mv__access .mv__access-copy {
        font-size: calc( 3.4rem + ( 1vw - 3.75px ) * 1.2413793103 ); } }
    @media (min-width: 1100px) {
      #mv .mv__access .mv__access-copy {
        font-size: 4.3rem; } }
  #mv .mv__access .mv__access-ttl {
    padding: 9px 0;
    border-top: 1px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA;
    color: #DDA860;
    font-size: 1.4rem;
    letter-spacing: .1em;
    line-height: 1; }
    @media (min-width: 375px) {
      #mv .mv__access .mv__access-ttl {
        font-size: calc( 1.4rem + ( 1vw - 3.75px ) * 0.275862069 ); } }
    @media (min-width: 1100px) {
      #mv .mv__access .mv__access-ttl {
        font-size: 1.6rem; } }
  #mv .mv__access .mv__access-badge {
    position: absolute;
    top: 0;
    right: 45px;
    transform: translate(0, -20%);
    width: 90px; }
  #mv .mv__access .mv__access-note {
    margin-top: 5px;
    font-size: 1rem; }
    @media (min-width: 375px) {
      #mv .mv__access .mv__access-note {
        font-size: calc( 1rem + ( 1vw - 3.75px ) * 0.275862069 ); } }
    @media (min-width: 1100px) {
      #mv .mv__access .mv__access-note {
        font-size: 1.2rem; } }

/*------------COMMUNITY RESIDENCE------------*/
#community .sec__ttl .sec__ttl-en {
  font-size: 3.4rem; }
  @media (min-width: 375px) {
    #community .sec__ttl .sec__ttl-en {
      font-size: calc( 3.4rem + ( 1vw - 3.75px ) * 0.7868852459 ); } }
  @media (min-width: 1900px) {
    #community .sec__ttl .sec__ttl-en {
      font-size: 4.6rem; } }
#community .community__ttl {
  margin-bottom: 5px;
  padding: 0% 0% 0% 5.33%;
  color: #004C70;
  font-size: 1.6rem;
  line-height: 1.7; }
  @media (min-width: 375px) {
    #community .community__ttl {
      font-size: calc( 1.6rem + ( 1vw - 3.75px ) * 0.4060913706 ); } }
  @media (min-width: 1360px) {
    #community .community__ttl {
      font-size: 2rem; } }
#community .community__wp {
  position: relative;
  margin-bottom: 75px; }
  #community .community__wp::after {
    display: block;
    position: absolute;
    bottom: 2%;
    right: -5.33%;
    width: 80%;
    height: 18%;
    background: url("/chintai/nishikita/img/common/bg_wave01.svg") center right/contain no-repeat;
    z-index: -1;
    content: ''; }
  #community .community__wp .community__txt {
    padding: 0 20px;
    line-height: 1.8; }
  #community .community__wp .community__img {
    margin-top: 15px;
    padding-left: 40px;
    filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.15)); }
#community .service .service__ttl {
  position: relative;
  text-align: center;
  margin: 0% 0% 5.33% 0%; }
  #community .service .service__ttl .service__ttl-txt {
    position: relative;
    display: inline-block;
    padding: 5px 20px;
    color: #004C70;
    font-size: 1.8rem;
    line-height: 1; }
    @media (min-width: 375px) {
      #community .service .service__ttl .service__ttl-txt {
        font-size: calc( 1.8rem + ( 1vw - 3.75px ) * 0.9180327869 ); } }
    @media (min-width: 1900px) {
      #community .service .service__ttl .service__ttl-txt {
        font-size: 3.2rem; } }
    #community .service .service__ttl .service__ttl-txt::before, #community .service .service__ttl .service__ttl-txt::after {
      position: absolute;
      width: 12px;
      height: 12px;
      content: ''; }
    #community .service .service__ttl .service__ttl-txt::before {
      bottom: 0;
      left: 0;
      border-bottom: 1px solid #004C70;
      border-left: 1px solid #004C70; }
    #community .service .service__ttl .service__ttl-txt::after {
      top: 0;
      right: 0;
      border-top: 1px solid #004C70;
      border-right: 1px solid #004C70; }
#community .service .service__wp .service__box {
  margin-bottom: 20px;
  padding: 5.33% 5.33% 5.33% 5.33%;
  background: #F8F8F8; }
  #community .service .service__wp .service__box:last-of-type {
    margin-bottom: 0; }
#community .service .service__wp .service__box-ttl {
  margin: 0% 0% 4% 0%;
  color: #004C70;
  font-size: 1.5rem;
  text-align: center; }
  @media (min-width: 375px) {
    #community .service .service__wp .service__box-ttl {
      font-size: calc( 1.5rem + ( 1vw - 3.75px ) * 0.5901639344 ); } }
  @media (min-width: 1900px) {
    #community .service .service__wp .service__box-ttl {
      font-size: 2.4rem; } }
#community .service .service__wp .service__img {
  width: 50%;
  margin: 2% auto 0; }
#community .service .service__wp .service__box-note {
  display: block;
  margin-top: 2%;
  padding-left: 5px;
  font-size: 1.2rem; }
  @media (min-width: 375px) {
    #community .service .service__wp .service__box-note {
      font-size: calc( 1.2rem + ( 1vw - 3.75px ) * 0.262295082 ); } }
  @media (min-width: 1900px) {
    #community .service .service__wp .service__box-note {
      font-size: 1.6rem; } }
#community .service .service__wp .service__partner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 8px 0 15px;
  padding: 10px 20px;
  background: #FFF; }
  #community .service .service__wp .service__partner .service__partner-ttl {
    width: 55%;
    font-size: 1.2rem;
    line-height: 1.65; }
    @media (min-width: 375px) {
      #community .service .service__wp .service__partner .service__partner-ttl {
        font-size: calc( 1.2rem + ( 1vw - 3.75px ) * 0.262295082 ); } }
    @media (min-width: 1900px) {
      #community .service .service__wp .service__partner .service__partner-ttl {
        font-size: 1.6rem; } }
  #community .service .service__wp .service__partner .service__partner-img {
    width: 46%; }

/*------------PUBLIC SPACE------------*/
#public .sec__ttl-txt span {
  display: block;
  margin-top: 10px;
  font-size: 1.1rem;
  line-height: 1.7; }
  @media (min-width: 375px) {
    #public .sec__ttl-txt span {
      font-size: calc( 1.1rem + ( 1vw - 3.75px ) * 0.3278688525 ); } }
  @media (min-width: 1900px) {
    #public .sec__ttl-txt span {
      font-size: 1.6rem; } }
#public .public__ttl {
  font-size: 1.6rem;
  line-height: 1.7;
  text-align: center; }
  @media (min-width: 375px) {
    #public .public__ttl {
      font-size: calc( 1.6rem + ( 1vw - 3.75px ) * 0.5517241379 ); } }
  @media (min-width: 1100px) {
    #public .public__ttl {
      font-size: 2rem; } }
#public .public__num {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  background: #DDA860;
  color: #FFF;
  font-family: "EB Garamond", "Times New Roman", Times, serif;
  text-align: center; }
  #public .public__num:before {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    counter-increment: number 1;
    content: "0" counter(number); }
  #public .public__num:after {
    display: block;
    padding-top: 100%;
    content: ''; }
#public .public__cont {
  position: relative; }
  #public .public__cont .public__cont-ttl {
    margin-bottom: 10px;
    color: #DDA860;
    font-size: 1.4rem;
    line-height: 1;
    text-align: center; }
    @media (min-width: 375px) {
      #public .public__cont .public__cont-ttl {
        font-size: calc( 1.4rem + ( 1vw - 3.75px ) * 0.5245901639 ); } }
    @media (min-width: 1900px) {
      #public .public__cont .public__cont-ttl {
        font-size: 2.2rem; } }
  #public .public__cont .public__cont-txt {
    margin-bottom: 15px;
    font-size: 1.4rem;
    text-align: center; }
    @media (min-width: 375px) {
      #public .public__cont .public__cont-txt {
        font-size: calc( 1.4rem + ( 1vw - 3.75px ) * 0.6557377049 ); } }
    @media (min-width: 1900px) {
      #public .public__cont .public__cont-txt {
        font-size: 2.4rem; } }
  #public .public__cont .public__cont-list {
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    justify-content: space-between;
    position: relative;
    margin-bottom: 25px;
    padding: 6% 4% 4%;
    background: #F8F8F8;
    counter-reset: number 0; }
    #public .public__cont .public__cont-list::after {
      display: block;
      position: absolute;
      top: 50%;
      left: 48%;
      transform: translate(-50%, -50%);
      width: 1px;
      height: calc(100% - 40px);
      background: #EAEAEA;
      content: ''; }
    #public .public__cont .public__cont-list li {
      width: 48%;
      margin: 0% 0% 4% 0%;
      font-size: 1.3rem;
      letter-spacing: 0;
      line-height: 1.4; }
      @media (min-width: 375px) {
        #public .public__cont .public__cont-list li {
          font-size: calc( 1.3rem + ( 1vw - 3.75px ) * 0.3278688525 ); } }
      @media (min-width: 1900px) {
        #public .public__cont .public__cont-list li {
          font-size: 1.8rem; } }
      #public .public__cont .public__cont-list li .public__num {
        width: 14%;
        max-width: 30px;
        font-size: 1.4rem; }
        @media (min-width: 375px) {
          #public .public__cont .public__cont-list li .public__num {
            font-size: calc( 1.4rem + ( 1vw - 3.75px ) * 0.131147541 ); } }
        @media (min-width: 1900px) {
          #public .public__cont .public__cont-list li .public__num {
            font-size: 1.6rem; } }
#public .public__plan {
  position: relative;
  margin-bottom: 40px; }
  #public .public__plan .public__plan-link a {
    display: block;
    position: absolute;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: #DDA860;
    color: #FFF;
    text-align: center;
    letter-spacing: .1em;
    font-family: "EB Garamond", "Times New Roman", Times, serif;
    font-size: 1.6rem;
    filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.15)); }
    #public .public__plan .public__plan-link a:nth-of-type(1) {
      top: 17%;
      left: 27%; }
    #public .public__plan .public__plan-link a:nth-of-type(2) {
      top: 17%;
      left: 51%; }
    #public .public__plan .public__plan-link a:nth-of-type(3) {
      top: 17%;
      left: 83%; }
    #public .public__plan .public__plan-link a:nth-of-type(4) {
      top: 59%;
      left: 68%; }
  #public .public__plan .public__plan-note {
    position: absolute;
    bottom: -15px;
    left: 20px;
    font-size: 1.3rem; }
    @media (min-width: 375px) {
      #public .public__plan .public__plan-note {
        font-size: calc( 1.3rem + ( 1vw - 3.75px ) * 0.3278688525 ); } }
    @media (min-width: 1900px) {
      #public .public__plan .public__plan-note {
        font-size: 1.8rem; } }
    #public .public__plan .public__plan-note span {
      display: inline-block;
      padding: 0 5px;
      background: #DDA860;
      color: #FFF;
      font-family: "EB Garamond", "Times New Roman", Times, serif; }
#public .public__info {
  counter-reset: number 0; }
#public .public__box {
  margin: 0% 0% 8% 0%; }
  #public .public__box:nth-of-type(2n) .public__box-img-wp.slash .public__box-img:nth-of-type(1) {
    margin: 0 0 0 auto; }
  #public .public__box:nth-of-type(2n) .public__box-img-wp.slash .public__box-img:nth-of-type(2) {
    margin: -15% auto 0 0;
    width: 40%; }
  #public .public__box .public__box-ttl {
    margin-bottom: 5px;
    font-size: 1.8rem; }
    @media (min-width: 375px) {
      #public .public__box .public__box-ttl {
        font-size: calc( 1.8rem + ( 1vw - 3.75px ) * 0.393442623 ); } }
    @media (min-width: 1900px) {
      #public .public__box .public__box-ttl {
        font-size: 2.4rem; } }
    #public .public__box .public__box-ttl .public__num {
      width: 10%;
      max-width: 50px;
      margin-right: 10px; }
  #public .public__box .public__box-img-wp {
    margin-top: 15px; }
    #public .public__box .public__box-img-wp .public__box-img {
      width: 80%;
      margin: 0 auto 15px; }
      #public .public__box .public__box-img-wp .public__box-img:last-of-type {
        margin-bottom: 0; }
    #public .public__box .public__box-img-wp.slash {
      position: relative; }
      #public .public__box .public__box-img-wp.slash .public__box-img:nth-of-type(1) {
        position: relative;
        z-index: 1;
        width: 75%;
        margin: 0 auto 0 0; }
      #public .public__box .public__box-img-wp.slash .public__box-img:nth-of-type(2) {
        margin: -15% 0 0 auto;
        width: 40%; }
  #public .public__box.all-design {
    margin-bottom: 60px;
    padding: 15px 20px;
    border: 1px solid #DDA860; }
    #public .public__box.all-design .public__box-ttl {
      padding: 0;
      color: #DDA860; }
      #public .public__box.all-design .public__box-ttl::before {
        display: none; }
#public .public__box-noimg {
  margin: 13.33% 0% 0% 0%; }
  #public .public__box-noimg .public__box-ttl {
    position: relative;
    padding-left: 10px; }
    #public .public__box-noimg .public__box-ttl:before {
      display: block;
      position: absolute;
      width: 100%;
      top: 50%;
      transform: translateY(-50%);
      left: 0;
      height: 60%;
      width: 2px;
      background: #DDA860;
      content: ''; }

/*------------ROOM PLAN------------*/
#roomplan {
  position: relative; }
  #roomplan .roomplan__bg {
    position: relative;
    padding-bottom: 10%; }
    #roomplan .roomplan__bg::before {
      display: block;
      position: absolute;
      bottom: 0;
      right: 0;
      z-index: -1;
      width: 100vw;
      height: calc(100% - 1.8em);
      background: #EDF8FD;
      clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%);
      content: ''; }
  #roomplan .sec__ttl {
    color: #004C70; }
    #roomplan .sec__ttl.length .sec__ttl-copy::before {
      background: #004C70; }
  #roomplan .roomplan__txt {
    margin-bottom: 15px;
    font-size: 1.5rem;
    text-align: center;
    line-height: 1.8; }
    @media (min-width: 375px) {
      #roomplan .roomplan__txt {
        font-size: calc( 1.5rem + ( 1vw - 3.75px ) * 0.1379310345 ); } }
    @media (min-width: 1100px) {
      #roomplan .roomplan__txt {
        font-size: 1.6rem; } }
  #roomplan .roomplan__wp {
    padding: 0% 8% 0% 8%;
    margin: 0% auto 6% auto; }
  #roomplan .roomplan__box {
    margin-bottom: 25px;
    padding: 6.66% 6.66% 6.66% 6.66%;
    background: #FFF;
    filter: drop-shadow(0 3px 19px rgba(0, 76, 112, 0.1)); }
    #roomplan .roomplan__box:last-of-type {
      margin-bottom: 0; }
    #roomplan .roomplan__box .roomplan__box-img {
      width: 90%;
      margin: 0 auto 10px; }
    #roomplan .roomplan__box .roomplan__info {
      display: flex;
      justify-content: center;
      align-items: flex-end;
      margin-bottom: 10px;
      padding-bottom: 15px;
      border-bottom: 1px solid #EDEDED;
      color: #004C70;
      text-align: center;
      line-height: 1; }
      #roomplan .roomplan__box .roomplan__info .roomplan__info-type {
        font-size: 2rem; }
        @media (min-width: 375px) {
          #roomplan .roomplan__box .roomplan__info .roomplan__info-type {
            font-size: calc( 2rem + ( 1vw - 3.75px ) * 0.5245901639 ); } }
        @media (min-width: 1900px) {
          #roomplan .roomplan__box .roomplan__info .roomplan__info-type {
            font-size: 2.8rem; } }
      #roomplan .roomplan__box .roomplan__info .roomplan__info-ldk {
        margin-left: 4px;
        font-size: 1.4rem; }
        @media (min-width: 375px) {
          #roomplan .roomplan__box .roomplan__info .roomplan__info-ldk {
            font-size: calc( 1.4rem + ( 1vw - 3.75px ) * 0.262295082 ); } }
        @media (min-width: 1900px) {
          #roomplan .roomplan__box .roomplan__info .roomplan__info-ldk {
            font-size: 1.8rem; } }
        #roomplan .roomplan__box .roomplan__info .roomplan__info-ldk::before {
          content: '/'; }
    #roomplan .roomplan__box .roomplan__area {
      text-align: center;
      line-height: 1; }
      #roomplan .roomplan__box .roomplan__area .ll-txt {
        margin-left: 5px; }
  #roomplan .roomplan__detail .roomplan__detail-ttl {
    margin-bottom: 15px;
    color: #004C70;
    font-size: 2rem;
    line-height: 1.7; }
    @media (min-width: 375px) {
      #roomplan .roomplan__detail .roomplan__detail-ttl {
        font-size: calc( 2rem + ( 1vw - 3.75px ) * 0.393442623 ); } }
    @media (min-width: 1900px) {
      #roomplan .roomplan__detail .roomplan__detail-ttl {
        font-size: 2.6rem; } }
  #roomplan .roomplan__detail .roomplan__detail-list li {
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    justify-content: space-between;
    margin-bottom: 5px;
    letter-spacing: .05em; }
    #roomplan .roomplan__detail .roomplan__detail-list li .roomplan__detail-list-ttl {
      width: 7em; }
    #roomplan .roomplan__detail .roomplan__detail-list li .roomplan__detail-list-txt {
      width: calc(96% - 7em); }
  #roomplan .roomplan__detail .roomplan__detail-note {
    margin-top: 5px; }
  #roomplan .roomplan__facility {
    margin-top: -5%; }
    #roomplan .roomplan__facility .roomplan__facility-ttl {
      padding: 15px 0 12px;
      background: #004C70;
      color: #FFF;
      font-size: 1.5rem;
      line-height: 1;
      text-align: center; }
      @media (min-width: 375px) {
        #roomplan .roomplan__facility .roomplan__facility-ttl {
          font-size: calc( 1.5rem + ( 1vw - 3.75px ) * 0.1967213115 ); } }
      @media (min-width: 1900px) {
        #roomplan .roomplan__facility .roomplan__facility-ttl {
          font-size: 1.8rem; } }
    #roomplan .roomplan__facility .roomplan__facility-box {
      display: contents; }
    #roomplan .roomplan__facility .roomplan__facility-list {
      display: grid;
      grid-template-columns: 1fr 1fr;
      width: 100%;
      box-sizing: border-box;
      padding: 3% 4%;
      background: #FFF;
      border: 1px solid #004C70; }
      #roomplan .roomplan__facility .roomplan__facility-list li {
        position: relative;
        margin-bottom: 5px;
        padding-left: 1em;
        box-sizing: border-box;
        font-size: 1.4rem;
        letter-spacing: .05em; }
        @media (min-width: 375px) {
          #roomplan .roomplan__facility .roomplan__facility-list li {
            font-size: calc( 1.4rem + ( 1vw - 3.75px ) * 0.131147541 ); } }
        @media (min-width: 1900px) {
          #roomplan .roomplan__facility .roomplan__facility-list li {
            font-size: 1.6rem; } }
        #roomplan .roomplan__facility .roomplan__facility-list li::before {
          position: absolute;
          left: 0;
          top: 0;
          color: #DDA860;
          content: '●'; }
        #roomplan .roomplan__facility .roomplan__facility-list li.br-prev {
          grid-row: 2 / li 1; }
        #roomplan .roomplan__facility .roomplan__facility-list li.br {
          grid-row: 2 / li 3; }

#note {
  margin-bottom: 10px; }

/*------------ACCESS------------*/
#access .access__left {
  margin-bottom: 15px;
  padding: 0% 0% 0% 5.33%; }
#access .access__ttl {
  margin: 0% 0% 2.66% 0%;
  font-size: 1.6rem;
  line-height: 1; }
  @media (min-width: 375px) {
    #access .access__ttl {
      font-size: calc( 1.6rem + ( 1vw - 3.75px ) * 0.262295082 ); } }
  @media (min-width: 1900px) {
    #access .access__ttl {
      font-size: 2rem; } }
  #access .access__ttl span {
    display: inline-block; }
  #access .access__ttl .l {
    margin-top: 10px;
    font-size: 2.4rem;
    text-indent: -.5em; }
    @media (min-width: 375px) {
      #access .access__ttl .l {
        font-size: calc( 2.4rem + ( 1vw - 3.75px ) * 0.393442623 ); } }
    @media (min-width: 1900px) {
      #access .access__ttl .l {
        font-size: 3rem; } }
  #access .access__ttl .m {
    font-size: 1.8rem; }
    @media (min-width: 375px) {
      #access .access__ttl .m {
        font-size: calc( 1.8rem + ( 1vw - 3.75px ) * 0.131147541 ); } }
    @media (min-width: 1900px) {
      #access .access__ttl .m {
        font-size: 2rem; } }
  #access .access__ttl .time {
    margin-left: 5px;
    font-size: 2.2rem;
    letter-spacing: .1em; }
    @media (min-width: 375px) {
      #access .access__ttl .time {
        font-size: calc( 2.2rem + ( 1vw - 3.75px ) * 0.262295082 ); } }
    @media (min-width: 1900px) {
      #access .access__ttl .time {
        font-size: 2.6rem; } }
  #access .access__ttl .color {
    color: #DDA860;
    font-size: 4rem; }
    @media (min-width: 375px) {
      #access .access__ttl .color {
        font-size: calc( 4rem + ( 1vw - 3.75px ) * 0.262295082 ); } }
    @media (min-width: 1900px) {
      #access .access__ttl .color {
        font-size: 4.4rem; } }
#access .access__top-address {
  margin: 0% 0% 5.33% 0%;
  font-size: 1.4rem; }
  @media (min-width: 375px) {
    #access .access__top-address {
      font-size: calc( 1.4rem + ( 1vw - 3.75px ) * 0.131147541 ); } }
  @media (min-width: 1900px) {
    #access .access__top-address {
      font-size: 1.6rem; } }
#access .access__top-copy {
  color: #DDA860;
  font-size: 1.4rem;
  line-height: 1; }
  @media (min-width: 375px) {
    #access .access__top-copy {
      font-size: calc( 1.4rem + ( 1vw - 3.75px ) * 0.393442623 ); } }
  @media (min-width: 1900px) {
    #access .access__top-copy {
      font-size: 2rem; } }
#access .access__note {
  margin-top: 10px;
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: 0; }
  @media (min-width: 375px) {
    #access .access__note {
      font-size: calc( 1.2rem + ( 1vw - 3.75px ) * 0.131147541 ); } }
  @media (min-width: 1900px) {
    #access .access__note {
      font-size: 1.4rem; } }
#access .access__img {
  margin: 0% 0% 5.33% 0%; }
#access .access__wp {
  padding: 0% 0% 0% 5.33%; }
#access .access__box {
  margin-bottom: 35px; }
  #access .access__box:nth-of-type(2) .access__box-ttl {
    position: relative;
    border-bottom: 1px dashed #DDA860; }
  #access .access__box:nth-of-type(2) .access__station {
    letter-spacing: 0; }
    #access .access__box:nth-of-type(2) .access__station .l {
      margin: 0; }
  #access .access__box:last-of-type {
    margin-bottom: 0; }
  #access .access__box .access__box-ttl {
    display: flex;
    align-items: center;
    width: calc(100% - 20px);
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid #DDA860;
    color: #DDA860;
    font-size: 1.5rem;
    line-height: 1.2; }
    @media (min-width: 375px) {
      #access .access__box .access__box-ttl {
        font-size: calc( 1.5rem + ( 1vw - 3.75px ) * 0.0655737705 ); } }
    @media (min-width: 1900px) {
      #access .access__box .access__box-ttl {
        font-size: 1.6rem; } }
    #access .access__box .access__box-ttl span {
      display: inline-block;
      width: 32px;
      margin-right: 15px; }
  #access .access__box .access__box-txt {
    font-size: 1.4rem; }
    @media (min-width: 375px) {
      #access .access__box .access__box-txt {
        font-size: calc( 1.4rem + ( 1vw - 3.75px ) * 0.262295082 ); } }
    @media (min-width: 1900px) {
      #access .access__box .access__box-txt {
        font-size: 1.8rem; } }
  #access .access__box .access__station {
    font-size: 1.4rem;
    margin: 0px 0 8px;
    line-height: 1.8; }
    @media (min-width: 375px) {
      #access .access__box .access__station {
        font-size: calc( 1.4rem + ( 1vw - 3.75px ) * 0.262295082 ); } }
    @media (min-width: 1900px) {
      #access .access__box .access__station {
        font-size: 1.8rem; } }
    #access .access__box .access__station .l {
      display: inline-block;
      margin-right: 5px;
      font-size: 1.6rem;
      text-indent: -.5em; }
      @media (min-width: 375px) {
        #access .access__box .access__station .l {
          font-size: calc( 1.6rem + ( 1vw - 3.75px ) * 0.262295082 ); } }
      @media (min-width: 1900px) {
        #access .access__box .access__station .l {
          font-size: 2rem; } }
    #access .access__box .access__station .color {
      color: #DDA860;
      font-size: 1.4rem; }
      @media (min-width: 375px) {
        #access .access__box .access__station .color {
          font-size: calc( 1.4rem + ( 1vw - 3.75px ) * 0.393442623 ); } }
      @media (min-width: 1900px) {
        #access .access__box .access__station .color {
          font-size: 2rem; } }
    #access .access__box .access__station .time {
      font-size: 2rem; }
      @media (min-width: 375px) {
        #access .access__box .access__station .time {
          font-size: calc( 2rem + ( 1vw - 3.75px ) * 0.393442623 ); } }
      @media (min-width: 1900px) {
        #access .access__box .access__station .time {
          font-size: 2.6rem; } }
    #access .access__box .access__station .note {
      font-size: 1.3rem; }
      @media (min-width: 375px) {
        #access .access__box .access__station .note {
          font-size: calc( 1.3rem + ( 1vw - 3.75px ) * 0.131147541 ); } }
      @media (min-width: 1900px) {
        #access .access__box .access__station .note {
          font-size: 1.5rem; } }
    #access .access__box .access__station .m {
      font-size: 1.4rem; }
      @media (min-width: 375px) {
        #access .access__box .access__station .m {
          font-size: calc( 1.4rem + ( 1vw - 3.75px ) * 0.262295082 ); } }
      @media (min-width: 1900px) {
        #access .access__box .access__station .m {
          font-size: 1.8rem; } }

/*------------西北の魅力------------*/
#charm .charm__bnr .charm__cont {
  position: relative;
  margin-top: -25px;
  padding: 5px 0 25px;
  background: #D3F0FF; }
  #charm .charm__bnr .charm__cont::after {
    display: block;
    position: absolute;
    top: 1px;
    transform: translate(0, -100%);
    width: 100%;
    height: 25%;
    background: linear-gradient(to top, #D3F0FF, rgba(211, 240, 255, 0.8), rgba(211, 240, 255, 0));
    content: ''; }
  #charm .charm__bnr .charm__cont .charm__cont-copy {
    margin-bottom: 20px;
    color: #007F89;
    font-size: 1.6rem;
    text-align: center;
    line-height: 1; }
    @media (min-width: 375px) {
      #charm .charm__bnr .charm__cont .charm__cont-copy {
        font-size: calc( 1.6rem + ( 1vw - 3.75px ) * 0.5517241379 ); } }
    @media (min-width: 1100px) {
      #charm .charm__bnr .charm__cont .charm__cont-copy {
        font-size: 2rem; } }
    #charm .charm__bnr .charm__cont .charm__cont-copy span {
      font-size: 1.4rem; }
      @media (min-width: 375px) {
        #charm .charm__bnr .charm__cont .charm__cont-copy span {
          font-size: calc( 1.4rem + ( 1vw - 3.75px ) * 0 ); } }
      @media (min-width: 1100px) {
        #charm .charm__bnr .charm__cont .charm__cont-copy span {
          font-size: 1.4rem; } }
  #charm .charm__bnr .charm__cont .charm__cont-ttl {
    margin-bottom: 5px;
    color: #007F89;
    font-size: 2.4rem;
    text-align: center;
    text-indent: .5em;
    line-height: 1.4; }
    @media (min-width: 375px) {
      #charm .charm__bnr .charm__cont .charm__cont-ttl {
        font-size: calc( 2.4rem + ( 1vw - 3.75px ) * 1.3793103448 ); } }
    @media (min-width: 1100px) {
      #charm .charm__bnr .charm__cont .charm__cont-ttl {
        font-size: 3.4rem; } }
    #charm .charm__bnr .charm__cont .charm__cont-ttl span {
      font-size: 3.4rem; }
      @media (min-width: 375px) {
        #charm .charm__bnr .charm__cont .charm__cont-ttl span {
          font-size: calc( 3.4rem + ( 1vw - 3.75px ) * 1.3793103448 ); } }
      @media (min-width: 1100px) {
        #charm .charm__bnr .charm__cont .charm__cont-ttl span {
          font-size: 4.4rem; } }
  #charm .charm__bnr .charm__cont .charm__cont-txt {
    margin-bottom: 20px;
    padding: 0 20px;
    letter-spacing: 0; }
  #charm .charm__bnr .charm__cont .charm__cont-btn p {
    position: relative;
    width: 80%;
    max-width: 320px;
    margin: 0 auto;
    padding: 15px 0 14px;
    background: #DDA860;
    color: #FFF;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1;
    text-align: center; }
    @media (min-width: 375px) {
      #charm .charm__bnr .charm__cont .charm__cont-btn p {
        font-size: calc( 1.5rem + ( 1vw - 3.75px ) * 0.1379310345 ); } }
    @media (min-width: 1100px) {
      #charm .charm__bnr .charm__cont .charm__cont-btn p {
        font-size: 1.6rem; } }
    #charm .charm__bnr .charm__cont .charm__cont-btn p::after {
      display: inline-block;
      width: 8px;
      height: 8px;
      transform: translate(0, 0) rotate(45deg);
      margin-left: .5em;
      border-top: 1px solid #FFF;
      border-right: 1px solid #FFF;
      content: ''; }
#charm .charm__note {
  margin-top: 5px; }

/*------------OUTLINE------------*/
#outline {
  position: relative;
  padding-bottom: 10%; }
  #outline::before {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    width: 100%;
    height: calc(100% - 2em);
    background: #F8F8F8;
    content: ''; }
  #outline .outline__txt {
    margin-bottom: 5px;
    font-size: 1.4rem;
    text-align: center; }
    @media (min-width: 375px) {
      #outline .outline__txt {
        font-size: calc( 1.4rem + ( 1vw - 3.75px ) * 0.8275862069 ); } }
    @media (min-width: 1100px) {
      #outline .outline__txt {
        font-size: 2rem; } }
  #outline .outline__img {
    margin-bottom: 30px; }
  #outline .outline__floor {
    margin-bottom: 30px; }
  #outline .outline__detail {
    padding: 18px 5px 15px;
    border-top: 1px solid #004C70;
    border-bottom: 1px solid #004C70; }
    #outline .outline__detail .outline__detail-ttl {
      margin-bottom: 15px;
      color: #004C70;
      font-size: 1.5rem;
      text-align: center;
      line-height: 1; }
      @media (min-width: 375px) {
        #outline .outline__detail .outline__detail-ttl {
          font-size: calc( 1.5rem + ( 1vw - 3.75px ) * 0.4137931034 ); } }
      @media (min-width: 1100px) {
        #outline .outline__detail .outline__detail-ttl {
          font-size: 1.8rem; } }
    #outline .outline__detail .outline__list_one .outline__list-item_one {
      display: flex;
      flex-flow: row wrap;
      align-content: flex-start;
      justify-content: space-between;
      margin-bottom: 2px;
      width: 100%; }
    #outline .outline__detail .outline__list_one .outline__list-ttl_one {
      width: 5.5em; }
    #outline .outline__detail .outline__list_one .outline__list-txt_one {
      width: calc(100% - 5.5em);
      padding-left: 1em;
      text-indent: -1em;
      letter-spacing: .02em;
      box-sizing: border-box; }
      #outline .outline__detail .outline__list_one .outline__list-txt_one .text_s {
        font-size: 90%;
        letter-spacing: 0; }
      #outline .outline__detail .outline__list_one .outline__list-txt_one .attent {
        display: inline; }
    #outline .outline__detail .outline__list .outline__list-item {
      display: flex;
      flex-flow: row wrap;
      align-content: flex-start;
      justify-content: space-between;
      margin-bottom: 2px; }
    #outline .outline__detail .outline__list .outline__list-ttl {
      width: 5.5em; }
    #outline .outline__detail .outline__list .outline__list-txt {
      width: calc(100% - 5.5em);
      padding-left: 1em;
      text-indent: -1em;
      letter-spacing: .02em;
      box-sizing: border-box; }
      #outline .outline__detail .outline__list .outline__list-txt .attent {
        display: inline; }
    #outline .outline__detail .outline__list .outline__list-left, #outline .outline__detail .outline__list .outline__list-right {
      display: contents; }
  #outline .outline__list-date {
    text-align: right;
    font-size: 1.2rem; }

/*------------INFORMATION------------*/
#info .sec__ttl .sec__ttl-en {
  font-size: 3.4rem; }
  @media (min-width: 375px) {
    #info .sec__ttl .sec__ttl-en {
      font-size: calc( 3.4rem + ( 1vw - 3.75px ) * 0.131147541 ); } }
  @media (min-width: 1900px) {
    #info .sec__ttl .sec__ttl-en {
      font-size: 3.6rem; } }
#info .info__list {
  padding: 0 20px;
  margin: 0% 0% 5.33% 0%; }
  #info .info__list li a, #info .info__list li .info__list-box {
    display: block;
    position: relative;
    padding: 8px 0;
    border-bottom: 1px solid #EAEAEA; }
    #info .info__list li a .info__list-date, #info .info__list li .info__list-box .info__list-date {
      color: #004C70; }
  #info .info__list li a::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 6px;
    height: 6px;
    border-top: 1px solid #004C70;
    border-right: 1px solid #004C70;
    content: ''; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) {
  .sec__ttl .sec__ttl-txt {
    margin: 0.87% 0% 5.26% 0%; }

  /*------------メインヴィジュアル------------*/
  #mv .mv__wp {
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    justify-content: space-between; }
    #mv .mv__wp .mv__img {
      width: 50%; }
    #mv .mv__wp .logo_geoent_sp {
      top: 1%;
      left: 1.5%;
      width: 10%; }
    #mv .mv__wp .mv__cont {
      position: relative;
      width: 50%;
      padding: 0;
      box-sizing: border-box;
      margin: 0; }
      #mv .mv__wp .mv__cont-wrap {
        position: absolute;
        width: 100%;
        top: 50%;
        left: 54%;
        transform: translate(-50%, -50%);
        width: auto; }
      #mv .mv__wp .mv__cont::before {
        top: 0;
        left: 1px;
        width: 15%;
        height: 100%;
        transform: translate(-100%, 0);
        background: linear-gradient(to left, #EDF8FD, rgba(237, 248, 253, 0.8), rgba(237, 248, 253, 0));
        z-index: 1; }
      #mv .mv__wp .mv__cont .mv__cont-ttl {
        font-size: 2.6rem; } }
      @media screen and (min-width: 769px) and (min-width: 769px) {
        #mv .mv__wp .mv__cont .mv__cont-ttl {
          font-size: calc( 2.6rem + ( 1vw - 7.69px ) * 0.9748172218 ); } }
      @media screen and (min-width: 769px) and (min-width: 2000px) {
        #mv .mv__wp .mv__cont .mv__cont-ttl {
          font-size: 3.8rem; } }
@media screen and (min-width: 769px) {
      #mv .mv__wp .mv__cont .mv__cont-name {
        font-size: 3rem;
        margin-bottom: 18px; } }
      @media screen and (min-width: 769px) and (min-width: 769px) {
        #mv .mv__wp .mv__cont .mv__cont-name {
          font-size: calc( 3rem + ( 1vw - 7.69px ) * 2.1121039805 ); } }
      @media screen and (min-width: 769px) and (min-width: 2000px) {
        #mv .mv__wp .mv__cont .mv__cont-name {
          font-size: 5.6rem; } }
@media screen and (min-width: 769px) {
      #mv .mv__wp .mv__cont .mv__cont-copy {
        font-size: 1.8rem; } }
      @media screen and (min-width: 769px) and (min-width: 769px) {
        #mv .mv__wp .mv__cont .mv__cont-copy {
          font-size: calc( 1.8rem + ( 1vw - 7.69px ) * 0.7311129163 ); } }
      @media screen and (min-width: 769px) and (min-width: 2000px) {
        #mv .mv__wp .mv__cont .mv__cont-copy {
          font-size: 2.7rem; } }
@media screen and (min-width: 769px) {
      #mv .mv__wp .mv__cont .mv__cont-txt {
        font-size: 1.4rem; } }
      @media screen and (min-width: 769px) and (min-width: 769px) {
        #mv .mv__wp .mv__cont .mv__cont-txt {
          font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 0.6498781478 ); } }
      @media screen and (min-width: 769px) and (min-width: 2000px) {
        #mv .mv__wp .mv__cont .mv__cont-txt {
          font-size: 2.2rem; } }
@media screen and (min-width: 769px) {
  #mv .mv__access {
    padding: 4%;
    margin: -2% 0 0 auto; }
    #mv .mv__access .mv__access-point {
      display: flex;
      flex-flow: row wrap;
      align-content: flex-start;
      justify-content: space-between;
      justify-content: flex-start; }
    #mv .mv__access .mv__access-txt {
      margin-right: 2%; }
    #mv .mv__access .mv__access-badge {
      top: 0;
      right: 45px;
      transform: translateY(-90%); }

  /*------------COMMUNITY RESIDENCE------------*/
  #community {
    position: relative; }
    #community .community__ttl {
      margin-bottom: 15px;
      padding: 0; }
    #community .community__wp {
      display: flex;
      flex-flow: row wrap;
      align-content: flex-start;
      justify-content: space-between;
      align-items: center;
      margin: 0 auto 100px; }
      #community .community__wp::after {
        bottom: -10%;
        width: 40%;
        height: 32%; }
      #community .community__wp .community__cont {
        width: 48%; }
      #community .community__wp .community__txt {
        padding: 0; }
      #community .community__wp .community__img {
        width: 48%;
        margin: 0;
        padding: 0; }
    #community .service .service__ttl {
      margin: 0% 0% 2.63% 0%; }
    #community .service .service__wp {
      display: flex;
      flex-flow: row wrap;
      align-content: flex-start;
      justify-content: space-between; }
      #community .service .service__wp .service__box {
        display: flex;
        flex-direction: column;
        width: 47.5%;
        padding: 4%;
        box-sizing: border-box;
        margin-bottom: 0; }
      #community .service .service__wp .service__img {
        margin: auto auto 0; }
      #community .service .service__wp .service__partner {
        margin-bottom: 0;
        padding: 10px 25px; }
        #community .service .service__wp .service__partner .service__partner-img {
          width: 39%;
          margin: 0 auto; }
      #community .service .service__wp .service__box-note {
        display: inline-block;
        margin-bottom: 15px; }

  /*------------PUBLIC SPACE------------*/
  #public .sec__ttl-txt {
    margin: 0.87% 0% 1.75% 0%; }
    #public .sec__ttl-txt span {
      margin-top: 50px;
      text-align: right; }
  #public .public__ttl {
    margin-bottom: 60px; }
  #public .public__wp {
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    justify-content: space-between;
    margin: 0 auto 6%; }
    #public .public__wp .public__cont {
      width: 30%;
      background: #F8F8F8; }
      #public .public__wp .public__cont .public__cont-ttl {
        background: #fff;
        margin-bottom: auto;
        padding: 0% 0% 2.66% 0%;
        text-align: left; }
      #public .public__wp .public__cont .public__cont-txt {
        background: #fff;
        margin-bottom: auto;
        padding: 0% 0% 2.66% 0%;
        text-align: left; }
      #public .public__wp .public__cont .public__cont-list {
        display: block;
        padding: 8% 8% 8% 8%; }
        #public .public__wp .public__cont .public__cont-list::after {
          display: none; }
        #public .public__wp .public__cont .public__cont-list li {
          width: 100%;
          padding-left: 30px;
          margin: 0% 0% 8% 0%;
          box-sizing: border-box; }
          #public .public__wp .public__cont .public__cont-list li a {
            margin-left: -35px; }
    #public .public__wp .public__plan {
      width: 68%;
      margin-bottom: 0; }
      #public .public__wp .public__plan .public__plan-link a {
        border: 1px solid #DDA860; }
        #public .public__wp .public__plan .public__plan-link a:hover {
          background: #FFF;
          color: #DDA860;
          opacity: 1; }
  #public .public__info {
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    justify-content: space-between;
    padding: 0; }
  #public .public__box {
    width: 100%;
    margin: 0% 0% 5.26% 0%;
    display: flex;
    flex-direction: column; }
    #public .public__box:nth-of-type(2n) .public__box-img-wp.slash .public__box-img:nth-of-type(1) {
      width: 46%;
      margin: 0; }
    #public .public__box:nth-of-type(2n) .public__box-img-wp.slash .public__box-img:nth-of-type(2) {
      width: 46%;
      margin: 0; }
    #public .public__box .public__box-txt {
      margin-bottom: auto; }
    #public .public__box .public__box-img-wp {
      display: flex;
      flex-flow: row wrap;
      align-content: flex-start;
      justify-content: space-between; }
      #public .public__box .public__box-img-wp .public__box-img {
        width: 46%;
        margin-bottom: 0; }
      #public .public__box .public__box-img-wp.slash .public__box-img:nth-of-type(1) {
        width: 46%; }
      #public .public__box .public__box-img-wp.slash .public__box-img:nth-of-type(2) {
        width: 46%;
        margin: 0; }
    #public .public__box:nth-of-type(n + 3) {
      width: 46%; }
      #public .public__box:nth-of-type(n + 3) .public__box-img {
        width: 100%; }
  #public .public__box-noimg {
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    justify-content: space-between;
    margin: 5.26% 0% 0% 0%; }
    #public .public__box-noimg .public__box {
      width: 46%; }
      #public .public__box-noimg .public__box:last-of-type {
        width: 100%; }
      #public .public__box-noimg .public__box .public__box-img {
        width: 100%; }

  /*------------ROOM PLAN------------*/
  #roomplan .roomplan__bg {
    padding-bottom: 3%; }
    #roomplan .roomplan__bg::before {
      height: calc(100% - 2.6em); }
  #roomplan .roomplan__txt {
    margin-bottom: 20px; }
  #roomplan .roomplan__wp {
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    justify-content: space-between;
    padding: 0;
    margin: 0% auto 3.5% auto; }
  #roomplan .roomplan__box {
    width: 30%;
    padding: 2.19% 2.19% 2.19% 2.19%;
    margin-bottom: 0;
    box-sizing: border-box; }
    #roomplan .roomplan__box .roomplan__box-img {
      width: 100%; }
  #roomplan .roomplan__detail {
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    justify-content: space-between;
    margin-bottom: 3%; }
    #roomplan .roomplan__detail .roomplan__detail-ttl {
      width: 30%;
      margin-bottom: 0; }
    #roomplan .roomplan__detail .roomplan__detail-list {
      width: 70%; }
  #roomplan .roomplan__facility {
    margin-top: -3%; }

  /*------------ACCESS------------*/
  #access .access__top {
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4%; }
  #access .access__left {
    width: 50%;
    padding-left: 0; }
  #access .access__img {
    width: 50%; }
  #access .access__wp {
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    justify-content: space-between;
    padding-left: 0; }
  #access .access__box {
    width: 48%;
    margin-bottom: 0; }
    #access .access__box .access__station {
      margin-top: 5px;
      line-height: 1.5; }
    #access .access__box .access__box-ttl {
      width: 100%; }
    #access .access__box .access__box-ttl {
      width: 100%; }
    #access .access__box .access__box-note {
      width: 100%; }

  /*------------西北の魅力------------*/
  #charm .charm__note {
    margin-top: 10px; }

  /*------------OUTLINE------------*/
  #outline {
    padding-bottom: 6%; }
    #outline::before {
      height: calc(100% - 2.5em); }
    #outline .outline__txt {
      margin-bottom: 30px; }
    #outline .outline__wp {
      display: flex;
      flex-flow: row wrap;
      align-content: flex-start;
      justify-content: space-between;
      align-items: flex-end;
      margin-bottom: 3%; }
      #outline .outline__wp .outline__img {
        width: 50%;
        margin: 0; }
      #outline .outline__wp .outline__floor {
        width: 46%;
        margin-bottom: 0; }
    #outline .outline__detail {
      padding: 18px 20px 15px;
      box-sizing: border-box; }
      #outline .outline__detail .outline__detail-ttl {
        text-align: center; }
      #outline .outline__detail .outline__list_one {
        display: flex;
        flex-flow: row wrap;
        align-content: flex-start;
        justify-content: space-between;
        justify-content: flex-start; }
        #outline .outline__detail .outline__list_one .outline__list-item_one {
          width: 87%; }
        #outline .outline__detail .outline__list_one .outline__list-ttl_one {
          width: 10em; }
        #outline .outline__detail .outline__list_one .outline__list-txt_one {
          width: calc(100% - 10em); }
        #outline .outline__detail .outline__list_one .outline__list-left, #outline .outline__detail .outline__list_one .outline__list-right {
          display: block;
          width: 100%; }
        #outline .outline__detail .outline__list_one .outline__list-right {
          width: 100%;
          margin-left: 2%; }

  /*------------INFORMATION------------*/
  #info .info__wp {
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    justify-content: space-between;
    margin: 0% 0% 3.9% 0%; }
  #info .sec__ttl {
    width: 44%; }
  #info .info__list {
    width: 52%;
    padding: 0; }
    #info .info__list li a::after {
      right: 5px; }
    #info .info__list li a:hover {
      opacity: 1;
      border-bottom-color: #004C70; }
      #info .info__list li a:hover .info__list-ttl {
        color: #004C70; }
    #info .info__list li a.info__list-box .info__list-ttl {
      transition: .3s; } }
/*------------------------------
		961px以上
------------------------------*/
@media screen and (min-width: 961px) {
  #mv .mv__access {
    margin: -8% 0 0 auto;
    padding: 2%;
    width: 50%; }

  #community .sec__ttl.sp-tab {
    display: none; }
  #community .pc {
    display: block; }
  #community .community__ttl {
    letter-spacing: 0; }
  #community .community__wp::after {
    right: -10%; }
  #community .community__wp .community__cont {
    width: 60%; }
    #community .community__wp .community__cont .community__txt {
      width: 85%; }
  #community .community__wp .community__img {
    width: 40%; }

  #public .public__box.all-design {
    margin-bottom: 60px;
    padding: 20px 40px; }

  /*------------ROOM PLAN------------*/
  #roomplan .roomplan__facility .roomplan__facility-list {
    grid-template-columns: 1fr 1.4fr 1fr; }
    #roomplan .roomplan__facility .roomplan__facility-list li.br-prev, #roomplan .roomplan__facility .roomplan__facility-list li.br {
      grid-row: none; }

  #access .access__box .access__box-note {
    line-height: 1.5; }

  #info .sec__ttl {
    width: 36%; }
  #info .info__list {
    width: 60%; } }
/*------------------------------
		1181px以上
------------------------------*/
@media screen and (min-width: 1141px) {
  #mv .mv__wp {
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    justify-content: space-between; }
    #mv .mv__wp .logo_geoent_sp {
      display: none; }

  #roomplan .roomplan__bg::before {
    width: 82vw; }

  #outline::before {
    width: 78vw; } }
/*------------------------------
		1361px以上
------------------------------*/
@media screen and (min-width: 1361px) {
  .sec__ttl .sec__ttl-en {
    margin-bottom: 0; }
  .sec__ttl.length .sec__ttl-copy::before {
    display: block;
    margin: 0 auto 5px;
    width: 1px;
    height: 15px;
    margin-bottom: 2px; }

  #mv .mv__wp .mv__img {
    width: 56%; }
  #mv .mv__wp .mv__cont {
    width: 44%; }
    #mv .mv__wp .mv__cont::before {
      width: 22%; }
  #mv .mv__access {
    width: 44%; }
    #mv .mv__access .mv__access-badge {
      width: 100px;
      right: 10%; }

  #public .public__wp .public__plan {
    width: 64%; }
    #public .public__wp .public__plan .public__plan-note {
      bottom: 30px; }

  #roomplan .roomplan__bg::before {
    width: 82vw; }

  #access .access__ttl .m {
    margin-left: 5px; }
  #access .access__box:nth-of-type(2) {
    width: 45%; }
    #access .access__box:nth-of-type(2) .access__station {
      letter-spacing: .05m; }
  #access .access__box .access__station .l {
    text-indent: 0; }

  /*------------ROOM PLAN------------*/
  #roomplan .roomplan__bg::before {
    width: 78vw; }
  #roomplan .roomplan__facility .roomplan__facility-list {
    grid-template-columns: 1.2fr 1.6fr 1fr 1fr; }

  /*------------OUTLINE------------*/
  #outline .outline__detail {
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: center; }
    #outline .outline__detail .outline__detail-ttl {
      width: 12%; }
    #outline .outline__detail .outline__list {
      width: 50%; }
    #outline .outline__detail .outline__list_one {
      width: 75%; }

  #info .info__list li a::after {
    right: 10px; }
  #info .info__list li a, #info .info__list li .info__list-box {
    display: flex;
    padding: 10px 0; }
    #info .info__list li a .info__list-date, #info .info__list li .info__list-box .info__list-date {
      margin-right: 20px; } }
/*------------------------------
		1898px以上
------------------------------*/
@media screen and (min-width: 1898px) {
  #community .community__wp::after {
    right: calc((-82vw + 1400px) / 2); } }