@charset "UTF-8";

.bw-cc-tearstains-page {
  --bw-orange: #e8892f;
  --bw-orange-dark: #cf6f16;
  --bw-red: #d84b45;
  --bw-brown: #6d4b2f;
  --bw-bg: #fffaf5;
  --bw-bg2: #fff4ea;
  --bw-line: #f0dfcf;
  --bw-text: #333;
  --bw-sub: #666;
  --bw-radius: 18px;
  --bw-shadow: 0 8px 24px rgba(0, 0, 0, .06);
  max-width: 1200px;
  margin: 0 auto;
  /*padding: 0 12px 40px;*/
  padding: 0 12px;
  color: var(--bw-text);
  font-size: 16px;
  line-height: 1.8;
  box-sizing: border-box;
  word-break: break-word;
}

.bw-cc-tearstains-page * {
  box-sizing: border-box;
}

.bw-cc-tearstains-page img {
  max-width: 100%;
  height: auto;
  display: block;
  border: 0;
}

.bw-cc-tearstains-page a {
  color: inherit;
  text-decoration: none;
}

.bw-cc-tearstains-page .bw-inner {
  max-width: 1040px;
  margin: 0 auto;
}

.bw-cc-tearstains-page .bw-sec {
  /*margin: 0 0 28px;*/
  margin: 0;
}

.bw-cc-tearstains-page .bw-card {
  background: #fff;
  border: 1px solid var(--bw-line);
  border-radius: var(--bw-radius);
  box-shadow: var(--bw-shadow);
  overflow: hidden;
}

.bw-cc-tearstains-page .bw-pad {
  padding: 24px 22px;
}

.bw-cc-tearstains-page .bw-center {
  text-align: center;
}

.bw-cc-tearstains-page .bw-red {
  color: var(--bw-red);
  font-weight: 700;
}

.bw-cc-tearstains-page .bw-orange {
  color: var(--bw-orange-dark);
  font-weight: 700;
}

.bw-cc-tearstains-page .bw-title {
  margin: 0 0 14px;
  font-size: 34px;
  line-height: 1.4;
  font-weight: 800;
  color: #2f2a26;
}

.bw-cc-tearstains-page .bw-subtitle {
  margin: 0 0 12px;
  font-size: 14px;
  letter-spacing: .08em;
  color: var(--bw-orange-dark);
  font-weight: 700;
  text-transform: uppercase;
}

.bw-cc-tearstains-page .bw-lead {
  margin: 0;
  font-size: 22px;
  line-height: 1.7;
  font-weight: 700;
}

.bw-cc-tearstains-page .bw-text {
  margin: 0 0 12px;
  color: var(--bw-text);
}

.bw-cc-tearstains-page .bw-muted {
  color: var(--bw-sub);
}

.bw-cc-tearstains-page .bw-hero {
  background: linear-gradient(180deg, #fff8f1 0%, #fff 100%);
  border: 1px solid var(--bw-line);
  border-radius: 28px;
  overflow: hidden;
  box-shadow: var(--bw-shadow);
}

.bw-cc-tearstains-page .bw-hero-top {
  padding: 26px 20px 10px;
  text-align: center;
}

.bw-cc-tearstains-page .bw-hero-main-image {
  margin: 12px 0 18px;
  border-radius: 20px;
  overflow: hidden;
}

.bw-cc-tearstains-page .bw-about-title {
  margin: 22px 0 12px;
  font-size: 30px;
  line-height: 1.5;
  color: #3c2c20;
  font-weight: 800;
  text-align: center;
}

.bw-cc-tearstains-page .bw-about-text {
  margin: 0 0 10px;
  text-align: center;
  font-size: 24px;
  line-height: 1.7;
  font-weight: 700;
}

.bw-cc-tearstains-page .bw-check-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin: 20px 0 18px;
}

.bw-cc-tearstains-page .bw-check-grid img {
  width: 100%;
  border-radius: 16px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, .06);
}

.bw-cc-tearstains-page .bw-worry-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  gap: 16px;
  background: #fff8ef;
  border: 1px solid #f2ddc4;
  border-radius: 20px;
  padding: 18px 16px;
}

.bw-cc-tearstains-page .bw-worry-main {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  max-width: 700px;
}

.bw-cc-tearstains-page .bw-worry-dog {
  width: 140px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 140px;
  flex: 0 0 140px;
}

