@charset "utf-8";
/* CSS Document */


/* ========================================
index
========================================*/

.page-index {}

#index {}

.index-intro {
    text-align: center;
    margin: 0px auto;
    padding: 0 0 60px 0;
    max-width: 95%;
}

.index-intro p strong {
    color: #ca9010;
}

h1.index-title {
    /* font-size: 34px; */
    /* font-size: 3.4rem; */
    margin: 0 0 30px 0;
}

span.index-title-s {
    font-size: 20px;
    font-size: 2.0rem;
    display: block;
    margin: 1em 0 2em 0;
    color: #d29b1d;
    font-weight: bold;
}

span.index-title-l {
    display: block;
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 170%;
}

span.index-title-l strong {
    color: #d29f2b;
}

.index-intro p {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 170%;
    width: 80%;
    margin: 0 auto;
    /* text-align: left; */
}

.index-intro p + p {
    margin: 1em auto 0 auto;
}

a.btn-type-a {
    display: inline-block;
    font-size: 2.2rem;
    background: #d29f2b;
    padding: .5em 2em;
    margin: 3rem 0 0rem 0;
    color: #ffffff;
    min-width: 33%;
}

.sp-none {
    display: inline!important;
   }

a.btn-type-a .sp-none {
  display: none !important;
}

/* ホームステージングについて */
section.sec-homestaging {}

.sec-inner {
    width: 960px;
    margin: 0 auto;
    padding: 30px 0;
}

h2.sec-title {
    font-size: 24px;
    font-size: 2.4rem;
    text-align: center;
    margin-bottom: 40px;
    border-top: 1px solid #000000;
    padding: 40px 0 0 0;
}

h2.sec-title span {
    display: block;
    font-size: 1.4rem;
    letter-spacing: 5px;
    /* text-transform: uppercase; */
    color: #d29f2b;
    margin: 10px 0 0 0;
    font-family: "Lora", "Times New Roman";
}

.index-homestaging-wrap {
    font-size: 16px;
    font-size: 1.6rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 30px 0;
    line-height: 170%;
    align-items: center;
}

.homestaging-txt {
    width: 550px;
}

.homestaging-txt p {
    margin: 0 0 1em 0;
}
.homestaging-img {
    width: 370px;
    background: #aaaaaa;
}

.homestaging-img figure {
    margin: 0;
}

section.sec-homestaging {}

.sec-inner p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 170%;
}

ul.merit-list {
    /* font-size: 20px; */
    /* font-size: 2.0rem; */
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    counter-reset: cnt;
    /* height: 130px; */
    margin: 0 0 50px 0;
    align-items: flex-start;
}

ul.merit-list li {
    counter-increment: cnt;
    width: 30%;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0 0 30px 0;
}

