@charset "utf-8";

/* CMS detail modules that use Grid. Keep these rules outside the editor CSS. */
.masa-case-gallery-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.masa-case-point-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.masa-case-related-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.masa-case-before-after {
  align-items: stretch;
  border: 1px solid rgb(221, 216, 205);
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.84fr) minmax(0, 1fr);
}

.masa-case-before-after figure {
  margin: 0;
  min-height: 100%;
  position: relative;
}

.masa-case-before-after figure img {
  display: block;
  filter: grayscale(0.72);
  height: 100%;
  margin: 0;
  min-height: 280px;
  object-fit: cover;
  width: 100%;
}

.masa-case-before-after .masa-case-after img {
  filter: none;
}

.masa-case-before-after figcaption {
  background: rgba(45, 58, 45, 0.88);
  bottom: 0;
  color: #fffdf8;
  font-family: "Noto Serif JP", "Yu Mincho", serif;
  font-size: 12px;
  left: 0;
  letter-spacing: 0.16em;
  margin: 0;
  padding: 9px 13px;
  position: absolute;
}

.masa-case-before-after .masa-case-after figcaption {
  background: rgb(182, 131, 57);
}

.masa-case-before-after .masa-case-renovation-copy {
  background: rgb(245, 242, 234);
  border: 0;
  color: rgb(62, 57, 48);
  padding: 28px 25px 22px;
}

.masa-case-before-after .masa-case-renovation-copy h3 {
  color: rgb(64, 74, 58);
  font-family: "Noto Serif JP", "Yu Mincho", serif;
  font-size: 15px;
  letter-spacing: 0.08em;
  margin: 0 0 8px;
}

.masa-case-before-after .masa-case-renovation-copy h3:not(:first-child) {
  border-top: 1px solid rgb(213, 205, 191);
  margin-top: 20px;
  padding-top: 19px;
}

.masa-case-before-after .masa-case-renovation-copy p,
.masa-case-before-after .masa-case-renovation-copy li {
  font-size: 13px;
  line-height: 1.75;
}

.masa-case-before-after .masa-case-renovation-copy p {
  margin-bottom: 0;
}

.masa-case-before-after .masa-case-renovation-copy ul {
  margin: 0;
  padding-left: 1.2em;
}

@media (max-width: 720px) {
  .masa-case-gallery-grid,
  .masa-case-related-grid {
    grid-template-columns: 1fr;
  }

  .masa-case-point-grid {
    grid-template-columns: 1fr;
  }

  .masa-case-before-after {
    grid-template-columns: 1fr;
  }

  .masa-case-before-after figure img {
    min-height: 220px;
  }

  .masa-case-before-after .masa-case-renovation-copy {
    padding: 26px 22px 22px;
  }
}

*{box-sizing:border-box}

