@charset "utf-8";
@media screen and (min-width: 768px) {
/* デフォルト */
#faculty {
	padding:0 0 40px;
}
#faculty a img {
	opacity:1;
	transition:opacity ease .3s;
}
#faculty a:hover img {
	opacity:.5;
}
#faculty h1,#faculty h2,#faculty h3 {
	font-family:Yu Mincho, "游明朝", serif;
	letter-spacing:.04em;
}
#faculty h1.title {
	font-size:32px;
	font-weight:500;
}
#faculty h2 {
	font-size:24px;
	font-weight:500;
	text-align:center;
}
#faculty h2.title {
	font-size:32px;
	text-align:left;
}
#faculty h3 {
	font-size:20px;
}
#faculty .main-title {
	margin-bottom:40px;
}
#faculty .main-title .title-box {
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:space-between;
	align-items:center;
}
#faculty .main-title h1.title {
	font-size:32px;
	font-weight:normal;
}
#faculty .main-title p {
	font-family:Yu Mincho, "游明朝", serif;
	letter-spacing:.04em;
	font-size:24px;
}

#faculty .main-visual {
	margin-bottom:20px;
}
#faculty .main-visual .inner {
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:space-between;
	align-items:stretch;
}
#faculty .main-visual li {
	display:block;
	width:calc(100% / 2);
}

#faculty .main-content {
	padding:40px 40px;
	border-style:solid;
	border-width:1px;
}
#faculty .main-content .title-box {
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:space-between;
	align-items:center;
	margin-bottom:40px;
}
#faculty .main-content .title-box h1.title {
	display:block;
	width:calc(100% / 2 - 10px);
}
#faculty .main-content .title-box .txt-box {
	display:block;
	width:calc(100% / 2 - 10px);
}
#faculty .main-content h2.title {
	border-bottom:solid 1px #333;
	margin-bottom:20px;
}
#faculty .main-content .content h3.title {
	display:table;
	width:100%;
	line-height:1;
	font-weight:bold;
	margin-bottom:20px;
}
#faculty .main-content .content h3.title .num {
	display:table-cell;
	color:#FFF;
	font-size:42px;
	text-align:center;
	vertical-align:middle;
	width:64px;
	height:64px;
}
#faculty .main-content .content h3.title .txt-data {
	display:table-cell;
	text-align:left;
	vertical-align:middle;
	padding-left:2rem;
}
#faculty .main-content .content {
	margin-bottom:60px;
}
#faculty .main-content .content-box {
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:space-between;
	align-items:stretch;
}
#faculty .main-content .content-box .img-box,
#faculty .main-content .content-box .txt-box {
	width:calc(100% / 2 - 10px);
}
#faculty .main-content .application h2 {
	margin-bottom:20px;
}
#faculty .main-content .application .content-box img {
	margin-bottom:1rem;
}
}

@media screen and (max-width: 767px) {
/* デフォルト */
#faculty {
	padding:2rem 0 2rem;
}
#faculty img {
	width:100%;
}
#faculty h1,#faculty h2,#faculty h3 {
	font-family:serif;
	letter-spacing:.04em;
}
#faculty h1.title {
	font-size:24px;
	font-weight:500;
}
#faculty h2 {
	font-size:20px;
	font-weight:500;
	text-align:center;
}
#faculty h2.title {
	font-size:24px;
	text-align:left;
}
#faculty h3 {
	font-size:16px;
}
#faculty .main-title {
	margin-bottom:2rem;
}
#faculty .main-title .title-box {
	position:relative;
	width: 100%;
	padding-top:42.8%;
}
#faculty .main-title .txt-box {
	position: absolute;
	width:100%;
	height:60px;
	text-shadow: 0px 0px 5px #000000;
	text-align:center;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	z-index:1;
}
#faculty .main-title .txt-box h1.title {
	color:#FFF;
	font-size:24px;
	font-weight:500;
}
#faculty .main-title .txt-box p {
	font-family:serif;
	color:#FFF;
	letter-spacing:.04em;
	font-size:20px;
	font-weight:500;
}
#faculty .main-title .img-box {
}
#faculty .main-title .img-box img {
	position: absolute;
	width:100%;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}

#faculty .main-visual {
	margin-bottom:1rem;
}
#faculty .main-visual li {
	display:block;
}

#faculty .main-content {
	margin:1rem;
	padding:1rem;
	border-style:solid;
	border-width:1px;
}
#faculty .main-content .title-box {
	display:flex;
	flex-direction:column;
	flex-wrap:nowrap;
	justify-content:space-between;
	margin-bottom:2rem;
}
#faculty .main-content .title-box h1.title {
	display:block;
	margin-bottom:1rem;
}
#faculty .main-content .title-box .txt-box {
	display:block;
}
#faculty .main-content h2.title {
	border-bottom:solid 1px #333;
	margin-bottom:.5rem;
}
#faculty .main-content .content h3.title {
	font-weight:bold;
	margin-bottom:0;
}
#faculty .main-content .content h3.title .num {
	display:block;
	color:#FFF;
	font-size:42px;
	line-height:64px;
	text-align:center;
	vertical-align:bottom;
	width:64px;
	margin:0 auto .5rem;
	
}
#faculty .main-content .content h3.title .txt-data {
	display:block;
	text-align:center;
	padding:1rem 1rem;
}
#faculty .main-content .content {
	margin-bottom:2rem;
}
#faculty .main-content .content-box {
}
#faculty .main-content .content-box .img-box {
	margin-bottom:1rem;
}
#faculty .main-content .application h2 {
	margin-bottom:1rem;
}
#faculty .main-content .application .content-box li.img-box:last-child {
	margin-bottom:0;
}
#faculty .main-content .application .content-box img {
	margin-bottom:.5rem;
}
}

