@charset "UTF-8";
/* smartphone layout break point*/
/* max width device : iPhone6 plus(Landscape) */
/* line 5, ../../sass/maisondecorte/_maison-multiclass.scss */
.bullet-right {
  border-style: solid;
  height: 0;
  width: 0;
  border-width: 3px 0 3px 6px;
  border-bottom-color: transparent;
  border-left-color: red;
  border-right-color: transparent;
  border-top-color: transparent;
}
/* line 15, ../../sass/maisondecorte/_maison-multiclass.scss */
.bullet-up {
  border-style: solid;
  height: 0;
  width: 0;
  border-width: 0 3px 6px 3px;
  border-bottom-color: red;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: transparent;
}
/* line 25, ../../sass/maisondecorte/_maison-multiclass.scss */
.bullet-bottom {
  border-style: solid;
  height: 0;
  width: 0;
  border-width: 6px 3px 0 3px;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: red;
}

/* line 38, ../../sass/maisondecorte/_maison-multiclass.scss */
.list__item {
  line-height: 1.7;
  margin-top: 20px;
  padding-left: 14px;
  position: relative;
}
/* line 43, ../../sass/maisondecorte/_maison-multiclass.scss */
.list__item::before {
  color: #d5b45c;
  content: "■";
  font-size: 8px;
  padding-top: 3px;
  position: absolute;
  left: 0;
}
/* line 51, ../../sass/maisondecorte/_maison-multiclass.scss */
.list__item:first-child {
  margin-top: 0;
}

@media screen and (max-width: 736px) {
  /* line 59, ../../sass/maisondecorte/_maison-multiclass.scss */
  .mainContainer .list__item {
    margin-top: 10px;
    padding-left: 15px;
    font-size: 12px;
  }
}
/*
font-family: $mincho;
@include clearfix;
@include max-screen($sp_width) {
@include replace-text-with-dimensions('header/logo.png');
@include replace-text-with-dimensions-retina('header/logo.png');
*/
/* line 18, ../../sass/maisondecorte/concept.scss */
.sp {
  display: none;
}

