@charset "utf-8";
/* MISSION CSS */
/* MISSION index */
body.ind #contents .container-fluid .btn-lg {
  font-size: 1rem;
}

body.ind #contents .idx-project__cbxlayer.right {
  background: url(../images/idx_project/bg_secton_03@2x.png) no-repeat center bottom/cover;
  right: 0px;
  left: auto;
}
body.ind #contents .idx-project__cbxlayer-inr {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  padding: 0px 0 0 60px;
}
body.ind #contents .idx-project__cbxlayer.right .idx-project__cbxlayer-inr {
  left: auto;
  right: 0;
  padding: 0px 60px 0 0px;
}

@media (min-width: 1200px){
  body.ind #contents .idx-mission__textwrap-txt {
    margin-bottom: 0;
  }
}

body.ind #contents .idx-project__cbxlayer-txt {
  max-width: 410px;
}
body.ind #sec01 {
  padding: 60px 0 0px;
}
body.ind #sec02 {
  padding: 60px 0 0px;
}
body.ind #sec03 {
  padding: 60px 0 0px;
}
body.ind #sec04 {
  padding: 60px 0 0px;
}
body.ind #sec05 {
  padding: 60px 0 120px;
}
body.ind #sec05 .visionBtn .btn {
  margin-top: 60px;
}
@media (max-width: 992px) {
  body.ind #contents .idx-project__cbxlayer {
    position: relative;
    top: 0px;
  }
  #contents .idx-project__catchbox-kvimg {
    position: relative;
  }
  body.ind #contents .idx-project__catchbox {
    height: auto;
    overflow: visible;
  }
  body.ind #contents .idx-project__cbxlayer.right {
    background: none;
    background-color: #41879a;
  }
  body.ind #contents .idx-project__cbxlayer-inr {
    position: relative;
    top: 0%;
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    padding: 30px 4%;
  }
  body.ind #contents .idx-project__cbxlayer.right .idx-project__cbxlayer-inr {
    left: 0;
    right: 0;
    padding: 30px 4%;
  }
  body.ind #sec01 {
    padding: 30px 0 0px;
  }
  body.ind #sec02 {
    padding: 30px 0 0px;
  }
  body.ind #sec03 {
    padding: 30px 0 0px;
  }
  body.ind #sec04 {
    padding: 30px 0 0px;
  }
  body.ind #sec05 {
    padding: 30px 0 60px;
  }
  body.ind #sec05 .visionBtn .btn {
    margin-top: 60px;
  }
}
/* MISSION sub */
body.sub .txBox {
  width: 720px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  /* MISSION sub */
  body.sub .txBox {
    width: 100%;
    margin: 0 auto;
  }

  #contents .idx-cts .md-header {
    margin-bottom: 20px;
  }

  #contents .idx-cts .idx-cts__textwrap-txt {
    margin-bottom: 24px;
  }
}
/* MISSION haircare */
body.haircare #sec02 {
  background-image: url(../images/mission/haircare_ph01@2x.jpg);
  background-repeat: no-repeat;
  padding: 140px 0;
  background-size: cover;
}
body.haircare #sec03 {
  background-image: url(../images/mission/haircare_ph02@2x.jpg);
  background-repeat: no-repeat;
  padding: 140px 0;
  background-size: cover;
  color: #fff;
}
body.haircare #sec02 .inner,
body.haircare #sec03 .inner {
  width: 100%;
}
body.haircare #sec03 h2 {
  color: #fff;
}
@media (max-width: 768px) {
  /* MISSION haircare */
  body.haircare #sec02 {
    background-image: none;
    padding: 0px 0% 0px;
  }
  body.haircare #sec02 img,
  body.haircare #sec03 img {
    width: 100%;
    height: auto;
  }
  body.haircare #sec03 {
    padding: 0px 0%;
    background-color: #212529;
    background-image: none;
  }
  body.haircare #sec02 .inner,
  body.haircare #sec03 .inner {
    padding: 0px 4% 60px;
  }
}
/* MISSION scalpcare */
body.sanitation #sec02 {
  background-image: url(../images/mission/scalpcare_ph01@2x.jpg);
  background-repeat: no-repeat;
  padding: 140px 0;
  background-size: cover;
}
body.sanitation #sec03 {
  background-image: url(../images/mission/scalpcare_ph02@2x.jpg);
  background-repeat: no-repeat;
  padding: 140px 0;
  background-size: cover;
  color: #fff;
}
body.sanitation #sec02 .inner,
body.sanitation #sec03 .inner {
  width: 100%;
}
body.sanitation #sec03 h2 {
  color: #fff;
}
@media (max-width: 768px) {
  /* MISSION scalpcare */
  body.sanitation #sec02 {
    background-image: none;
    padding: 0px 0% 0px;
  }
  body.sanitation #sec02 img,
  body.sanitation #sec03 img {
    width: 100%;
    height: auto;
  }
  body.sanitation #sec03 {
    padding: 0px 0%;
    background-color: #212529;
    background-image: none;
  }
  body.sanitation #sec02 .inner,
  body.sanitation #sec03 .inner {
    padding: 0px 4% 60px;
  }
}
/* MISSION artificialhair */
body.artificialhair #sec02 {
  background-image: url(../images/mission/artificialhair_ph01@2x.jpg);
  background-repeat: no-repeat;
  padding: 140px 0;
  background-size: cover;
}
body.artificialhair #sec03 {
  background-image: url(../images/mission/artificialhair_ph02@2x.jpg);
  background-repeat: no-repeat;
  padding: 140px 0;
  background-size: cover;
  color: #fff;
}
body.artificialhair #sec02 .inner,
body.artificialhair #sec03 .inner {
  width: 100%;
}
body.artificialhair #sec03 h2 {
  color: #fff;
}
@media (max-width: 768px) {
  #contents .idx-mission{
    padding-bottom: 20px;
  }

  #mission .headding0202{
    margin-top: 30px;
  }

  /* MISSION artificialhair */
  body.artificialhair #sec02 {
    background-image: none;
    padding: 0px 0% 0px;
  }
  body.artificialhair #sec02 img,
  body.artificialhair #sec03 img {
    width: 100%;
    height: auto;
  }
  body.artificialhair #sec03 {
    padding: 0px 0%;
    background-color: #212529;
    background-image: none;
  }
  body.artificialhair #sec02 .inner,
  body.artificialhair #sec03 .inner {
    padding: 0px 4% 60px;
  }
}
/* MISSION healthcare */
body.healthcare #sec02 {
  background-image: url(../images/mission/healthcare_ph01@2x.jpg);
  background-repeat: no-repeat;
  padding: 140px 0;
  background-size: cover;
}
body.healthcare #sec03 {
  background-image: url(../images/mission/healthcare_ph02@2x.jpg);
  background-repeat: no-repeat;
  padding: 140px 0;
  background-size: cover;
  color: #fff;
}
body.healthcare #sec02 .inner,
body.healthcare #sec03 .inner {
  width: 100%;
}
body.healthcare #sec03 h2 {
  color: #fff;
}
@media (max-width: 768px) {
  /* MISSION healthcare */
  body.healthcare #sec02 {
    background-image: none;
    padding: 0px 0% 0px;
  }
  body.healthcare #sec02 img,
  body.healthcare #sec03 img {
    width: 100%;
    height: auto;
  }
  body.healthcare #sec03 {
    padding: 0px 0%;
    background-color: #212529;
    background-image: none;
  }
  body.healthcare #sec02 .inner,
  body.healthcare #sec03 .inner {
    padding: 0px 4% 60px;
  }
}
/* MISSION skincare */
body.skincare #sec02 {
  background-image: url(../images/mission/skincare_ph01@2x.jpg);
  background-repeat: no-repeat;
  padding: 140px 0;
  background-size: cover;
}
body.skincare #sec03 {
  background-image: url(../images/mission/skincare_ph02@2x.jpg);
  background-repeat: no-repeat;
  padding: 140px 0;
  background-size: cover;
  color: #fff;
}
body.skincare #sec02 .inner,
body.skincare #sec03 .inner {
  width: 100%;
}
body.skincare #sec03 h2 {
  color: #fff;
}
@media (max-width: 768px) {
  /* MISSION skincare */
  body.skincare #sec02 {
    background-image: none;
    padding: 0px 0% 0px;
  }
  body.skincare #sec02 img,
  body.skincare #sec03 img {
    width: 100%;
    height: auto;
  }
  body.skincare #sec03 {
    padding: 0px 0%;
    background-color: #212529;
    background-image: none;
  }
  body.skincare #sec02 .inner,
  body.skincare #sec03 .inner {
    padding: 0px 4% 60px;
  }

  .idx-cts h2.headding0204{
    font-size: 24px;
  }
}