.bw-cc-tearstains-page .bw-banner-text {
  text-align: center;
  font-size: 30px;
  line-height: 1.7;
  font-weight: 800;
  margin: 0 0 10px;
}

.bw-cc-tearstains-page .bw-emph-block {
  padding: 34px 20px;
  background: linear-gradient(180deg, #fff6ea 0%, #fff 100%);
  border: 1px solid var(--bw-line);
  border-radius: 24px;
  text-align: center;
  box-shadow: var(--bw-shadow);
}

.bw-cc-tearstains-page .bw-emph-line {
  margin: 0 0 10px;
  font-size: 18px;
  line-height: 1.8;
  font-weight: 600;
  color: #5a4637;
}

.bw-cc-tearstains-page .bw-emph-line strong {
  display: inline-block;
  font-size: 30px;
  line-height: 1.5;
  color: var(--bw-red);
  font-weight: 800;
}

.bw-cc-tearstains-page .bw-expert {
  background: #fff;
  border: 1px solid var(--bw-line);
  border-radius: 22px;
  box-shadow: var(--bw-shadow);
  overflow: hidden;
}

.bw-cc-tearstains-page .bw-expert + .bw-expert {
  margin-top: 20px;
}

.bw-cc-tearstains-page .bw-expert-head {
  padding: 20px 22px 10px;
  text-align: center;
  background: #fff9f3;
  border-bottom: 1px solid #f1e2d1;
}

.bw-cc-tearstains-page .bw-expert-head .bw-subtitle {
  margin-bottom: 6px;
}

.bw-cc-tearstains-page .bw-expert-title {
  margin: 0;
  font-size: 30px;
  line-height: 1.5;
  font-weight: 800;
  color: #35271d;
}

.bw-cc-tearstains-page .bw-expert-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  gap: 22px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 22px;
}

.bw-cc-tearstains-page .bw-expert-text {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  font-size: 16px;
}

.bw-cc-tearstains-page .bw-expert-fig {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 220px;
  flex: 0 0 220px;
  text-align: center;
}

.bw-cc-tearstains-page .bw-guarantee {
  position: relative;
  background: linear-gradient(180deg, #fff6eb 0%, #fff 100%);
  border: 1px solid var(--bw-line);
  border-radius: 24px;
  box-shadow: var(--bw-shadow);
  overflow: hidden;
}

.bw-cc-tearstains-page .bw-guarantee-wrap {
  position: relative;
  padding: 28px 24px 26px;
}

.bw-cc-tearstains-page .bw-guarantee-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  gap: 24px;
  margin-bottom: 14px;
}

.bw-cc-tearstains-page .bw-guarantee-icon {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 160px;
  flex: 0 0 160px;
  max-width: 160px;
}

.bw-cc-tearstains-page .bw-guarantee-copy {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}

.bw-cc-tearstains-page .bw-g-1 {
  margin: 0 0 6px;
  font-size: 22px;
  font-weight: 700;
  color: #5c4635;
}

.bw-cc-tearstains-page .bw-g-2 {
  margin: 0 0 6px;
  font-size: 38px;
  line-height: 1.4;
  font-weight: 900;
  color: #2d251f;
}

.bw-cc-tearstains-page .bw-g-2 span {
  color: var(--bw-red);
  font-size: 1.2em;
}

.bw-cc-tearstains-page .bw-g-3 {
  margin: 0;
  font-size: 40px;
  line-height: 1.4;
  font-weight: 900;
  color: var(--bw-red);
}

.bw-cc-tearstains-page .bw-g-body {
  margin: 12px 0 0;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.8;
}

.bw-cc-tearstains-page .bw-guide-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  gap: 12px;
  list-style: none;
  margin: 20px 0 0;
  padding: 0;
}

.bw-cc-tearstains-page .bw-guide-links li {
  margin: 0;
}

.bw-cc-tearstains-page .bw-guide-links a {
  display: inline-block;
  padding: 12px 18px;
  background: #fff;
  border: 1px solid #e4c9a9;
  border-radius: 999px;
  font-weight: 700;
  color: #7a4d1e;
  box-shadow: 0 3px 10px rgba(0, 0, 0, .04);
}

.bw-cc-tearstains-page .bw-guarantee-dog {
  position: absolute;
  right: 10px;
  bottom: 0;
  width: 200px;
  max-width: 32%;
  pointer-events: none;
}

