/*! Writen  by SCSS */
.housing_tab_wrap {
  max-width: 1460px;
  width: calc(100% - 40px);
  margin: clamp(40px, 5%, 60px) auto;
  display: flex;
  font-weight: 500;
  font-size: clamp(13px, 1.2vw, 18px);
  line-height: 1; }
  @media screen and (max-width: 480px) {
    .housing_tab_wrap {
      font-size: 15px;
      flex-wrap: wrap; } }
  .housing_tab_wrap .item {
    width: calc(100% / 4); }
    @media screen and (max-width: 480px) {
      .housing_tab_wrap .item {
        width: 50%;
        height: 4em; } }
    .housing_tab_wrap .item a {
      text-align: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 100%;
      padding: 0.55em 0.2em;
      gap: 0.2em;
      transition: color 0.3s ease-in-out,background 0.3s ease-in-out,border 0.3s ease-in-out;
      border-top: 1px solid #ccc;
      border-right: 1px solid #ccc;
      border-bottom: 1px solid #ccc; }
      .housing_tab_wrap .item a .text_min {
        font-size: 0.9em; }
        @media screen and (max-width: 480px) {
          .housing_tab_wrap .item a .text_min {
            font-size: 0.8em;
            letter-spacing: -0.05em; } }
      @media (hover: hover) {
        .housing_tab_wrap .item a:hover {
          color: #fff;
          background: #333;
          border-top: 1px solid #333;
          border-right: 1px solid #333;
          border-bottom: 1px solid #333; } }
      .housing_tab_wrap .item a.cr {
        color: #fff;
        background: #333;
        border-top: 1px solid #333;
        border-right: 1px solid #333;
        border-bottom: 1px solid #333; }
    .housing_tab_wrap .item:first-child a {
      border-left: 1px solid #ccc; }
      @media (hover: hover) {
        .housing_tab_wrap .item:first-child a:hover {
          border-left: 1px solid #333; } }
      .housing_tab_wrap .item:first-child a.cr {
        border-left: 1px solid #333; }
    @media screen and (max-width: 480px) {
      .housing_tab_wrap .item:not(:nth-last-child(-n+2)) a {
        border-bottom: none; } }
    @media screen and (max-width: 480px) {
      .housing_tab_wrap .item:nth-child(odd) a {
        border-left: 1px solid #ccc; } }
  @media screen and (max-width: 480px) and (hover: hover) {
    .housing_tab_wrap .item:nth-child(odd) a:hover {
      border-left: 1px solid #333; } }
    @media screen and (max-width: 480px) {
        .housing_tab_wrap .item:nth-child(odd) a.cr {
          border-left: 1px solid #333; } }
    .housing_tab_wrap .item.item04 a, .housing_tab_wrap .item.item05 a {
      background: #e4ded6; }
      @media (hover: hover) {
        .housing_tab_wrap .item.item04 a:hover, .housing_tab_wrap .item.item05 a:hover {
          background: #333; } }
      .housing_tab_wrap .item.item04 a.cr, .housing_tab_wrap .item.item05 a.cr {
        background: #333; }

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