ul.merit-list li:before {content: counter(cnt);font-family: "Lora", "Times New Roman";display: block;font-size: 60px;color: #d29f2b;margin: 0 0 0 0;line-height: 100%;position: relative;z-index: 3;background: #ffffff;padding: 0 5px 0 5px;}

ul.merit-list li span {
    border: 1px solid #000000;
    padding: 30px 20px 30px 20px;
    background: rgba(255,255,255,0.6);
    display: block;
    min-height: 150px;
    margin-top: -14px;
}

ul.index-service-list {
    font-size: 18px;
    font-size: 1.8rem;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

ul.index-service-list li {
    width: 33%;
    /* background: #cccccc; */
    background: url(../img/homestaging_01.jpg) no-repeat;
    background-size: cover;
}

ul.index-service-list li:nth-child(2) {
    background: url(../img/homestaging_02.jpg) no-repeat;
  background-size: cover;
}
ul.index-service-list li:nth-child(3) {
    background: url(../img/homestaging_03.jpg) no-repeat;
  background-size: cover;
}


ul.index-service-list li a {
    padding: 90px 0;
    display: block;
    background: rgba(255, 255, 255, 0.4);
    color: #000000;
}

ul.index-service-list li h3 {
    font-size: 18px;
    font-size: 1.8rem;




    background: #ffffff;
    width: 60%;
    margin: 0 auto;
    border: 1px solid #ffffff;
    padding: 2rem 0;
}

ul.index-service-list li span {
    font-family: "Lora", "Times New Roman";
    letter-spacing: 6px;
    display: block;
    font-size: 13px;
    font-size: 1.3rem;
    margin: 10px 0 0 0;
  color: #d29f2b;
}

.sec-index-desc p {
    color: #333333;
}

.sec-index-desc p + p {
    margin-top: 1em;
}

.sec-index-desc {
    border: 1px solid #373737;
    margin: 70px auto;
}

section p a {
    color: #d29f2b;
}


/* サブページ */
ul.page-inner-list {
    width: 100%;
    margin: 0;
    font-size: 14px;
    font-size: 1.4rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

ul.page-inner-list li {
    width: 49%;
    margin: 0 auto 5px 0;
}


ul.page-inner-list li a {
    background: #333333;
    padding: .5em 0;
    display: block;
    text-align: center;
    color: #ffffff;
}

.page-inner-list-wrap {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    max-width: 960px;
}

.page-inner-list-half {
    width: 48%;
}

p.page-inner-list-title {
    font-size: 18px;
    font-size: 1.8rem;
    text-align: center;
    margin: 0 0 .5em 0;
}

.subpage-visual {
    margin-top: 120px;
    height: 300px;
    overflow: hidden;
    display: flex;
    /* flex-wrap: wrap; */
    justify-content: center;
    align-items: center;
}

h1.subpage-title {
    width: 100%;
    text-align: center;
    font-size: 2.8rem;
    margin: 1em 0 3em 0;
    line-height: 150%;
}

h1.subpage-title span {
    display: block;
}

h1.subpage-title span.subpage-title-en {
    display: block;
    font-size: 1.6rem;
    letter-spacing: 6px;
    color: #d29f2b;
    font-family: "Lora", "Times New Roman";
}

h1.subpage-title:after {
    display: block;
    width: 80px;
    border-top: 1px solid #d29f2b;
    content: "";
    margin: 20px auto 0 auto;
}

section.sub-contents {
    width: 960px;
    margin: 0 auto;
}

section.sub-contents p {
    font-size: 1.6rem;
    color: #333333;
    line-height: 150%;
}

h2.sub-contents-title {
    margin: 1em 0;
    width: 100%;
    line-height: 150%;
    font-size: 24px;
    font-size: 2.4rem;
    text-align: center;
    margin-bottom: 40px;
    border-top: 1px solid #000000;
    padding: 40px 0 0 0;
}

span.sub-contents-title-en {
    display: block;
    font-size: 1.4rem;
    font-family: "Lora", "Times New Roman";
    letter-spacing: 2px;
    color: #d29f2b;
}

section.sub-contents p + p {
    margin-top: 1em;
}

ul.hs-point-list {
    list-style: none;
    margin: 20px auto 20px auto;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    width: 70%;
}

ul.hs-point-list li {
    background: #ffffff;
    padding: 20px 20px;
    margin: 6px 0;
    width: 32%;
    border: 1px solid #d29f2b;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

ul.hs-point-list li p {
    color: #333;
    font-weight: bold;
    text-align: center;
    font-size: 1.8rem;
    order: 2;
    width: 100%;
    margin-top: 1em;
}

.hs-point-list-img {
    order: 1;
    width: 75%;
    margin: 0 auto;
}

.hs-point-list-img img {
    display: block;
    width: 100%;
}

section.sub-contents ~ section.sub-contents {
    margin-top: 120px;
}

.staff-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 0 30px 0;
}

dl.staff-prof {
    width: 21%;
    margin: 0 2% 30px 2%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

dl.staff-prof dt {
    order: 2;
    width: 100%;
    font-size: 1.7rem;
    text-align: center;
    margin: 10px 0 5px 0;
}

dl.staff-prof dd {}

dl.staff-prof dd.staff-prof-licence {
    order: 3;
    width: 100%;
}

dl.staff-prof dd.staff-prof-img {order: 1;border: 1px solid #cccccc;padding: 2px;}

dd.staff-prof-img img {
    display: block;
    width: 100%;
    height: auto;
}

ul.staff-prof-licence-list {
    margin: 0;
    padding: 0 0 0 0;
    text-align: center;
    color: #d29f2b;
}

ul.staff-prof-licence-list li {
    font-size: 1.4rem;
    margin: 0 0 0 0;
}

section.sub-contents p.staff-shop {
    text-align: center;
    font-size: 13px;
    font-size: 1.3rem;
    margin: 5px 0 0 0;
    color: #777777;
}

/*Service*/
.service-all-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
	gap:5px;
}

dl.service-item {
margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 32%;
    border: 2px solid #000000;
}

dl.service-item dt {
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    text-align: center;
    width: 100%;
    background: #000000;
    padding: .5em 0;
    font-weight: bold;
    color: #ffffff;
}

dd.service-item-img {
    width: 100%;
}

dd.service-item-img img {
    display: block;
    width: 100%;
    height: auto;
}

dd.service-item-txt {
    padding: 5px;
    width: 100%;
}

table.tbl-service {
    font-size: 14px;
    font-size: 1.4rem;
    border-collapse: collapse;
    width: 100%;
}

table.tbl-service th, table.tbl-service td {
    padding: 5px 0px 5px 0px;
    /* border-bottom: 5px solid #ffffff; */
    }

table.tbl-service th {
    /* width: 7em; */
    /* border-right: 1px solid #000000; */
    padding-right: 5px;
    text-align: center;
    background: #e8e8e8;
    color: #000000;
    letter-spacing: 1px;
}

table.tbl-service td {
    padding-left: 5px;
    padding-bottom: 15px;
    color: #333333;
}
section.sub-contents p.tbl-service-rental {
    font-weight: bold;
    color: #b17e0a;
    text-align: center;
    margin: 1em 0 .8em 0;
    border-top: 1px solid #000000;
    padding: .5em 0 0 0;
}
table.tbl-service:nth-child(1) {
    height: 300px;
    /*display: flex;
    flex-wrap: wrap;
    align-items: flex-start; */
}

h3.service-plan-title {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 10px 20px 10px 20px;
    margin: 0 0 0 0;
    background: #000000;
    color: #ffffff;
    font-weight: bold;
    /* border-bottom: 1px solid #4a4a4a; */
}

.service-plan-wrap {
    /* display: flex; */
    /* flex-wrap: wrap; */
    /* justify-content: flex-start; */
    /* align-items: center; */
    margin: 10px 0 0 0;
    width: 43%;
}

ul.service-plan-list {
    width: 100%;
    /* background: #aaaaaa; */
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    margin: 30px 0 0 0;
}

ul.service-plan-list li {
    width: 32%;
    background: #ffffff;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 15px 3%;
    margin: 0;
    border: 1px solid #d29f2b;
    align-items: center;
}

ul.service-plan-list li p {display: block;margin: 0px 0 0em 0;/* color: #000000; */font-size: 14px;font-size: 1.4rem;text-align: center;font-weight: bold;}

ul.service-plan-list li p span {
    display: block;
    font-weight: normal;
    color: #333333;
    font-size: 12px;
    font-size: 1.2rem;
}

ul.service-plan-list li div {
    height: 46px;
    width: 100%;
    margin: 10px 0 0 0;
}

ul.service-plan-list li div img {
    display: block;
    width: auto;
    height: 100%;
    margin: 0 auto;
}

.service-plan-txt {
    border-top: 1px dotted #cccccc;
    margin: 15px 10px 0 0;
    padding: 10px 10px 10px 10px;
}

.service-plan-txt p {
    text-align: center;
    font-weight: bold;
    /* font-size: 18px !important; */
    /* font-size: 1.8rem !important; */
}


li.service-photo {
    background: #ffffff !important;
    border-color: #3e63a6 !important;
}
li.service-photo p {

color: #3e63a6;
}

li.service-coordinate {
    background: #ffffff !important;
    border-color: #6aa63e !important;
}
li.service-coordinate p {color: #59962b !important;}

li.service-rental {
    background: #ffffff !important;
    border-color: #9e7e5e !important;
}

li.service-rental p {color: #8a6540;}

.service-price-area {
    width: 25%;
    /* background: #aaaaaa; */
}

.service-plan-item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0px 0 50px 0;
    border: 2px solid #000000;
    padding: 5px;
}

span.price-txt-s {
    font-size: 14px;
    font-size: 1.4rem;
}

.service-plan-img {
    width: 55%;
}

ul.service-plan-list li + li {
    margin: 0 0 0 1%;
}

.service-price-area p {
    font-size: 24px !important;
    font-size: 2.4rem !important;
    font-weight: bold;
    text-align: right;
}
td.price-txt {
    font-size: 18px;
    font-size: 1.8rem;
    text-align: center;
}
span.tbl-service-tax {
    font-size: 80%;
}

p.point-plan-title {
    font-size: 36px;
    font-size: 3.6rem;
    margin: 0 0 0px 0;
    font-weight: bold;
}

section.sub-contents p.area-note {
    width: 100%;
    text-align: center;
    margin: 1em 0 0 0;
}


ol.service-flow {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

ol.service-flow li {
    font-size: 18px;
    font-size: 1.8rem;
    margin: 0 .7em 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

ol.service-flow li + li:before {content: "→";margin: 0 1em 0 0;display: block;}

ol.service-flow li span {
    background: #d29f2b;
    padding: 5px .7em;
    border: 1px solid #d29f2b;
    color: #ffffff;
    display: block;
}

ol.service-flow li.service-flow-rental span {
    background: #4a4a4a;
    border-color: #4a4a4a;
    color: #ffffff;
}



.footer-project {}

.footer-project-inner {
    width: 960px;
    margin: 0 auto 50px auto;
    background: #ffffff;
    padding: 30px 30px;
}

ul.footer-project-logo {
    margin: 0 auto 30px auto;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 300px;
}

ul.footer-project-logo li {width: 40%;}

ul.footer-project-logo li img {
    display: block;
    width: 100%;
    height: auto;
}

.footer-project-inner p {
    font-size: 15px;
    font-size: 1.5rem;
    text-align: center;
    line-height: 180%;
}

.footer-project-inner p + p {
    margin-top: 1em;
}

.about-msg-wrap {
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 180%;
    margin: 0 0 60px 0;
}


.about-msg-wrap p {}

.about-msg-wrap p + p {
    margin-top: 1em;
}

section.work-wrap {
min-width: 960px;
    margin: 0 auto 0px auto;
    width: 960px;
    padding: 120px 0 0 0;
}

h2.work-title {
    font-size: 18px;
    font-size: 1.8rem;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #000000;
}

.works-item-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  margin: 0 0 30px 0;
}

.works-item-before {
    width: 28%;
    margin: 0 0 0 0;
}

.works-item-before div {}

.works-item-before div img {}

.works-item-before div + div {
    margin-top: 5px;
}

.works-item-after {
    width: 69%;
}

.works-item-before:before {
  content: "Before";
  font-size: 16px;
  font-size: 1.6rem;
  background: rgba(76, 76, 76, 0.5);
  color: #ffffff;
  padding: 5px 10px;
  display: block;
  width: 60px;
  margin: 0 0 -32px 0;
  position: relative;
  text-align: center;
  font-family: "Lora", "Times New Roman";
}

.before-icon-none:before {
    display: none;
}

.works-item-after:before {
    content: "After";
    font-size: 27px;
    font-size: 2.6rem;
    background: rgba(210, 43, 43, 0.8);
    color: #ffffff;
    padding: 5px 10px;
    display: block;
    width: 80px;
    margin: 0 0 -46px 0;
    position: relative;
    text-align: center;
    letter-spacing: 1px;
    font-family: "Lora", "Times New Roman";
}

.works-item-after-multi {
    width: 69%;
  height: 100%;
    /*display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 30px 0;*/
}

.works-item-after-multi div {
    /* display: flex; */
    /* flex-wrap: wrap; */
    /* justify-content: flex-start; */
      padding: 0 2px;
}

/*.works-after-item-v {
    width: 49.5%;
    margin: 0 0 5px 0;
}*/

.works-item-after-multi:before {
    content: "After";
    font-size: 27px;
    font-size: 2.6rem;
    background: rgba(210, 43, 43, 0.8);
    color: #ffffff;
    padding: 5px 10px;
    display: block;
    width: 80px;
    margin: 0 0 -46px 6px;
    position: relative;
    text-align: center;
    letter-spacing: 1px;
    font-family: "Lora", "Times New Roman";
  z-index: 1;
}

/*１枚もしくは2枚のときのみ使用*/
.works-item-after-half {
    width: 100%;
    margin: 0 0 0 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
ul.works-item-after-half li {
    width: 49.5%;
}

ul.works-item-after-half li img {
    display: block;
    width: 100%;
}

/*facebook*/
.fb-wrap {
  width: 100%;
    max-width: 500px;
    margin: 30px auto 0 auto;
}

/*============================
#page_top
ページの先頭へ戻る
============================*/
#page_top {
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 100;
	display: none;
}
#page_top a {
    display: block;
    height: 50px;
    width: 50px;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    transition: all 0.3s, all 0.3s;
    position: relative;
    bottom: 0;
    background: rgb(0 0 0 / .5);
    font-size: 20px;
    font-weight: normal;
    line-height: 50px;
}
#page_top a span {
    /* font-size: 75%; */
    /* font-weight: bold; */
    /* display: block; */
}
#page_top a span br {
    display: none;
}
#page_top a:hover {
	/* background: rgba(191, 0, 13, 0.9); */
	/* opacity: 0.8; */
	/* color: #e4007f; */
	position: relative;
	bottom: 4px;
	background: #d29f2b;
}


@media screen and (max-width: 990px) {
  
  h2.sub-contents-title {
    padding-top: 70px;
}
  
  h2.work-title {
    padding-top: 70px;
}
  
  .homestaging-txt {
      width: 100%;
      order: 2;
      max-width: 540px;
      margin: 0 auto;
  }

  .homestaging-img {
      width: 100%;
      max-width: 567px;
      margin: 0 auto 20px auto;
      order: 1;
  }

  .index-homestaging-wrap {
      width: 90%;
      margin: 0 auto;
  }

  .homestaging-txt p {}

  .homestaging-txt p br {
      display: none;
  }

  ul.merit-list {
      width: 100%;
      max-width: 400px;
      justify-content: center;
      margin: 0 auto 0 auto;
  }

  ul.merit-list li {
      margin: 0 0 30px 0;
      width: 100%;
  }

  ul.merit-list li span {
      min-height: auto;
      width: 100%;
  }

  ul.index-service-list li {
      width: 100%;
  }

  ul.index-service-list li a {
      padding: 30px 0;
  }

  .sec-index-desc {
      margin: 30px auto !important;
      padding: 10px 3%;
  }

  .sec-inner {
      width: 95%;
      margin: 0 auto;
      /* padding: 10px 3%; */
  }

  .footer-project-inner {
      width: 90%;
      padding: 15px;
  }

  #main-footer .info_footer {
      width: 95%;
      margin: 0 auto;
      padding: 0;
  }
  
  ul.footer-project-logo {
    width: 100%;
}

  #main-footer .logo {
      width: 100%;
      justify-content: center;
  }
  
  ul.footer-project-logo {
    justify-content: center;
}

ul.footer-project-logo li img {
    max-width: 100px;
    margin: 0 auto;
    max-height: 100px;
}

  #main-footer .info_footer .logo a {
      width: auto;
  }

  #main-footer .box-phone {
      text-align: center;
  }

  #main-footer .box-time {
      margin: 0;
      padding: 0;
      text-align: center;
  }

  #main-footer .box-time div {
      width: 100%;
  }

  #main-footer .nav-footer {
      width: 95%;
      margin: 20px auto 0 auto;
  }

  #main-footer .nav-footer:nth-child(3) {
      width: 95%;
      margin: 0 auto;
      padding: 0;
  }

  #main-footer .nav-footer:nth-child(4) {
      width: 95%;
      margin: 0 auto;
      padding: 0;
  }

  ul.nav-bottom li {
      width: 33%;
  }

  ul.nav-bottom {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start;
  }

  #main-footer .nav-footer:nth-child(4) ul {
      margin-bottom: 10px;
  }
  
  span.index-title-l span {
    display: block;
    font-size: 85%;
    line-height: 180%;
}

