@charset "UTF-8";
/*
@include radius(top, clp(1rem, 30));
@include radius(bottom, 10px);
*/
/*
  &::before {
    content: '';
    position: absolute;
    inset: 0;
    background: #F9C800;
    border-radius: 12px;
    filter: url(#zigzag);
    z-index: -1;
  }
*/
/* ------------------------------------
// xxxxxxxxxx
------------------------------------ */
/* ------------------------------------
// leadBlock
------------------------------------ */
#leadBlock {
  background: #FFF;
  border-radius: clamp(1rem, 2.1vw, 3rem);
  padding: clamp(2rem, 3.5vw, 5rem) clamp(1rem, 3.5vw, 5rem) clamp(2rem, 2.1vw, 3rem);
  width: min(1080px, 100% - 4rem);
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  #leadBlock {
    width: min(1080px, 100% - 4rem);
  }
}
#leadBlock {
  box-shadow: 0 20px 0 #F0E677;
  margin-block: 5rem;
  position: relative;
}
#leadBlock::before {
  content: "";
  display: block;
  width: clamp(4rem, 4.4vw, 6.3rem);
  aspect-ratio: 63/63;
  background: url(/lib/img/family_doctor/lead_cut.webp) no-repeat center/contain;
  position: absolute;
  right: 5rem;
  top: -2rem;
}

/* ------------------------------------
// support
------------------------------------ */
#support {
  background: var(--color-paleyellow);
  padding-block: clamp(3rem, 6.9vw, 10rem);
}
#support .supportContainer {
  width: min(1080px, 100% - 4rem);
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  #support .supportContainer {
    width: min(1080px, 100% - 4rem);
  }
}
#support .supportContainer {
  position: relative;
}
#support .supportContainer .detailsubject {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  gap: clamp(2rem, 2.1vw, 3rem) clamp(2rem, 2.8vw, 4rem);
  margin-top: 4rem;
}
#support .supportContainer .detailsubject > section {
  background: #FFF;
  border-radius: clamp(1rem, 2.1vw, 3rem);
  padding: clamp(2rem, 2.1vw, 3rem) clamp(1rem, 2.1vw, 3rem);
  position: relative;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  gap: 0;
}
#support .supportContainer .detailsubject > section .num {
  font-family: "Lato", sans-serif;
  font-size: clamp(4rem, 5.6vw, 8rem);
  font-style: italic;
  color: var(--color-paleyellow);
  position: absolute;
  right: clamp(2rem, 2.1vw, 3rem);
  top: clamp(1.5rem, 1.4vw, 2rem);
  line-height: 1;
  font-weight: 700;
}
#support .supportContainer .detailsubject > section h3 {
  padding: 0 clamp(4rem, 3.5vw, 5rem) 1.5rem 0;
  margin-bottom: 2rem;
  border-bottom: 4px dotted #4DC1F0;
  color: #4DC1F0;
  font-size: clamp(1.8rem, 1.5vw, 2.2rem);
  font-weight: 600;
  line-height: 1.3;
  display: grid;
  grid-template-columns: clamp(5rem, 4.9vw, 7rem) 1fr;
  gap: 1rem;
  align-items: center;
}
#support .supportContainer .detailsubject > section h3::before {
  content: "";
  display: block;
  width: clamp(5rem, 4.9vw, 7rem);
}
#support .supportContainer .detailsubject > section:nth-child(1) h3::before {
  aspect-ratio: 74/56;
  background: url(/lib/img/family_doctor/icon_support_01.webp) no-repeat center/contain;
}
#support .supportContainer .detailsubject > section:nth-child(2) h3::before {
  aspect-ratio: 74/56;
  background: url(/lib/img/family_doctor/icon_support_02.webp) no-repeat center/contain;
}
#support .supportContainer .detailsubject > section:nth-child(3) h3::before {
  aspect-ratio: 74/56;
  background: url(/lib/img/family_doctor/icon_support_03.webp) no-repeat center/contain;
}
#support .supportContainer .detailsubject > section:nth-child(4) h3::before {
  aspect-ratio: 74/56;
  background: url(/lib/img/family_doctor/icon_support_04.webp) no-repeat center/contain;
}
#support .supportContainer .detailsubject > section:nth-child(5) h3::before {
  aspect-ratio: 74/56;
  background: url(/lib/img/family_doctor/icon_support_05.webp) no-repeat center/contain;
}
#support .supportContainer .detailsubject > section:nth-child(6) {
  grid-row: span 3;
  padding-bottom: 0;
}
#support .supportContainer .detailsubject > section:nth-child(6) h3::before {
  aspect-ratio: 74/56;
  background: url(/lib/img/family_doctor/icon_support_06.webp) no-repeat center/contain;
}
#support .supportContainer .detailsubject > section:nth-child(6) .notes {
  background: #F04D52;
  color: #FFF;
  padding: clamp(2rem, 2.1vw, 3rem) clamp(1rem, 2.1vw, 3rem);
  margin-block: 0 0;
  margin-inline: calc(-1 * clamp(1rem, 2.1vw, 3rem));
  border-radius: 0 0 clamp(1rem, 2.1vw, 3rem) clamp(1rem, 2.1vw, 3rem);
}
#support .supportContainer .detailsubject > section:nth-child(6) .notes strong {
  font-size: clamp(2rem, 1.7vw, 2.4rem);
  font-weight: 800;
}
@media screen and (max-width: 768px) {
  #support .htype01 {
    text-align: center;
    line-height: 1.2;
  }
  #support .supportContainer .detailsubject {
    grid-template-columns: 1fr;
  }
  #support .supportContainer .detailsubject > section:nth-child(6) .notes {
    margin-block: 1.5rem 0;
  }
}

