/* Scss Document */
li {
  list-style: none; }

.equip_catchcopy {
  margin-top: 20px;
  font-size: 2rem;
  text-align: center;
  font-weight: bold; }
  @media only screen and (max-width: 800px) {
    .equip_catchcopy {
      margin-top: 10px;
      letter-spacing: -0.05em; } }
.equip-head {
  width: fit-content;
  margin: 0 auto; }
  .equip-head img {
    display: block;
    margin: 0 auto; }

main {
  font-family: 'Noto Serif JP', serif; }

.linklist {
  width: 1080px;
  margin: 20px auto 0; }
  @media only screen and (max-width: 1080px) {
    .linklist {
      width: 100%; } }
  @media only screen and (max-width: 800px) {
    .linklist {
      margin: 10px auto 0; } }
  .linklist ul {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media only screen and (max-width: 800px) {
      .linklist ul {
        flex-wrap: wrap;
        justify-content: center; } }
    .linklist ul li {
      width: 210px;
      border: solid 1px #735b2b; }
      @media only screen and (max-width: 1080px) {
        .linklist ul li {
          width: calc(210 / 1080 * 100%); } }
      @media only screen and (max-width: 800px) {
        .linklist ul li {
          width: calc(48% - 5px);
          margin-right: 5px;
          margin-bottom: 5px; }
          .linklist ul li:nth-child(5) {
            margin-right: 0px; }
          .linklist ul li:nth-child(5) {
            margin-bottom: 0px; } }
      .linklist ul li.current a, .linklist ul li a:hover {
        text-decoration: none;
        background: #735b2b;
        color: #fff; }
      .linklist ul li a {
        font-size: 18px;
        letter-spacing: .15em;
        font-weight: 500;
        text-align: center;
        text-decoration: none;
        display: block;
        color: #735b2b;
        line-height: 1;
        padding: 15px 0; }
        @media only screen and (max-width: 800px) {
          .linklist ul li a {
            font-size: 16px; } }

section {
  width: 1080px;
  margin: 110px auto 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media only screen and (max-width: 1080px) {
    section {
      width: 90%; } }
  @media only screen and (max-width: 800px) {
    section {
      margin: 60px auto 0; } }
  section .title {
    width: 100%;
    margin: 0 auto 70px; }
    @media only screen and (max-width: 800px) {
      section .title {
        margin: 0 auto 40px; } }
    section .title img {
      display: block;
      margin: 0 auto; }
  section .picbox {
    width: 340px;
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    align-self: flex-start;
    flex-wrap: wrap;
    margin: 0 0 55px; }
    @media only screen and (max-width: 1080px) {
      section .picbox {
        width: calc(340 / 1080 * 100%); } }
    @media only screen and (max-width: 800px) {
      section .picbox {
        margin: 0 0 30px;
        width: 48%; } }
    section .picbox.none {
      margin: 0; }
    section .picbox.all {
      width: 100%; }
      section .picbox.all .picbox_img {
        margin: 0; }
    section .picbox.half {
      width: 525px; }
      @media only screen and (max-width: 1080px) {
        section .picbox.half {
          width: 48%; } }
      @media only screen and (max-width: 1080px) {
        section .picbox.half {
          width: 100%; } }
    section .picbox_tit {
      width: 100%;
      margin: 0;
      font-size: 18px;
      font-weight: bold;
      border-bottom: solid 1px #000;
      padding: 0 0 5px;
      line-height: 1.2; }
      @media only screen and (max-width: 800px) {
        section .picbox_tit {
          font-size: 16px;
          letter-spacing: -0.05em; } }
      section .picbox_tit.toppad {
        padding: 21px 0 5px; }
        @media only screen and (max-width: 800px) {
          section .picbox_tit.toppad {
            padding: 0px 0 5px; } }
        @media only screen and (max-width: 800px) {
          section .picbox_tit.toppad.kitchen1, section .picbox_tit.toppad.str9 {
            padding: 39px 0 5px; } }
      @media only screen and (max-width: 800px) {
        section .picbox_tit.sptopright {
          padding: 19px 0 5px; } }
    section .picbox_img {
      margin: 20px 0 0;
      width: 100%;
      position: relative; }
      section .picbox_img img.pc, section .picbox_img img.sp {
        margin: 0 auto; }
      @media only screen and (max-width: 800px) {
        section .picbox_img {
          margin: 10px 0 0; }
          section .picbox_img img {
            width: 100%; } }
      section .picbox_img .caption {
        position: absolute;
        right: 5px;
        bottom: 5px;
        line-height: 1;
        font-size: 12px;
        margin: 0; }
        @media only screen and (max-width: 800px) {
          section .picbox_img .caption {
            font-size: 10px; } }
        section .picbox_img .caption.white {
          color: #fff; }
    section .picbox_txt {
      letter-spacing: -0.05em;
      margin: 13px 0 0;
      font-size: 14px;
      line-height: 2;
      position: relative; }
      @media only screen and (max-width: 800px) {
        section .picbox_txt {
          margin: 8px 0 0;
          letter-spacing: 0;
          line-height: 1.6; } }
      section .picbox_txt.narrow {
        letter-spacing: -0.075em; }
        @media only screen and (max-width: 800px) {
          section .picbox_txt.narrow {
            letter-spacing: 0; } }
      section .picbox_txt .caption {
        display: block;
        line-height: 1.5;
        margin: 0;
        font-size: 12px; }
        @media only screen and (max-width: 800px) {
          section .picbox_txt .caption {
            font-size: 10px; } }
      section .picbox_txt .strong {
        display: block;
        font-size: 16px; }
        @media only screen and (max-width: 800px) {
          section .picbox_txt .strong {
            font-size: 15px; } }
  section .picgroup {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
    @media only screen and (max-width: 800px) {
      section .picgroup {
        flex-wrap: wrap; } }
    section .picgroup .row1 {
      width: calc(340 / 1080 * 100%); }
      section .picgroup .row1 .picbox {
        width: 100%; }
      @media only screen and (max-width: 800px) {
        section .picgroup .row1 {
          width: 100%; } }
    section .picgroup .row2 {
      width: calc(710 / 1080 * 100%);
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      @media only screen and (max-width: 800px) {
        section .picgroup .row2 {
          width: 100%; } }
      @media only screen and (max-width: 1080px) {
        section .picgroup .row2 .picbox {
          width: calc(340 / 710 * 100%); } }
      @media only screen and (max-width: 800px) {
        section .picgroup .row2 .picbox {
          width: 48%; } }
  @media only screen and (max-width: 800px) {
    section#kitchen .title, section#powder .title, section#bath .title, section#toilet .title, section#entrance .title, section#living .title, section#storage .title {
      height: 20px; }
      section#kitchen .title img, section#powder .title img, section#bath .title img, section#toilet .title img, section#entrance .title img, section#living .title img, section#storage .title img {
        height: 100%; } }
  section#eco .picbox_txt.flex {
    display: flex;
    align-items: flex-start;
    justify-content: space-between; }
    section#eco .picbox_txt.flex span {
      width: 330px;
      max-width: calc(330 / 525 * 100%); }
      @media only screen and (max-width: 1080px) {
        section#eco .picbox_txt.flex span {
          width: calc(330 / 525 * 100%); } }
    section#eco .picbox_txt.flex img {
      width: 184px;
      max-width: calc(184 / 525 * 100%); }
      @media only screen and (max-width: 1080px) {
        section#eco .picbox_txt.flex img {
          width: calc(184 / 525 * 100%); } }
  section#eco .picbox.all .picbox_img {
    margin: 20px 0 0; }
    @media only screen and (max-width: 800px) {
      section#eco .picbox.all .picbox_img {
        margin: 10px 0 0; } }
  @media only screen and (max-width: 800px) {
    section#comfort .picgroup .row2 .picbox.all {
      width: 100%; } }
  section#comfort .picbox.all .picbox_img {
    margin: 20px 0 0; }
    @media only screen and (max-width: 800px) {
      section#comfort .picbox.all .picbox_img {
        margin: 10px 0 0; } }
  section#life .title {
    background: #002d54;
    color: #fff;
    padding: 20px 0;
    line-height: 1;
    font-size: 24px;
    text-align: center; }
    @media only screen and (max-width: 800px) {
      section#life .title {
        font-size: 20px;
        padding: 15px 0; } }
  section#life .picbox .subflex {
    margin: 20px 0 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between; }
    @media only screen and (max-width: 800px) {
      section#life .picbox .subflex {
        margin: 0px 0 0;
        flex-wrap: wrap; } }
    section#life .picbox .subflex .picbox_img, section#life .picbox .subflex .picbox_txt {
      margin: 0; }
      @media only screen and (max-width: 800px) {
        section#life .picbox .subflex .picbox_img, section#life .picbox .subflex .picbox_txt {
          margin: 10px 0 0; } }
    section#life .picbox .subflex .picbox_img {
      width: 204px;
      max-width: calc(204 / 525 * 100%); }
      @media only screen and (max-width: 1080px) {
        section#life .picbox .subflex .picbox_img {
          width: calc(204 / 525 * 100%); } }
      @media only screen and (max-width: 800px) {
        section#life .picbox .subflex .picbox_img {
          width: 100%;
          max-width: none; } }
    section#life .picbox .subflex .picbox_txt {
      width: 300px;
      max-width: calc(300 / 525 * 100%); }
      @media only screen and (max-width: 1080px) {
        section#life .picbox .subflex .picbox_txt {
          width: calc(300 / 525 * 100%); } }
      @media only screen and (max-width: 800px) {
        section#life .picbox .subflex .picbox_txt {
          width: 100%;
          max-width: none; } }
  section#life .picbox.all .subflex .picbox_img {
    width: 525px;
    max-width: calc(525 / 1080 * 100%); }
    @media only screen and (max-width: 1080px) {
      section#life .picbox.all .subflex .picbox_img {
        width: calc(525 / 1080 * 100%); } }
    @media only screen and (max-width: 800px) {
      section#life .picbox.all .subflex .picbox_img {
        width: 100%;
        max-width: none; } }
  section#life .picbox.all .subflex .picbox_txt {
    width: 525px;
    max-width: calc(525 / 1080 * 100%); }
    @media only screen and (max-width: 1080px) {
      section#life .picbox.all .subflex .picbox_txt {
        width: calc(525 / 1080 * 100%); } }
    @media only screen and (max-width: 800px) {
      section#life .picbox.all .subflex .picbox_txt {
        width: 100%;
        max-width: none; } }
  section#security .picbox .subflex {
    width: 100%;
    margin: 20px 0 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between; }
    @media only screen and (max-width: 800px) {
      section#security .picbox .subflex {
        flex-wrap: wrap;
        margin: 0px 0 0; } }
    section#security .picbox .subflex .picbox_img, section#security .picbox .subflex .picbox_txt {
      margin: 0; }
      @media only screen and (max-width: 800px) {
        section#security .picbox .subflex .picbox_img, section#security .picbox .subflex .picbox_txt {
          margin: 10px 0 0; } }
    section#security .picbox .subflex .picbox_img {
      width: 245px;
      max-width: calc(245 / 525 * 100%); }
      @media only screen and (max-width: 1080px) {
        section#security .picbox .subflex .picbox_img {
          width: calc(245 / 525 * 100%); } }
      @media only screen and (max-width: 800px) {
        section#security .picbox .subflex .picbox_img {
          width: 100%;
          max-width: none; } }
    section#security .picbox .subflex .picbox_txt {
      width: 301px;
      max-width: calc(301 / 525 * 100%); }
      @media only screen and (max-width: 1080px) {
        section#security .picbox .subflex .picbox_txt {
          width: calc(301 / 525 * 100%); } }
      @media only screen and (max-width: 800px) {
        section#security .picbox .subflex .picbox_txt {
          width: 100%;
          max-width: none; } }
  section#security .picbox.all .subflex .picbox_img {
    width: 768px;
    max-width: calc(768 / 1080 * 100%); }
    @media only screen and (max-width: 1080px) {
      section#security .picbox.all .subflex .picbox_img {
        width: calc(768 / 1080 * 100%); } }
    @media only screen and (max-width: 800px) {
      section#security .picbox.all .subflex .picbox_img {
        width: 100%;
        max-width: none; } }
  section#security .picbox.all .subflex .picbox_txt {
    width: 300px;
    max-width: calc(300 / 1080 * 100%); }
    @media only screen and (max-width: 1080px) {
      section#security .picbox.all .subflex .picbox_txt {
        width: calc(300 / 1080 * 100%); } }
    @media only screen and (max-width: 800px) {
      section#security .picbox.all .subflex .picbox_txt {
        width: 100%;
        max-width: none; } }
  section#security .picgroup .picgroup_left.half, section#security .picgroup .picgroup_right.half {
    width: 525px;
    max-width: calc(525 / 1080 * 100%); }
    @media only screen and (max-width: 1080px) {
      section#security .picgroup .picgroup_left.half, section#security .picgroup .picgroup_right.half {
        width: calc(525 / 1080 * 100%); } }
    @media only screen and (max-width: 800px) {
      section#security .picgroup .picgroup_left.half, section#security .picgroup .picgroup_right.half {
        width: 100%;
        max-width: none; } }
    section#security .picgroup .picgroup_left.half .picbox, section#security .picgroup .picgroup_right.half .picbox {
      width: 100%; }
  section#security .picgroup + .picbox.all .picbox_img {
    margin: 20px 0 0; }
    @media only screen and (max-width: 800px) {
      section#security .picgroup + .picbox.all .picbox_img {
        margin: 15px 0 0; } }
  section#str .picbox .subflex {
    width: 100%;
    margin: 20px 0 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between; }
    @media only screen and (max-width: 800px) {
      section#str .picbox .subflex {
        flex-wrap: wrap;
        margin: 0px 0 0; } }
    section#str .picbox .subflex .picbox_img, section#str .picbox .subflex .picbox_txt {
      margin: 0; }
      @media only screen and (max-width: 800px) {
        section#str .picbox .subflex .picbox_img, section#str .picbox .subflex .picbox_txt {
          margin: 10px 0 0; } }
    section#str .picbox .subflex .picbox_img {
      width: 245px;
      max-width: calc(245 / 525 * 100%); }
      @media only screen and (max-width: 1080px) {
        section#str .picbox .subflex .picbox_img {
          width: calc(245 / 525 * 100%); } }
      @media only screen and (max-width: 800px) {
        section#str .picbox .subflex .picbox_img {
          width: 100%;
          max-width: none; } }
    section#str .picbox .subflex .picbox_txt {
      width: 300px;
      max-width: calc(300 / 525 * 100%); }
      @media only screen and (max-width: 1080px) {
        section#str .picbox .subflex .picbox_txt {
          width: calc(300 / 525 * 100%); } }
      @media only screen and (max-width: 800px) {
        section#str .picbox .subflex .picbox_txt {
          width: 100%;
          max-width: none; } }
  section#str .picbox.all .subflex .picbox_img {
    width: 768px;
    max-width: calc(768 / 1080 * 100%); }
    @media only screen and (max-width: 1080px) {
      section#str .picbox.all .subflex .picbox_img {
        width: calc(768 / 1080 * 100%); } }
    @media only screen and (max-width: 800px) {
      section#str .picbox.all .subflex .picbox_img {
        width: 100%;
        max-width: none; } }
  section#str .picbox.all .subflex .picbox_txt {
    width: 300px;
    max-width: calc(300 / 1080 * 100%); }
    @media only screen and (max-width: 1080px) {
      section#str .picbox.all .subflex .picbox_txt {
        width: calc(300 / 1080 * 100%); } }
    @media only screen and (max-width: 800px) {
      section#str .picbox.all .subflex .picbox_txt {
        width: 100%;
        max-width: none; } }