@charset 'UTF-8';

#famclass {
  padding-bottom: 13.6rem;
}
#famclass .desc {
  padding-top: 5.2rem;
}
#famclass .desc p {
  margin: 0;
  font-size: 1.7rem;
  line-height: 2.2;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  #famclass .desc p {
    text-align: center;
  }
}
#famclass dl {
  margin: 7.6rem auto 0 auto;
  max-width: 100.4rem;
  background-color: rgb(255, 255, 255);
}
#famclass dl div {
  display: flex;
  border-top: dashed 1px rgb(212, 98, 144);
}
#famclass dl div:last-of-type {
  border-bottom: dashed 1px rgb(212, 98, 144);
}
#famclass dt,
#famclass dd {
  padding: 1.8rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 1.6rem;
  line-height: 1.4;
  letter-spacing: 0.1em;
  box-sizing: border-box;
  font-feature-settings: "palt";
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  #famclass dt,
  #famclass dd {
    padding: 1.8rem 2.5rem;
  }
}
#famclass dt {
  flex-basis: 13rem;
  flex-shrink: 0;
  background-color: rgb(248, 229, 234);
  -moz-text-align-last: justify;
  text-align-last: justify;
}
@media screen and (min-width: 768px) {
  #famclass dt {
    flex-basis: 17rem;
  }
}
#famclass dd {
  margin: 0;
  flex-grow: 1;
}
/* 
#famclass .notes {
  padding-top: 1.1rem;
  margin: 0 auto;
  max-width: 100.4rem;
}
#famclass .notes p {
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
}
#famclass .cmn_button {
  padding-top: 5.7rem;
}
#famclass .cmn_button a {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  line-height: 1.4;
} 
*/
#famclass .contact .desc {
  padding: 3rem 0 5rem 0.05em;
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 2.3rem;
  font-weight: bold;
  line-height: 1.48;
  letter-spacing: 0.05em;
}
#famclass .contact .desc p {
  margin: 0;
}
#famclass .contact section {
  padding: 1.2rem;
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 38.8rem;
  border-radius: 21px;
  border: solid 5px rgb(247, 79, 124);
  background-color: rgb(255, 255, 255);
  box-sizing: border-box;
}
#famclass .contact section h3 {
  margin: 0;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.05em;
  text-indent: 0.05em;
  text-align: center;
  color: rgb(247, 79, 124);
}
#famclass .contact section p {
  padding: 0.5em 0;
  margin: 0;
  font-family: var(--ShipporiMincho);
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.05em;
  text-indent: 0.05em;
  text-align: center;
  color: rgb(247, 79, 124);
}
#famclass .contact section .tel {
  padding: 0;
  font-size: 3rem;
  font-weight: bold;
}
#famclass .contact section .tel span {
  font-size: 1.7rem;
}