/* line 24, ../../sass/maisondecorte/concept.scss */
.mainContainer section {
  opacity: 0;
  transform: translate(0, 50px);
  -webkit-transform: translate(0, 50px);
  transition: 1.8s;
}
/* line 29, ../../sass/maisondecorte/concept.scss */
.mainContainer section.view {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}
/* line 36, ../../sass/maisondecorte/concept.scss */
.mainContainer p, .mainContainer li {
  line-height: 1.7;
}
/* line 39, ../../sass/maisondecorte/concept.scss */
.mainContainer .bullet-right {
  float: right;
  position: relative;
  right: 40px;
  top: 8px;
}
/* line 45, ../../sass/maisondecorte/concept.scss */
.mainContainer .bg_1,
.mainContainer .bg_2 {
  background-attachment: fixed;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 500px;
}
/* line 52, ../../sass/maisondecorte/concept.scss */
.mainContainer .bg_1.tab,
.mainContainer .bg_2.tab {
  background-attachment: scroll;
  background-position: center;
}
/* line 57, ../../sass/maisondecorte/concept.scss */
.mainContainer .bg_1 {
  margin-top: 160px;
  background-image: url('/images/maisondecorte/concept/maison_1.jpg');
}
/* line 61, ../../sass/maisondecorte/concept.scss */
.mainContainer .bg_2 {
  background-image: url('/images/maisondecorte/concept/maison_2.jpg');
}
/* line 65, ../../sass/maisondecorte/concept.scss */
.mainContainer .message {
  text-align: center;
}
/* line 67, ../../sass/maisondecorte/concept.scss */
.mainContainer .message__copy {
  font-size: 30px;
  font-size: 3rem;
  margin-top: 160px;
}
/* line 72, ../../sass/maisondecorte/concept.scss */
.mainContainer .message__subcopy {
  font-size: 24px;
  font-size: 2.4rem;
  margin-top: 80px;
}
/* line 77, ../../sass/maisondecorte/concept.scss */
.mainContainer .message__text {
  font-size: 14px;
  font-size: 1.4rem;
  margin-top: 80px;
}
/* line 82, ../../sass/maisondecorte/concept.scss */
.mainContainer .message__link {
  margin-top: 80px;
}
/* line 84, ../../sass/maisondecorte/concept.scss */
.mainContainer .message__link__anchor {
  background-color: #e5e5e5;
  color: #000;
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  margin: 0 auto;
  padding: 14px 0;
  position: relative;
  transition: 0.4s;
  width: 240px;
}
/* line 95, ../../sass/maisondecorte/concept.scss */
.mainContainer .message__link__anchor .icon-play2 {
  right: 30px;
  position: absolute;
  top: calc(50% - 7px);
  top: calc(50% - 0.7rem);
}
/* line 101, ../../sass/maisondecorte/concept.scss */
.mainContainer .message__link__anchor:hover {
  background-color: #000;
  color: #e5e5e5;
}
/* line 108, ../../sass/maisondecorte/concept.scss */
.mainContainer .treatmentroom {
  text-align: center;
  padding-top: 160px;
  padding-bottom: 160px;
}
/* line 112, ../../sass/maisondecorte/concept.scss */
.mainContainer .treatmentroom__title {
  font-family: "Noto Serif", "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 34px;
}
/* line 117, ../../sass/maisondecorte/concept.scss */
.mainContainer .treatmentroom__lead {
  font-size: 14px;
  font-size: 1.4rem;
  margin-top: 80px;
}
/* line 122, ../../sass/maisondecorte/concept.scss */
.mainContainer .treatmentroom__calm, .mainContainer .treatmentroom__frozen, .mainContainer .treatmentroom__shield {
  margin: 80px calc(50% - 600px) 0;
  overflow: hidden;
  width: 1200px;
}
/* line 128, ../../sass/maisondecorte/concept.scss */
.mainContainer .treatmentroom__calm .left-block, .mainContainer .treatmentroom__frozen .left-block, .mainContainer .treatmentroom__shield .left-block {
  float: left;
  width: 600px;
}
/* line 132, ../../sass/maisondecorte/concept.scss */
.mainContainer .treatmentroom__calm .right-block, .mainContainer .treatmentroom__frozen .right-block, .mainContainer .treatmentroom__shield .right-block {
  float: right;
  width: 600px;
}
/* line 136, ../../sass/maisondecorte/concept.scss */
.mainContainer .treatmentroom__calm__title, .mainContainer .treatmentroom__frozen__title, .mainContainer .treatmentroom__shield__title {
  font-family: "Noto Serif", "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 28px;
  margin-top: 120px;
}
/* line 142, ../../sass/maisondecorte/concept.scss */
.mainContainer .treatmentroom__calm__text, .mainContainer .treatmentroom__frozen__text, .mainContainer .treatmentroom__shield__text {
  font-size: 14px;
  font-size: 1.4rem;
  margin-top: 40px;
}
/* line 148, ../../sass/maisondecorte/concept.scss */
.mainContainer .treatmentroom__calm__image img, .mainContainer .treatmentroom__frozen__image img, .mainContainer .treatmentroom__shield__image img {
  vertical-align: top;
  width: 100%;
}
/* line 153, ../../sass/maisondecorte/concept.scss */
.mainContainer .treatmentroom__calm__link, .mainContainer .treatmentroom__frozen__link, .mainContainer .treatmentroom__shield__link {
  margin-top: 40px;
}
/* line 155, ../../sass/maisondecorte/concept.scss */
.mainContainer .treatmentroom__calm__link__anchor, .mainContainer .treatmentroom__frozen__link__anchor, .mainContainer .treatmentroom__shield__link__anchor {
  background-color: #e5e5e5;
  color: #000;
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  margin: 0 auto;
  padding: 14px 0;
  position: relative;
  transition: 0.4s;
  width: 240px;
}
/* line 166, ../../sass/maisondecorte/concept.scss */
.mainContainer .treatmentroom__calm__link__anchor .icon-play2, .mainContainer .treatmentroom__frozen__link__anchor .icon-play2, .mainContainer .treatmentroom__shield__link__anchor .icon-play2 {
  right: 30px;
  position: absolute;
  top: calc(50% - 7px);
  top: calc(50% - 0.7rem);
}
/* line 172, ../../sass/maisondecorte/concept.scss */
.mainContainer .treatmentroom__calm__link__anchor:hover, .mainContainer .treatmentroom__frozen__link__anchor:hover, .mainContainer .treatmentroom__shield__link__anchor:hover {
  background-color: #000;
  color: #e5e5e5;
}
/* line 180, ../../sass/maisondecorte/concept.scss */
.mainContainer .treatmentroom__frozen, .mainContainer .treatmentroom__shield {
  margin-top: 80px;
}
/* line 185, ../../sass/maisondecorte/concept.scss */
.mainContainer .treatmentconcept {
  /*background-color: #fff;
  background-image: image-url('maisondecorte/concept/rokkanbiyou.png');
  background-position: top center;
  background-repeat: no-repeat;*/
  height: 500px;
  padding-top: 100px;
  text-align: center;
}
/* line 193, ../../sass/maisondecorte/concept.scss */
.mainContainer .treatmentconcept__title {
  font-size: 3rem;
}
/* line 195, ../../sass/maisondecorte/concept.scss */
.mainContainer .treatmentconcept__title.en {
  font-size: 2.5rem;
  margin-top: 25px;
}
/* line 199, ../../sass/maisondecorte/concept.scss */
.mainContainer .treatmentconcept__title .ruby {
  font-family: "Noto Serif", "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 20px;
}
/* line 204, ../../sass/maisondecorte/concept.scss */
.mainContainer .treatmentconcept__lead {
  letter-spacing: -0.02em;
  margin-top: 40px;
  text-align: justify;
  text-align: center;
}
/* line 209, ../../sass/maisondecorte/concept.scss */
.mainContainer .treatmentconcept__lead.en {
  margin-top: 30px;
  letter-spacing: 0;
}
/* line 214, ../../sass/maisondecorte/concept.scss */
.mainContainer .treatmentconcept .wrap {
  margin-left: calc((50% - 600px) + 170px);
  margin-right: auto;
  margin: 0 auto;
  width: 260px;
  width: auto;
}
/* line 222, ../../sass/maisondecorte/concept.scss */
.mainContainer .treatmentmenu {
  text-align: center;
}
/* line 224, ../../sass/maisondecorte/concept.scss */
.mainContainer .treatmentmenu__title {
  background-color: #d5b45c;
  font-size: 24px;
  font-size: 2.4rem;
  padding: 80px 0;
}
/* line 230, ../../sass/maisondecorte/concept.scss */
.mainContainer .treatmentmenu__lead {
  font-size: 16px;
  font-size: 1.6rem;
}
/* line 234, ../../sass/maisondecorte/concept.scss */
.mainContainer .treatmentmenu__links {
  margin: 80px auto 0;
  overflow: hidden;
  width: 800px;
}
/* line 239, ../../sass/maisondecorte/concept.scss */
.mainContainer .treatmentmenu__link {
  float: left;
}
/* line 241, ../../sass/maisondecorte/concept.scss */
.mainContainer .treatmentmenu__link:last-child {
  margin-left: 40px;
}
/* line 244, ../../sass/maisondecorte/concept.scss */
.mainContainer .treatmentmenu__link.en {
  float: none;
  margin: 0 auto;
  width: 380px;
}
/* line 249, ../../sass/maisondecorte/concept.scss */
.mainContainer .treatmentmenu__link__anchor {
  background-color: #000;
  color: #d5b45c;
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 14px 0;
  transition: 0.4s;
  width: 380px;
}
/* line 258, ../../sass/maisondecorte/concept.scss */
.mainContainer .treatmentmenu__link__anchor:hover {
  background-color: #d5b45c;
  color: #000;
}
/* line 261, ../../sass/maisondecorte/concept.scss */
.mainContainer .treatmentmenu__link__anchor:hover .bullet-right {
  border-left-color: #000;
}
/* line 265, ../../sass/maisondecorte/concept.scss */
.mainContainer .treatmentmenu__link__anchor .bullet-right {
  border-left-color: #d5b45c;
}
/* line 270, ../../sass/maisondecorte/concept.scss */
.mainContainer .treatmentmenu #acbtn {
  cursor: pointer;
  position: relative;
}
/* line 273, ../../sass/maisondecorte/concept.scss */
.mainContainer .treatmentmenu #acbtn:after {
  color: #000;
  content: "＋";
  margin-left: 30px;
  position: absolute;
}
/* line 279, ../../sass/maisondecorte/concept.scss */
.mainContainer .treatmentmenu #acbtn.active:after {
  content: "－";
}
/* line 283, ../../sass/maisondecorte/concept.scss */
.mainContainer .treatmentmenu #acbox {
  display: none;
}
/* line 286, ../../sass/maisondecorte/concept.scss */
.mainContainer .treatmentmenu__contener {
  background-image: url('/images/maisondecorte/concept/tile.jpg');
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 2000px 750px;
  height: 750px;
}
/* line 292, ../../sass/maisondecorte/concept.scss */
.mainContainer .treatmentmenu__contener__white {
  background-color: rgba(255, 255, 255, 0.7);
  height: 100%;
  padding-top: 280px;
  padding-bottom: 160px;
  width: 100%;
}

