@charset "UTF-8";

#teachers .wrap {
	padding: 60px 0 150px;
}
#teachers .contents {
	max-width:1100px;
}
#teachers .contents h1 {
	font-weight:600;
	letter-spacing:.05em;
}
#teachers .contents h1.gtit {
	font-size:2.2rem;
	text-align:center;
	margin-bottom: 4em;
}
#teachers .contents h1.gtit .jp {
	display:block;
	padding-top:.66em;
}
#teachers .contents h1.gtit .en {
	font-family: 'Manrope', sans-serif;
	font-size:7.0rem;
	color: transparent;
	background: linear-gradient(90deg, rgba(255,156,0,1) 0%, rgba(252,110,0,1) 100%);
	-webkit-background-clip: text;
}

#teachers .teacher {
	width:100%;
	margin-bottom:60px;
	padding-bottom:60px;
	border-bottom:1px solid #eaeaea;
}
#teachers .teacher li {
	width:calc((100%/3) - 30px);
	max-width:275px;
}
#teachers .teacher li .detailbox,
#teachers .teacher li .detail {
	width:100%;
	text-align:center;
}
#teachers .teacher li p {
	font-size:1.5rem;
	background-color:#f0f7f7;
	padding:1.5em 2em;
	line-height:1.5;
	border-radius:12px;
	position:relative;
	margin-bottom:30px;
	text-align:left;
}
#teachers .teacher li p::before {
	content:'';
	display:block;
	border-left: .9em solid transparent;
	border-top: .9em solid #f0f7f7;
	border-right: .9em solid transparent;
	position:absolute;
	bottom:-.85em;
	left:calc(50% - .9em);
}
#teachers .teacher li .img {
	width:84%;
	margin:0 0 50px;
	border-radius:50%;
	position:relative;
}
#teachers .teacher li .img img {
	display:block;
	position:relative;
	z-index:1;
}
#teachers .teacher li .img::before {
	content:'';
	display:block;
	width:83%;
	padding-top:83%;
	border-radius:50%;
	position:absolute;
	background: repeating-linear-gradient(-40deg, #ffe5a6 -2px, #ffe5a6 1.75px, transparent 1.75px, transparent 5px);
	top:30%;
	left:30%;
}
#teachers .teacher li h3 {
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,'Hiragino Kaku Gothic Pro',Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;
	font-size:2.2rem;
	line-height:1.3;
	margin-bottom:.75em;
	width:100%;
    font-weight:600;
}
#teachers .teacher li h3 .name {
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,'Hiragino Kaku Gothic Pro',Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;
	display:block;
	width:100%;
    font-weight:600;
}
#teachers .teacher li h3 .university {
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,'Hiragino Kaku Gothic Pro',Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;
	display:inline-block;
	font-size:.73em;
	color: transparent;
	background: linear-gradient(90deg, rgba(255,156,0,1) 0%, rgba(252,110,0,1) 100%);
	-webkit-background-clip: text;
    font-weight:600;
}
#teachers .teacher li dl {
	font-size:1.5rem;
	width:100%;
}
#teachers .teacher li dt {
	font-weight:500;
	margin-bottom:.5em;
}
#teachers .teacher li dd {
	line-height:1.4;
}
#teachers .teacher + .msg {
	font-size:2.6rem;
	font-weight:600;
	text-align:center;
	line-height:1.5;
	margin-top:90px;
}
#teachers .teacher + .msg span {
	font-size:1.4rem;
	display:block;
	font-weight:400;
}


@media screen and (max-width:1300px){

}

@media screen and (max-width:1024px){

}

@media screen and (max-width: 768px){

#teachers .wrap {
	padding: 10vw 0;
}
#teachers .teacher {
	width:100%;
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none;
}
#teachers .teacher li {
	width:100%;
	max-width:540px;
	border-bottom:1px solid #eaeaea;
	padding-bottom:12vw;
	margin:0 auto 8vw;
}
#teachers .teacher li p {
	font-size:3.6vw;
	padding:1.25em 1.5em;
	border-radius:3vw;
	margin-bottom:8vw;
	text-align:left;
}
#teachers .teacher li .img {
	width:44%;
	margin:0;
}
#teachers .teacher li .img::before {
	width:80%;
	padding-top:80%;
	background: repeating-linear-gradient(-40deg, #ffe5a6 -2px, #ffe5a6 0px, transparent 0px, transparent 2px);
	top:31%;
	left:31%;
}
#teachers .teacher li .detail {
	width:45%;
	text-align:left;
}
#teachers .teacher li h3 {
	font-size:5vw;
}
#teachers .teacher li dl {
	font-size:3.5vw;
}
#teachers .teacher li dd br {
	display:none;
}
#teachers .teacher + .msg {
	font-size:5vw;
	margin-top:10vw;
}
#teachers .teacher + .msg span {
	font-size:3.4vw;
}
   
#teachers .contents h1.gtit {
	font-size:4vw;
	margin-bottom:1.5em;
}
#teachers .contents h1.gtit .en {
	font-size:11vw;
}
	
}

@media screen and (max-width:640px){

}