@charset "utf-8";
:root {
  --color-text: #242424;
  --color-link: #242424;
  --color-primary: #018843;
  --color-secondary: #76bf9a;
  --color-gray: #b5b5b6;
  --color-bg: #f3f1ea;
  --font: "Roboto", "Helvetica Neue", Arial, YuGothic, "游ゴシック体", "Yu Gothic", "游ゴシック", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  --font-en: "Roboto", sans-serif;
  --font-mincho: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}
/*------------------------------------*\
  教授一覧
\*------------------------------------*/
.professor-detail {
	position: relative;
	padding-bottom: 50px;
}
.professor-detail::before {
    position: absolute;
    top: min(50vw, 220px);
    right: 0;
    bottom: 0;
    z-index: -1;
    width: calc(100% - 5px);
    max-width: calc(50vw + 655px);
    border-radius: 8px 0 0 8px;
    background: #f3f1ea;
    content: "";
  }
.professor-detail .btn:not(.btn--invert) {
		width: 296px;
	}
.professor-name {
	margin-bottom: 30px;
	font-size: 2rem;
	letter-spacing: 0.2em;
	line-height: 1.5;
}
.professor-name strong {
		font-size: 2.8rem;
	}
.professor-name small {
		display: block;
		font-size: 1.5rem;
		font-weight: normal;
		letter-spacing: 0;
	}
.professor-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 3px;
}
.professor-table caption {
		margin-bottom: 15px;
		font-weight: bold;
		text-align: left;
	}
.professor-table th,
	.professor-table td {
		padding: 20px;
		vertical-align: middle;
	}
.professor-table th {
		background: #FFFFFF;
		text-align: center;
	}
.professor-table td {
		background: #F9F7F4;
		font-size: 1.5rem;
	}
@media (min-width: 45.001em) {
		.professor-table th {
			width: 130px;
		}
		.professor-table td {
			height: 82px;
		}
		.professor-table tbody tr:first-child :first-child {
			border-radius: 8px 0 0 0;
		}
		.professor-table tbody tr:first-child :last-child {
			border-radius: 0 8px 0 0;
		}
		.professor-table tbody tr:last-child :first-child {
			border-radius: 0 0 0 8px;
		}
		.professor-table tbody tr:last-child :last-child {
			border-radius: 0 0 8px 0;
		}}
@media (min-width: 60.001em) {
	.professor-detail {
		padding-bottom: 100px;
	}
	.professor-name {
		font-size: 2.6rem;
	}
		.professor-name strong {
			font-size: 3.4rem;
		}
		.professor-name small {
			font-size: 1.7rem;
		}
		.professor-table th {
			width: 160px;
		}
}
@media (max-width: 45em) {
	.professor-table {
		display: block;
	}
		.professor-table caption,
		.professor-table tbody,
		.professor-table tr,
		.professor-table td,
		.professor-table th {
			display: block;
			width: 100%;
		}
		.professor-table tr {
			overflow: hidden;
			margin-bottom: 10px;
			border-radius: 8px;
		}
		.professor-table th {
			padding: 5px 20px;
		}
}
/*# sourceMappingURL=maps/professor.css.map */