@charset "UTF-8";
.p-bathna-care {
  margin-top: 75px;
  padding-bottom: 69.11px;
}

.p-bathna-care__lead {
  margin-top: 55px;
  text-align: center;
}

.p-bathna-care__daily {
  margin-top: 80px;
}

.p-bathna-care__heading {
  background: #eaf5fb;
  padding: 17px 50px;
  font-size: 24px;
  line-height: 30px;
  font-weight: 400;
  color: #4da1cd;
}

.p-bathna-care__subtitle {
  font-size: 18px;
  line-height: 18px;
}

.p-bathna-care__dailyBody {
  display: flex;
  align-items: flex-start;
  padding: 66px 50px 0;
}

.p-bathna-care__steps {
  flex: 1 1 480px;
  min-width: 0;
  counter-reset: care;
  list-style: none;
}

.p-bathna-care__step {
  position: relative;
  padding-left: 50.4px;
  line-height: 32px;
  counter-increment: care;
}

.p-bathna-care__step:before {
  content: counter(care);
  position: absolute;
  left: 0;
  top: -2px;
  font-size: 34px;
  line-height: 34px;
  color: #7bb7d6;
  font-weight: 700;
}

.p-bathna-care__step + .p-bathna-care__step {
  margin-top: 48px;
}

.p-bathna-care__daily .p-bathna-care__step:nth-child(2) {
  margin-top: 50px;
}

.p-bathna-care__daily .p-bathna-care__step:last-child {
  margin-top: 42px;
}

.p-bathna-care__small {
  margin-top: 0;
  padding-left: 14px;
  text-indent: -14px;
  font-size: 14px;
  line-height: 28px;
}

.p-bathna-care__warning {
  color: #d2624d;
}

.p-bathna-care__images {
  flex: 0 1 380px;
  min-width: 0;
}

.p-bathna-care__image {
  display: block;
}

.p-bathna-care__image--sp {
  display: none;
}

.p-bathna-care__image + .p-bathna-care__image {
  margin-top: 2px;
}

.p-bathna-care__regular {
  margin-top: 80px;
}

.p-bathna-care__regularBody {
  display: flex;
  padding: 66px 50px 50px;
  align-items: flex-start;
}

.p-bathna-care__regular .p-bathna-care__warning {
  display: block;
}

.p-bathna-care__regular .p-bathna-care__step:last-child {
  margin-top: 50px;
}

.p-bathna-care__cleanImage {
  display: block;
  flex: 0 1 380px;
  min-width: 0;
  width: 380px;
}

.p-bathna-care__caution {
  display: flex;
  margin: 77px 50px 0;
  padding: 26.78px 33.48px;
  background: #fcefed;
  color: #d2624d;
}

.p-bathna-care__cautionLabel {
  flex: 0 0 67.4px;
  font-size: 15px;
  font-weight: 700;
  line-height: 30px;
}

.p-bathna-care__cautionText {
  flex: 1 1 0;
  min-width: 0;
  font-size: 14px;
  line-height: 28px;
}

.p-bathna-qa {
  margin-top: 121.89px;
}

.p-bathna-qa__uses {
  margin-top: 0;
}

.p-bathna-qa__heading {
  background: #eeeef8;
  padding: 17px 50px;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  color: #48559d;
}

.p-bathna-qa__inner {
  padding: 32px 50px 0;
}

.p-bathna-qa__table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  margin-top: 60px;
  font-size: 16px;
  line-height: 32px;
}

.p-bathna-qa__use {
  width: 35%;
  text-align: left;
  padding: 24px 30px;
  border-right: 1px solid #d5d5d5;
  font-weight: 700;
}

.p-bathna-qa__status {
  width: 9%;
  padding: 24px 5px;
  text-align: center;
  border-right: 1px solid #d5d5d5;
  font-weight: 400;
}

.p-bathna-qa__note {
  padding: 24px 30px;
  text-align: left;
  font-weight: 400;
}

.p-bathna-qa__thead .p-bathna-qa__note {
  text-align: center;
}

.p-bathna-qa__tbody .p-bathna-qa__row:nth-child(odd) {
  background: #f5f5f5;
}

.p-bathna-qa__symbol {
  font-size: 26px;
}