.masa-case-detail-page{background-image:none;background-position:0% 0%;background-size:auto;background-repeat:repeat;background-origin:padding-box;background-clip:border-box;background-attachment:scroll;background-color:rgb(251,250,247);background:rgb(251,250,247);color:var(--masa-ink, #3b3a36);font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",sans-serif}

body .top-header{background-color:rgb(41,58,44);position:relative;z-index:10}

.masa-case-detail-breadcrumb{align-items:center;color:rgb(130,124,114);display:flex;flex-wrap:wrap;font-size:12px;gap:9px;letter-spacing:0.06em;margin-top:0px;margin-right:0px;margin-bottom:52px;margin-left:0px;margin:0px 0px 52px}

.masa-case-detail-breadcrumb a{color:inherit;text-decoration:none}

.masa-case-detail-hero img{display:block;height:auto;max-height:680px;object-fit:cover;width:100%}

.masa-case-detail-content h2{border-left:3px solid rgb(185,139,78);border-left-width:3px;border-left-style:solid;border-left-color:rgb(185,139,78);font-size:25px;padding-left:16px}

.masa-case-detail-content a{color:rgb(116,98,63);text-decoration-color:rgb(185,154,104);text-underline-offset:4px}

.masa-case-detail-content .masa-case-section{border-top:1px solid rgb(226,222,213);border-top-width:1px;border-top-style:solid;border-top-color:rgb(226,222,213);margin-top:72px;margin-right:0px;margin-bottom:0px;margin-left:0px;margin:72px 0px 0px;padding-top:48px;padding-right:0px;padding-bottom:0px;padding-left:0px;padding:48px 0px 0px}

.masa-case-detail-content .masa-case-section:first-child{border-top:0px transparent;border-top-width:0px;border-top-style:none;border-top-color:transparent;margin-top:0px;padding-top:0px}

.masa-case-detail-content .masa-case-section-title{border-left:0px transparent;border-left-width:0px;border-left-style:none;border-left-color:transparent;color:rgb(64,74,58);font-size:28px;margin-top:0px;margin-right:0px;margin-bottom:28px;margin-left:0px;margin:0px 0px 28px;padding-left:0px}

.masa-case-point-grid article{background-image:none;background-position:0% 0%;background-size:auto;background-repeat:repeat;background-origin:padding-box;background-clip:border-box;background-attachment:scroll;background-color:rgb(245,242,234);background:rgb(245,242,234);min-height:216px;padding-top:26px;padding-right:24px;padding-bottom:24px;padding-left:24px;padding:26px 24px 24px}

.masa-case-point-grid span{color:rgb(184,139,76);display:block;font-family:"Noto Serif JP","Yu Mincho",serif;font-size:26px;font-style:italic;line-height:1;margin-bottom:20px}

.masa-case-gallery-grid figure{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;margin:0px;overflow:hidden}

.masa-case-gallery-grid .masa-case-gallery-large{grid-row:span 2}

.masa-case-gallery-grid img{aspect-ratio:16/10;display:block;height:100%;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;margin:0px;object-fit:cover;width:100%}

.masa-case-before-after div{border-width:1px;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-style:solid;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-color:rgb(221,216,205);border-top-color:rgb(221,216,205);border-right-color:rgb(221,216,205);border-bottom-color:rgb(221,216,205);border-left-color:rgb(221,216,205);border-top:1px solid rgb(221,216,205);border-right:1px solid rgb(221,216,205);border-bottom:1px solid rgb(221,216,205);border-left:1px solid rgb(221,216,205);border-image:none;padding-top:25px;padding-right:25px;padding-bottom:25px;padding-left:25px;padding:25px}

.masa-case-before-after div:last-child{background-image:none;background-position:0% 0%;background-size:auto;background-repeat:repeat;background-origin:padding-box;background-clip:border-box;background-attachment:scroll;background-color:rgb(64,74,58);background:rgb(64,74,58);border-color:rgb(64,74,58);border-top-color:rgb(64,74,58);border-right-color:rgb(64,74,58);border-bottom-color:rgb(64,74,58);border-left-color:rgb(64,74,58);color:rgb(255,253,248)}

.masa-case-related-grid a{border-width:1px;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-style:solid;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-color:rgb(228,223,214);border-top-color:rgb(228,223,214);border-right-color:rgb(228,223,214);border-bottom-color:rgb(228,223,214);border-left-color:rgb(228,223,214);border-top:1px solid rgb(228,223,214);border-right:1px solid rgb(228,223,214);border-bottom:1px solid rgb(228,223,214);border-left:1px solid rgb(228,223,214);border-image:none;color:rgb(62,57,48);display:block;padding-bottom:20px;text-decoration:none}

.masa-case-related-grid img{aspect-ratio:16/8;display:block;margin-top:0px;margin-right:0px;margin-bottom:16px;margin-left:0px;margin:0px 0px 16px;object-fit:cover;width:100%}

@media (max-width:720px){.masa-case-detail-shell{padding-top:28px;padding-right:20px;padding-bottom:68px;padding-left:20px;padding:28px 20px 68px}.masa-case-detail-breadcrumb{font-size:11px;margin-bottom:34px}.masa-case-detail-content h2{font-size:21px;margin-top:48px}.masa-case-detail-content .masa-case-section{margin-top:54px;padding-top:36px}.masa-case-detail-content .masa-case-section-title{font-size:23px;margin-bottom:22px}.masa-case-point-grid article{min-height:0px}.masa-case-detail-contact h2 br,.masa-case-detail-contact p br{display:none}}

.masa-case-detail-cms .masa-case-detail-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px}

@media (max-width:720px){.masa-case-detail-cms .masa-case-detail-title{font-size:26px}.masa-case-detail-cms .masa-case-detail-content h2{font-size:24px}}

@media (max-width:720px){
  body .masa-case-detail-cms .webgene-item.masa-case-detail-article>.masa-case-detail-title{font-size:26px}
  body .masa-case-detail-cms .webgene-item.masa-case-detail-article>.masa-case-detail-content{margin-top:16px}
  body .masa-case-detail-cms .webgene-item.masa-case-detail-article>.masa-case-detail-content>h2{font-size:24px;margin:32px 0 12px}
  body .masa-case-detail-cms .webgene-item.masa-case-detail-article>.masa-case-detail-content>h3{margin:32px 0 12px}
  body .masa-case-detail-cms .webgene-item.masa-case-detail-article>.masa-case-detail-content>p,
  body .masa-case-detail-cms .webgene-item.masa-case-detail-article>.masa-case-detail-content>ul,
  body .masa-case-detail-cms .webgene-item.masa-case-detail-article>.masa-case-detail-content>ol{margin:0 0 13px}
  body .masa-case-detail-cms .webgene-item.masa-case-detail-article>.masa-case-detail-content>img{margin:19px auto}
  body .masa-case-detail-cms .webgene-item.masa-case-detail-article>.masa-case-detail-content>:first-child{margin-top:0}
}

*{box-sizing:border-box}

*{box-sizing:border-box}