/* ------------------------------------
// registration
------------------------------------ */
#registration {
  width: min(1080px, 100% - 4rem);
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  #registration {
    width: min(1080px, 100% - 4rem);
  }
}
#registration {
  position: relative;
}
#registration .target {
  margin-top: 7rem;
  box-shadow: 0 20px 0 #F0E677;
  background: #FFF;
  border-radius: clamp(1rem, 2.1vw, 3rem);
  padding: 0 clamp(1rem, 3.5vw, 5rem);
}
#registration .target h3 {
  transform: translateY(-50%);
  border-radius: 10px;
  padding: 1rem clamp(2rem, 3.5vw, 5rem);
  position: relative;
  width: fit-content;
  white-space: nowrap;
  font-size: clamp(2rem, 2.1vw, 3rem);
  font-weight: 700;
  z-index: 0;
  color: #FFF;
}
#registration .target h3::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--color-logoyerrow);
  border-radius: 12px;
  filter: url(#zigzag);
  z-index: -1;
}
#registration .target .over6 {
  background: #F9F8DF;
  padding: clamp(2rem, 3.5vw, 5rem);
  margin-inline: calc(-1 * clamp(1rem, 3.5vw, 5rem));
  margin-block: calc(clamp(6rem, 7.8vw, 11.3rem) * 81 / 113) 0;
  border-radius: 0 0 clamp(1rem, 2.1vw, 3rem) clamp(1rem, 2.1vw, 3rem);
  position: relative;
}
#registration .target .over6::before {
  content: "";
  display: block;
  width: clamp(6rem, 7.8vw, 11.3rem);
  aspect-ratio: 113/81;
  background: url(/lib/img/family_doctor/img_touroku.webp) no-repeat center/contain;
  position: absolute;
  right: clamp(2rem, 3.5vw, 5rem);
  bottom: 100%;
}
#registration .target .over6 h4 {
  font-size: clamp(1.8rem, 1.4vw, 2rem);
  border-bottom: 4px dotted #F0C500;
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
  font-weight: bold;
}
#registration .target .over6 strong {
  color: var(--color-red1);
}
#registration .registrationContainer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(2rem, 3.5vw, 5rem);
  margin-block: 7rem 5rem;
}
#registration .registrationContainer > section {
  background: #FFF;
  padding: clamp(2rem, 2.1vw, 3rem) clamp(2rem, 2.8vw, 4rem);
  border-radius: clamp(1rem, 2.1vw, 3rem);
}
#registration .registrationContainer > section h4 {
  border-bottom: 4px dotted #4DC1F0;
  color: #4DC1F0;
  font-size: clamp(2rem, 1.5vw, 2.2rem);
  display: grid;
  grid-template-columns: 45px 1fr;
  align-items: center;
  gap: 1rem;
  padding-bottom: 1rem;
  margin-bottom: 3rem;
}
#registration .registrationContainer > section h4::before {
  content: "";
  display: block;
  width: clamp(3rem, 3.1vw, 4.5rem);
}
#registration .registrationContainer > section.support ul li {
  display: grid;
  grid-template-columns: clamp(1.6rem, 1.3vw, 1.8rem) 1fr;
  gap: 0.8rem;
}
#registration .registrationContainer > section.support ul li:before {
  content: "●";
  color: #4DC1F0;
}
#registration .registrationContainer > section.support ul li + li {
  margin-top: 1rem;
}
#registration .registrationContainer > section.support p {
  padding-left: calc(clamp(1.6rem, 1.3vw, 1.8rem) + 0.8rem);
}
#registration .registrationContainer > section.support h4::before {
  aspect-ratio: 44/37;
  background: url(/lib/img/family_doctor/img_touroku_cut_01.webp) no-repeat center/contain;
}
#registration .registrationContainer > section.aboutCall {
  padding: clamp(2rem, 2.1vw, 3rem) clamp(2rem, 2.8vw, 4rem) 0;
}
#registration .registrationContainer > section.aboutCall .note {
  background: #F04D52;
  margin-block: 2rem 0;
  margin-inline: calc(-1 * clamp(2rem, 2.8vw, 4rem));
  padding: clamp(2rem, 2.1vw, 3rem) clamp(2rem, 2.8vw, 4rem);
  border-radius: 0 0 clamp(1rem, 2.1vw, 3rem) clamp(1rem, 2.1vw, 3rem);
  color: #FFF;
}
#registration .registrationContainer > section.aboutCall .note strong {
  font-size: clamp(2rem, 1.7vw, 2.4rem);
  font-weight: 800;
}
#registration .registrationContainer > section.aboutCall h4::before {
  aspect-ratio: 44/44;
  background: url(/lib/img/family_doctor/img_touroku_cut_02.webp) no-repeat center/contain;
}
@media screen and (max-width: 768px) {
  #registration .htype01 {
    text-align: center;
    line-height: 1.2;
  }
  #registration .registrationContainer {
    display: grid;
    grid-template-columns: 1fr;
  }
}