span.index-title-l .sp-none {
    display: none !important;
}
  
a.btn-type-a .sp-none {

    display: block!important;
}
  
  .sec-index-desc p {text-align: left;}

.sec-index-desc p br {
    display: none;
}
  .main-catch {
    width: 86%;
    padding: 15px;
}

p.main-catch-en {
    text-align: center;
    font-size: 40px;
    font-size: 4.0rem;
}

.index-intro p {
    width: 100%;
    text-align: left;
}

.index-intro p br {
    display: none;
}

p.point-plan-title {
    font-size: 30px;
    font-size: 3.0rem;
    text-align: center;
}
  .footer-project-inner p {
    text-align: left;
}
  
  .footer-project-inner p br {
    display: none;
  }
  
  .subpage-visual {
    margin-top: 60px;
    height: auto;
}

h1.subpage-title {
    margin: .5em 0 1em 0;
}

ul.page-inner-list {
    width: 100%;
}

ul.page-inner-list li {

    width: 100%;
/*    max-width: 49%;*/
}
  
  .page-inner-list-half {
    width: 100%;
    margin: 0 0 30px 0;
}

.page-inner-list-wrap {
    width: 95%;
    max-width: 95%;
}
  

section.sub-contents {
    width: 98%;
}

.service-plan-img {
    width: 100%;
}