.p-bathna-qa__footnote {
  display: flex;
  margin-top: 40px;
  color: #333;
}

.p-bathna-qa__footnoteLabel {
  flex: 0 0 max(60.4px, 8.5%);
  font-size: 15px;
  font-weight: 700;
  line-height: 30px;
  white-space: nowrap;
}

.p-bathna-qa__footnoteText {
  flex: 1 1 0;
  min-width: 0;
  padding-right: 7.22px;
  font-size: 14px;
  line-height: 28px;
}

.p-bathna-qa__construction {
  margin-top: 100px;
}

.p-bathna-question {
  display: flex;
  align-items: flex-start;
  gap: 30px;
  padding: 50px 0;
  border-bottom: 1px solid #eeeef8;
}

.p-bathna-question:last-child {
  border-bottom: 0;
}

.p-bathna-question__number {
  color: #48559d;
  font-weight: 700;
  font-size: 34px;
  line-height: 38px;
  flex: 0 0 44px;
  white-space: nowrap;
}

.p-bathna-question__body {
  flex: 1 1 0;
  min-width: 0;
}

.p-bathna-question__title {
  color: #48559d;
  font-size: 18px;
  line-height: 32px;
}

.p-bathna-question__answer {
  margin-top: 24px;
  font-size: 16px;
  line-height: 32px;
}

.p-bathna-question__diagram {
  flex: 0 1 230px;
  width: 230px;
  min-width: 0;
}

.p-bathna-question__diagramCrop {
  aspect-ratio: 232/230;
  overflow: hidden;
}

.p-bathna-question__diagramImage {
  width: 100%;
}

.p-bathna-question__diagramCaption {
  margin-top: 12px;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
}

.p-bathna-insurance {
  background: #f0f0f0;
  padding: 75px 105px 80px;
  margin-top: 40px;
}

.p-bathna-insurance__heading {
  font-size: 24px;
  font-weight: 400;
  line-height: 48px;
  text-align: center;
  color: #000;
}

.p-bathna-insurance__underline {
  border-bottom: 2px solid #000;
  padding-bottom: 10px;
}

.p-bathna-insurance__intro {
  text-align: center;
  margin-top: 40px;
  font-size: 16px;
  line-height: 32px;
}

.p-bathna-insurance__box {
  background: #fff;
  text-align: center;
  padding: 50px 25px;
  margin-top: 30px;
}

.p-bathna-insurance__grantLead {
  font-size: 20px;
}

.p-bathna-insurance__grant {
  font-size: 24px;
  font-weight: 700;
}

.p-bathna-insurance__amount {
  color: #ee614c;
}

.p-bathna-insurance__note {
  text-align: center;
  font-size: 14px;
  line-height: 28px;
}

.p-bathna-insurance__tais {
  margin-top: 80px;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
}

.p-bathna-insurance__description {
  margin-top: 25px;
  font-size: 16px;
  line-height: 28px;
}

.p-bathna-insurance__codes {
  margin-top: 30px;
  background: #fff;
  padding: 45px 70px;
}

.p-bathna-insurance__codeRow {
  display: flex;
  gap: 35px;
  font-size: 16px;
  line-height: 48px;
}

.p-bathna-insurance__codeTitle {
  flex: 1 1 0;
  min-width: 0;
}

.p-bathna-insurance__codeValue {
  flex: 1 1 0;
  min-width: 0;
}

.p-bathna-insurance__codeSeparator {
  display: none;
}

.p-bathna-insurance__details {
  border-top: 1px solid #ddd;
  margin-top: 70px;
  padding-top: 40px;
}

.p-bathna-insurance__detailsTitle {
  font-size: 20px;
}

.p-bathna-insurance__list {
  margin-top: 25px;
  padding-left: 0;
  list-style: none;
  counter-reset: insurance;
}

.p-bathna-insurance__listItem {
  position: relative;
  padding-left: 50px;
  counter-increment: insurance;
  font-size: 16px;
  line-height: 32px;
}

.p-bathna-insurance__listItem:before {
  content: counter(insurance) "　:　";
  position: absolute;
  left: 0;
}

