@charset "UTF-8";

/* bath
----------------------------*/

.bath .u-mainCont {
  padding: 1px 20px 53px;
}

/* bath-title */

.bath-title {
  overflow: hidden;
  margin: 7px 0px 0px 0px;
  padding: 0px 0px 15px 0px;
}

.bath-title_innerLeft {
  float: left;
  width: 59%;
}

.bath-title_innerRight {
  float: right;
  width: 318px;
}

.bath-titleHead_wrap {
  border-bottom: none;
  padding: 0px 0px 0px 0px;
}

.bath-titleHead_imgOuter {}

.bath-titleHead_img {}

.bath-titleHead {
  text-align: left;
  color: #1068b3;
  font-size: 3.3em;
  font-weight: bold;
  line-height: 1.2em;
  letter-spacing: 0;
  text-decoration: none;
  padding: 16px 0px 11px 0px;
  margin: 0 0 0 0;
  width: 450px;
}

.bath-titleHeadImg {
  margin: 0 0 0 0;
}

.bath-titleHead_1 {
  color: #ef822b;
}

.bath-titleHead_3 {
  color: #ea6d8d;
}

.bath-titleHead_7 {
  color: #cc87b7;
}

.bath-titleHead_large {
  font-size: 1.3em;
}

.bath-titleText_wrap {
  overflow: hidden;
}

.bath-titleText {
  text-align: justify;
  color: #221e1f;
  font-size: 1.5em;
  font-weight: bold;
  line-height: 28px;
  letter-spacing: 0;
  text-decoration: none;
  padding: 0 0 0 0;
  margin: 12px 0px 0px 0px;
}

.bath-titleText_1 {
  color: #ef822b;
}

.bath-titleText_3 {
  color: #ea6d8d;
}

.bath-titleText_7 {
  color: #cc87b7;
}

.bath-titleText_s {
  text-align: justify;
  color: #221e1f;
  font-size: 1.5em;
  font-weight: normal;
  line-height: 28px;
  letter-spacing: 0;
  text-decoration: none;
  padding: 0px 0px 0px 0px;
  margin: 13px 0px 0px 0px;
}

.bath-titleHead_img {}

.bath-titleImg_Outer {
  text-align: right;
}

.bath-titleImg {
  margin: 34px 0 0 0;
}

.bath-titleCap {
  width: 286px;
  text-align: justify;
  color: #221e1f;
  font-size: 1.3em;
  font-weight: normal;
  line-height: 19px;
  letter-spacing: -0.9px;
  text-decoration: none;
  text-indent: -1em;
  padding: 0 0 0 1em;
  margin: 10px 0px 0px auto;
}