/*

sp---------------------------------------------------------------------------------------------

*/
@media screen and (max-width: 736px) {
  /* line 311, ../../sass/maisondecorte/concept.scss */
  .sp {
    display: block;
  }

  /* line 316, ../../sass/maisondecorte/concept.scss */
  .mainContainer .bg_1,
  .mainContainer .bg_2 {
    background: none;
    height: auto;
  }
  /* line 321, ../../sass/maisondecorte/concept.scss */
  .mainContainer .bg_1__image img,
  .mainContainer .bg_2__image img {
    width: 100%;
    vertical-align: top;
  }
  /* line 327, ../../sass/maisondecorte/concept.scss */
  .mainContainer .bg_1 {
    margin-top: 80px;
  }
  /* line 331, ../../sass/maisondecorte/concept.scss */
  .mainContainer .message__copy {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.7;
    margin-top: 80px;
  }
  /* line 337, ../../sass/maisondecorte/concept.scss */
  .mainContainer .message__subcopy {
    font-size: 17px;
    font-size: 1.7rem;
    margin-top: 40px;
  }
  /* line 342, ../../sass/maisondecorte/concept.scss */
  .mainContainer .message__text {
    font-size: 12px;
    font-size: 1.2rem;
    margin-top: 40px;
  }
  /* line 347, ../../sass/maisondecorte/concept.scss */
  .mainContainer .message__link {
    margin-top: 40px;
  }
  /* line 351, ../../sass/maisondecorte/concept.scss */
  .mainContainer .treatmentroom {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  /* line 354, ../../sass/maisondecorte/concept.scss */
  .mainContainer .treatmentroom__title {
    font-size: 20px;
  }
  /* line 358, ../../sass/maisondecorte/concept.scss */
  .mainContainer .treatmentroom__lead {
    font-size: 12px;
    font-size: 1.2rem;
    margin-top: 40px;
  }
  /* line 363, ../../sass/maisondecorte/concept.scss */
  .mainContainer .treatmentroom__calm, .mainContainer .treatmentroom__frozen, .mainContainer .treatmentroom__shield {
    width: 100%;
    margin: 80px 0 0;
  }
  /* line 368, ../../sass/maisondecorte/concept.scss */
  .mainContainer .treatmentroom__calm .left-block, .mainContainer .treatmentroom__frozen .left-block, .mainContainer .treatmentroom__shield .left-block {
    float: none;
    width: 100%;
  }
  /* line 372, ../../sass/maisondecorte/concept.scss */
  .mainContainer .treatmentroom__calm .right-block, .mainContainer .treatmentroom__frozen .right-block, .mainContainer .treatmentroom__shield .right-block {
    float: none;
    width: 100%;
  }
  /* line 376, ../../sass/maisondecorte/concept.scss */
  .mainContainer .treatmentroom__calm__title, .mainContainer .treatmentroom__frozen__title, .mainContainer .treatmentroom__shield__title {
    font-size: 20px;
    margin-top: 40px;
  }
  /* line 381, ../../sass/maisondecorte/concept.scss */
  .mainContainer .treatmentroom__calm__text, .mainContainer .treatmentroom__frozen__text, .mainContainer .treatmentroom__shield__text {
    font-size: 12px;
    font-size: 1.2rem;
    margin-top: 40px;
  }
  /* line 386, ../../sass/maisondecorte/concept.scss */
  .mainContainer .treatmentroom__calm__link, .mainContainer .treatmentroom__frozen__link, .mainContainer .treatmentroom__shield__link {
    margin-top: 40px;
  }
  /* line 391, ../../sass/maisondecorte/concept.scss */
  .mainContainer .treatmentconcept {
    background: none;
    color: #000;
    height: auto;
    padding-top: 0;
    padding-bottom: 80px;
    position: relative;
  }
  /* line 399, ../../sass/maisondecorte/concept.scss */
  .mainContainer .treatmentconcept__image img {
    vertical-align: top;
    width: 100%;
  }
  /* line 404, ../../sass/maisondecorte/concept.scss */
  .mainContainer .treatmentconcept__title {
    font-size: 15px;
    font-size: 1.5rem;
    font-size: 5vw;
    font-size: 20px;
  }
  /* line 414, ../../sass/maisondecorte/concept.scss */
  .mainContainer .treatmentconcept__title.en {
    line-height: 1.3;
    font-size: 15px;
    font-size: 1.5rem;
    font-size: 5.2vw;
    font-size: 20px;
    margin-top: 0;
  }
  /* line 424, ../../sass/maisondecorte/concept.scss */
  .mainContainer .treatmentconcept__title .ruby {
    font-size: 10px;
  }
  /* line 430, ../../sass/maisondecorte/concept.scss */
  .mainContainer .treatmentconcept__lead {
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 0;
    line-height: 1.7;
    margin: 40px auto 0;
    text-align: center;
    width: 94%;
  }
  /* line 438, ../../sass/maisondecorte/concept.scss */
  .mainContainer .treatmentconcept__lead.en {
    margin-top: 40px;
    letter-spacing: 0;
    line-height: 1.7;
  }
  /* line 444, ../../sass/maisondecorte/concept.scss */
  .mainContainer .treatmentconcept .wrap {
    margin-left: 0;
    margin-right: 0;
    width: auto;
  }
  /* line 450, ../../sass/maisondecorte/concept.scss */
  .mainContainer .treatmentmenu {
    padding-bottom: 80px;
  }
  /* line 452, ../../sass/maisondecorte/concept.scss */
  .mainContainer .treatmentmenu__title {
    font-size: 17px;
    font-size: 1.7rem;
    padding: 40px 0;
  }
  /* line 457, ../../sass/maisondecorte/concept.scss */
  .mainContainer .treatmentmenu__lead {
    font-size: 14px;
    font-size: 1.4rem;
  }
  /* line 461, ../../sass/maisondecorte/concept.scss */
  .mainContainer .treatmentmenu__links {
    margin: 160px auto 0;
    width: 100%;
  }
  /* line 465, ../../sass/maisondecorte/concept.scss */
  .mainContainer .treatmentmenu__link {
    float: none;
  }
  /* line 467, ../../sass/maisondecorte/concept.scss */
  .mainContainer .treatmentmenu__link:last-child {
    margin-left: 0;
    margin-top: 1px;
  }
  /* line 471, ../../sass/maisondecorte/concept.scss */
  .mainContainer .treatmentmenu__link.en {
    margin: 0 auto;
    width: auto;
  }
  /* line 475, ../../sass/maisondecorte/concept.scss */
  .mainContainer .treatmentmenu__link__anchor {
    font-size: 12px;
    font-size: 1.2rem;
    width: 100%;
  }
  /* line 481, ../../sass/maisondecorte/concept.scss */
  .mainContainer .treatmentmenu #acbox {
    display: none;
  }
  /* line 484, ../../sass/maisondecorte/concept.scss */
  .mainContainer .treatmentmenu__contener {
    background-image: url('/images/maisondecorte/concept/sp/tile.jpg');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 537px;
  }
  /* line 490, ../../sass/maisondecorte/concept.scss */
  .mainContainer .treatmentmenu__contener__white {
    padding-top: 160px;
    padding-bottom: 0;
  }
}
