#teacher{
	margin-bottom: 0;
}
#teacher > *:not(:last-child){
	margin-bottom: 15rem;
}
@media all and (max-width:960px){
	#teacher > *:not(:last-child){
		margin-bottom: 7.5rem;
	}
}

/*--------------------------------------
	導入
--------------------------------------*/
#ttl{
	position: relative;	
}

.ttl-txt{
	padding-right: 2rem;
	width: 50%;
}
.ttl-txt h3{
	font-weight: 900;
    text-align: left;
    color: var(--color-dark);
}
.ttl-txt p{
	font-size: clamp(1.6rem, 2vw, 2.2rem);
}
.ttl-txt p:not(:last-child){
    margin-bottom: 2em;
}
.ttl-txt p span{
    color: var(--color-dark);
}
.ttl-img{
	position: absolute;
    right: 0;
    top: 0;
    width: 45%;
    overflow: clip;
    /*border-radius: 10rem 0 0 10rem;*/
    filter: drop-shadow(1rem 1rem 0 var(--color-dark));
}
.ttl-img img{
	max-width: 960px;
}

@media all and (max-width:960px){
	.ttl-wrap{
		margin-top: 1.5rem;
	}
	.ttl-txt{
		padding-right: 0rem;
		width: 100%;
		margin-bottom: 2.5rem;
	}
	.ttl-txt > *{
		text-align: center!important;
	}
	.ttl-img{
		position: initial;
		width: 100%;
		/*border-radius: 5rem;*/
		transform: translateX(2rem);
	}
}


/*--------------------------------------
	メリット（teacher-merit）
--------------------------------------*/
:root {
	--merit-item-gap: 4rem; 
}
#teacher-merit{
	background: var(--color-dark);
	padding: var(--content-padding);
}
#teacher-merit h4{
	text-align: center;
    margin-bottom: 1em;
}
ul.teacher-merit-list {
	max-width: 960px;
    margin: auto;
    display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
	gap: var(--merit-item-gap);
}

li.teacher-merit-item {
    width: calc((100% - var(--merit-item-gap)) / 2);
	background: var(--color-wh);
    padding: 4rem;
    border-radius: 3rem;
}
li.teacher-merit-item,
li.teacher-merit-item *{
	text-align: center;
	color: var(--color-dark);
}
li.teacher-merit-item h2{
	display: inline-block;
	border-bottom: 5px var(--color-dark) solid;
	line-height: 1em;
	margin-bottom: 2rem;
}
li.teacher-merit-item h5{
	text-align: center;
	color: var(--color-bk);
	line-height: 1.35em;
    margin-bottom: 1rem;
}

@media all and (max-width:960px){
	li.teacher-merit-item{
		width: 100%;
		padding: 4rem 2rem;
	}
}



/*--------------------------------------
	講師募集について（teacher-recruitment）
--------------------------------------*/
:root {
	--recruitment-item-gap: 4rem; 
}

#teacher-recruitment h4{
	text-align: center;
    margin-bottom: 1em;
}
ul.teacher-recruitment-list {
	max-width: 960px;
    margin: auto;
    display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
	gap: var(--recruitment-item-gap);
}

li.teacher-recruitment-item {
    width: calc((100% - var(--recruitment-item-gap)) / 2);
	background: var(--color-wh);
    padding: 4rem;
    border-radius: 3rem;
	text-align: center;
	box-shadow: 3px 3px 20px -5px rgba(43, 43, 40, 0.30);
}

li.teacher-recruitment-item h5{
	/*display: inline-block;*/
	color: var(--color-dark);
	border-bottom: 5px var(--color-dark) solid;
	line-height: 1em;
	margin-bottom: 2rem;
	padding-bottom: 0.5rem;
}
li.teacher-recruitment-item .teacher-recruitment-txt li{
	font-size: clamp(1.6rem, 1.5vw, 2.0rem);
	text-align: left;
    padding-left: 1em;
    text-indent: -1em;
}

.teacher-form{
	margin-top: 7.5rem;
	display: flex;
    flex-direction: column;
    align-items: center;
}
.teacher-form-btn{
	text-align: center;
	max-width: 960px;
	width: 100%;
}
.teacher-form-btn a {
    width: 100%;
    display: block;
    background: var(--color-pale);
    border: 2px var(--color-pale) solid;
    font-size: clamp(2.2rem, 2.5vw, 3.2rem);
    font-weight: 700;
    line-height: 1em;
    padding: 0.5em;
    border-radius: 1rem;
	transition: 0.3s;
}
.teacher-form-btn a:hover{
    background: var(--color-wh);
	color: var(--color-pale);
}

@media all and (max-width:960px){
	li.teacher-recruitment-item{
		width: 100%;
	}
	.teacher-form{
		margin-top: 3.5rem;
	}
}




/*--------------------------------------
	お問い合わせ先（teacher-contact）
--------------------------------------*/
:root {
	--teacher-contact-txt-padding: 1.5rem;
}
@media all and (max-width:960px){
	:root {
		--teacher-contact-txt-padding: 1rem;
	}
}
#teacher-contact{	
	padding: 7.5rem 2rem;
    background: var(--color-dark);
    border-radius: 50vw 50vw 0 0;
}
.teacher-contact-wrap * {
    text-align: center;
}
.teacher-contact-wrap h6 {
    margin-bottom: var(--teacher-contact-txt-padding);
    line-height: 1em;
}
.teacher-contact-txt p{
	line-height: 1.35em;
    margin-bottom: 0.5em;
}
.teacher-contact-txt a{
	font-size: clamp(1.6rem, 1.5vw, 2.0rem);
}
.teacher-contact-txt a::before{
    content: "\f0e0";
	font-weight: 500;
	margin-right: 0.5rem;
}