.bath-stepMediaCont_left {
  float: left;
  width: 158px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.bath-stepMediaCont_right {
  float: right;
  width: 580px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  font-size: 1.6em;
  line-height: 1.75em;
  letter-spacing: 0;

}

.bath-stepMediaTextbox_left {
  float: left;
  width: 390px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.bath-stepMediaTextbox_right {
  float: right;
  width: 390px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.bath-Img {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.bath-Img_wrap2 {
  padding: 0px 0px 0px 0px;
  margin: 21px 0px 0px 0px;
}

.bath-stepMediaHead {
  border-top: 2px solid #F4B3C2;
  border-bottom: 2px solid #F4B3C2;
  text-align: left;
  font-size: 2.2em;
  font-weight: bold;
  line-height: 33px;
  letter-spacing: 0;
  text-decoration: none;
  padding: 3px 0px 3px 0px;
  margin: 0px 0px 24px 0px;
}

.bath-stepMediaContTextbox_head {
  font-size: 2.2em;
  color: #EB6D94;
  letter-spacing: 0;
  margin: 0px 0px 18px 0px;
}

.bath-stepMediaContTextbox_textImg {
  margin: 0px 0px 24px 0px;
}

.bath-stepMediaContTextbox_text {
  font-size: 1.6em;
  line-height: 1.75em;
  letter-spacing: 0;
  margin: 0px 0px 24px 0px;

}


.bath-stepMediaTextbox_headWrap {
  overflow: hidden;
  margin-bottom: 20px;
}

.bath-stepMediaCont_headInner {
  overflow: hidden;
  padding: 20px;
  background: #FBE6EF;
  border-radius: 10px;
}


.bath-stepMediaCont_rightBold {
  font-weight: bold;
}

.bath-sec04_wrap {
  margin: 90px 0px 24px 0px;
}

.bath-sec04MediaHead_wrap {
  overflow: hidden;
}

.bath-sec04MediaHead_left {
  float: left;
  width: 90px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.bath-sec04MediaHead_right {
  float: right;
  width: 700px;
  font-size: 3.4em;
  line-height: 1.2em;
  color: #56C3DA;
  letter-spacing: 0;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.bath-sec04MediaH5_outer {
  padding: 0px 0px 20px 0px;
  margin: 0px 0px 20px 0px;
  border-bottom: dashed #000000 1px
}

.bath-sec04MediaText_wrap {
  overflow: hidden;
  margin: 0px 0px 20px 0px;
}

.bath-sec04MediaTextH6 {
  overflow: hidden;
}

.bath-sec04MediaTextH6_left {
  float: left;
  width: 16px;
  padding: 3px 0px 10px 0px;
  margin: 0px 0px 0px 0px;
}

.bath-sec04MediaTextH6_right {
  float: right;
  width: 370px;
  font-size: 1.7em;
  font-weight: bold;
  color: #EB6D94;
  letter-spacing: 0;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.bath-sec04Media_wrap {
  overflow: hidden;
}

.bath-sec04Media_inner_left {
  float: left;
  width: 390px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.bath-sec04Media_inner_right {
  float: right;
  width: 390px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.bath-sec04MediaText_outer {
  font-size: 1.6em;
  line-height: 1.75em;
  letter-spacing: 0;
}




/* bath-step */


/* responsive
----------------------------*/

@media screen and (max-width: 767px) {

  /* bath- */
  .bath .u-mainCont {
    padding-bottom: 30px;
    padding: 10px 10px;
  }

  .bath .u-mainHeadIcon {
    top: -12px;
  }

  .bath-title {
    overflow: hidden;
    margin: 2px 0px 0px 0px;
  }

  .bath-title_innerLeft {
    width: 100%;
  }

  .bath-title_innerRight {
    width: 100%;
    margin: 0 0 10px 0;
  }

  .bath-titleHead_wrap {
    border-bottom: none;
    padding: 0px 0px 0px 0px;
  }

  .bath-titleHead_imgOuter {}

  .bath-titleHead_img {}

  .bath-titleHead {
    width: 100%;
    text-align: center;
    color: #1068b3;
    font-size: 2.4em;
    font-weight: bold;
    line-height: 31px;
    letter-spacing: 0;
    text-decoration: none;
    padding: 0px 0px 8px 0px;
    margin: 6px 0px 0px 0px;
  }

  .bath-titleText_wrap {
    overflow: hidden;
  }

  .bath-titleText {
    text-align: justify;
    color: #221e1f;
    font-size: 1.3em;
    font-weight: normal;
    line-height: 21px;
    letter-spacing: 0;
    text-decoration: none;
    padding: 0 0 0 0;
    margin: 11px 0px 0px 0px;
  }

  .bath-titleText_s {
    text-align: justify;
    font-size: 1.3em;
    line-height: 21px;
    letter-spacing: 0;
    text-decoration: none;
    padding: 0px 0px 0px 0px;
    margin: 11px 0px 0px 0px;
  }

  .bath-titleHead_img {}

  .bath-titleImg_Outer {
    text-align: center;
  }

  .bath-titleImg {
    width: auto;
    margin: 0 0 0 0;
  }

  .bath-titleCap_Outer {
    max-width: 299px;
    margin: 0 auto;
  }

  .bath-titleCap {
    width: auto;
    text-align: justify;
    color: #221e1f;
    font-size: 1.1em;
    font-weight: normal;
    line-height: 18px;
    letter-spacing: 0;
    text-decoration: none;
    text-indent: -1em;
    padding: 0 0 0 1em;
    margin: 9px 0 0 0;
  }

  /* bath-step */

  /* bath-stock */

  .bath-stock_wrap {
    margin: 28px 0 20px 0;
  }

  .bath-stock {}

  .bath-stockHead_wrap {
    border-bottom: 1px dotted #1068b3;
    padding: 0px 0px 0px 0px;
  }

  .bath-stockHead {
    text-align: left;
    font-size: 2.4em;
    line-height: 31px;
    letter-spacing: 0;
    text-decoration: none;
    padding: 0px 0px 8px 0px;
    margin: 0px 0px 0px 0px;
  }

  .bath-stockHead_small {
    line-height: 26px;
  }

  .bath-stockImg_wrap {
    margin: 10px 0 0 0;
  }

  .bath-stockImg {}

  .bath-stepMediaCont_left {
    float: left;
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
  }

  .bath-stepMediaCont_right {
    float: right;
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-size: 1.3em;
    line-height: 1.75em;
    ;

  }

  .bath-stepMediaTextbox_left {
    float: left;
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }

  .bath-stepMediaTextbox_right {
    float: right;
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }

  .bath-Img {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }

  .bath-Img_wrap2 {
    padding: 0px 0px 0px 0px;
    margin: 21px 0px 0px 0px;
  }

  .bath-stepMediaHead {
    border-top: 2px solid #F4B3C2;
    ;
    border-bottom: 2px solid #F4B3C2;
    ;
    text-align: left;
    font-size: 1.8em;
    font-weight: bold;
    line-height: 33px;
    letter-spacing: 0;
    text-decoration: none;
    padding: 3px 0px 3px 0px;
    margin: 0px 0px 15px 0px;
  }

  .bath-stepMediaContTextbox_head {
    font-size: 1.8em;
    color: #EB6D94;
    margin: 0px 0px 8px 0px;
  }

  .bath-stepMediaContTextbox_textImg {
    margin: 0px 0px 24px 0px;
  }

  .bath-stepMediaContTextbox_text {
    font-size: 1.3em;
    line-height: 1.75em;
    margin: 0px 0px 24px 0px;

  }


  .bath-stepMediaTextbox_headWrap {
    max-width: 356px;
    overflow: hidden;
    margin: 0 auto 20px;
  }

  .bath-stepMediaCont_headInner {
    overflow: hidden;
    padding: 20px;
    background: #FBE6EF;
    border-radius: 10px;
  }


  .bath-stepMediaCont_rightBold {
    font-weight: bold;
  }

  .bath-sec04_wrap {
    margin: 40px 0px 24px 0px;
  }

  .bath-sec04MediaHead_wrap {
    overflow: hidden;
  }

  .bath-sec04MediaHead_left {
    float: left;
    width: 80px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
  }

  .bath-sec04MediaHead_right {
    float: right;
    width: 100%;
    font-size: 1.8em;
    line-height: 1.2em;
    color: #56C3DA;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
  }

  .bath-sec04MediaH5_outer {
    padding: 0px 0px 20px 0px;
    margin: 0px 0px 20px 0px;
    border-bottom: dashed #000000 1px
  }

  .bath-sec04MediaText_wrap {
    overflow: hidden;
    margin: 0px 0px 20px 0px;
  }

  .bath-sec04MediaTextH6 {
    overflow: hidden;
  }

  .bath-sec04MediaTextH6_left {
    float: left;
    width: 16px;
    padding: 3px 0px 10px 0px;
    margin: 0px 0px 0px 0px;
  }

  .bath-sec04MediaTextH6_right {
    float: right;
    width: 93%;
    font-size: 1.5em;
    font-weight: bold;
    color: #EB6D94;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }

  .bath-sec04Media_wrap {
    overflow: hidden;
  }

  .bath-sec04Media_inner_left {
    float: left;
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }

  .bath-sec04Media_inner_right {
    float: right;
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }

  .bath-sec04MediaText_outer {
    font-size: 1.3em;
    line-height: 1.75em;
  }

  .bath-stepMediaCont_leftImg {
    width: 100%;
    text-align: center;
    margin: 0 0 10px 0;
  }

}