@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  font-size: 100%;
  vertical-align: baseline; }

body {
  line-height: 1.5; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  background: transparent;
  font-size: 100%;
  vertical-align: baseline; }

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  margin: 1em 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #cccccc; }

input, select {
  vertical-align: middle; }

li {
  list-style: none; }

/* color */
/*text_color*/
/*font-size*/
/*font-family*/
/* media screen */
/* clearfix */
/* �Ō�̗v�f��margin-bottom��Ƃ� */
.bath-product {
  letter-spacing: 0; }
  .bath-product .m-bottom-0 {
    margin-bottom: 0 !important; }
  .bath-product .m-bottom-20 {
    margin-bottom: 20px !important; }
  .bath-product .m-top-0 {
    margin-top: 0 !important; }
  .bath-product .m-top-28 {
    margin-top: 28px !important; }
  .bath-product .m-top-20 {
    margin-top: 20px !important; }
  .bath-product .m-top-10 {
    margin-top: 10px !important; }
  .bath-product .m-top-8 {
    margin-top: 6px !important; }
  .bath-product .w-100 {
    width: 100% !important; }
  .bath-product .max-w-700 {
    max-width: 700px !important; }
  .bath-product .max-w-640 {
    max-width: 640px !important; }
  .bath-product .max-w-90p {
    max-width: 90% !important;
    margin: auto; }
  .bath-product .max-w-70p {
    max-width: 70% !important; }
  .bath-product .max-w-65p {
    max-width: 65% !important; }
  .bath-product .max-w-45p {
    max-width: 45% !important;
    margin: 0 0 0 40px; }
  .bath-product .w-82p {
    width: calc( 82% - 12px) !important; }
  .bath-product .w-15p {
    width: calc( 15% - 12px) !important; }
  .bath-product .w-70p {
    width: calc( 70% - 12px) !important; }
  .bath-product .w-60p {
    width: calc( 60% - 12px) !important; }
  .bath-product .w-65p {
    width: calc( 65% - 12px) !important; }
  .bath-product .w-55p {
    width: calc( 55% - 12px) !important; }
  .bath-product .w-45p {
    width: calc( 45% - 12px) !important; }
  .bath-product .w-40p {
    width: calc( 40% - 12px) !important; }
  .bath-product .w-35p {
    width: calc( 35% - 12px) !important; }
  .bath-product .w-30p {
    width: calc( 30% - 12px) !important; }
  .bath-product .w-20p {
    width: calc( 20% - 12px) !important; }
  .bath-product .p-bottom-16 {
    padding-bottom: 16px !important; }
  .bath-product .__righttext {
    width: 100%;
    text-align: right; }
  .bath-product .palt {
    font-feature-settings: "palt"; }
  .bath-product .h2-small {
    position: relative;
    top: -2px;
    font-size: 16px; }
  .bath-product .h2-sub {
    position: relative;
    top: -4px;
    padding: 0 0 0 10px;
    color: #00abeb;
    font-size: 12px; }
    .bath-product .h2-sub.bk {
      color: #333; }
  .bath-product .sec02 .sec02_wrap {
    width: calc(100% - 32px);
    max-width: 900px;
    margin: 0 auto;
    padding: 40px 0; }
  .bath-product .sec02 .sec02_menu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    max-width: 860px;
    margin: 0 auto; }
    .bath-product .sec02 .sec02_menu .menu_list {
      width: 48%; }
      .bath-product .sec02 .sec02_menu .menu_list .link {
        display: block;
        position: relative;
        width: 100%;
        height: 64px;
        border-radius: 8px;
        background: #E60013;
        color: white;
        font-size: 16px;
        font-weight: 64px;
        line-height: 64px;
        text-align: center; }
        .bath-product .sec02 .sec02_menu .menu_list .link:hover {
          background: #ED404E; }
        .bath-product .sec02 .sec02_menu .menu_list .link:after {
          display: block;
          position: absolute;
          top: auto;
          right: 50%;
          bottom: 8px;
          width: 6px;
          height: 10px;
          transform: translate(0, -50%);
          transform: rotate(90deg);
          background: url(../images/common/arrow_right-wh.png) no-repeat center center/contain;
          content: ""; }
      .bath-product .sec02 .sec02_menu .menu_list .list_tit {
        display: inline-block;
        position: relative;
        padding-left: 28px;
        font-weight: bold;
        line-height: 56px; }
        .bath-product .sec02 .sec02_menu .menu_list .list_tit:before {
          display: inline-block;
          position: absolute;
          top: 50%;
          left: 0px;
          transform: translate(0, -50%);
          content: ""; }
      .bath-product .sec02 .sec02_menu .menu_list .list_01:before {
        width: 22px;
        height: 22px;
        background: url(../images/common/icon_singlehouse-wh.png) no-repeat center center/contain; }
      .bath-product .sec02 .sec02_menu .menu_list .list_02:before {
        width: 21px;
        height: 23px;
        background: url(../images/common/icon_apartment-wh.png) no-repeat center center/contain; }
  .bath-product .sec02 .img.__p09_icn {
    width: 180px;
    margin: 0 0 10px; }
  .bath-product .__sec06 .__p07_p08_p10_double {
    display: flex;
    justify-content: space-between; }
    .bath-product .__sec06 .__p07_p08_p10_double .__table03 {
      width: calc(50% - 10px);
      min-height: 0%;
      margin: 0; }
      .bath-product .__sec06 .__p07_p08_p10_double .__table03 .__subtitle span {
        position: relative;
        top: -5px;
        margin-left: 5px;
        font-size: 12px; }
  .bath-product .__sec06 .__table03_p18hirogaru .__leftcontent {
    position: relative;
    width: calc(48% - 10px); }
    .bath-product .__sec06 .__table03_p18hirogaru .__leftcontent::after {
      box-sizing: border-box;
      display: block;
      position: absolute;
      top: 30%;
      right: -50px;
      width: 40px;
      height: 40px;
      border: 40px solid transparent;
      border-left: 30px solid #333;
      content: ""; }
  .bath-product .__sec06 .__table03_p18hirogaru .__rightcontent {
    width: calc(48% - 10px); }
  .bath-product .__sec07.__sec07_p18 .__table03 .__leftcontent {
    width: calc(55% - 10px); }
  .bath-product .__sec07.__sec07_p18 .__table03 .__rightcontent {
    width: calc(45% - 10px); }
  .bath-product .__sec07 .__table03.__table03--p16 .__subtitle--p16 {
    display: inline-block;
    position: relative;
    top: -12px;
    left: 5px;
    margin-bottom: 10px;
    color: #5EA23A;
    font-feature-settings: "palt";
    font-size: 1.5em;
    font-weight: bold; }
  .bath-product .__img.pc-only {
    display: inline; }
  .bath-product .__img.sp-only {
    display: none; }
  .bath-product br.sp-only {
    display: none; }
  .bath-product .headarea .__imglabel {
    width: 300px;
    margin-top: 60px;
    margin-bottom: 12px; }
  .bath-product .headarea .__logoarea .__title {
    display: block;
    margin-bottom: 20px; }
    .bath-product .headarea .__logoarea .__title .__logo {
      display: block;
      height: 30px; }
      .bath-product .headarea .__logoarea .__title .__logo.__type2 {
        height: 52px;
        margin-bottom: -10px; }
    .bath-product .headarea .__logoarea .__title .__logo.__logo--60 {
      height: 60px; }
  .bath-product .headarea .__imgarea {
    max-width: 760px;
    margin: 20px auto; }
    .bath-product .headarea .__imgarea .__sub {
      display: flex;
      justify-content: space-between;
      margin-top: 20px; }
      .bath-product .headarea .__imgarea .__sub .__item {
        width: calc( 50% - 10px); }
    .bath-product .headarea .__imgarea .__img {
      width: 100%;
      margin-bottom: 4px; }
    .bath-product .headarea .__imgarea .__text {
      font-weight: bold; }
    .bath-product .headarea .__imgarea .__size-m {
      display: block;
      max-width: 600px;
      margin: 80px auto 0; }
    .bath-product .headarea .__imgarea .__marginTop0 {
      margin-top: 0; }
  .bath-product .headarea .slider-for {
    z-index: 1;
    max-width: 700px;
    height: fit-content;
    margin: 0 auto 20px; }
  .bath-product .headarea .slider-nav {
    height: fit-content; }
  .bath-product .headarea .slick-slide {
    z-index: 1;
    height: auto;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 10px; }
  .bath-product .headarea .bottom-slide {
    position: relative; }
    .bath-product .headarea .bottom-slide .slick-arrow {
      display: block;
      z-index: 2;
      position: absolute;
      width: 30px;
      height: 30px; }
    .bath-product .headarea .bottom-slide .slick-prev:before, .bath-product .headarea .bottom-slide .slick-next:before {
      color: #333; }
    .bath-product .headarea .bottom-slide .slick-prev {
      display: block;
      z-index: 2;
      position: absolute;
      top: calc(50% - 15px);
      left: -20px;
      width: 30px;
      height: 30px; }
    .bath-product .headarea .bottom-slide .slick-next {
      display: block;
      z-index: 2;
      position: absolute;
      top: calc(50% - 15px);
      right: -20px;
      width: 30px;
      height: 30px; }
  .bath-product .__table01 {
    margin-top: 40px;
    margin-bottom: 40px;
    border: 3px solid #e9474d; }
    .bath-product .__table01 .__row {
      display: flex;
      align-items: center;
      border-bottom: 1px solid #e9474d;
      background: #f2d1d5;
      font-size: 1em;
      font-weight: bold; }
      .bath-product .__table01 .__row:last-child {
        border: none; }
      .bath-product .__table01 .__row .__th {
        box-sizing: border-box;
        display: block;
        width: 200px;
        padding: 4px; }
      .bath-product .__table01 .__row .__td {
        display: block;
        width: calc(100% - 160px);
        padding: 4px 8px;
        border-left: 1px solid #e9474d;
        background: white; }
  .bath-product .__table02wrap50 {
    display: flex;
    justify-content: space-between; }
    .bath-product .__table02wrap50 .__table02 {
      width: 49%;
      padding: 10px; }
      .bath-product .__table02wrap50 .__table02 .__small {
        font-size: 0.8em; }
  .bath-product .__table02 {
    box-sizing: border-box;
    margin-bottom: 40px;
    padding: 20px;
    border: 3px solid #00abeb;
    line-height: 1.4; }
    .bath-product .__table02 .__title {
      display: block;
      margin-bottom: 24px;
      padding: 8px 12px 4px;
      background: #00abeb;
      color: #fff;
      font-size: 1.6em;
      font-weight: bold;
      line-height: 1; }
    .bath-product .__table02 .__subtitle {
      display: block;
      margin-bottom: 4px;
      font-size: 20px;
      font-weight: bold; }
      .bath-product .__table02 .__subtitle .__small {
        font-size: 0.6em;
        font-weight: normal;
        vertical-align: middle; }
    .bath-product .__table02 .__content {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin-top: 8px; }
      .bath-product .__table02 .__content .__single {
        width: 100%;
        min-height: 0%;
        margin-top: 24px; }
        .bath-product .__table02 .__content .__single .__img {
          display: block;
          width: 100%; }
          .bath-product .__table02 .__content .__single .__img.__p09_icn {
            width: 180px;
            margin: 0 0 10px; }
      .bath-product .__table02 .__content .__double {
        width: calc( 50% - 12px);
        min-height: 0%; }
        .bath-product .__table02 .__content .__double:last-child {
          margin-bottom: 0x; }
      .bath-product .__table02 .__content .__double.__p05left {
        width: 35%; }
      .bath-product .__table02 .__content .__double.__p05right {
        width: 60%; }
      .bath-product .__table02 .__content .__double.__p09left {
        width: 35%; }
      .bath-product .__table02 .__content .__double.__p09right {
        width: 64%; }
      .bath-product .__table02 .__content .__double.__double--p17 {
        position: relative;
        width: calc( 48% - 12px); }
        .bath-product .__table02 .__content .__double.__double--p17 .__img.__img--p17 {
          position: relative;
          top: -28px;
          width: 95%; }
        .bath-product .__table02 .__content .__double.__double--p17 .__moviewrap {
          position: absolute;
          bottom: 0; }
      .bath-product .__table02 .__content .__bgorange {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        height: 100%;
        padding: 16px;
        background: #ddedf9; }
        .bath-product .__table02 .__content .__bgorange .__head {
          display: block;
          margin-bottom: 12px;
          color: #00abeb;
          font-weight: bold; }
          .bath-product .__table02 .__content .__bgorange .__head.__head_p07 {
            font-feature-settings: "palt"; }
            .bath-product .__table02 .__content .__bgorange .__head.__head_p07 .icon {
              display: inline-block;
              height: 20px;
              margin: 2px 0 -2px 2px; }
          .bath-product .__table02 .__content .__bgorange .__head .__head_p11 {
            margin-left: 20px;
            color: #333;
            font-size: 13px;
            font-weight: normal; }
        .bath-product .__table02 .__content .__bgorange .__split {
          display: flex;
          justify-content: space-between; }
        .bath-product .__table02 .__content .__bgorange .__textarea {
          width: 100%;
          height: auto;
          line-height: 1.4; }
          .bath-product .__table02 .__content .__bgorange .__textarea .__small {
            font-size: 0.8em; }
        .bath-product .__table02 .__content .__bgorange .__text {
          margin-bottom: 12px;
          line-break: strict; }
        .bath-product .__table02 .__content .__bgorange .__imgarea {
          display: flex;
          align-items: center;
          width: calc(100% - 190px); }
        .bath-product .__table02 .__content .__bgorange .__moviewrap {
          width: 95%;
          margin: 0 auto; }
    .bath-product .__table02 .__content--three {
      display: flex;
      justify-content: space-between; }
      .bath-product .__table02 .__content--three .__item {
        width: 33%; }
  .bath-product .__table02.__panel {
    margin-top: 40px; }
  .bath-product .__table02.__table02--smallimg .__single {
    width: 100%; }
  .bath-product .__table02.__table02--smallimg .__img {
    display: block;
    max-width: 400px;
    margin: 0 auto; }
  .bath-product .__table02.__table02_p18 .__double.left {
    width: calc( 52% - 12px); }
  .bath-product .__table02.__table02_p18 .__double.right {
    width: calc( 48% - 12px); }
  .bath-product .__table02.__table02_p19 .__text.__left {
    float: left; }
  .bath-product .__table02.__table02_p19 .__text.__right {
    overflow: hidden; }
  .bath-product .__movietext-top {
    margin-bottom: 8px; }
  .bath-product .__movietext-bottom {
    margin-top: 8px; }
  .bath-product .__navmenu {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 80px 0 0; }
    .bath-product .__navmenu .__item {
      width: 24.5%;
      padding: 10px 4px 8px;
      color: white;
      font-size: 1.8em;
      font-weight: bold;
      text-align: center; }
      .bath-product .__navmenu .__item:hover {
        opacity: .7; }
      .bath-product .__navmenu .__item:first-child {
        background: #f39800; }
      .bath-product .__navmenu .__item:nth-child(2) {
        background: #0068b6; }
      .bath-product .__navmenu .__item:nth-child(3) {
        background: #44af35; }
      .bath-product .__navmenu .__item:nth-child(4) {
        background: #e50012; }
      .bath-product .__navmenu .__item .__link {
        display: block;
        color: white;
        text-decoration: none; }
  .bath-product .sp-only-flex {
    display: none !important; }
  .bath-product .__table03 {
    box-sizing: border-box;
    margin-bottom: 40px;
    padding: 16px 20px;
    border: 2px solid #000; }
    .bath-product .__table03 .__subtitle {
      position: relative;
      margin-bottom: 20px;
      padding-bottom: 4px;
      border-bottom: 1px solid #000;
      font-size: 1.7em;
      font-weight: bold; }
      .bath-product .__table03 .__subtitle._p12 {
        position: relative; }
        .bath-product .__table03 .__subtitle._p12 .__icon {
          position: absolute;
          top: 0;
          right: 0;
          width: 50px; }
      .bath-product .__table03 .__subtitle .__small {
        font-size: 0.6em;
        font-weight: normal;
        vertical-align: middle; }
      .bath-product .__table03 .__subtitle .icon {
        position: absolute;
        top: 1px;
        width: auto !important;
        height: 34px;
        margin-left: 15px; }
    .bath-product .__table03 .__subtitle.__sprit {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .bath-product .__table03 .__subtitle.__sprit .__right {
        display: block;
        max-width: 400px;
        font-size: 12px;
        font-weight: normal;
        line-height: 1.4; }
      .bath-product .__table03 .__subtitle.__sprit .__right.__right--wide {
        max-width: 500px; }
    .bath-product .__table03 .__text {
      display: block;
      margin-bottom: 12px;
      line-height: 1.4; }
      .bath-product .__table03 .__text .__red {
        color: #e9474d; }
      .bath-product .__table03 .__text .__small {
        font-size: 0.9em; }
    .bath-product .__table03 .__margin--middle {
      margin-bottom: 40px; }
    .bath-product .__table03 .__margin--small {
      margin-bottom: 20px; }
    .bath-product .__table03 .__content {
      display: flex;
      justify-content: space-between; }
      .bath-product .__table03 .__content .__img {
        width: 100%;
        max-width: 100%; }
      .bath-product .__table03 .__content .__leftcontent {
        width: calc(50% - 10px);
        min-height: 0%; }
        .bath-product .__table03 .__content .__leftcontent.__marginBottom0 {
          margin-bottom: 0; }
        .bath-product .__table03 .__content .__leftcontent--40 {
          width: calc(40% - 10px); }
      .bath-product .__table03 .__content .__rightcontent {
        width: calc(50% - 10px);
        min-height: 0%; }
        .bath-product .__table03 .__content .__rightcontent--60 {
          width: calc(60% - 10px); }
  .bath-product .__table03.__table03--p01maho .__content .__leftcontent {
    width: 32%; }
  .bath-product .__table03.__table03--p01maho .__content .__rightcontent {
    width: 64%; }
  .bath-product .__table03.__table03--p01kara .__content .__leftcontent {
    width: 60%; }
  .bath-product .__table03.__table03--p01kara .__content .__rightcontent {
    width: 38%;
    padding-top: 5%; }
  .bath-product .__table03.__table03--p02pita .__content .__leftcontent {
    width: 69%; }
  .bath-product .__table03.__table03--p02pita .__content .__rightcontent {
    width: 28%; }
  .bath-product .__table03.__table03--p02clen .__content .__rightcontent .__img {
    display: block;
    width: 340px;
    margin: auto; }
  .bath-product .__table03.__table03--p03keep .__content .__leftcontent {
    width: 55%; }
  .bath-product .__table03.__table03--p03keep .__content .__rightcontent {
    width: 40%; }
  .bath-product .__table03.__table03--p03yokuso .__content .__leftcontent {
    width: 22%; }
  .bath-product .__table03.__table03--p03yokuso .__content .__rightcontent {
    margin-right: 25%; }
  .bath-product .__table03.__table03--p05-2way .__subtitle {
    font-feature-settings: "palt"; }
  .bath-product .__table03.__table03--p05-2way .__moviewrap {
    width: 80%;
    margin: auto; }
  .bath-product .__table03.__table03_p05yokuso .__img.icon {
    height: 40px;
    margin: 0 20px 10px 0;
    float: left; }
    .bath-product .__table03.__table03_p05yokuso .__img.icon + .__text {
      margin: 10px 0 0;
      float: left; }
  .bath-product .__table03.__table03_p05yokuso .__content {
    clear: both; }
  .bath-product .__table03.__table03_p05yokuso .__content:first-of-type .__leftcontent {
    width: 50%; }
  .bath-product .__table03.__table03_p05yokuso .__content:first-of-type .__rightcontent {
    width: 45%; }
  .bath-product .__table03.__table03_p05yokuso2 .__leftcontent {
    width: 35%; }
  .bath-product .__table03.__table03_p05yokuso2 .__rightcontent {
    margin-right: 10%; }
  .bath-product .__table03.__table03_p05door .__content_p05 .__leftcontent {
    width: 25%; }
  .bath-product .__table03.__table03_p05door .__content_p05 .__rightcontent {
    width: 72%; }
  .bath-product .__table03.__table03-p06hoon .__leftcontent {
    width: 32%; }
  .bath-product .__table03.__table03-p06hoon .__rightcontent {
    width: 61%;
    margin-right: 6%; }
  .bath-product .__table03.__table03_p09maru .__leftcontent {
    width: 54%; }
  .bath-product .__table03.__table03_p09maru .__rightcontent {
    width: 43%; }
  .bath-product .__table03.__table03_p09maru .__text.__description {
    margin: 5px 0 0;
    font-size: 10px; }
  .bath-product .__table03.__table03--p10kara .__leftcontent {
    width: calc(38% - 10px); }
  .bath-product .__table03.__table03--p10kara .__centercontent {
    width: calc(34% - 10px);
    margin: 10px 0 0; }
  .bath-product .__table03.__table03--p10kara .__rightcontent {
    width: calc(28% - 10px); }
  .bath-product .__table03.__table03_p13yokuso .__text.__sub {
    margin: 5px 40px 10px 0;
    float: left;
    font-size: 22px;
    font-weight: bold; }
  .bath-product .__table03.__table03_p13yokuso .__img.icon {
    height: 40px;
    margin: -5px 10px 10px 0;
    float: left; }
    .bath-product .__table03.__table03_p13yokuso .__img.icon + .__text {
      margin: 10px 0 0;
      float: left; }
  .bath-product .__table03.__table03_p13yokuso .__content {
    clear: both; }
  .bath-product .__table03.__table03_p13yokuso .__content:first-of-type .__leftcontent {
    width: 45%; }
  .bath-product .__table03.__table03_p13yokuso .__content:first-of-type .__rightcontent {
    width: calc(55% - 20px); }
  .bath-product .__table04 .__content {
    display: flex;
    justify-content: space-between; }
    .bath-product .__table04 .__content .__borderbox {
      position: relative;
      width: calc( 50% - 10px);
      padding: 16px 16px 50px 16px;
      border: 3px solid #74562C;
      font-size: 0.8em;
      line-height: 1.4; }
      .bath-product .__table04 .__content .__borderbox .__subtitle {
        display: block;
        margin-bottom: 12px;
        color: #74562C;
        font-size: 18px;
        font-weight: bold; }
    .bath-product .__table04 .__content .__double {
      width: calc( 50% - 10px); }
    .bath-product .__table04 .__content .__column {
      display: flex;
      flex-direction: column;
      width: calc( 50% - 10px); }
      .bath-product .__table04 .__content .__column .__borderbox {
        width: 100%; }
    .bath-product .__table04 .__content .__column.__column_p08 .__leftcontent {
      width: calc(20% - 10px); }
    .bath-product .__table04 .__content .__column.__column_p08 .__centercontent {
      width: calc(45% - 10px);
      margin: 0 14px; }
    .bath-product .__table04 .__content .__column.__column_p08 .__rightcontent {
      width: calc(35% - 10px); }
  .bath-product .__table04 .__info {
    margin-top: 12px;
    font-size: 0.7em;
    line-height: 1.4; }
  .bath-product .__table04 .__pricearea .__price {
    display: inline-block;
    position: absolute;
    right: 16px;
    bottom: 8px;
    padding-left: 42px;
    color: #e50012;
    font-size: 24px; }
    .bath-product .__table04 .__pricearea .__price:after {
      display: block;
      position: absolute;
      top: 4px;
      left: 8px;
      width: 30px;
      height: 24px;
      background: url(../images/price_01.png) no-repeat center center/contain;
      content: ''; }
  .bath-product .__table04.__table04_p17 .__column.__left {
    width: calc( 65% - 10px); }
  .bath-product .__table04.__table04_p17 .__column.__right {
    flex-direction: initial;
    width: calc( 35% - 10px); }
  .bath-product .__specarea2 {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between; }
    .bath-product .__specarea2 .__img {
      width: 48%;
      margin: 0 auto 12px; }
  .bath-product .toggle-content {
    display: none; }
  .bath-product .toggle-button {
    cursor: pointer; }
    .bath-product .toggle-button:hover {
      opacity: 0.8; }
  .bath-product .brown-button, .bath-product .pink-button {
    position: relative; }
    .bath-product .brown-button:after, .bath-product .pink-button:after {
      display: block;
      position: absolute;
      top: 4px;
      right: 8px;
      width: 28px;
      height: 26px;
      background: url(../images/open-button.png) no-repeat center center/contain;
      content: ''; }
    .bath-product .brown-button.opened:after, .bath-product .pink-button.opened:after {
      transform: rotate(-180deg); }
  .bath-product .red-button {
    position: relative; }
    .bath-product .red-button:after {
      display: block;
      position: absolute;
      top: 4px;
      right: 8px;
      width: 28px;
      height: 26px;
      background: url(../images/open-button.png) no-repeat center center/contain;
      content: ''; }
    .bath-product .red-button.opened:after {
      transform: rotate(-180deg); }
  .bath-product .blue-button {
    position: relative; }
    .bath-product .blue-button:after {
      display: block;
      position: absolute;
      top: 4px;
      right: 8px;
      width: 28px;
      height: 26px;
      background: url(../images/open-button.png) no-repeat center center/contain;
      content: ''; }
    .bath-product .blue-button.opened:after {
      transform: rotate(-180deg); }
  .bath-product .green-button {
    position: relative; }
    .bath-product .green-button:after {
      display: block;
      position: absolute;
      top: 4px;
      right: 8px;
      width: 28px;
      height: 26px;
      background: url(../images/open-button.png) no-repeat center center/contain;
      content: ''; }
    .bath-product .green-button.opened:after {
      transform: rotate(-180deg); }
  .bath-product .__title02 {
    display: block;
    margin-top: 72px;
    margin-bottom: 12px;
    padding: 8px 12px 4px;
    background: #e9474d;
    color: #fff;
    font-size: 1.6em;
    font-weight: bold;
    line-height: 1; }
  .bath-product .__title02--brown {
    background: #74562C; }
  .bath-product .__title02--orange {
    background: #ED6C00; }
  .bath-product .__title02--safety {
    background: #44af35; }
  .bath-product .__title02--design {
    background: #e50012; }
  .bath-product .__title02--pink {
    background: #CA4768; }
  .bath-product .__title02--blue {
    background: #3C80B6; }
  .bath-product .__title02--green {
    background: #5EA23A; }
  .bath-product .__moviewrap {
    cursor: pointer; }
    .bath-product .__moviewrap:hover {
      opacity: 0.8; }
    .bath-product .__moviewrap--gif {
      padding: 8px;
      border: 1px solid #e1e1e1; }
      .bath-product .__moviewrap--gif .__iconarea {
        display: flex;
        justify-content: space-between;
        margin-bottom: 8px; }
        .bath-product .__moviewrap--gif .__iconarea .__gifarea {
          width: 40%; }
        .bath-product .__moviewrap--gif .__iconarea .__textarea {
          width: 58%; }
    .bath-product .__moviewrap .__img {
      display: block;
      width: 100%; }
  .bath-product .__moviearea01 {
    margin-bottom: 40px; }
    .bath-product .__moviearea01 .__content {
      display: flex;
      justify-content: space-between; }
    .bath-product .__moviearea01 .__leftcontent {
      width: 48%;
      min-height: 0%; }
    .bath-product .__moviearea01 .__rightcontent {
      width: 48%;
      min-height: 0%; }
    .bath-product .__moviearea01 .__contentsingle {
      justify-content: space-around; }
    .bath-product .__moviearea01 .__single {
      width: 48%;
      min-height: 0%; }
      .bath-product .__moviearea01 .__single .__img {
        display: block;
        width: 100%; }
  .bath-product .info2_add {
    display: block;
    margin-top: -70px;
    font-weight: bold; }
  .bath-product .__sizearea .__title {
    margin-top: 24px;
    margin-bottom: 12px;
    color: #ED6C00;
    font-size: 24px;
    font-weight: bold; }
  .bath-product .__sizearea .__example {
    margin-bottom: 12px; }
    .bath-product .__sizearea .__example .__house, .bath-product .__sizearea .__example .__apart {
      display: inline-block;
      position: relative;
      height: 30px;
      margin-right: 20px;
      font-size: 20px;
      line-height: 30px; }
  .bath-product .__sizearea .__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .bath-product .__sizearea .__list .__item {
      width: calc(50% - 10px);
      margin-bottom: 12px;
      padding: 8px;
      border: 3px solid #ED6C00; }
      .bath-product .__sizearea .__list .__item .__sizename {
        display: block;
        margin-bottom: 12px;
        color: #ED6C00;
        font-size: 18px;
        font-weight: bold; }
      .bath-product .__sizearea .__list .__item .__pricearea {
        display: flex;
        justify-content: space-around;
        color: #D0121B;
        font-weight: bold; }
        .bath-product .__sizearea .__list .__item .__pricearea .__left, .bath-product .__sizearea .__list .__item .__pricearea .__right {
          width: calc(50% - 5px); }
      .bath-product .__sizearea .__list .__item .__price {
        display: inline-block;
        display: flex;
        position: relative;
        align-items: center;
        height: 24px;
        margin-right: 8px;
        font-size: 18px;
        line-height: 24px;
        text-align: center; }
      .bath-product .__sizearea .__list .__item .__tax {
        display: inline-block;
        margin-right: 2px;
        font-size: 0.7em;
        text-align: center; }
      .bath-product .__sizearea .__list .__item .__yen {
        font-size: 0.8em; }
    .bath-product .__sizearea .__list .__item.__item--blank {
      background: #C9CACA;
      color: white; }
      .bath-product .__sizearea .__list .__item.__item--blank .__sizename {
        color: white; }
      .bath-product .__sizearea .__list .__item.__item--blank .__price {
        color: white; }
    .bath-product .__sizearea .__list .__item.__text {
      width: 100%;
      padding: 0;
      border: none; }
      .bath-product .__sizearea .__list .__item.__text .__img {
        width: 100%;
        max-width: 440px; }

.bath-product .__chargearea {
  margin-top: 120px;
  margin-bottom: 40px; }
  .bath-product .__chargearea .__name {
    display: block;
    margin-bottom: 8px;
    font-size: 1.4em;
    font-weight: bold; }
  .bath-product .__chargearea .__service {
    display: block;
    margin-bottom: 20px; }
    .bath-product .__chargearea .__service .__img {
      width: 100%;
      height: auto; }
  .bath-product .__chargearea .__mitsumori {
    margin-top: 40px;
    margin-bottom: 80px;
    padding: 24px;
    border: 2px solid #000; }

.bath-product .__form .__inputarea {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 48px;
  padding-top: 10px;
  border-top: 3px solid #e9474d; }
  .bath-product .__form .__inputarea .__width {
    display: block;
    position: absolute;
    top: -25px;
    left: 170px;
    font-weight: bold; }
  .bath-product .__form .__inputarea .__wrap {
    display: flex;
    position: relative;
    justify-content: space-between;
    margin-bottom: 8px; }
  .bath-product .__form .__inputarea .__product {
    display: inline-block;
    padding: 12px 12px;
    font-size: 20px;
    font-weight: bold;
    line-height: 1; }
  .bath-product .__form .__inputarea:after {
    display: block;
    position: absolute;
    top: -30px;
    left: -5px;
    width: 170px;
    height: 30px;
    background: url(../images/chrage_1616.png) no-repeat center center/contain;
    content: ''; }

.bath-product .__form .__inputarea--1616 {
  border-top: 3px solid #ED6C00; }
  .bath-product .__form .__inputarea--1616:after {
    display: block;
    position: absolute;
    top: -30px;
    left: 0px;
    width: 400px;
    height: 30px;
    background: url(../images/charge_1616.png) no-repeat center center/contain;
    content: ''; }

.bath-product .__form .__inputarea--1216 {
  border-top: 3px solid #ED6C00; }
  .bath-product .__form .__inputarea--1216:after {
    display: block;
    position: absolute;
    top: -30px;
    left: 0px;
    width: 400px;
    height: 30px;
    background: url(../images/charge_1216.png) no-repeat center center/contain;
    content: ''; }

.bath-product .__form .__inputarea--ltype {
  border-top: 3px solid #ED6C00; }
  .bath-product .__form .__inputarea--ltype:after {
    display: block;
    position: absolute;
    top: -30px;
    left: -5px;
    width: 170px;
    height: 30px;
    background: url(../images/form_label02.png) no-repeat center center/contain;
    content: ''; }

.bath-product .__form .__inputarea--apart {
  border-top: 3px solid #ED6C00; }
  .bath-product .__form .__inputarea--apart:after {
    display: block;
    position: absolute;
    top: -30px;
    left: -5px;
    width: 170px;
    height: 30px;
    background: url(../images/form_label03.png) no-repeat center center/contain;
    content: ''; }

.bath-product .__form .__input {
  position: relative; }

.bath-product .__form select {
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box;
  z-index: 1;
  position: relative;
  width: 100%;
  margin-top: 22px;
  padding: 1em 1em 1em 3em;
  border: 1px solid #333;
  border-radius: 0;
  background: none;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer; }

.bath-product .__form select::-ms-expand {
  display: none; }

.bath-product .__form .__input::after {
  display: block;
  z-index: 0;
  position: absolute;
  top: calc(50% + 0px);
  left: 18px;
  width: 16px;
  height: 16px;
  background: url(../images/select.png) no-repeat center center/contain;
  content: ""; }

.bath-product .__form .__price {
  margin-top: 9px;
  padding: 0px 8px 4px 0;
  font-size: 2em;
  font-weight: bold;
  line-height: 1; }
  .bath-product .__form .__price .__small {
    font-size: 0.6em; }

.bath-product .__form .__submit {
  display: block;
  width: 100%;
  margin-top: 12px;
  padding: 8px;
  background: #00428b;
  color: white;
  font-size: 1.4em;
  font-weight: bold;
  text-align: center;
  cursor: pointer; }
  .bath-product .__form .__submit:hover {
    opacity: 0.7; }

.bath-product .__form .__submit--75 {
  background: #00428b; }

.modal-wrap {
  box-sizing: border-box;
  width: 100%;
  max-width: 700px;
  margin: 80px auto;
  padding: 0 16px; }
  .modal-wrap .__img {
    display: block;
    width: 100%;
    max-width: 100%; }
  .modal-wrapiframe::-webkit-scrollbar {
    display: none; }
  .modal-wrap.no-scllor iframe::-webkit-scrollbar {
    display: none; }

.movietouch {
  position: relative;
  max-width: 85%;
  margin: 12px auto 0; }
  .movietouch .__base {
    display: block;
    max-width: 100%; }
  .movietouch .__point {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 20%;
    height: auto; }
    .movietouch .__point:hover {
      opacity: 0.7; }
  .movietouch.movietouch--p01-01 .__point.__point01 {
    top: 15%;
    left: 2%;
    width: 25%;
    height: auto; }
  .movietouch.movietouch--p01-01 .__point.__point02 {
    top: 9.2%;
    left: 56%;
    width: 16.5%;
    height: auto; }
  .movietouch.movietouch--p01-01 .__point.__point03 {
    top: 59%;
    left: 64%;
    width: 26%;
    height: auto; }
  .movietouch.movietouch--p01-01 .__point.__point04 {
    top: 68%;
    left: 48%;
    width: 20%;
    height: auto; }
  .movietouch.movietouch--p01-01 .__point.__point05 {
    top: 86.5%;
    left: 33%;
    width: 21%;
    height: auto; }
  .movietouch.movietouch--p02-01 .__point.__point01 {
    top: 15%;
    left: 73%;
    width: 25%;
    height: auto; }
  .movietouch.movietouch--p02-01 .__point.__point02 {
    top: 9%;
    left: 1%;
    width: 16.5%;
    height: auto; }
  .movietouch.movietouch--p02-01 .__point.__point03 {
    top: 59%;
    left: 7%;
    width: 18%;
    height: auto; }
  .movietouch.movietouch--p02-01 .__point.__point04 {
    top: 59%;
    left: 29%;
    width: 20%;
    height: auto; }
  .movietouch.movietouch--p02-01 .__point.__point05 {
    top: 87.5%;
    left: 34%;
    width: 26%;
    height: auto; }
  .movietouch.movietouch--p04-01 .__point.__point01 {
    top: 15%;
    left: 2.5%;
    width: 25%;
    height: auto; }
  .movietouch.movietouch--p04-01 .__point.__point02 {
    top: 30%;
    left: 33.5%;
    width: 18%;
    height: auto; }
  .movietouch.movietouch--p04-01 .__point.__point03 {
    top: 57.5%;
    left: 51.5%;
    width: 21%;
    height: auto; }
  .movietouch.movietouch--p04-01 .__point.__point04 {
    top: 89.5%;
    left: 37%;
    width: 19.5%;
    height: auto; }
  .movietouch.movietouch--p04-01 .__point.__point05 {
    top: 88%;
    left: 55%;
    width: 15%;
    height: auto; }
  .movietouch.movietouch--p05-01 .__point.__point01 {
    top: 15%;
    left: 2.5%;
    width: 25%;
    height: auto; }
  .movietouch.movietouch--p05-01 .__point.__point02 {
    top: 17%;
    left: 45.5%;
    width: 18.5%;
    height: auto; }
  .movietouch.movietouch--p05-01 .__point.__point03 {
    top: 60%;
    left: 64.5%;
    width: 25%;
    height: auto; }
  .movietouch.movietouch--p05-01 .__point.__point04 {
    top: 67%;
    left: 43%;
    width: 17%;
    height: auto; }
  .movietouch.movietouch--p05-01 .__point.__point05 {
    top: 88.5%;
    left: 44.5%;
    width: 23%;
    height: auto; }
  .movietouch.movietouch--p06-01 .__point.__point01 {
    top: 15%;
    left: 72%;
    width: 25%;
    height: auto; }
  .movietouch.movietouch--p06-01 .__point.__point02 {
    top: 22%;
    left: 39%;
    width: 20%;
    height: auto; }
  .movietouch.movietouch--p06-01 .__point.__point03 {
    top: 62.5%;
    left: 15.5%;
    width: 23%;
    height: auto; }
  .movietouch.movietouch--p06-01 .__point.__point04 {
    top: 67.5%;
    left: 45%;
    width: 18%;
    height: auto; }
  .movietouch.movietouch--p06-01 .__point.__point05 {
    top: 875%;
    left: 25.5%;
    width: 20%;
    height: auto; }
  .movietouch.movietouch--p07-01 .__point.__point01 {
    top: 15%;
    left: 2%;
    width: 25%;
    height: auto; }
  .movietouch.movietouch--p07-01 .__point.__point02 {
    top: 20%;
    left: 49%;
    width: 19.3%;
    height: auto; }
  .movietouch.movietouch--p07-01 .__point.__point03 {
    top: 59%;
    left: 67%;
    width: 18%;
    height: auto; }
  .movietouch.movietouch--p07-01 .__point.__point04 {
    top: 67%;
    left: 46%;
    width: 15%;
    height: auto; }
  .movietouch.movietouch--p07-01 .__point.__point05 {
    top: 88.5%;
    left: 53%;
    width: 21%;
    height: auto; }
  .movietouch.movietouch--p08-01 .__point.__point01 {
    top: 15%;
    left: 73%;
    width: 25%;
    height: auto; }
  .movietouch.movietouch--p08-01 .__point.__point02 {
    top: 6%;
    left: 26%;
    width: 19.5%;
    height: auto; }
  .movietouch.movietouch--p08-01 .__point.__point03 {
    top: 54.5%;
    left: 11%;
    width: 20%;
    height: auto; }
  .movietouch.movietouch--p08-01 .__point.__point04 {
    top: 70.5%;
    left: 79.5%;
    width: 18%;
    height: auto; }
  .movietouch.movietouch--p08-01 .__point.__point05 {
    top: 79.5%;
    left: 40%;
    width: 20%;
    height: auto; }
  .movietouch.movietouch--p09-01 .__point.__point01 {
    top: 15%;
    left: 2%;
    width: 25%;
    height: auto; }
  .movietouch.movietouch--p09-01 .__point.__point02 {
    top: 22.5%;
    left: 56.5%;
    width: 21%;
    height: auto; }
  .movietouch.movietouch--p09-01 .__point.__point03 {
    top: 60.5%;
    left: 75.5%;
    width: 17%;
    height: auto; }
  .movietouch.movietouch--p09-01 .__point.__point04 {
    top: 85.5%;
    left: 27%;
    width: 22%;
    height: auto; }
  .movietouch.movietouch--p09-01 .__point.__point05 {
    top: 90%;
    left: 51.5%;
    width: 20%;
    height: auto; }
  .movietouch.movietouch--p10-01 .__point.__point01 {
    top: 15%;
    left: 2%;
    width: 25%;
    height: auto; }
  .movietouch.movietouch--p10-01 .__point.__point02 {
    top: 9%;
    left: 52%;
    width: 20.5%;
    height: auto; }
  .movietouch.movietouch--p10-01 .__point.__point03 {
    top: 59.5%;
    left: 71%;
    width: 20%;
    height: auto; }
  .movietouch.movietouch--p10-01 .__point.__point04 {
    top: 68.5%;
    left: 0;
    width: 18%;
    height: auto; }
  .movietouch.movietouch--p10-01 .__point.__point05 {
    top: 88%;
    left: 34.5%;
    width: 20.5%;
    height: auto; }
  .movietouch.movietouch--p11-01 .__point.__point01 {
    top: 15%;
    left: 2.5%;
    width: 25%;
    height: auto; }
  .movietouch.movietouch--p11-01 .__point.__point02 {
    top: 3%;
    left: 43%;
    width: 19.5%;
    height: auto; }
  .movietouch.movietouch--p11-01 .__point.__point03 {
    top: 49%;
    left: 63%;
    width: 18%;
    height: auto; }
  .movietouch.movietouch--p11-01 .__point.__point04 {
    top: 89.5%;
    left: 21%;
    width: 22%;
    height: auto; }
  .movietouch.movietouch--p11-01 .__point.__point05 {
    top: 84.1%;
    left: 45.5%;
    width: 15.5%;
    height: auto; }
  .movietouch.movietouch--p12-01 .__point.__point01 {
    top: 15%;
    left: 2.5%;
    width: 25%;
    height: auto; }
  .movietouch.movietouch--p12-01 .__point.__point02 {
    top: 21%;
    left: 68%;
    width: 19.5%;
    height: auto; }
  .movietouch.movietouch--p12-01 .__point.__point03 {
    top: 74%;
    left: 56.5%;
    width: 20.5%;
    height: auto; }
  .movietouch.movietouch--p12-01 .__point.__point04 {
    top: 67%;
    left: 34%;
    width: 17%;
    height: auto; }
  .movietouch.movietouch--p12-01 .__point.__point05 {
    top: 89.5%;
    left: 55%;
    width: 15.5%;
    height: auto; }
  .movietouch.movietouch--p13-01 .__point.__point01 {
    top: 15%;
    left: 2.5%;
    width: 25%;
    height: auto; }
  .movietouch.movietouch--p13-01 .__point.__point02 {
    top: 10.5%;
    left: 34%;
    width: 20.5%;
    height: auto; }
  .movietouch.movietouch--p13-01 .__point.__point03 {
    top: 58%;
    left: 55%;
    width: 18%;
    height: auto; }
  .movietouch.movietouch--p13-01 .__point.__point04 {
    top: 68.5%;
    left: 26.5%;
    width: 21%;
    height: auto; }
  .movietouch.movietouch--p13-01 .__point.__point05 {
    top: 89.5%;
    left: 60.5%;
    width: 16%;
    height: auto; }
  .movietouch.movietouch--p14-01 .__point.__point01 {
    top: 15%;
    left: 60%;
    width: 25%;
    height: auto; }
  .movietouch.movietouch--p14-01 .__point.__point02 {
    top: 10.5%;
    left: 32%;
    width: 20.5%;
    height: auto; }
  .movietouch.movietouch--p14-01 .__point.__point03 {
    top: 58%;
    left: 17%;
    width: 18%;
    height: auto; }
  .movietouch.movietouch--p14-01 .__point.__point04 {
    top: 78%;
    left: 85%;
    width: 10%;
    height: auto; }
  .movietouch.movietouch--p14-01 .__point.__point05 {
    top: 87%;
    left: 18%;
    width: 20%;
    height: auto; }
  .movietouch.movietouch--p15-01 .__point.__point01 {
    top: 15%;
    left: 2%;
    width: 25%;
    height: auto; }
  .movietouch.movietouch--p15-01 .__point.__point02 {
    top: 9%;
    left: 38%;
    width: 20%;
    height: auto; }
  .movietouch.movietouch--p15-01 .__point.__point03 {
    top: 65.5%;
    left: 57%;
    width: 24%;
    height: auto; }
  .movietouch.movietouch--p15-01 .__point.__point04 {
    top: 89%;
    left: 36.5%;
    width: 18%;
    height: auto; }
  .movietouch.movietouch--p15-01 .__point.__point05 {
    top: 79%;
    left: 50.5%;
    width: 14%;
    height: auto; }
  .movietouch.movietouch--p16-01 .__point.__point01 {
    top: 15%;
    left: 2.5%;
    width: 25%;
    height: auto; }
  .movietouch.movietouch--p16-01 .__point.__point02 {
    top: 1%;
    left: 47.5%;
    width: 21%;
    height: auto; }
  .movietouch.movietouch--p16-01 .__point.__point03 {
    top: 65.5%;
    left: 68%;
    width: 23%;
    height: auto; }
  .movietouch.movietouch--p16-01 .__point.__point04 {
    top: 77.5%;
    left: 32.5%;
    width: 21%;
    height: auto; }
  .movietouch.movietouch--p16-01 .__point.__point05 {
    top: 89.7%;
    left: 51%;
    width: 17.5%;
    height: auto; }
  .movietouch.movietouch--p17-01 .__point.__point01 {
    top: 15%;
    left: 2.5%;
    width: 25%;
    height: auto; }
  .movietouch.movietouch--p17-01 .__point.__point02 {
    top: 5.5%;
    left: 48.5%;
    width: 19.5%;
    height: auto; }
  .movietouch.movietouch--p17-01 .__point.__point03 {
    top: 69%;
    left: 56%;
    width: 30%;
    height: auto; }
  .movietouch.movietouch--p17-01 .__point.__point04 {
    top: 73.5%;
    left: 0;
    width: 12%;
    height: auto; }
  .movietouch.movietouch--p17-01 .__point.__point05 {
    top: 90%;
    left: 26%;
    width: 23.5%;
    height: auto; }
  .movietouch.movietouch--p18-01 .__point.__point01 {
    top: 15%;
    left: 2.5%;
    width: 25%;
    height: auto; }
  .movietouch.movietouch--p18-01 .__point.__point02 {
    top: 13%;
    left: 38.5%;
    width: 21%;
    height: auto; }
  .movietouch.movietouch--p18-01 .__point.__point03 {
    top: 58.5%;
    left: 33%;
    width: 22%;
    height: auto; }
  .movietouch.movietouch--p18-01 .__point.__point04 {
    top: 68.5%;
    left: 38%;
    width: 19%;
    height: auto; }
  .movietouch.movietouch--p18-01 .__point.__point05 {
    top: 88%;
    left: 48.5%;
    width: 17%;
    height: auto; }
  .movietouch.movietouch--p19-01 .__point.__point01 {
    top: 15%;
    left: 2.5%;
    width: 25%;
    height: auto; }
  .movietouch.movietouch--p19-01 .__point.__point02 {
    top: 4.5%;
    left: 44%;
    width: 20%;
    height: auto; }
  .movietouch.movietouch--p19-01 .__point.__point03 {
    top: 55.5%;
    left: 28.5%;
    width: 26%;
    height: auto; }
  .movietouch.movietouch--p19-01 .__point.__point04 {
    top: 65%;
    left: 33.5%;
    width: 21%;
    height: auto; }
  .movietouch.movietouch--p19-01 .__point.__point05 {
    top: 87%;
    left: 45.5%;
    width: 20%;
    height: auto; }
  .movietouch.movietouch--p20-01 .__point.__point01 {
    top: 15%;
    left: 2.5%;
    width: 25%;
    height: auto; }
  .movietouch.movietouch--p20-01 .__point.__point02 {
    top: 23%;
    left: 58%;
    width: 20%;
    height: auto; }
  .movietouch.movietouch--p20-01 .__point.__point03 {
    top: 64%;
    left: 69%;
    width: 17%;
    height: auto; }
  .movietouch.movietouch--p20-01 .__point.__point04 {
    top: 91%;
    left: 52%;
    width: 18%;
    height: auto; }
  .movietouch.movietouch--p20-01 .__point.__point05 {
    top: 92%;
    left: 25%;
    width: 20%;
    height: auto; }

.bath-product.type-m .__table02 {
  border: 3px solid #757ebc; }
  .bath-product.type-m .__table02 .__title {
    background: #757ebc; }
  .bath-product.type-m .__table02 .__content .__bgorange {
    background: #e5e5f3; }
    .bath-product.type-m .__table02 .__content .__bgorange .__head {
      color: #757ebc; }

@media only screen and (min-width: 0) and (max-width: 767px) {
    .bath-product .m-bottom-sp-20 {
      margin-bottom: 20px !important; }
    .bath-product .m-bottom-sp-0 {
      margin-bottom: 0 !important; }
    .bath-product .m-top-sp-0 {
      margin-top: 0 !important; }
      .bath-product .max-w-90p {
        max-width: 100% !important; }
      .bath-product .max-w-65p {
        max-width: 100% !important; }
      .bath-product .max-w-45p {
        display: block;
        margin: 0 auto; }
    .bath-product .max-w-100p-sp {
      max-width: 100% !important; }
    .bath-product .max-w-50p-sp {
      display: block;
      max-width: 50% !important;
      margin: auto; }
      .bath-product .w-82p {
        width: calc( 84% - 6px) !important; }
      .bath-product .w-15p {
        width: calc( 16% - 6px) !important; }
      .bath-product .w-70p {
        width: 100% !important; }
      .bath-product .w-60p {
        width: 100% !important; }
      .bath-product .w-65p {
        width: 100% !important; }
      .bath-product .w-55p {
        width: 100% !important; }
      .bath-product .w-45p {
        width: 100% !important; }
      .bath-product .w-40p {
        width: 100% !important; }
      .bath-product .w-35p {
        width: 100% !important; }
      .bath-product .w-30p {
        width: 100% !important; }
      .bath-product .w-20p {
        margin: auto; }
      .bath-product .h2-small {
        display: block; }
      .bath-product .h2-sub {
        display: block;
        top: 0;
        padding: 0; }
      .bath-product .sec02 .sec02_wrap {
        max-width: 480px;
        padding: 40px 0 0 0; }
      .bath-product .__sec06 .__p07_p08_p10_double {
        flex-direction: column; }
        .bath-product .__sec06 .__p07_p08_p10_double .__table03 {
          width: 100%;
          margin: 0 0 20px; }
          .bath-product .__sec06 .__p07_p08_p10_double .__table03 .__subtitle span {
            display: block;
            position: inherit;
            margin: 0; }
      .bath-product .__sec06 .__table03_p18hirogaru .__leftcontent {
        width: 100%; }
        .bath-product .__sec06 .__table03_p18hirogaru .__leftcontent::after {
          top: inherit;
          right: inherit;
          bottom: -50px;
          left: 50%;
          width: 30px;
          height: 20px;
          transform: translateX(-50%);
          border: 30px solid transparent;
          border-top: 20px solid #333; }
      .bath-product .__sec06 .__table03_p18hirogaru .__rightcontent {
        width: 100%; }
      .bath-product .__sec07.__sec07_p18 .__table03 .__leftcontent {
        width: 100%; }
      .bath-product .__sec07.__sec07_p18 .__table03 .__rightcontent {
        width: 100%; }
      .bath-product .__sec07 .__table03.__table03--p16 .__subtitle--p16 {
        top: 0;
        left: 0;
        margin: 10px 0 20px;
        font-size: 1.25em; }
      .bath-product .__img.pc-only {
        display: none; }
      .bath-product .__img.sp-only {
        display: inline; }
      .bath-product br.sp-only {
        display: inline; }
      .bath-product .headarea .__imglabel {
        width: 200px;
        margin-top: 10px; }
        .bath-product .headarea .__logoarea .__title .__logo {
          height: 20px;
          margin-bottom: 12px; }
          .bath-product .headarea .__logoarea .__title .__logo.__type2 {
            height: 34px; }
        .bath-product .headarea .__logoarea .__title .__logo.__logo--60 {
          height: 27px; }
        .bath-product .headarea .__imgarea .__size-m {
          margin: 20px auto 0; }
        .bath-product .headarea .__imgarea .__marginTop0 {
          margin: 0px auto 0; }
      .bath-product .__table01 {
        margin-top: 20px;
        margin-bottom: 20px; }
        .bath-product .__table01 .__row {
          flex-direction: column; }
          .bath-product .__table01 .__row .__th {
            width: 100%; }
          .bath-product .__table01 .__row .__td {
            width: 100%;
            padding: 6px 8px;
            border-left: none; }
      .bath-product .__table02wrap50 {
        flex-direction: column; }
        .bath-product .__table02wrap50 .__table02 {
          width: 100%;
          padding: 8px; }
      .bath-product .__table02 {
        margin-bottom: 20px;
        padding: 8px; }
        .bath-product .__table02 .__title {
          margin-bottom: 12px;
          font-size: 1.4em; }
        .bath-product .__table02 .__subtitle {
          font-size: 18px; }
        .bath-product .__table02 .__content {
          flex-direction: column; }
          .bath-product .__table02 .__content .__single {
            margin-top: 0;
            margin-bottom: 24px; }
          .bath-product .__table02 .__content .__double {
            width: 100%;
            margin-bottom: 24px; }
          .bath-product .__table02 .__content .__double.__p05left {
            width: 100%;
            margin: 0; }
          .bath-product .__table02 .__content .__double.__p05right {
            width: 100%; }
          .bath-product .__table02 .__content .__double.__p09left {
            width: 100%;
            margin: 0; }
          .bath-product .__table02 .__content .__double.__p09right {
            width: 100%; }
          .bath-product .__table02 .__content .__double.__double--p17 {
            width: 100%; }
            .bath-product .__table02 .__content .__double.__double--p17 .__img.__img--p17 {
              width: 100%;
              margin-bottom: -18px; }
            .bath-product .__table02 .__content .__double.__double--p17 .__moviewrap {
              position: inherit; }
          .bath-product .__table02 .__content .__bgorange {
            padding: 12px; }
                .bath-product .__table02 .__content .__bgorange .__head.__head_p07 .icon {
                  display: block;
                  height: 24px;
                  margin: 0; }
              .bath-product .__table02 .__content .__bgorange .__head .__head_p11 {
                display: block;
                margin: 0; }
            .bath-product .__table02 .__content .__bgorange .__split {
              flex-direction: column; }
              .bath-product .__table02 .__content .__bgorange .__split.__p07_sp_flex, .bath-product .__table02 .__content .__bgorange .__split .__flex_sp {
                flex-direction: initial; }
                .bath-product .__table02 .__content .__bgorange .__split.__p07_sp_flex .__double, .bath-product .__table02 .__content .__bgorange .__split .__flex_sp .__double {
                  width: calc( 50% - 6px); }
            .bath-product .__table02 .__content .__bgorange .__textarea {
              height: auto;
              margin-bottom: 12px; }
        .bath-product .__table02 .__content--three {
          flex-direction: column; }
          .bath-product .__table02 .__content--three .__item {
            width: 100%; }
      .bath-product .__table02.__table02_p18 .__double.left {
        width: 100%; }
      .bath-product .__table02.__table02_p18 .__double.right {
        width: 100%; }
      .bath-product .__navmenu {
        margin: 60px 0 0; }
        .bath-product .__navmenu .__item {
          width: 49%;
          margin-bottom: 2%;
          font-size: 1.4em; }
    .bath-product .pc-only {
      display: none !important; }
      .bath-product .sp-only-flex {
        display: flex !important; }
      .bath-product .__table03 {
        margin-bottom: 20px;
        padding: 12px 12px; }
        .bath-product .__table03 .__subtitle {
          font-size: 1.4em; }
            .bath-product .__table03 .__subtitle._p12 .__icon {
              width: 40px; }
          .bath-product .__table03 .__subtitle .icon {
            height: 28px; }
        .bath-product .__table03 .__subtitle.__sprit {
          flex-direction: column; }
        .bath-product .__table03 .__subtitle.__sprit .__left {
          width: 100%;
          margin-bottom: 8px;
          line-height: 1.4; }
          .bath-product .__table03 .__subtitle.__sprit .__right {
            max-width: 100%;
            margin-top: 0px;
            margin-bottom: 4px;
            line-height: 1.4; }
        .bath-product .__table03 .__content {
          flex-direction: column; }
          .bath-product .__table03 .__content .__leftcontent {
            width: 100%;
            margin-bottom: 28px; }
            .bath-product .__table03 .__content .__leftcontent.__marginBottom0 {
              margin-bottom: 0; }
            .bath-product .__table03 .__content .__leftcontent--40 {
              width: 100%; }
          .bath-product .__table03 .__content .__rightcontent {
            width: 100%; }
            .bath-product .__table03 .__content .__rightcontent--60 {
              width: 100%; }
      .bath-product .__table03 .__moviewrap.m-top-20 {
        margin-top: 0 !important; }
      .bath-product .__table03.__table03--p01maho .__content .__leftcontent {
        width: 100%; }
        .bath-product .__table03.__table03--p01maho .__content .__leftcontent .__img {
          display: block;
          max-width: 240px; }
      .bath-product .__table03.__table03--p01maho .__content .__rightcontent {
        width: 100%; }
      .bath-product .__table03.__table03--p01kara .__content .__leftcontent {
        width: 100%; }
      .bath-product .__table03.__table03--p01kara .__content .__rightcontent {
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
        padding-top: 0%; }
      .bath-product .__table03.__table03--p02pita .__content .__leftcontent {
        width: 100%;
        margin-bottom: 10px; }
      .bath-product .__table03.__table03--p02pita .__content .__rightcontent {
        width: 100%;
        max-width: 300px;
        margin: 0 auto; }
      .bath-product .__table03.__table03--p03keep .__content .__leftcontent {
        width: 100%; }
      .bath-product .__table03.__table03--p03keep .__content .__rightcontent {
        width: 100%; }
      .bath-product .__table03.__table03--p03yokuso .__content .__leftcontent {
        width: 100%;
        max-width: 180px; }
      .bath-product .__table03.__table03--p03yokuso .__content .__rightcontent {
        width: 100%; }
      .bath-product .__table03.__table03--p05-2way .__moviewrap {
        width: 100%;
        margin: 10px 0 0; }
      .bath-product .__table03.__table03_p05yokuso .__img.icon {
        margin: 0;
        float: inherit; }
      .bath-product .__table03.__table03_p05yokuso .__content .__leftcontent {
        margin-bottom: 0; }
      .bath-product .__table03.__table03_p05yokuso .__content:first-of-type .__leftcontent {
        width: 100%;
        margin: 20px 0 0; }
      .bath-product .__table03.__table03_p05yokuso .__content:first-of-type .__rightcontent {
        width: 100%;
        margin-top: 10px; }
      .bath-product .__table03.__table03_p05yokuso2 .__leftcontent {
        width: 100%;
        max-width: 300px;
        margin-bottom: 10px; }
      .bath-product .__table03.__table03_p05yokuso2 .__rightcontent {
        width: 100%; }
      .bath-product .__table03.__table03_p05door .__content_p05 .__leftcontent {
        width: 100%;
        max-width: 214px; }
      .bath-product .__table03.__table03_p05door .__content_p05 .__rightcontent {
        width: 100%; }
    .bath-product .__table03.__table03_p05door .__moviewrap {
      margin: -20px 0 20px; }
      .bath-product .__table03.__table03-p06hoon .__leftcontent {
        width: 70%;
        margin: auto; }
      .bath-product .__table03.__table03-p06hoon .__rightcontent {
        width: 100%;
        margin-right: 0; }
      .bath-product .__table03.__table03_p09maru .__leftcontent {
        width: 100%; }
      .bath-product .__table03.__table03_p09maru .__rightcontent {
        width: 100%; }
      .bath-product .__table03.__table03--p10kara .__leftcontent {
        margin: 0 0 5px; }
      .bath-product .__table03.__table03--p10kara .__centercontent {
        width: 100%;
        margin: 0 0 5px; }
      .bath-product .__table03.__table03_p13yokuso .__text.__sub {
        margin: 0;
        float: none; }
      .bath-product .__table03.__table03_p13yokuso .__img.icon {
        margin: 0;
        float: inherit; }
      .bath-product .__table03.__table03_p13yokuso .__content .__leftcontent {
        margin-bottom: 0; }
      .bath-product .__table03.__table03_p13yokuso .__content:first-of-type .__leftcontent {
        width: 100%;
        margin: 20px 0 0; }
      .bath-product .__table03.__table03_p13yokuso .__content:first-of-type .__rightcontent {
        width: 100%;
        margin-top: 10px; }
      .bath-product .__table04 .__content {
        flex-direction: column; }
        .bath-product .__table04 .__content .__borderbox {
          width: 100%;
          margin-bottom: 20px; }
        .bath-product .__table04 .__content .__borderbox.m-top-20 {
          margin-top: 0 !important; }
        .bath-product .__table04 .__content .__double {
          width: 100%;
          margin-bottom: 20px; }
        .bath-product .__table04 .__content .__column {
          width: 100%;
          margin-bottom: 0; }
        .bath-product .__table04 .__content .__column.m-top-20 {
          margin-top: 0 !important; }
        .bath-product .__table04 .__content .__column.__column_p08 .__leftcontent {
          width: calc(51% - 10px); }
        .bath-product .__table04 .__content .__column.__column_p08 .__centercontent {
          width: 100%;
          margin: 10px 0; }
        .bath-product .__table04 .__content .__column.__column_p08 .__rightcontent {
          width: calc(80% - 10px);
          margin-left: calc(20% + 10px); }
      .bath-product .__table04 .__info {
        width: 100%;
        margin-top: -4px;
        font-size: 0.9em; }
      .bath-product .__table04.__table04_p17 .__column.__left {
        width: 100%; }
      .bath-product .__table04.__table04_p17 .__column.__right {
        width: 100%; }
        .bath-product .__specarea2 .__img {
          flex-direction: column;
          width: 100%;
          max-width: 500px;
          margin: 0 auto 12px; }
      .bath-product .__title02 {
        margin-top: 40px; }
      .bath-product .__moviearea01 {
        margin-bottom: 20px; }
        .bath-product .__moviearea01 .__content {
          flex-direction: column; }
        .bath-product .__moviearea01 .__leftcontent {
          width: 100%; }
        .bath-product .__moviearea01 .__rightcontent {
          width: 100%; }
        .bath-product .__moviearea01 .__single {
          width: 100%; }
      .bath-product .info2_add {
        margin-top: -30px; }
        .bath-product .__sizearea .__example .__house, .bath-product .__sizearea .__example .__apart {
          font-size: 18px; }
        .bath-product .__sizearea .__list .__item {
          width: 100%; }
            .bath-product .__sizearea .__list .__item .__pricearea .__left, .bath-product .__sizearea .__list .__item .__pricearea .__right {
              width: calc(50% - 1px); }
          .bath-product .__sizearea .__list .__item .__price {
            font-size: 16px; }
    .bath-product .__chargearea {
      margin-top: 80px; }
      .bath-product .__chargearea .__service {
        margin-bottom: 8px; }
      .bath-product .__chargearea .__mitsumori {
        margin-top: 40px;
        margin-bottom: 40px;
        padding: 12px; }
    .bath-product .__form .__inputarea {
      margin-top: 32px; }
      .bath-product .__form .__inputarea .__wrap {
        flex-direction: column; }
      .bath-product .__form .__inputarea .__product {
        padding: 12px 0px;
        font-size: 18px; }
    .bath-product .__form .__inputarea {
      flex-direction: column; }
      .bath-product .__form .__inputarea--1616:after {
        top: -22px;
        width: 280px;
        height: 20px; }
      .bath-product .__form .__inputarea--1216:after {
        top: -22px;
        width: 280px;
        height: 20px; }
    .bath-product .__form .__price {
      margin-top: 0;
      padding: 0px 12px;
      font-size: 1.5em; } }