@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
.contents figure {
  margin-bottom: 20px; }
  .contents figure figcaption {
    margin-top: 5px;
    font-size: 1.1rem;
    line-height: 1.3;
    text-align: left;
    letter-spacing: normal; }

.contents__ttl {
  margin-bottom: 0; }
  .contents__ttl .contents__ttl--en span:first-child {
    color: #fbb03b; }

.tabbtn {
  border-bottom: 1px solid #96dcff; }
  .tabbtn .tabbtn-list li {
    position: relative;
    z-index: 1;
    width: 25%;
    padding: 15px 0;
    box-sizing: border-box;
    border-right: 1px solid #96dcff;
    color: #2EA7E0;
    text-align: center;
    font-size: 1.5rem;
    cursor: pointer;
    transition: .3s; }
    @media (min-width: 350px) {
      .tabbtn .tabbtn-list li {
        font-size: calc( 1.5rem + ( 1vw - 3.5px ) * 0.3614457831 ); } }
    @media (min-width: 1180px) {
      .tabbtn .tabbtn-list li {
        font-size: 1.8rem; } }
    .tabbtn .tabbtn-list li.city__btn:after {
      background: linear-gradient(160deg, #80CFD1 0%, #00A0A4 60%); }
    .tabbtn .tabbtn-list li.edu__btn:after {
      background: linear-gradient(160deg, #F5BFC8 0%, #EB7F91 60%); }
    .tabbtn .tabbtn-list li.shop__btn:after {
      background: linear-gradient(160deg, #F7C0A2 0%, #F08246 60%); }
    .tabbtn .tabbtn-list li.medi__btn:after {
      background: linear-gradient(160deg, #C8C5E1 0%, #918CBE 60%); }
    .tabbtn .tabbtn-list li:last-child {
      border: none; }
    .tabbtn .tabbtn-list li .arrow {
      display: block;
      width: 4px;
      height: 4px;
      margin: 5px auto 0;
      border-top: 1px solid #2EA7E0;
      border-right: 1px solid #2EA7E0;
      transform: rotate(135deg);
      transition: .3s; }
    .tabbtn .tabbtn-list li:before, .tabbtn .tabbtn-list li:after {
      display: block;
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%; }
    .tabbtn .tabbtn-list li:before {
      background: #fff;
      z-index: -1;
      transition: .3s; }
    .tabbtn .tabbtn-list li:after {
      z-index: -2; }
    .tabbtn .tabbtn-list li.active, .tabbtn .tabbtn-list li:hover {
      color: #fff; }
      .tabbtn .tabbtn-list li.active:before, .tabbtn .tabbtn-list li:hover:before {
        opacity: 0; }
      .tabbtn .tabbtn-list li.active .arrow, .tabbtn .tabbtn-list li:hover .arrow {
        border-color: #fff; }

.loca-contents {
  position: relative;
  padding: 11.42% 0% 0% 0%; }

.loca-contents__box:not(:first-child) {
  display: none; }
.loca-contents__box:before {
  display: block;
  content: '';
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 50vw; }
.loca-contents__box .loca-contents__ttl {
  text-align: center; }
  .loca-contents__box .loca-contents__ttl--en {
    font-size: 1.5rem; }
    @media (min-width: 350px) {
      .loca-contents__box .loca-contents__ttl--en {
        font-size: calc( 1.5rem + ( 1vw - 3.5px ) * 0.843373494 ); } }
    @media (min-width: 1180px) {
      .loca-contents__box .loca-contents__ttl--en {
        font-size: 2.2rem; } }
  .loca-contents__box .loca-contents__ttl--jp {
    margin-bottom: 20px;
    font-size: 2.6rem; }
    @media (min-width: 350px) {
      .loca-contents__box .loca-contents__ttl--jp {
        font-size: calc( 2.6rem + ( 1vw - 3.5px ) * 3.1325301205 ); } }
    @media (min-width: 1180px) {
      .loca-contents__box .loca-contents__ttl--jp {
        font-size: 5.2rem; } }
.loca-contents__box .loca-contents__subttl {
  margin-bottom: 10px;
  font-weight: normal;
  font-size: 1.6rem; }
  @media (min-width: 350px) {
    .loca-contents__box .loca-contents__subttl {
      font-size: calc( 1.6rem + ( 1vw - 3.5px ) * 0.9638554217 ); } }
  @media (min-width: 1180px) {
    .loca-contents__box .loca-contents__subttl {
      font-size: 2.4rem; } }
.loca-contents__box .loca-contents__parts {
  text-align: center; }
.loca-contents__box .loca-contents__parts-ttl {
  margin-bottom: 20px;
  font-weight: normal;
  font-size: 1.8rem; }
  @media (min-width: 350px) {
    .loca-contents__box .loca-contents__parts-ttl {
      font-size: calc( 1.8rem + ( 1vw - 3.5px ) * 0.7228915663 ); } }
  @media (min-width: 1180px) {
    .loca-contents__box .loca-contents__parts-ttl {
      font-size: 2.4rem; } }
.loca-contents__box .loca-contents__parts-txt {
  margin-bottom: 30px; }
.loca-contents__box .loca-contents__ms {
  padding: 0 6%; }

/*-----景観-----*/
.city:before {
  background: linear-gradient(150deg, #e6eede 0%, rgba(230, 238, 222, 0) 40%); }
.city .city__ttl, .city .city__parts-ttl {
  color: #00A0A4; }
.city .city__s-park-subimg {
  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
  justify-content: space-between; }
  .city .city__s-park-subimg figure {
    width: 48%; }
.city .city__park-mainimg {
  width: 100%; }
.city .city__park-subimg-wrap {
  width: 100%; }
  .city .city__park-subimg-wrap .city__park-subimg {
    margin-bottom: 0; }
  .city .city__park-subimg-wrap .city__park-subimg-txt {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 20px;
    text-align: left; }

/*-----学校-----*/
.edu:before {
  background: linear-gradient(150deg, #fdf2f4 0%, rgba(253, 242, 244, 0) 40%); }
.edu .edu__ttl, .edu .edu__parts-ttl {
  color: #EB7F91; }
.edu .edu__school-subimg-wrap .edu__school-subimg:first-child {
  width: 100%; }
.edu .edu__support-wrap .loca-contents__parts-txt {
  text-align: left; }

/*-----商業施設-----*/
.shopping:before {
  background: linear-gradient(150deg, #fdebe1 0%, rgba(253, 235, 225, 0) 40%); }
.shopping .shopping__ttl, .shopping .shopping__parts-ttl {
  color: #F08246; }
.shopping .shopping__mall-txt {
  margin-bottom: 30px;
  padding: 20px;
  background: #FDF2EC;
  text-align: left; }
  .shopping .shopping__mall-txt dt {
    color: #F08246;
    font-size: 2.2rem;
    font-family: "Times New Roman", Times, "EB Garamond", "sans-serif";
    line-height: 1.5; }
  .shopping .shopping__mall-txt dd {
    font-size: 1.2rem;
    letter-spacing: -0.05em; }
    .shopping .shopping__mall-txt dd:before {
      display: inline-block;
      content: '●'; }
  .shopping .shopping__mall-txt .shopping__mall-txt-day {
    font-size: 1.2rem;
    text-align: right; }
.shopping .shopping__shop-subimg-wrap {
  padding: 0 6%; }
  .shopping .shopping__shop-subimg-wrap .shopping__shop-img {
    margin-bottom: 30px; }
    .shopping .shopping__shop-subimg-wrap .shopping__shop-img .shopping__shop-name {
      margin-bottom: 10px;
      font-weight: normal;
      font-size: 1.3rem; }
      @media (min-width: 350px) {
        .shopping .shopping__shop-subimg-wrap .shopping__shop-img .shopping__shop-name {
          font-size: calc( 1.3rem + ( 1vw - 3.5px ) * 0.6024096386 ); } }
      @media (min-width: 1180px) {
        .shopping .shopping__shop-subimg-wrap .shopping__shop-img .shopping__shop-name {
          font-size: 1.8rem; } }
      .shopping .shopping__shop-subimg-wrap .shopping__shop-img .shopping__shop-name .l-txt {
        font-size: 1.6rem; }
        @media (min-width: 350px) {
          .shopping .shopping__shop-subimg-wrap .shopping__shop-img .shopping__shop-name .l-txt {
            font-size: calc( 1.6rem + ( 1vw - 3.5px ) * 0.9638554217 ); } }
        @media (min-width: 1180px) {
          .shopping .shopping__shop-subimg-wrap .shopping__shop-img .shopping__shop-name .l-txt {
            font-size: 2.4rem; } }
    .shopping .shopping__shop-subimg-wrap .shopping__shop-img .shopping__shop-copy {
      margin-bottom: 20px; }
    .shopping .shopping__shop-subimg-wrap .shopping__shop-img:last-child .shopping__shop-name .l-txt {
      display: inline-block;
      letter-spacing: -0.15em; }

/*-----医療-----*/
.medi:before {
  background: linear-gradient(150deg, #f4f3f8 0%, rgba(244, 243, 248, 0) 40%); }
.medi .medi__ttl, .medi .medi__parts-ttl {
  color: #918CBE; }
.medi .medi__hospital-subimg-wrap .medi__hospital-subimg {
  margin-bottom: 0; }
.medi .medi__hospital-subimg-wrap .medi__hospital-subimg-txt {
  margin-top: 5px;
  margin-bottom: 20px;
  text-align: left; }

/*-----ライフインフォメーション-----*/
.life-info {
  margin-bottom: 30px;
  background: #FFFFF0;
  padding: 11.42% 0% 5.71% 0%; }
  .life-info .life-info__ttl {
    margin-bottom: 20px; }
    .life-info .life-info__ttl-jp {
      font-size: 2rem;
      color: #8CB165; }
      @media (min-width: 350px) {
        .life-info .life-info__ttl-jp {
          font-size: calc( 2rem + ( 1vw - 3.5px ) * 1.2048192771 ); } }
      @media (min-width: 1180px) {
        .life-info .life-info__ttl-jp {
          font-size: 3rem; } }
  .life-info .life-info__main .life-info__main-ttl {
    margin-bottom: 20px;
    text-align: center;
    font-weight: normal;
    font-size: 1.5rem;
    color: #8CB165; }
    @media (min-width: 350px) {
      .life-info .life-info__main .life-info__main-ttl {
        font-size: calc( 1.5rem + ( 1vw - 3.5px ) * 0.843373494 ); } }
    @media (min-width: 1180px) {
      .life-info .life-info__main .life-info__main-ttl {
        font-size: 2.2rem; } }
  .life-info .life-info__main .life-info__list-wrap {
    margin-bottom: 30px; }
  .life-info .life-info__main .life-info__list-cate {
    display: none; }
  .life-info .life-info__main .life-info__list {
    letter-spacing: -0.05em;
    line-height: 1.4; }
    .life-info .life-info__main .life-info__list .life-info__list-ttl {
      display: flex;
      flex-flow: row wrap;
      align-content: flex-start;
      justify-content: space-between;
      align-items: center;
      position: relative;
      margin-bottom: 10px;
      padding: 5px 10px 5px 25px;
      border: 1px solid;
      font-weight: normal; }
      .life-info .life-info__main .life-info__list .life-info__list-ttl--en {
        width: auto;
        font-size: 1.5rem; }
        @media (min-width: 350px) {
          .life-info .life-info__main .life-info__list .life-info__list-ttl--en {
            font-size: calc( 1.5rem + ( 1vw - 3.5px ) * 0.843373494 ); } }
        @media (min-width: 1180px) {
          .life-info .life-info__main .life-info__list .life-info__list-ttl--en {
            font-size: 2.2rem; } }
      .life-info .life-info__main .life-info__list .life-info__list-ttl--jp {
        width: auto;
        font-size: 1.1rem; }
        @media (min-width: 350px) {
          .life-info .life-info__main .life-info__list .life-info__list-ttl--jp {
            font-size: calc( 1.1rem + ( 1vw - 3.5px ) * 0.4819277108 ); } }
        @media (min-width: 1180px) {
          .life-info .life-info__main .life-info__list .life-info__list-ttl--jp {
            font-size: 1.5rem; } }
      .life-info .life-info__main .life-info__list .life-info__list-ttl:before {
        display: block;
        content: '';
        position: absolute;
        width: 6px;
        height: 6px;
        border-top: 2px solid;
        border-right: 2px solid;
        top: 50%;
        transform: rotate(45deg) translate(0%, -50%);
        left: 5px;
        transition: .3s; }
      .life-info .life-info__main .life-info__list .life-info__list-ttl.active:before {
        top: 35%;
        transform: rotate(135deg) translate(0%, 0%);
        left: 8px; }
    .life-info .life-info__main .life-info__list .life-info__list-cont {
      display: none; }
      .life-info .life-info__main .life-info__list .life-info__list-cont li {
        display: flex;
        flex-flow: row wrap;
        align-content: flex-start;
        justify-content: space-between;
        /*@include align(start);*/
        align-items: center;
        margin-bottom: 10px;
        font-size: 1.3rem;
        overflow: hidden; }
        .life-info .life-info__main .life-info__list .life-info__list-cont li .life-info__name {
          width: auto;
          position: relative;
          z-index: 1; }
          .life-info .life-info__main .life-info__list .life-info__list-cont li .life-info__name-wrap {
            padding-right: 5px;
            background: #FFFFF0; }
          .life-info .life-info__main .life-info__list .life-info__list-cont li .life-info__name:after {
            display: block;
            content: '';
            position: absolute;
            z-index: -1;
            width: 80vw;
            left: 50%;
            bottom: 0.9rem;
            border-top: 2px dotted #707070; }
        .life-info .life-info__main .life-info__list .life-info__list-cont li .life-info__minute {
          width: auto;
          position: relative;
          z-index: 1;
          background: #FFFFF0;
          padding-left: 5px; }
          .life-info .life-info__main .life-info__list .life-info__list-cont li .life-info__minute > span {
            display: block;
            text-align: right; }
          .life-info .life-info__main .life-info__list .life-info__list-cont li .life-info__minute--no1:before {
            content: '1工区：'; }
          .life-info .life-info__main .life-info__list .life-info__list-cont li .life-info__minute--no2:before {
            content: '2工区：'; }
  .life-info .life-info__main .life-info__shop .life-info__list-ttl {
    color: #CA6855; }
  .life-info .life-info__main .life-info__edu .life-info__list-ttl {
    color: #B49C59; }
  .life-info .life-info__main .life-info__bank .life-info__list-ttl {
    color: #7799AC; }
  .life-info .life-info__main .life-info__medi .life-info__list-ttl {
    color: #A680A5; }
  .life-info .life-info__main .life-info__park .life-info__list-ttl {
    color: #8CB165; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) {
  .contents figure {
    margin-bottom: 30px; }

  .tabbtn .tabbtn-list {
    width: 90%;
    max-width: 1180px;
    margin: auto;
    border-left: 1px solid #96dcff;
    border-right: 1px solid #96dcff; }
    .tabbtn .tabbtn-list li {
      padding: 30px 0; }
      .tabbtn .tabbtn-list li .arrow {
        width: 8px;
        height: 8px; }

  .loca-contents {
    padding-top: 100px; }
    .loca-contents .loca-contents__ms {
      padding: 0; }

  /*-----景観-----*/
  .city .city__s-park-img {
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    justify-content: space-between; }
    .city .city__s-park-img .city__s-park-mainimg {
      width: 74%; }
    .city .city__s-park-img .city__s-park-subimg {
      display: block;
      width: 24%; }
      .city .city__s-park-img .city__s-park-subimg figure {
        width: 100%;
        margin-bottom: 8%; }
  .city .city__town-img {
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    justify-content: space-between; }
    .city .city__town-img .city__town-mainimg {
      width: 49%; }
  .city .city__park-img {
    align-items: flex-end; }
    .city .city__park-img .city__park-mainimg {
      width: 49%; }
    .city .city__park-img .city__park-subimg-wrap {
      width: 49%;
      margin-bottom: 30px; }
      .city .city__park-img .city__park-subimg-wrap .city__park-subimg {
        order: 2; }
    .city .city__park-img .city__park-subimg-txt {
      margin-bottom: 20px;
      width: 100%;
      order: 1;
      text-align: left; }
    .city .city__park-img .city__park-otherimg {
      width: 23.5%; }

  /*-----学校-----*/
  .edu .edu__school-img {
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    justify-content: space-between; }
    .edu .edu__school-img .edu__school-mainimg {
      width: 55.2%; }
    .edu .edu__school-img .edu__school-subimg-wrap {
      width: 42.8%; }
  .edu .edu__cram-img, .edu .edu__nursery-img {
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    justify-content: space-between; }
    .edu .edu__cram-img > figure, .edu .edu__nursery-img > figure {
      width: 32%; }
  .edu .edu__support-wrap {
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    justify-content: space-between; }
    .edu .edu__support-wrap > div {
      width: 46%; }

  /*-----商業施設-----*/
  .shopping .shopping__mall-img-wrap .shopping__mall-subimg-wrap {
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    justify-content: space-between; }
    .shopping .shopping__mall-img-wrap .shopping__mall-subimg-wrap .shopping__mall-subimg {
      width: 31%; }
  .shopping .shopping__shop-subimg-wrap {
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    justify-content: space-between; }
    .shopping .shopping__shop-subimg-wrap .shopping__shop-img {
      width: 46%; }

  /*-----医療-----*/
  .medi .medi__hospital-img {
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-end; }
    .medi .medi__hospital-img .medi__hospital-mainimg {
      width: 60%; }
    .medi .medi__hospital-img .medi__hospital-subimg-wrap {
      display: flex;
      flex-flow: row wrap;
      align-content: flex-start;
      justify-content: space-between;
      width: 38%;
      margin-bottom: 50px; }
      .medi .medi__hospital-img .medi__hospital-subimg-wrap .medi__hospital-subimg {
        order: 2; }
      .medi .medi__hospital-img .medi__hospital-subimg-wrap .medi__hospital-subimg-txt {
        order: 1;
        margin-bottom: 20px; }
    .medi .medi__hospital-img .medi__hospital-otherimg {
      width: 32%; }

  /*-----ライフインフォメーション-----*/
  .life-info {
    padding: 120px 0 60px; }
    .life-info .life-info__ttl {
      margin-bottom: 60px;
      text-align: center; }
      .life-info .life-info__ttl .life-info__ttl-jp {
        margin-bottom: 30px; }
    .life-info .life-info__map {
      margin-bottom: 60px; } }
/*------------------------------
		961px以上
------------------------------*/
@media screen and (min-width: 961px) {
  /*-----商業施設-----*/
  .shopping .shopping__mall-img-wrap {
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    justify-content: space-between; }
    .shopping .shopping__mall-img-wrap .shopping__mall-img {
      width: 70%; }
    .shopping .shopping__mall-img-wrap .shopping__mall-txt {
      width: 28%;
      box-sizing: border-box; }
      .shopping .shopping__mall-img-wrap .shopping__mall-txt.pc-tab {
        display: block; }

  /*-----ライフインフォメーション-----*/
  .life-info .life-info__main .life-info__main-ttl {
    margin-bottom: 40px; }
  .life-info .life-info__main .life-info__list-wrap {
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    justify-content: space-between; }
    .life-info .life-info__main .life-info__list-wrap .life-info__list-box {
      width: 46%; }
    .life-info .life-info__main .life-info__list-wrap .life-info__list-cate {
      display: flex;
      flex-flow: row wrap;
      align-content: flex-start;
      justify-content: space-between;
      justify-content: flex-end;
      margin-bottom: 20px; }
      .life-info .life-info__main .life-info__list-wrap .life-info__list-cate > p {
        width: 110px;
        margin-left: 15px; }
      .life-info .life-info__main .life-info__list-wrap .life-info__list-cate span {
        display: block;
        margin-bottom: 1px;
        color: #fff;
        text-align: center;
        font-size: 1.2rem; }
      .life-info .life-info__main .life-info__list-wrap .life-info__list-cate--no1 span {
        background: #36BAD0; }
      .life-info .life-info__main .life-info__list-wrap .life-info__list-cate--no2 span {
        background: #EA9056; }
    .life-info .life-info__main .life-info__list-wrap .life-info__list {
      margin-bottom: 40px; }
      .life-info .life-info__main .life-info__list-wrap .life-info__list .life-info__list-ttl {
        padding: 0;
        border: none;
        border-bottom: 1px solid; }
        .life-info .life-info__main .life-info__list-wrap .life-info__list .life-info__list-ttl:before {
          display: none; }
      .life-info .life-info__main .life-info__list-wrap .life-info__list .life-info__list-cont {
        display: block; }
        .life-info .life-info__main .life-info__list-wrap .life-info__list .life-info__list-cont li {
          align-items: flex-end; }
          .life-info .life-info__main .life-info__list-wrap .life-info__list .life-info__list-cont li .life-info__name:after {
            width: 35vw;
            /*max-width: 300px;*/ }
          .life-info .life-info__main .life-info__list-wrap .life-info__list .life-info__list-cont li .life-info__minute {
            display: flex;
            flex-flow: row wrap;
            align-content: flex-start;
            justify-content: space-between; }
            .life-info .life-info__main .life-info__list-wrap .life-info__list .life-info__list-cont li .life-info__minute > span {
              width: auto; }
            .life-info .life-info__main .life-info__list-wrap .life-info__list .life-info__list-cont li .life-info__minute--no1:before, .life-info .life-info__main .life-info__list-wrap .life-info__list .life-info__list-cont li .life-info__minute--no2:before {
              display: none; }
            .life-info .life-info__main .life-info__list-wrap .life-info__list .life-info__list-cont li .life-info__minute--no2 {
              margin-left: 5px; }
  .life-info .life-info__main .life-info__imglist li {
    width: 23.5%; } }
/*------------------------------
		1181px以上
------------------------------*/
@media screen and (min-width: 1181px) {
  /*-----ライフインフォメーション-----*/
  .life-info .life-info__main .life-info__list-wrap .life-info__list dd br:not(.sp), .life-info .life-info__main .life-info__list-wrap .life-info__list dd br:not(.pc-tab) {
    display: none; } }