.bw-cc-tearstains-page .bw-items {
  background: #fff;
  border: 1px solid var(--bw-line);
  border-radius: 24px;
  box-shadow: var(--bw-shadow);
  overflow: hidden;
}

.bw-cc-tearstains-page .bw-items-head {
  padding: 24px 20px 10px;
  text-align: center;
  background: #fffaf5;
  border-bottom: 1px solid #f2e2d0;
}

.bw-cc-tearstains-page .bw-item-no {
  margin: 0 0 4px;
  font-size: 14px;
  letter-spacing: .12em;
  color: var(--bw-orange-dark);
  font-weight: 700;
}

.bw-cc-tearstains-page .bw-item-title {
  margin: 0;
  font-size: 32px;
  line-height: 1.5;
  font-weight: 800;
}

.bw-cc-tearstains-page .bw-item-list {
  padding: 24px 20px;
}

.bw-cc-tearstains-page .bw-item-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  gap: 20px;
  padding: 22px;
  background: #fffdf9;
  border: 1px solid #eddccc;
  border-radius: 20px;
}

.bw-cc-tearstains-page .bw-item-box + .bw-item-box {
  margin-top: 16px;
}

.bw-cc-tearstains-page .bw-item-text {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}

.bw-cc-tearstains-page .bw-item-image {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 180px;
  flex: 0 0 180px;
  text-align: center;
}

.bw-cc-tearstains-page .bw-item-sub {
  margin: 0 0 8px;
  font-size: 15px;
  color: var(--bw-red);
  font-weight: 800;
}

.bw-cc-tearstains-page .bw-item-btn {
  margin: 0 0 10px;
}