/* ------------------------------------
// demerit
------------------------------------ */
#demerit {
  background: #C9EEF4;
  padding-block: clamp(3rem, 6.9vw, 10rem);
}
#demerit .demeritContainer {
  background: #FFF;
  border-radius: clamp(1rem, 2.1vw, 3rem);
  padding: clamp(2rem, 3.5vw, 5rem) clamp(1rem, 3.5vw, 5rem);
  width: min(1080px, 100% - 4rem);
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  #demerit .demeritContainer {
    width: min(1080px, 100% - 4rem);
  }
}
#demerit .demeritContainer {
  position: relative;
}
#demerit .demeritContainer::before {
  content: "";
  display: block;
  width: clamp(6rem, 5.6vw, 8rem);
  aspect-ratio: 85/54;
  background: url(/lib/img/family_doctor/demerit_cut_02.webp) no-repeat center/contain;
  position: absolute;
  right: 5rem;
  bottom: -2rem;
}
#demerit .demeritContainer h2 {
  border-radius: 10px;
  position: relative;
  z-index: 0;
  color: #4DC1F0;
  display: grid;
  grid-template-columns: clamp(6rem, 5.6vw, 8rem) 1fr;
  gap: 1rem;
  align-items: end;
  padding-bottom: 1rem;
  border-bottom: 4px dotted #4DC1F0;
  margin-bottom: 3rem;
  font-size: clamp(1.6rem, 1.4vw, 2rem);
}
#demerit .demeritContainer h2 strong {
  display: contents;
  font-size: clamp(2rem, 2.1vw, 3rem);
  font-weight: 700;
}
#demerit .demeritContainer h2::before {
  content: "";
  display: block;
  width: clamp(6rem, 5.6vw, 8rem);
  aspect-ratio: 80/59;
  background: url(/lib/img/family_doctor/demerit_cut_01.webp) no-repeat center/contain;
}
#demerit .demeritContainer p + p {
  margin-top: 1.25em;
}
@media screen and (max-width: 768px) {
  #demerit .demeritContainer h2 {
    grid-template-columns: 1fr;
    text-align: center;
  }
  #demerit .demeritContainer h2::before {
    margin: 0 auto;
  }
}

/*# sourceMappingURL=family_doctor.css.map */