/*! Writen  by SCSS */
div.header .logo .wh {
  display: none; }
div.header .logo .bk {
  display: block; }

.h_navi li.nav_icon a svg {
  fill: #2c5a68; }
  body.scrolled .h_navi li.nav_icon a svg {
    fill: #fff; }
.h_navi li a {
  color: #333; }
  .h_navi li a .icon .wh {
    display: none; }
  .h_navi li a .icon .bk {
    display: block; }
  .h_navi li a .txt {
    display: block;
    position: relative; }

ul.gnavi li a {
  color: #000;
  text-shadow: 0px 0px 0px white, 0px 0px 1px white, 0px 0px 2px white, 0px 0px 3px white, 0px 0px 4px white;
  transition: all 0.4s ease-in-out 0s; }
  body.scrolled ul.gnavi li a {
    color: #fff;
    text-shadow: none; }
  @media screen and (max-width: 768px) {
    ul.gnavi li a {
      text-shadow: none;
      color: #000; }
      body.scrolled ul.gnavi li a {
        color: #000; } }

.bg_wrap {
  padding: 150px 0 80px;
  background: url("../images/modelroom_design/bg.webp") center center/cover; }
  @media screen and (max-width: 768px) {
    .bg_wrap {
      padding: 80px 0 40px; } }
  .bg_wrap .inn {
    max-width: 1340px;
    width: calc(100% - 30px);
    margin-inline: auto; }
  .bg_wrap .sd {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4); }

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