/* 歯科衛生学科 */
#faculty .shika .main-title {
	background-color:rgba(234, 99, 136, 10%);
}
#faculty .shika .main-content {
	border-color:#ea6388;
}
#faculty .shika .main-content h3.title .num {
	background-color:#ea6388;
}
#faculty .shika .main-content h3.title .txt-data {
	color:#ea6388;
	background-color:rgba(234, 99, 136, 10%);
}
/* 看護学科 */
#faculty .kango .main-title {
	background-color:rgba(245, 162, 0, 10%);
}
#faculty .kango .main-content {
	border-color:#f5a200;
}
#faculty .kango .main-content h3.title .num {
	background-color:#f5a200;
}
#faculty .kango .main-content h3.title .txt-data {
	color:#f5a200;
	background-color:rgba(245, 162, 0, 10%);
}
/* 理学療法学科 */
#faculty .rigaku .main-title {
	background-color:rgba(0, 168, 150, 10%);
}
#faculty .rigaku .main-content {
	border-color:#00a896;
}
#faculty .rigaku .main-content h3.title .num {
	background-color:#00a896;
}
#faculty .rigaku .main-content h3.title .txt-data {
	color:#00a896;
	background-color:rgba(0, 168, 150, 10%);
}
/* 言語聴覚学科 */
#faculty .gengo .main-title {
	background-color:rgba(153, 207, 22, 10%);
}
#faculty .gengo .main-content {
	border-color:#99CF16;
}
#faculty .gengo .main-content h3.title .num {
	background-color:#99CF16;
}
#faculty .gengo .main-content h3.title .txt-data {
	color:#99CF16;
	background-color:rgba(153, 207, 22, 10%);
}
/* 柔道整復学科 */
#faculty .judo .main-title {
	background-color:rgba(0, 169, 228, 10%);
}
#faculty .judo .main-content {
	border-color:#00a9e4;
}
#faculty .judo .main-content h3.title .num {
	background-color:#00a9e4;
}
#faculty .judo .main-content h3.title .txt-data {
	color:#00a9e4;
	background-color:rgba(0, 169, 228, 10%);
}
/* 鍼灸学科 */
#faculty .shinkyu .main-title {
	background-color:rgba(142, 104, 170, 10%);
}
#faculty .shinkyu .main-content {
	border-color:#8e68aa;
}
#faculty .shinkyu .main-content h3.title .num {
	background-color:#8e68aa;
}
#faculty .shinkyu .main-content h3.title .txt-data {
	color:#8e68aa;
	background-color:rgba(142, 104, 170, 10%);
}

/* コンテンツナビ */
@media screen and (max-width: 767px) {
#faculty .navi_faculty.container {
	font-family: sans-serif;
	padding-top:2rem;
	margin-bottom:0;
}
#faculty .navi_faculty h2.title {
	font-family: sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-bottom:1rem;
}
#faculty .navi_faculty h3.title {
	font-family: sans-serif;
	font-size:12px;
	margin-top:4px;
}
#faculty .navi_faculty ul {
	display: grid;
	grid-template-columns:1fr 1fr;
	gap:8px 8px;
	justify-items: stretch;
}
#faculty .navi_faculty ul li a {
	display:block;
	text-decoration:none;
	width:100%;
	height:100%;
}
}

@media screen and (min-width: 768px) {
#faculty .navi_faculty.container {
	padding-top:40px;
	margin-bottom:0;
}
#faculty .navi_faculty .title {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px
}
#faculty .navi_faculty h2.title {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	margin-bottom:1rem;
}
#faculty .navi_faculty h3.title {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-top:4px;
}
#faculty .navi_faculty ul {
	display: flex;
	flex-flow:row nowrap;
	justify-content:space-between;
	align-items: stretch;
}
#faculty .navi_faculty ul li {
	width:160px;
}
#faculty .navi_faculty ul li a {
	display:block;
	text-decoration:none;
	width:100%;
	height:100%;
	opacity:1;
	transition:opacity ease .4s;
}
#faculty .navi_faculty ul li a:hover {
	opacity:.6;
}
}
/* デフォルト */
#faculty .navi_faculty .title {
	line-height:1;
}
#faculty .navi_faculty h2.title {
	letter-spacing:0.04em;
	text-align:center;
	padding:.5rem;
	border:solid 1px #7AA7D3;
}
#faculty .navi_faculty h3.title {
	color:#FFF;
	letter-spacing:0.14em;
	text-align:center;
	padding:.5rem 0;
}

/* 歯科衛生学科 */
#faculty .navi_faculty .shika .title {
	background-color:#E08DA0;
}
/* 看護学科 */
#faculty .navi_faculty .kango .title {
	background-color:#ECA153;
}
/* 理学療法学科 */
#faculty .navi_faculty .rigaku .title {
	background-color:#66BAA8;
}
/* 言語聴覚学科 */
#faculty .navi_faculty .gengo .title {
	background-color:#8EBB74;
}
/* 柔道整復学科 */
#faculty .navi_faculty .judo .title {
	background-color:#7AA7D3;
}
/* 鍼灸学科 */
#faculty .navi_faculty .shinkyu .title {
	background-color:#A688B8;
}