@media (max-width: 1000px) and (min-width: 768px) {
  .p-bathna-insurance {
    padding-left: 60px;
    padding-right: 60px;
  }

  .p-bathna-question__diagram {
    width: 180px;
    flex-basis: 180px;
  }
}
@media (min-width: 768px) {
  .p-bathna-hero__products {
    margin-top: 13px;
  }

  .p-bathna-care {
    margin-top: 70px;
  }

  .p-bathna-care__lead {
    margin-top: 45px;
  }

  .p-bathna-care__daily {
    margin-top: 72px;
  }

  .p-bathna-qa {
    margin-top: 48px;
  }

  .c-bathna-heading--qa {
    letter-spacing: 0.05em;
  }

  .p-bathna-qa .c-bathna-lead {
    margin-top: 44px;
  }

  .p-bathna-qa__table {
    margin-top: 53px;
  }

  .p-bathna-qa__use {
    padding: 24px 26px;
  }

  .p-bathna-qa__footnote {
    margin-top: 35px;
  }

  .p-bathna-qa__construction {
    margin-top: 95px;
  }

  .p-bathna-qa__inner {
    padding: 31px 50px 0;
  }

  .p-bathna-question {
    border-bottom-color: rgba(72, 84, 157, 0.2);
  }

  .p-bathna-question:last-child {
    border-bottom: 1px solid rgba(72, 84, 157, 0.2);
  }

  .p-bathna-insurance {
    margin-top: 100px;
    padding: 71px 105px 100px;
  }

  .p-bathna-insurance__underline {
    padding-bottom: 6px;
  }

  .p-bathna-insurance__intro {
    margin-top: 34px;
  }

  .p-bathna-insurance__box {
    padding: 47px 25px;
  }

  .p-bathna-insurance__tais {
    margin-top: 72px;
  }

  .p-bathna-insurance__description {
    margin-top: 24px;
    font-size: 14px;
  }

  .p-bathna-insurance__description--scope {
    margin-top: 7px;
    font-size: 16px;
  }

  .p-bathna-insurance__description--result {
    font-size: 16px;
  }

  .p-bathna-insurance__codeRow {
    gap: 0;
  }

  .p-bathna-insurance__codeTitle {
    flex: 300 1 0;
  }

  .p-bathna-insurance__codeValue {
    display: flex;
    flex: 310 1 0;
  }

  .p-bathna-insurance__codeSeparator {
    display: block;
    flex: 56 1 0;
    min-width: 0;
  }

  .p-bathna-insurance__codeNumber {
    flex: 254 1 0;
    min-width: 0;
  }
}
@media (max-width: 767px) {
  .p-bathna-care {
    margin-top: 45px;
  }

  .p-bathna-care__lead {
    text-align: left;
    margin-top: 30px;
  }

  .p-bathna-care__lead br {
    display: none;
  }

  .p-bathna-care__daily {
    margin-top: 40px;
  }

  .p-bathna-care__heading {
    font-size: 20px;
    padding: 15px;
  }

  .p-bathna-care__subtitle {
    display: block;
    font-size: 14px;
    line-height: 28px;
  }

  .p-bathna-care__dailyBody {
    flex-direction: column;
    padding: 30px 15px 0;
    gap: 25px;
  }

  .p-bathna-care__steps {
    flex-basis: auto;
  }

  .p-bathna-care__daily .p-bathna-care__steps {
    width: 100%;
  }

  .p-bathna-care__images {
    flex-basis: auto;
    width: 100%;
  }

  .p-bathna-care__images .c-bathna-image {
    width: 100%;
    margin: 0 auto;
  }

  .p-bathna-care__image--pc {
    display: none;
  }

  .p-bathna-care__image--sp {
    display: block;
    width: calc(100% + 35px);
    margin-top: 25px;
    margin-left: -35px;
  }

  .p-bathna-care__step {
    padding-left: 35px;
    line-height: 28px;
  }

  .p-bathna-care__step:before {
    font-size: 28px;
  }

  .p-bathna-care__step + .p-bathna-care__step {
    margin-top: 25px;
  }

  .p-bathna-care__daily .p-bathna-care__step:nth-child(2) {
    margin-top: 25px;
  }

  .p-bathna-care__daily .p-bathna-care__step:last-child {
    margin-top: 25px;
  }

  .p-bathna-care__regular {
    margin-top: 40px;
  }

  .p-bathna-care__regularBody {
    flex-direction: column;
    padding: 30px 15px 0;
    gap: 25px;
  }

  .p-bathna-care__regular .p-bathna-care__steps {
    width: 100%;
  }

  .p-bathna-care__regular .p-bathna-care__warning {
    display: inline;
  }

  .p-bathna-care__regular .p-bathna-care__step:last-child {
    margin-top: 25px;
  }

  .p-bathna-care__cleanImage {
    width: 100%;
    margin: 0 auto;
    flex-basis: auto;
  }

  .p-bathna-care__cleanImage--pc {
    display: none;
  }

  .p-bathna-care__caution {
    flex-direction: column;
    padding: 20px 15px;
    margin: 30px 15px 0;
  }

  .p-bathna-care__cautionLabel {
    flex: 0 0 auto;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
  }

  .p-bathna-care__cautionText {
    flex: 0 0 auto;
    font-size: 12px;
    line-height: 24px;
  }

  .p-bathna-qa {
    margin-top: 60px;
  }

  .p-bathna-qa .c-bathna-lead {
    text-align: center;
  }

  .p-bathna-qa__heading {
    padding: 15px;
    font-size: 20px;
  }

  .p-bathna-qa__inner {
    padding: 25px 10px 0;
  }

  .p-bathna-qa__table {
    font-size: 12px;
    line-height: 22px;
    margin-top: 30px;
  }

  .p-bathna-qa__use {
    padding: 15px 8px;
    width: 34%;
  }

  .p-bathna-qa__status {
    padding: 15px 3px;
    width: 12%;
  }

  .p-bathna-qa__note {
    padding: 15px 8px;
  }

  .p-bathna-qa__symbol {
    font-size: 20px;
  }

  .p-bathna-qa__footnote {
    margin-top: 25px;
  }

  .p-bathna-qa__footnoteLabel {
    flex-basis: 50px;
    font-size: 12px;
    line-height: 24px;
  }

  .p-bathna-qa__footnoteText {
    padding-right: 0;
    font-size: 12px;
    line-height: 24px;
  }

  .p-bathna-qa__construction {
    margin-top: 40px;
  }

  .p-bathna-question {
    flex-wrap: wrap;
    gap: 15px;
    padding: 30px 0;
  }

  .p-bathna-question__number {
    font-size: 26px;
    flex-basis: 38px;
  }

  .p-bathna-question__body {
    flex-basis: calc(100% - 53px);
  }

  .p-bathna-question__title {
    font-size: 16px;
    line-height: 28px;
  }

  .p-bathna-question__answer {
    font-size: 14px;
    line-height: 28px;
    margin-top: 15px;
  }

  .p-bathna-question__diagram {
    flex-basis: auto;
    width: 70%;
    margin: 0 auto;
  }

  .p-bathna-insurance {
    padding: 40px 20px;
  }

  .p-bathna-insurance__heading {
    font-size: 18px;
    line-height: 36px;
  }

  .p-bathna-insurance__intro {
    font-size: 14px;
    text-align: left;
  }

  .p-bathna-insurance__box {
    padding: 25px 15px;
  }

  .p-bathna-insurance__grantLead {
    font-size: 13px;
  }

  .p-bathna-insurance__grant {
    font-size: 18px;
  }

  .p-bathna-insurance__tais {
    font-size: 16px;
    line-height: 32px;
    margin-top: 40px;
    text-align: left;
  }

  .p-bathna-insurance__description {
    font-size: 14px;
  }

  .p-bathna-insurance__codes {
    padding: 25px 15px;
  }

  .p-bathna-insurance__codeRow {
    flex-direction: column;
    gap: 0;
    font-size: 12px;
    line-height: 28px;
  }

  .p-bathna-insurance__codeRow + .p-bathna-insurance__codeRow {
    margin-top: 15px;
  }

  .p-bathna-insurance__listItem {
    padding-left: 44px;
    font-size: 14px;
  }

  .p-bathna-insurance__note {
    font-size: 12px;
    line-height: 24px;
  }
}