.bw-cc-tearstains-page .bw-item-btn a {
  display: inline-block;
  padding: 13px 18px;
  background: linear-gradient(180deg, var(--bw-orange) 0%, #d9761d 100%);
  color: #fff;
  border-radius: 999px;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 800;
  box-shadow: 0 4px 12px rgba(216, 137, 47, .25);
}

.bw-cc-tearstains-page .bw-item-desc {
  margin: 0;
  color: #4c433c;
}

.bw-cc-tearstains-page .bw-bottom-links {
  list-style: none;
  margin: 22px 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.bw-cc-tearstains-page .bw-bottom-links a {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  min-height: 70px;
  padding: 14px 18px;
  text-align: center;
  background: #fff8ef;
  border: 1px solid #ead7bf;
  border-radius: 16px;
  font-weight: 800;
  color: #6b4a27;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .04);
}

.bw-cc-tearstains-page .bw-note {
  font-size: 13px;
  color: #777;
}

@media screen and (max-width: 1024px) {
  .bw-cc-tearstains-page .bw-title {
    font-size: 30px;
  }

  .bw-cc-tearstains-page .bw-about-title {
    font-size: 26px;
  }

  .bw-cc-tearstains-page .bw-about-text {
    font-size: 21px;
  }

  .bw-cc-tearstains-page .bw-banner-text {
    font-size: 26px;
  }

  .bw-cc-tearstains-page .bw-expert-title {
    font-size: 26px;
  }

  .bw-cc-tearstains-page .bw-g-2 {
    font-size: 34px;
  }

  .bw-cc-tearstains-page .bw-g-3 {
    font-size: 36px;
  }

  .bw-cc-tearstains-page .bw-item-title {
    font-size: 28px;
  }
}

@media screen and (max-width: 767px) {
  .bw-cc-tearstains-page {
    /*padding: 0 8px 28px;*/
    padding: 0 8px;
    font-size: 15px;
    line-height: 1.75;
  }

  .bw-cc-tearstains-page .bw-pad,
  .bw-cc-tearstains-page .bw-expert-body,
  .bw-cc-tearstains-page .bw-item-list,
  .bw-cc-tearstains-page .bw-guarantee-wrap {
    padding: 18px 14px;
  }

  .bw-cc-tearstains-page .bw-hero-top {
    padding: 18px 14px 8px;
  }

  .bw-cc-tearstains-page .bw-title {
    font-size: 24px;
  }

  .bw-cc-tearstains-page .bw-lead {
    font-size: 19px;
  }

  .bw-cc-tearstains-page .bw-about-title {
    font-size: 22px;
  }

  .bw-cc-tearstains-page .bw-about-text {
    font-size: 19px;
  }

  .bw-cc-tearstains-page .bw-check-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .bw-cc-tearstains-page .bw-worry-box {
    display: block;
    padding: 14px 12px;
  }

  .bw-cc-tearstains-page .bw-worry-main {
    max-width: none;
  }

  .bw-cc-tearstains-page .bw-worry-dog {
    width: 96px;
    margin: 12px auto 0;
  }

  .bw-cc-tearstains-page .bw-banner-text {
    font-size: 22px;
  }

  .bw-cc-tearstains-page .bw-emph-line {
    font-size: 16px;
  }

  .bw-cc-tearstains-page .bw-emph-line strong {
    font-size: 24px;
  }

  .bw-cc-tearstains-page .bw-expert-title {
    font-size: 22px;
  }

  .bw-cc-tearstains-page .bw-expert-body {
    display: block;
  }

  .bw-cc-tearstains-page .bw-expert-fig {
    margin-top: 14px;
  }

  .bw-cc-tearstains-page .bw-guarantee-top {
    display: block;
    text-align: center;
  }

  .bw-cc-tearstains-page .bw-guarantee-icon {
    margin: 0 auto 12px;
  }

  .bw-cc-tearstains-page .bw-g-1 {
    font-size: 18px;
  }

  .bw-cc-tearstains-page .bw-g-2 {
    font-size: 26px;
  }

  .bw-cc-tearstains-page .bw-g-3 {
    font-size: 28px;
  }

  .bw-cc-tearstains-page .bw-g-body {
    font-size: 17px;
  }

  .bw-cc-tearstains-page .bw-guarantee-dog {
    position: static;
    width: 120px;
    max-width: 100%;
    margin: 16px auto 0;
  }

  .bw-cc-tearstains-page .bw-item-title {
    font-size: 24px;
  }

  .bw-cc-tearstains-page .bw-item-box {
    display: block;
    padding: 16px 14px;
  }

  .bw-cc-tearstains-page .bw-item-image {
    margin-top: 14px;
  }

  .bw-cc-tearstains-page .bw-item-btn a {
    width: 100%;
    text-align: center;
    font-size: 18px;
  }

  .bw-cc-tearstains-page .bw-bottom-links {
    grid-template-columns: 1fr;
  }

  .bw-cc-tearstains-page .bw-bottom-links a {
    min-height: 60px;
  }

  .bw-cc-tearstains-page img {
    margin: 0 auto;
  }
}

.p-concierge__lead {
  margin: 0 0 24px;
  font-size: 22px;
  font-weight: 700;
  color: var(--bw-orange-dark);
}

.p-concierge__text {
  margin: 0 0 30px;
  font-size: 16px;
  line-height: 2;
}

.p-concierge__box {
  max-width: 560px;
  margin: 0 auto 30px;
  padding: 24px 28px;
  background: var(--bw-bg2);
  border-radius: 14px;
  border: 1px solid var(--bw-line);
}

.p-concierge-wrap {
  padding: 20px 15px 40px 15px;
  text-align: center;
}

.p-concierge__box p {
  margin: 0;
  font-size: 16px;
  line-height: 1.9;
  font-weight: 700;
}

.p-concierge__message {
  margin: 0 0 24px;
  font-size: 18px;
  font-weight: 700;
}

.p-concierge__free {
  display: inline-block;
  margin-bottom: 28px;
  padding: 8px 28px;
  background: var(--bw-orange-dark);
  color: #fff;
  border-radius: 999px;
  font-size: 18px;
  font-weight: 700;
}

.p-concierge__contact {
  display: grid;
  gap: 14px;
  max-width: 620px;
  margin: 0 auto 22px;
}

.p-concierge__item {
  padding: 20px 24px;
  background: var(--bw-bg2);
  border: 1px solid var(--bw-line);
  border-radius: 16px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .04);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 20px;
  border: 1px solid var(--bw-line);
  border-radius: 10px;
}

.p-concierge__item span {
  font-size: 14px;
  font-weight: 700;
  color: var(--bw-brown);

}

.p-concierge__box {
  margin-top: 100px;
  position: relative;
}

.p-concierge__box:before {
  content: "";
  display: block;
  width: 100%;
  height: 108px;
  background-image: url(https://naturaldogfood.itembox.cloud/item/images/dog-tear-stains-chec/dog-03.png);
  background-repeat: no-repeat;
  background-size: 173px;
  background-position: center top;
  position: absolute;
  top: -80px;
  left: 0;
  z-index: 1;
}

.bw-cc-tearstains-page .p-concierge__item a,
.p-concierge__item a {
  color: var(--bw-brown);
  font-size: 26px;
  font-weight: 700;
  text-decoration: none;
  letter-spacing: -.02em;
}

.p-concierge__time {
  margin: 0;
  font-size: 14px;
  color: var(--bw-brown);
}

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

  .p-concierge__lead {
    font-size: 19px;
  }

  .p-concierge__text {
    text-align: left;
    font-size: 15px;
  }

  .p-concierge__text br {
    display: none;
  }

  .p-concierge__box p {
    font-size: 15px;
  }

  .p-concierge__item {
    display: block;
    text-align: center;
  }

  .p-concierge__item span {
    display: block;
    margin-bottom: 6px;
  }

  .bw-cc-tearstains-page .p-concierge__item a,
  .p-concierge__item a {
    font-size: 18px;
  }

  .p-concierge__box {
    margin-top: 60px;
  }

  .p-concierge__box:before {
    height: 80px;
    background-size: 80px;
    top: -40px;
  }

}

.p-supervision {
  margin: 0 0 40px;
  padding: 20px 24px;
  background: var(--bw-bg2);
  border: 1px solid var(--bw-line);
  border-radius: 16px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .04);
  text-align: center;
}