.service-plan-wrap {
    width: 100%;
}

dl.service-item {
    width: 100%;
      margin-bottom: 20px;
}

table.tbl-service:nth-child(1) {
    height: auto;
}

table.tbl-service th, table.tbl-service td {
    padding: 5px;
}

ol.service-flow li {
    width: 100%;
}

ol.service-flow li span {
    width: 100%;
    text-align: center;
    padding: .5em 0;
}

ol.service-flow li + li:before {
    content: "↓";
    margin: 10px 0 10px 0;
}
  
  ul.service-plan-list {
    justify-content: center;
}

.service-plan-txt {
    margin: 15px 0 0 0;
}
  .service-plan-item {
    margin-bottom: 20px;
}
  
  section.sub-contents ~ section.sub-contents {
    margin-top: 50px;
}
  .about-msg-wrap {
    text-align: left;
    width: 95%;
    margin: 0 auto;
}

.about-msg-wrap p br {
    display: none;
}

dl.staff-prof {
    width: 45%;
    margin: 0 1% 30px 1%;
}
  section.work-wrap {
    width: 95%;
    margin: 50px auto 0 auto;
    padding: 0;
    min-width: 1px;
}

.works-item-wrap {}

.works-item-before {
    width: 100%;
    margin: 0 auto 5px auto;
}

.works-item-after {
    width: 100%;
}

.works-item-before img {
    width: 100%;
}
  
  .works-item-after-multi {
    width: 100%;
}
.works-item-after-multi div {
  padding: 0;
  }
/*.works-after-item-v {
    width: 100%;
}*/
  
  .works-item-after-multi:before {
    margin: 0 0 -46px 0px;
}
  
  

  
}


@media screen and (max-width: 550px) {
ul.nav-bottom li {
    width: 100%;
}
  
  #main-footer .info_footer .logo a {
    width: 70%;
}

  ul.works-item-after-half li {
    width: 100%;
    margin: 0 0 5px 0;
}

ul.works-item-after-half li:nth-child(2):before {
        content: "After";
    font-size: 27px;
    font-size: 2.6rem;
    background: rgba(210, 43, 43, 0.8);
    color: #ffffff;
    padding: 5px 10px;
    display: block;
    width: 80px;
    margin: 0 0 -46px 0;
    position: relative;
    text-align: center;
    letter-spacing: 1px;
    font-family: "Lora", "Times New Roman";
}
  
  .fb-wrap {
    width: 320px;
}
  .fb-wrap iframe {
    max-width: 320px;
}

  
  
}