@charset "UTF-8";
body.skin-staging nav {
  background-color: transparent;
}
footer address {
  font-size: clamp(1.2rem, 1.054rem + 0.388vw, 1.8rem);
}
.l-footer__tel {
  margin-top: 1.2rem;
}
.service-price__table tbody td {
  font-size: clamp(1.3rem, 1.009rem + 0.777vw, 2.5rem);
}
.service-price__table {
  width: 100rem;
}
.service-price__table tbody td .small {
  font-size: clamp(1rem, 0.757rem + 0.647vw, 2rem);
}
.lhcc .o-btn__link {
  color: #fff;
}
.lhcc .thought .o-btn__link, .lhcc .association-information .o-btn__link {
  color: var(--mainColor);
}
.lhcc .thought .o-btn__link:hover, .lhcc .association-information .o-btn__link:hover {
  color: #fff;
}
.l-footer address {
  padding-bottom: 0;
  padding-top: 1rem;
}
.service-cm__cardttl, .service-price__table tbody td .or, .service-flow__subttl {
  color: #6d4220;
}
.body-teacher-detail .container, .body-teacher-list .container {
  width: 1280px !important;
}
.portfolio-item .card {
  background: none;
  border: none;
}
.portfolio-item .card-img-top {
  border-radius: 1.5rem;
}
.card-title {
  font-size:clamp(2.2rem, 2.054rem + 0.388vw, 2.8rem);
  color: var(--mainColor);
  margin-top: 1.2rem;
  margin-bottom: 1.5rem !important;
}
footer.main-footer{
	margin-top: 6rem;
}
.ftr-contact__inner {
	margin-bottom:-6rem;
}

/*-----------------------

      インストラクタ一覧

-----------------------*/
.instructor-list-cat {
  margin-bottom: clamp(1.5rem, 1.2572815534rem + 0.6472491909vw, 2.5rem);
}

.instructor-catlistttl {
  font-size: clamp(2rem, 1.8058252427rem + 0.5177993528vw, 2.8rem);
  letter-spacing: 0.025em;
  color: var(--mainColor_lhcc);
}

.instructor-catlist {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  margin-top: clamp(1.5rem, 1.2572815534rem + 0.6472491909vw, 2.5rem);
}

.instructor-catlistitem {
  font-size: clamp(1.8rem, 1.8970873786rem - 0.2588996764vw, 1.4rem);
  letter-spacing: 0.025em;
  color: var(--mainColor_lhcc);
  border: solid 2px var(--mainColor_lhcc);
  border-radius: 3rem;
  padding: clamp(0.5rem, 0.3786407767rem + 0.3236245955vw, 1rem) clamp(1rem, 0.8786407767rem + 0.3236245955vw, 1.5rem);
  display: block;
  white-space: nowrap;
}
.instructor-catlistitem.active {
  /* color: var(--mainColor); */
  color: #fff !important;
  background: var(--mainColor_lhcc);
  border: solid 2px var(--mainColor_lhcc);
}
.instructor-catlistitem.active:visited, .instructor-catlistitem.active:hover {
  color: var(--mainColor_lhcc);
  opacity: 0.8;
}
.instructor-catlistitem:visited, .instructor-catlistitem:hover {
  color: var(--mainColor_lhcc);
  opacity: 0.8;
}
/*-----------------------

      認定者一覧

-----------------------*/
.body-page-detail-certified .sec_ttlG--ver2 .sec_ttl{
	font-size: clamp(2.2rem, 1.957rem + 0.647vw, 3.2rem);
    line-height: 1.3;
}
.body-page-detail-certified .sec_ttlG--ver2 .sec_enttl{
	font-size:clamp(1.2rem, 1.054rem + 0.388vw, 1.8rem);
}
.body-page-detail-certified .reason__cardfigure {
  aspect-ratio: 1 / 1; /* 正方形を強制 */
  overflow: hidden;    /* はみ出しを隠す */
  border-radius: 50%;  /* 親を円にする */
}

.body-page-detail-certified .reason__cardfigure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.body-page-detail-certified .o-card__item p{
	text-align:center;
	font-size:1.8rem;
	color:var(--baseColor_lhcc);
	    line-height: 1.4;
}
.body-page-detail-certified .o-card__item p a{
	font-size:1.8rem;
	color:var(--main70Color_lhcc);
	text-decoration:underline;
	line-height: 1.4;
    display: inline-block;
}
.body-page-detail-certified .o-card__item h3.reason__cardttl{
	text-align:center;
	    font-size: 2.4rem;
    margin-top: clamp(0.5rem, 0.379rem + 0.324vw, 1rem);
	    margin-bottom: clamp(0.5rem, 0.379rem + 0.324vw, 1rem);
	color: var(--mainColor_lhcc);
}

@media screen and (max-width:1440px) {}
@media screen and (max-width:1368px) {}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {}
@media screen and (max-width:559px) {
  .service-price__table thead th:first-child {
    width: 9.7rem;
  }
  .body-teacher-detail .container, .body-teacher-list .container {
    width: 100% !important;
  }
  .card-title {
    text-align: center;
  }
	.body-page-detail-certified .hn_ttl{
		margin-bottom:7rem;
	}
}
@media screen and (max-width:375px) {}
@media screen and (max-width:361px) {}