@charset "UTF-8";
/*! Writen  by SCSS */
.lifeinfo {
  /*エリアインフォサイドバー・カスタマイズ*/
  /*.minutesList::-webkit-scrollbar {
  	width: 2%;
  }
  .minutesList::-webkit-scrollbar-thumb {
  	background-color: #02243d;
  	border-radius: 0;
  }
  .minutesList::-webkit-scrollbar-track {
  	border-radius: 0;
  	background: #eee;
  }*/
  /*.tab-shop .minutesList .list h4 span:first-child  {
  	background: #ae797a;
  	}
  .tab-education .minutesList .list h4 span:first-child  {
  	background: #b7977b;
  	}
  .tab-park  .minutesList .list h4 span:first-child  {
  	background: #8ea589;
  	}
  .tab-public .minutesList .list h4 span:first-child  {
  	background: #748e8e;
  	}
  	.tab-medical .minutesList .list h4 span:first-child  {
  		background: #74738f;
  	}
  .tab-finance .minutesList .list h4 span:first-child  {
  	background: #7b6475;
  }*/ }
  .lifeinfo .tab {
    width: 100%;
    max-width: 1110px;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap; }
    .lifeinfo .tab li {
      height: 30px;
      width: calc(183% / 11.1);
      text-align: center;
      box-sizing: border-box;
      transition: 0.2s ease-in-out;
      color: #938059;
      cursor: pointer;
      font-size: 15px;
      letter-spacing: -0.03em;
      display: flex;
      align-items: center;
      justify-content: center;
      border: solid 1px #938059;
      /*&.tab-shop {
      	background: #ad7a7a;
      }
      &.tab-education {
      	background: #b7977b;
      }
      &.tab-park {
      	background: #8ea589;
      }
      &.tab-public {
      	background: #748e8e;
      }
      &.tab-medical {
      	background: #74738f;
      }
      &.tab-finance {
      	background: #7b6475;
      }*/ }
      .lifeinfo .tab li:hover, .lifeinfo .tab li.select {
        height: 56px;
        background: #938059;
        color: #fff; }
      @media screen and (max-width: 767px) {
        .lifeinfo .tab li {
          height: 45px; }
          .lifeinfo .tab li.select {
            height: 45px; } }
  .lifeinfo .tab li.vsp {
    display: none; }
  .lifeinfo .tab-others {
    border-right: 1px solid #DDDDDD; }
  .lifeinfo .tabContent {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden; }
    @media screen and (max-width: 480px) {
      .lifeinfo .tabContent {
        width: calc(100% + 40px);
        margin-inline: -20px; } }
    .lifeinfo .tabContent li {
      display: none;
      max-height: 600px;
      	/*
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
      	*/ }
  .lifeinfo .tabContent li:first-child {
    position: relative; }
  .lifeinfo .tabContent li.select {
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
  .lifeinfo .tabContent #guide-access {
    position: inherit; }
  .lifeinfo .hide {
    opacity: 0;
    z-index: -1; }
  .lifeinfo .axgmap {
    width: calc(740% / 11.1);
    height: 500px; }
  .lifeinfo .minutesList {
    width: calc(370% / 11.1);
    max-height: 500px;
    overflow-y: scroll;
    background: #fff; }
    @media screen and (max-width: 1080px) {
      .lifeinfo .minutesList {
        margin-top: 15px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; } }
    @media screen and (max-width: 767px) {
      .lifeinfo .minutesList {
        display: block; } }
  .lifeinfo .minutesList .list {
    font-size: 15px;
    letter-spacing: -0.03em;
    width: 90%;
    margin: 0 auto 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px #ccc;
    cursor: pointer; }
    @media screen and (max-width: 1080px) {
      .lifeinfo .minutesList .list {
        width: 48%; } }
    @media screen and (max-width: 767px) {
      .lifeinfo .minutesList .list {
        width: 100%; } }
  .lifeinfo .minutesList .list h4 {
    line-height: 26px;
    color: #000;
    display: flex;
    align-items: center; }
  .lifeinfo .minutesList .list h4 span {
    display: block; }
  .lifeinfo .minutesList .list h4 span:first-child {
    width: 24px;
    color: #fff;
    display: block;
    text-align: center;
    line-height: 24px;
    font-size: 12px;
    margin-right: 5px;
    border-radius: 50%;
    background: #938059; }
  .lifeinfo .minutesList .list h4 span:nth-child(2) {
    width: calc(100% - 29px);
    text-align: left; }
  .lifeinfo #main .minutesList .list p {
    text-align: left;
    line-height: 1.3;
    letter-spacing: 0;
    color: #000;
    padding-left: 29px; }
  .lifeinfo .minutes {
    text-align: left;
    line-height: 1.3;
    letter-spacing: 0;
    color: #000;
    padding-left: 29px; }
  @media screen and (max-width: 1200px) {
    .lifeinfo .minutesList .list {
      font-size: 11px; }
    .lifeinfo .minutesList .list h4 {
      line-height: 1.5; } }
  @media screen and (max-width: 1080px) {
    .lifeinfo .tab li {
      font-size: 12px; }
    .lifeinfo .axgmap {
      width: 100%;
      float: none; }
    .lifeinfo .minutesList {
      width: 100%;
      float: none; }
    .lifeinfo .minutes {
      min-width: 17%; }
    .lifeinfo .minutesList .list h4 {
      line-height: 20px; }
    .lifeinfo .minutesList .list h4 span:first-child {
      width: 20px;
      line-height: 20px; } }
  @media screen and (max-width: 880px) {
    .lifeinfo .tab li {
      font-size: 10px; } }
  @media screen and (max-width: 768px) {
    .lifeinfo .tab {
      position: relative; }
      .lifeinfo .tab::after {
        content: '';
        position: absolute;
        inset: 0;
        border-top: 1px solid #938059;
        border-left: 1px solid #938059;
        pointer-events: none; }
    .lifeinfo .tab li {
      transition: 0s ease-in-out;
      width: 50%;
      font-size: 16px;
      font-size: 14px;
      border: none;
      position: relative;
      /*&:nth-child(2n) {
      	border-right-width: 1px;
      }
      &:nth-child(2n - 1) {
      	border-left-width: 1px;
      }
      &:nth-child(-n+2) {
      	border-top-width: 1px;
      }
      &:nth-last-child(-n+2) {
      	border-bottom-width: 1px;
      }*/ }
      .lifeinfo .tab li::after {
        content: '';
        position: absolute;
        inset: 0;
        border-bottom: 1px solid #938059;
        border-right: 1px solid #938059;
        pointer-events: none; }
    .lifeinfo .notap {
      width: 50%;
      height: 50px;
      position: absolute;
      right: 0;
      bottom: 0;
      z-index: 2; }
    .lifeinfo .tab .tab-shopping {
      width: 50%; }
    .lifeinfo .tabContent li.select {
      display: block; }
    .lifeinfo .axgmap {
      width: 100%;
      float: none;
      height: 300px; }
    .lifeinfo .minutesList {
      width: 100%;
      float: none;
      margin-right: auto;
      margin-left: auto;
      height: 300px; } }
  @media screen and (max-width: 768px) and (max-width: 480px) {
    .lifeinfo .minutesList {
      width: calc(100% - 40px); } }

  @media screen and (max-width: 767px) {
    .lifeinfo .tab li.vsp {
      display: flex; }
    .lifeinfo .minutesList .list {
      margin: 0 auto 10px;
      font-size: 13px; } }