.p-supervision__label {
  margin: 0 0 8px;
  font-size: 22px;
  line-height: 1.5;
  font-weight: 800;
}

.p-supervision__text {
  margin: 0;
  font-size: 15px;
  line-height: 1.9;
  color: var(--bw-text);
}

@media screen and (max-width: 768px) {
  .p-supervision {
    margin-bottom: 28px;
    padding: 16px 14px;
    border-radius: 12px;
  }

  .p-supervision__label {
    font-size: 19px;
  }

  .p-supervision__text {
    font-size: 14px;
    line-height: 1.8;
  }
}

/********************
返金保証
********************/
.bw--guarantee {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.bw--guarantee-inner {
  margin-left: auto;
  margin-right: auto;
  width: 800px;
  max-width: 100%;
}

.bw--guarantee--top {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
  width: 100%;
}


.bw--guarantee-icon-rimi {
  width: 20%;
  max-width: 150px;
}

.bw-guarantee-rimi-text {
  width: calc(80% - 20px);
}

#bw--guarantee .bw-g1 {
  margin: 0 0 6px;
  font-size: 22px;
  font-weight: 800;
  color: #5c4635;
}

#bw--guarantee .bw-g2 {
  margin: 0 0 6px;
  font-size: 36px;
  line-height: 1.35;
  font-weight: 900;
}

#bw--guarantee .bw-g2 span {
  color: var(--bw-red);
  font-size: 1.2em;
}

#bw--guarantee .bw-g3 {
  margin: 0;
  font-size: 36px;
  line-height: 1.35;
  color: var(--bw-red);
  font-weight: 900;
}

.bw--guarantee-bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;

}

.bw--guarantee-bottom-text {
  width: calc(100% - 240px);
}

.bw--guarantee--dog {
  width: 240px;
}

.bw--guarantee {
  font-size: 17px;
  line-height: 1.9;
}
/*20260528add*/
section.bw-sec.bw-inner {
  padding: 0 0 30px;
  }
@media only screen and (max-width: 787px) {
  .bw--guarantee--top {
    gap: 10px;
  }

  .bw--guarantee-rimi-text {
    width: calc(80% - 10px);
  }

  #bw--guarantee .bw-g1 {
    font-size: 16px;
  }

  #bw--guarantee .bw-g2 {
    font-size: 20px;
  }

  #bw--guarantee .bw-g2 span {
    font-size: 1.2em;
  }

  #bw--guarantee .bw-g3 {
    font-size: 22px;
  }

  .bw--guarantee-bottom {
    padding-right: 0;
  }

  .bw--guarantee--dog {
    position: static;
    width: 200px;
  }

  .bw--guarantee {
    font-size: 16px;
  }

  .bw--guarantee-bottom-text {
    width: 100%;
  }

  .bw-guarantee--dog {
    margin-left: auto;
    margin-right: auto;
    width: 200px;
  }

}