@charset "utf-8";
/**
 *
 *  ページ用CSS
 *  teachers
 *
 */
/*--------------------------------------------------------------------------
  Overwright
---------------------------------------------------------------------------*/
.ttl-lead .typewriter {
	display: block;
}

/*--------------------------------------------------------------------------
  Content
---------------------------------------------------------------------------*/
#Rigaku,
#Judo,
#Shinkyu,
#Oral,
#Rehab_rigaku,
#Sagyou,
#Kango,
#Tourism {
	scroll-margin-top: 82px;
}
.teachers .ttl-dot.cat01::before {
	color: var(--cat01);
}
.teachers .ttl-dot.cat02::before {
	color: var(--cat02);
}
.teachers .ttl-dot.cat03::before {
	color: var(--cat03);
}
.teachers .ttl-dot.cat04::before {
	color: var(--cat04);
}
.teachers .ttl-dot.cat05::before {
	color: var(--cat05);
}
.teachers .ttl-dot.cat06::before {
	color: var(--cat06);
}
.teachers .ttl-dot.cat07::before {
	color: var(--cat07);
}
.teachers .ttl-dot.cat08::before {
	color: var(--cat08);
}

/* teachers
-----------------------------------------------------------------*/
.teachers {
	padding: 160px 0;
	background: var(--beige);
}
.teachers h2 {
	margin-bottom: 140px;
	text-align: center;
}
.teachers .sort-nav {
	justify-content: center;
	width: 100%;
	margin-bottom: 100px;
}
.teachers .sort-nav li {
	margin: 0 8px;
	cursor: pointer;
}
.teachers .sort-nav li a {
	padding: 20px 50px;
}
.tab-cont+.tab-cont {
	display: none;
}
.tab-cont h3 {
	margin-bottom: 80px;
	font-size: min(2.73vw, 4.2rem);
	letter-spacing: .15em;
	line-height: 1;
	text-align: center;
}
.teachers .page-nav {
	justify-content: space-between;
	margin: 0 auto 120px;
}
.teachers .page-nav li {
	max-width: 235px;
}
.teachers .page-nav a {
	height: 100%;
}
.teachers .page-nav a small {
	display: block;
	font-size: 1.2rem;
}
.teachers .takarazuka .page-nav {
	max-width: 1030px;
}
.teachers .takarazuka .page-nav li {
	width: calc((100% - 30px)/4);
}
.teachers .wakayama .page-nav {
	max-width: 765px;
}
.teachers .wakayama .page-nav li {
	width: calc((100% - 20px)/3);
}
.tab-cont h4 {
	position: relative;
	margin-bottom: 40px;
}
.tab-cont h4 small {
	position: absolute;
	left: min(1.55vw, 24px);
	top: -25px;
	font-size: min(1.04vw, 1.6rem);
}
.tab-cont>div+div {
	margin-top: 160px;
}
.teachers .wakayama>div:nth-of-type(1),
.teachers .wakayama>div:nth-of-type(2) {
	padding-top: 25px;
}
.tab-cont .teacher-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.tab-cont .teacher-list li {
	width: 47.7%;
}
.tab-cont .teacher-list li:nth-child(n+3) {
	margin-top: 30px;
}
.tab-cont .teacher-list .btn-highlight a {
	font-size: 1.6rem;
}
.tab-cont .teacher-list .btn-highlight a small {
	display: block;
	font-size: 1.2rem;
}
/*--------------------------------------------------------------------------
  mobile
---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	#Rigaku,
	#Judo,
	#Shinkyu,
	#Oral,
	#Rehab_rigaku,
	#Sagyou,
	#Kango,
	#Tourism {
		scroll-margin-top: 53px;
	}
/* teachers
-----------------------------------------------------------------*/
	.teachers {
		padding: 110px 0;
	}
	.teachers h2 {
		margin-bottom: 80px;
	}
	.teachers .sort-nav {
		margin-bottom: 70px;
	}
	.teachers .sort-nav li {
		margin: 0 5px 10px;
	}
	.teachers .sort-nav li a {
		padding: 18px 15px;
		font-size: 1.2rem;
	}
	.tab-cont h3 {
		margin-bottom: 80px;
		font-size: 2.5rem;
	}
	.teachers .page-nav {
		flex-wrap: wrap;
		margin: 0 auto 80px;
	}
	.teachers .page-nav li {
		max-width: none;
	}
	.teachers .page-nav li:nth-child(n+3) {
		margin-top: 20px;
	}
	.teachers .page-nav a {
		height: 100%;
		font-size: 1.2rem;
	}
	.teachers .page-nav a small {
		font-size: 1rem;
	}
	.teachers .takarazuka .page-nav li {
		width: 46.5%;
	}
	.teachers .wakayama .page-nav {
		max-width: none;
	}
	.teachers .wakayama .page-nav li {
		width: 46.5%;
	}
	.tab-cont h4 {
		align-items: center;
		margin-bottom: 30px;
		font-size: 1.8rem;
	}
	.tab-cont h4 small {
		left: 12px;
		top: -18px;
		font-size: 1.2rem;
	}
	.tab-cont>div+div {
		margin-top: 160px;
	}
	.teachers .wakayama>div:nth-of-type(1),
	.teachers .wakayama>div:nth-of-type(2) {
		padding-top: 20px;
	}
	.tab-cont .teacher-list {
		display: block;
	}
	.tab-cont .teacher-list li {
		width: 100%;
	}
	.tab-cont .teacher-list li:nth-child(n+2) {
		margin-top: 20px;
	}
	.tab-cont .teacher-list .btn-highlight a {
		font-size: 1.4rem;
	}
	.tab-cont .teacher-list .btn-highlight a small {
		font-size: 1rem;
	}
}