@charset "UTF-8";

/* ------------ 共通設定 ------------ */

/* --- ボタン --- */

.r-ar-btn a {
	background: #fff;
	border-radius: 6px;
	width: 100%;
	display: block;
	color: #000;
	text-align: right;
	padding: 10px 140px 10px 10px;
	font-weight: bold;
}

.ar a {
	position: relative;
	display: inline-block;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
}

.ar a::before,
.ar a::after {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}

.r-ar-btn a::before {
	width: 16px;
	height: 16px;
	right: 110px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #41B5B2;
}

.r-ar-btn a::after {
	right: 116px;
	width: 4px;
	height: 4px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.rw-ar-btn a {
	background-image: linear-gradient(-90deg, #4EC2B3 0%, #19498E 100%);
	border-radius: 6px;
	display: inline-block;
	color: #fff;
	text-align: right;
	padding: 10px 65px 10px 35px;
	font-weight: bold;
}

.rw-ar-btn a::before {
	width: 16px;
	height: 16px;
	right: 35px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #fff;
}

.rw-ar-btn a::after {
	right: 41px;
	width: 4px;
	height: 4px;
	border-top: 2px solid #175897;
	border-right: 2px solid #175897;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* --- 英語タイトルベース --- */
.entitle {
	font-family: 'Barlow Condensed', sans-serif;
	color: #175394;
	font-size: 2rem;
	font-weight: normal;
}

@media (max-width: 769px) {

/* --- ボタン --- */

.r-ar-btn a {
	text-align: left;
	padding: 10px 40px 10px 10px;
	font-weight: bold;
}

.ar a {
	position: relative;
	display: inline-block;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	font-size: 1.4rem;
	line-height: 1.4;
}

.ar a::before,
.ar a::after {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}

.r-ar-btn a::before {
	width: 16px;
	height: 16px;
	right: 20px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #41B5B2;
}

.r-ar-btn a::after {
	right: 26px;
	width: 4px;
	height: 4px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.rw-ar-btn a {
	background-image: linear-gradient(-90deg, #4EC2B3 0%, #19498E 100%);
	border-radius: 6px;
	display: inline-block;
	color: #fff;
	text-align: right;
	padding: 10px 65px 10px 35px;
	font-weight: bold;
}

.rw-ar-btn a::before {
	width: 16px;
	height: 16px;
	right: 35px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #fff;
}

.rw-ar-btn a::after {
	right: 41px;
	width: 4px;
	height: 4px;
	border-top: 2px solid #175897;
	border-right: 2px solid #175897;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* --- 英語タイトルベース --- */
.entitle {
	font-size: 1.6rem;
}
}
/* ------------ トップページ ------------ */

.inner {
	width: 100%;
	overflow: hidden;
}

/* --- slide --- */

.mv-area {
	position: relative;
	top: 0;
	left: 0;
}

.mv-area .swiper-wrapper .swiper-slide {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center left;
}

.mv-area .top_slide {
	position: relative;
	top: 0;
	left: 0;
	height: 650px;
	margin-bottom: 100px;
}

.mv-area .top_slide .slide01 {
	background-image: url(../img/slide_img01.jpg);
}

.mv-area .top_slide .slide02 {
	background-image: url(../img/slide_img05.jpg);
}

.mv-area .top_slide .slide03 {
	background-image: url(../img/slide_img06_2025.webp);
}

.mv-area .top_slide .slide04 {
	background-image: url(../img/slide_img07.jpg);
}

.mv-area .newcolumn-area {
	position: absolute;
	top: 40px;
	right: 40px;
	width: 264px;
	background: #41B5B2;
	box-shadow: 2px 2px 6px -5px #000000;
	border-radius: 6px;
	z-index: 3;
	padding: 20px;
	color: #fff;
}

.mv-area .newcolumn-area h1 {
	position: absolute;
	top: -10px;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	font-size: 1.9rem;
	font-weight: bold;
	margin-bottom: 10px;
}

.mv-area .newcolumn-area h1 img {
	flex-grow: 0;
	margin-right: 10px;
}

.mv-area .newcolumn-area .column-img {
	padding-top: 30px;
	margin-bottom: 5px;
}

.mv-area .newcolumn-area .column-img img {
	border: 2px solid #fff;
}

.mv-area .newcolumn-area .date {
	font-size: 1.4rem;
	margin-bottom: 5px;
}

.mv-area .newcolumn-area .date span {
	color: #000;
	background: #fff;
	padding: 3px 15px;
	border-radius: 60px;
	font-size: 1.4rem;
	font-weight: bold;
	margin-right: 10px;
}

.mv-area .newcolumn-area h2 {
	font-size: 1.8rem;
	line-height: 1.3;
	font-weight: bold;
	margin-bottom: 10px;
}

.mv-area .newcolumn-area .dr {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.4rem;
	line-height: 1.5;
	margin-bottom: 15px;
}

.mv-area .newcolumn-area .profile-title {
	text-align: center;
	font-size: 1.3rem;
}

.mv-area .newcolumn-area .profile {
	margin-left: 10px;
}

.mv-area .newcolumn-area .r-ar-btn a {
	padding: 5px 10px 5px 0;
	text-align: center;
}

.r-ar-btn a::before {
    right: 40px;
}

.r-ar-btn a::after {
    right: 46px;
}

#jnd ul li ul {
    padding-left: 40px;
}

#jnd ul#name li#research-director {
    list-style-type: "研究責任者：";
    margin-left: 96px;
}

#jnd ul#name li#co-investigator {
    list-style-type: "研究分担者：";
    margin-left: 96px;
}

#jnd ul#contact li#phone-number {
    list-style-type: "電話　";
    margin-left: 48px;
}

#jnd ul#contact li#fax {
    list-style-type: "ファックス　";
    margin-left: 96px;
}

#research16 ul#subject li {
    list-style-type: "・";
    margin-left: 16px;
}

@media (max-width: 769px) {
	.mv-area {
		top: 0;
	}

	.mv-area .top_slide {
		height: 200px;
		margin-bottom: 40px;
	}

	.mv-area .newcolumn-area {
		position: absolute;
		top: 40px;
		right: 5%;
		left: 5%;
		width: 90%;
		background: #41B5B2;
		box-shadow: 2px 2px 6px -5px #000000;
		border-radius: 6px;
		z-index: 3;
		padding: 20px;
		color: #fff;
	}

	.mv-area .newcolumn-area h1 {
		font-size: 2rem;
	}

	.mv-area .newcolumn-area h1 img {
		width: auto;
	}

	.mv-area .newcolumn-area .r-ar-btn a {
		text-align: center;
		padding: 10px 40px 10px 10px;
		font-weight: bold;
	}

	.mv-area .newcolumn-area .r-ar-btn a::before {
		right: 95px;
	}

	.mv-area .newcolumn-area .r-ar-btn a::after {
		right: 101px;
	}
}

/* --- トップ導入 --- */

.top-introarea {
	width: 1100px;
	margin: 0 auto 70px;
		text-align: center;
}

.top-introarea h1 {
	font-size: 2.9rem;
	font-weight: bold;
	margin-bottom: 15px;
}

.top-introarea p {
	font-size: 1.8rem;
	margin-bottom: 30px;
}

.top-introarea .top-bnrarea {
	display: flex;
}

.top-introarea .top-bnrarea li {
	margin-right: 20px;
}

.top-introarea .top-bnrarea li:last-of-type {
	margin-right: 0;
}

@media (max-width: 769px) {
	.top-introarea {
		width: 90%;
		margin: 0 auto 40px;
		text-align: left;
	}

	.top-introarea h1 {
		font-size: 2.2rem;
		font-weight: bold;
	}

	.top-introarea .top-bnrarea {
		display: block;
	}

	.top-introarea .top-bnrarea li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}
}

/* --- ニュースエリア --- */
.top-news {
	display: flex;
	justify-content: space-between;
	width: 1100px;
	margin: 0 auto 90px;
}

.top-news .news-contents {
	width: 540px;
}

.top-news .news-contents h2 {
	border-radius: 8px 8px 0 0;
	padding: 14px 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 0;
	width: 325px;
}

.top-news .news-contents h2 img {
	margin-right: 10px;
}

.top-news .news-info h2 {
	background: #E8EFF2;
}

.top-news .news-event h2 {
	background: #E4ECEB;
}

.top-news .news-list {
	padding: 40px 30px;
	margin-bottom: 20px;
	height: 440px;
}

.top-news .news-info .news-list {
	background: #E8EFF2;
}

.top-news .news-event .news-list {
	background: #E4ECEB;
}

.top-news .news-list a {
	display: block;
	margin-bottom: 15px;
	padding: 0 20px 15px;
	border-bottom: 1px dotted #000;
}

.top-news .news-list .event {
	display: block;
	margin-bottom: 20px;
	padding: 0 20px 20px;
	border-bottom: 1px dotted #000;
}

.top-news .news-list a:last-of-type {
	margin-bottom: 0;
	border-bottom: none;
	padding-bottom: 0%;
}

.top-news .news-list a {
	display: block;
}

.top-news .news-list a:hover {
	opacity: 0.5;
}

.top-news dl dt {
	font-size: 1.4rem;
}

.top-news dl dd {
	font-weight: bold;
}

.top-news .news-event .news-list dt span {
	width: 120px;
	color: #fff;
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
	display: inline-block;
	margin-right: 10px;
	line-height: 1;
	padding: 4px;
}


.top-news .news-event .news-list dt .patient {
	background: #FC7083;
}

.top-news .news-event .news-list dt .medical {
	background: #369BCF;
}

.top-news .rw-ar-btn {
	text-align: center;
}

@media (max-width: 769px) {
	.top-news {
		display: block;
		width: 90%;
		margin: 0 auto 40px;
	}

	.top-news .news-contents {
		width: 100%;
		margin-bottom: 30px;
	}

	.top-news .news-contents h2 {
		padding: 20px 20px 0;
		font-size: 1.8rem;
		width: 100%;
	}

	.top-news .news-contents h2 img {
		width: auto;
		margin-right: 10px;
	}

	.top-news .news-list {
		padding: 20px 10px;
		margin-bottom: 20px;
		height: auto;
	}

	.top-news .news-list a {
		display: block;
		margin-bottom: 20px;
		padding: 0 20px 20px;
		border-bottom: 1px dotted #000;
	}
	
	.top-news .news-list a:last-of-type {
		margin-bottom: 0;
		border-bottom: none;
		padding-bottom: 0%;
	}
	
	.top-news .news-list a {
		display: block;
	}
	.top-news .news-event .news-list dt .patient {
		background: #FC7083;
	}

	.top-news .news-event .news-list dt .medical {
		background: #369BCF;
	}

	.top-news .rw-ar-btn {
		text-align: center;
	}
}

/* --- ターゲットメニュー --- */
.top-targetmenu {
	width: 100%;
	padding: 50px 0;
	/* background-image: linear-gradient(-90deg, #D1EFEC 0%, #C3D0E2 100%);
	margin-bottom: 70px;*/
	margin-bottom: 0;
    background: #E5E5E5;
}

.top-targetmenu .targetmenu-wrap {
	width: 1100px;
	margin: 0 auto;
}

.top-targetmenu .targetmenu-contents {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

.top-targetmenu .targetmenu-box {
	width: 530px;
}

.top-targetmenu .targetmenu-box h2 a {
	width: 100%;
	text-align: center;
	display: flex;
	justify-content: center;
	color: #fff;
	background: #175394;
	font-size: 2.3rem;
	font-weight: bold;
	padding: 10px 0;
	border-radius: 0;
	margin-bottom: 20px;
}

.top-targetmenu .student h2 a {
	background: #2B9FB2;
}

.top-targetmenu .targetmenu-box h2 img {
	margin-right: 15px;
}

.top-targetmenu .targetmenu-box h2.rw-ar-btn a {
	padding: 10px 30px 10px 0;
}

.top-targetmenu .targetmenu-box h2.rw-ar-btn a::before {
	right: 106px;
}

.top-targetmenu .targetmenu-box h2.rw-ar-btn a::after {
	right: 112px;
}

.top-targetmenu .targetmenu-box .menu-list, .top-targetmenu .medicalmenu-contents .menu-list {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.top-targetmenu .targetmenu-box .menu-list li {
	width: 48%;
	margin-bottom: 20px;
	margin-right: 20px;
}

.top-targetmenu .targetmenu-box .menu-list li:nth-of-type(2n) {
	margin-right: 0;
}

.top-targetmenu .targetmenu-box .menu-list img {
	margin-right: 10px;
}

.top-targetmenu .targetmenu-box .menu-list .rw-ar-btn a {
	background: #fff;
	border-radius: 5px;
	color: #000;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 40px 0 20px;
	height: 90px;
	line-height: 1.4;
	text-align: left;
}

.top-targetmenu .targetmenu-box .menu-list .rw-ar-btn a::before {
	right: 20px;
	background: #175394;
}

.top-targetmenu .targetmenu-box .menu-list .rw-ar-btn a::after {
	right: 26px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}

.top-targetmenu .student .menu-list .rw-ar-btn a::before {
	background: #2B9FB2;
}

.top-targetmenu .medicalmenu-contents h2 a {
	width: 100%;
	text-align: center;
	display: flex;
	justify-content: center;
	color: #fff;
	background: #4B4B4B;
	font-size: 2.3rem;
	font-weight: bold;
	padding: 10px 0;
	border-radius: 0;
	margin-bottom: 20px;
}

.top-targetmenu .medicalmenu-contents h2.rw-ar-btn a::before {
	right: 406px;
}

.top-targetmenu .medicalmenu-contents h2.rw-ar-btn a::after {
	right: 412px;
	border-top: 2px solid #4B4B4B;
	border-right: 2px solid #4B4B4B;
}

.top-targetmenu .medicalmenu-contents .menu-list .rw-ar-btn a {
	background: #fff;
	border-radius: 5px;
	color: #000;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 40px 0 20px;
	height: 80px;
	line-height: 1.4;
	text-align: left;
}

.top-targetmenu .medicalmenu-contents .menu-list li {
	width: 23%;
	margin-bottom: 20px;
	margin-right: 20px;
}

.top-targetmenu .medicalmenu-contents .menu-list li:nth-of-type(4n) {
	margin-right: 0;
}

.top-targetmenu .medicalmenu-contents .menu-list .rw-ar-btn a::before {
	right: 20px;
	background: #175394;
}

.top-targetmenu .medicalmenu-contents .menu-list .rw-ar-btn a::after {
	right: 26px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}

@media (max-width: 769px) {
	.top-targetmenu {
		padding: 20px 0;
		margin-bottom: 40px;
	}

	.top-targetmenu .targetmenu-wrap {
		width: 90%;
		margin: 0 auto;
	}

	.top-targetmenu .targetmenu-contents {
		display: block;
		margin-bottom: 20px;
	}

	.top-targetmenu .targetmenu-box {
		width: 100%;
		margin-bottom: 20px;
	}

	.top-targetmenu .targetmenu-box h2 a {
		width: 100%;
		font-size: 2rem;
		margin-bottom: 10px;
	}

	.top-targetmenu .targetmenu-box h2 img {
		width: auto;
	}

	.top-targetmenu .targetmenu-box h2.rw-ar-btn a::before {
		right: 16px;
	}

	.top-targetmenu .targetmenu-box h2.rw-ar-btn a::after {
		right: 22px;
	}

	.top-targetmenu .targetmenu-box .menu-list, .top-targetmenu .medicalmenu-contents .menu-list {
		display: block;
	}

	.top-targetmenu .targetmenu-box .menu-list li {
		width: 100%;
		margin-bottom: 10px;
		margin-right: 0;
	}

	.top-targetmenu .targetmenu-box .menu-list img {
		width: auto;
		margin-right: 15px;
	}

	.top-targetmenu .targetmenu-box .menu-list .rw-ar-btn a {
		height: 60px;
	}

	.top-targetmenu .targetmenu-box .menu-list .rw-ar-btn a::before {
		right: 50px;
	}

	.top-targetmenu .targetmenu-box .menu-list .rw-ar-btn a::after {
		right: 56px;
	}

	.top-targetmenu .medicalmenu-contents h2 a {
		font-size: 2rem;
		margin-bottom: 10px;
	}

	.top-targetmenu .medicalmenu-contents h2.rw-ar-btn a::before {
		right: 20px;
	}

	.top-targetmenu .medicalmenu-contents h2.rw-ar-btn a::after {
		right: 26px;
	}

	.top-targetmenu .medicalmenu-contents .menu-list li {
		width: 100%;
		margin-bottom: 10px;
	}

	.top-targetmenu .medicalmenu-contents .menu-list .rw-ar-btn a::before {
		right: 50px;
	}

	.top-targetmenu .medicalmenu-contents .menu-list .rw-ar-btn a::after {
		right: 56px;
	}
}

/* --- インタビュースライド --- */
.top-interview {
	width: 100%;
	text-align: center;
	margin-bottom: 70px;
}

.top-interview h1 {
	font-size: 2.7rem;
	text-align: center;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 30px;
}

.top-interview .slide-area {
	min-width: 1550px;
	background: #F5F5F5;
	padding: 30px 0;
	margin-bottom: 30px;
}

@media (max-width: 769px) {
	.top-interview {
		margin-bottom: 40px;
	}

	.top-interview h1 img {
		width: auto;
	}

	.top-interview h1 {
		font-size: 2.2rem;
	}

	.top-interview .slide-area {
		min-width: 100%;
		background: #F5F5F5;
		padding: 30px 0;
		margin-bottom: 30px;
	}
}


/* ------------ 下層共通 ------------ */

/* --- カテゴリトップ --- */

#cat-top .cat-title {
	width: 100%;
	height: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 30px;
}

#cat-top .cat-title h2 {
	font-size: 2.7rem;
	text-align: center;
	font-weight: bold;
	line-height: 1;
	color: #fff;
}

#cat-top .cat-title h2 img {
	margin-bottom: 10px;
}

.cat-title .entitle {
	color: #fff;
}

#cat-top .cat-menu {
	width: 1100px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}

#cat-top .cat-menu dl {
	margin-right: 20px;
	margin-bottom: 50px;
}

#cat-top .cat-menu dt img {
	vertical-align: bottom;
}

#cat-top .cat-menu dl:nth-of-type(3n) {
	margin-right: 0;
}

#cat-top .cat-menu .r-ar-btn a {
	text-align: center;
	padding: 10px;
}

#cat-top .cat-menu .r-ar-btn a::before {
	background: #175394;
	right:70px;
}

#cat-top .cat-menu .r-ar-btn a::after {
	right:76px;
}

@media (max-width: 769px) {

	main {
		padding-top: 68px;
	}

	#cat-top .cat-title {
		height: 150px;
		margin-bottom: 20px;
	}
	
	#cat-top .cat-title h2 {
		font-size: 2rem;
	}
	
	#cat-top .cat-title h2 img {
		width: auto;
	}
		
	#cat-top .cat-menu {
		width: 90%;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
	}
	
	#cat-top .cat-menu dl {
		width: 48%;
		margin-right: 4%;
		margin-bottom: 20px;
	}
	
	#cat-top .cat-menu dl:nth-of-type(3n) {
		margin-right: 4%;
	}

	#cat-top .cat-menu dl:nth-of-type(2n) {
		margin-right: 0;
	}

	#cat-top .cat-menu .r-ar-btn a {
		padding-right: 30px;
	}

	#cat-top .cat-menu .r-ar-btn a::before {
		right:20px;
	}
	
	#cat-top .cat-menu .r-ar-btn a::after {
		right:26px;
	}
}

/* --- 下層ページタイトル --- */

#page .page-title {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 30px;
}

#page .page-title img {
	vertical-align: bottom;
}

#page .page-title .title-wrap {
	width: 100%;
	background-image: linear-gradient(-90deg, #D1EFEC 0%, #C3D0E2 100%);
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

#page .page-title .title-wrap h2 {
	text-align: right;
	font-size: 2.7rem;
	line-height: 1.2;
	font-weight: bold;
	margin-right: 20px;
}

#page .page-title .title-wrap h2 img {
	margin-right: 20px;
	margin-bottom: 15px;
}

#page .page-title .title-wrap h2 .cat {
	font-size: 1.8rem;
	display: inline-block;
	margin-bottom: 7px;
}

#page .page-title-simple {
	background-image: linear-gradient(-90deg, #D1EFEC 0%, #C3D0E2 100%);
	text-align: center;
	padding: 50px 0;
	margin-bottom: 30px;
}

#page .page-title-simple h2 {
	font-size: 2.7rem;
	line-height: 1;
	font-weight: bold;
}

#page .page-title-simple h2 .entitle {
	font-size: 1.7rem;
	color: #000;
}

#page .page-title-simple h2 img {
	margin-bottom: 5px;
}

@media (max-width: 769px) {
	#page .page-title {
		display: block;
		margin-bottom: 20px;
	}
	
	#page .page-title .title-wrap {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 20px 0;
	}
	
	#page .page-title .title-wrap h2 {
		text-align: center;
		font-size: 2.2rem;
		line-height: 1.2;
		font-weight: bold;
		margin-right: 0;
	}
	
	#page .page-title .title-wrap h2 img {
		margin-right: 0;
		margin-bottom: 5px;
		width: auto;
	}
	
	#page .page-title .title-wrap h2 .cat {
		font-size: 1.6rem;
	}
	
	#page .page-title-simple {
		background-image: linear-gradient(-90deg, #D1EFEC 0%, #C3D0E2 100%);
		text-align: center;
		padding: 50px 0;
		margin-bottom: 30px;
	}
	
	#page .page-title-simple h2 {
		font-size: 2.7rem;
		line-height: 1;
		font-weight: bold;
	}
	
	#page .page-title-simple h2 .entitle {
		font-size: 1.7rem;
		color: #000;
	}
	
	#page .page-title-simple h2 img {
		margin-bottom: 5px;
		width: auto;
	}
}

/* --- 下層ページその他共通 --- */

main table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 30px;
}

main table th, main table td {
	padding: 15px 20px;
	border: 1px dotted #ccc;
}

main table th {
	width: 30%;
	background: #F2F5F5;
	font-weight: bold;
}

main table th.research-detail{
	padding: 15px 20px;
	border: 1px dotted #ccc;
	width: auto;
	background: #F2F5F5;
	font-weight: bold;
}

main table .midashi {
background: #175394;
color: #fff;
text-align: center;
}

.title-bar {
	font-size: 1.8rem;
	font-weight: bold;
	padding: 13px 20px;
	background: #C3E1EB;
	margin-bottom: 20px;
}
.title-left-border {
	font-size: 1.8rem;
	font-weight: bold;
	padding-left: 20px;
	border-left: 5px solid #C3E1EB;
	margin-bottom: 20px;
}
.title-bar-staff {
	font-size: 1.8rem;
	font-weight: bold;
	color: #fff;
	padding: 13px 20px;
	background: #205994;
	margin-bottom: 20px;
}
.s-contents {
	width: 800px;
	margin: 0 auto 80px;
}

#page .text {
	margin-bottom: 30px;
}

#page .img-set {
	display: flex;
	margin-bottom: 30px;
}

#page .img-box {
font-size: 1.4rem;
margin-right: 20px;
}

#page .center-img {
	display: flex;
	justify-content: center;
	margin-bottom: 30px;
}

#page .left-img {
	display: flex;
	justify-content: flex-start;
	margin-bottom: 30px;
}

figure {
    display: table;
    margin: 0 20px 0 0;
}

figcaption {
    display: table-caption;
	text-align: left;
    vertical-align: top;
    caption-side: bottom;
    font-size: 1.3rem;
    line-height: 2rem;
}

#page main .text a {
	text-decoration: underline;
	color: #01015F;
}

#page #point {
	padding: 20px;
	background: #F5F5F5;
	font-size: 1.4rem;
	font-weight: bold;
}

#page .sub-title {
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 15px;
}

.frame {
	padding: 20px;
	background: #F5F5F5;
	border: 1px dotted #175394;
}
.liststyledot {
	margin-left: 20px;
	margin-bottom: 30px;
}

.liststyledot li {
	list-style: disc;

}
.link-list {
	margin-bottom: 30px;
}
.link-list li a {
	font-size: 1.6rem;
	font-weight: bold;
	display: flex;
	align-items: center;
}

.link-list li a::before {
	content: "";
	width: 0;
	height: 0;
	border: solid 3px transparent;
	border-left: solid 5px #000;
	margin-right: 5px;
}

.num-list {
	padding-left: 30px;
	list-style: decimal;
	margin-bottom: 30px;
}

.indentNum li {
	text-indent: -1.2em;
	margin-left: 1em;
}

.indentDot li {
	list-style-type: disc;
}

.indentDot .description {
	list-style-type: none;
}

.nest li {
    margin-left: 1.3rem;
}

.text li.list-indent {
    text-indent: -1em;
    padding-left: 1.3em;
}

.text .underline {
    text-decoration: underline;
}

@media (max-width: 769px) {
	main table {
		width: 100%;
		border-collapse: collapse;
		margin-bottom: 30px;
		border-bottom: 1px dotted #ccc;
	}
	
	main table th, main table td {
		display: block;
		padding: 15px 20px;
		border: 1px dotted #ccc;
		border-bottom: none;
	}

	main table th.research-detail-sp, main table td.research-detail-sp{
		display: table-cell;
		padding: 15px 20px;
		border: 1px dotted #ccc;
		border-bottom: none;
	}
	
	main table th {
		width: 100%;
	}
	
	.title-bar {
		font-size: 1.8rem;
		font-weight: bold;
		padding: 13px 20px;
		background: #C3E1EB;
		margin-bottom: 20px;
	}
	.title-bar-staff {
		font-size: 1.8rem;
		font-weight: bold;
		padding: 13px 20px;
		background: #205994;
		margin-bottom: 20px;
	}
	
	.s-contents {
		width: 90%;
		margin: 0 auto 40px;
	}
	
	#page .text {
		margin-bottom: 30px;
	}

	#page .text-right {
		text-align: right;
	}

	#page .img-set {
		display: block;
		margin-bottom: 30px;
	}
	
	#page .img-box {
	font-size: 1.4rem;
	margin-right: 0;
	margin-bottom: 30px;
	}
	
	#page .center-img {
		display: flex;
		justify-content: center;
		margin-bottom: 30px;
	}
	
	#page .left-img {
		display: flex;
		justify-content: flex-start;
		margin-bottom: 30px;
	}
	
	figure {
		display: table;
		margin: 0 20px 0 0;
	}
	
	figcaption {
		display: table-caption;
		text-align: left;
		vertical-align: top;
		caption-side: bottom;
		font-size: 1.3rem;
		line-height: 2rem;
	}
	
	#page main .text a {
		text-decoration: underline;
		color: #01015F;
	}
	
	#page #point {
		padding: 20px;
		background: #F5F5F5;
		font-size: 1.4rem;
		font-weight: bold;
	}
	
	#page .sub-title {
		font-size: 1.8rem;
		font-weight: bold;
		margin-bottom: 15px;
	}
	
	.indentNum li {
		text-indent: -1.8em;
		margin-left: 1.8em;
	}
}

/* ------------ 教室案内トップ ------------ */
#cat-top .about-top .cat-title {
	background: url(../img/about_top01.jpg) no-repeat top center;
	background-size: cover;
}

/* ------------ 主任教授挨拶 ------------ */

.greeting-contents {
	width: 1100px;
	margin: 0 auto 80px;
	display: flex;
	justify-content: space-between;
}

.greeting-contents .img-area {
	width: 350px;
	margin-right: 30px;
	font-size: 2.6rem;
	font-weight: bold;
	text-align: center;
}

.greeting-contents .img-area .kouza {
	font-size: 1.6rem;
}

.greeting-contents .img-area .status {
	font-size: 1.6rem;
}

.greeting-contents .text-area h2 {
	font-weight: bold;
	font-size: 2.2rem;
	margin-bottom: 20px;
}

.greeting-contents .text-area p {
	margin-bottom: 20px;
}

@media (max-width: 769px) {
	.greeting-contents {
		width: 90%;
		margin: 0 auto 40px;
		display: block;
	}
	
	.greeting-contents .img-area {
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px;
		font-size: 2rem;
	}	
}

/* ------------ スタッフ紹介 ------------ */

html {
  scroll-behavior: smooth;
}
.staff-contents {
	width: 1100px;
	margin: 0 auto 80px;
}

.staff-contents .profile-area {
	display: flex;
	margin-bottom: 40px;
}

.staff-contents .profile-area .img-box {
	margin-right: 30px;
}

.staff-contents .profile-area h3 {
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 15px;
}
.staff-contents .profile-area h3 .eng{
	font-size: 2rem;
}

.staff-contents .profile-area h3 .status {
	font-size: 1.8rem;
}

.staff-contents .profile-area h3 .entitle {
	font-size: 1.4rem;
	font-weight: 500;
}

.staff-contents .profile-area h4 {
	font-weight: bold;
	line-height: 1.4;
}

.staff-contents .profile-area .text {
	margin-bottom: 10px;
}

.staff-contents .profile-area .linkbtn-set {
	display: flex;
	flex-wrap: wrap;
}

.staff-contents .profile-area .rw-ar-btn a {
	background: #19498E;
	padding: 5px 65px 5px 35px;
	margin-bottom: 10px;
	margin-right: 10px;
}

.staff-contents .profile-set {
	display: flex;
	justify-content: space-between;
}

.staff-contents .profile-set .profile-area {
	width: 49%;
}

.staff-contents .profile-set .profile-area .img-box {
	margin-right: 20px;
}
.staff-contents .in-link .linkbtn-set {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.staff-contents .in-link .linkbtn-set .rw-ar-btn{
	width: 32%;
}
.staff-contents .in-link .linkbtn-set .rw-ar-btn a{
	width: 100%;
	background-image: initial;
	background-color: #DEDEDE;
	text-align: center;
	color: initial;
	margin-bottom: 40px;
}
.staff-contents .in-link .linkbtn-set .rw-ar-btn a:after{
	right: 40px;
    width: 4px;
    height: 4px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
@media (max-width: 769px) {
	.staff-contents .in-link .linkbtn-set .rw-ar-btn{
		width: 100%;
	}
	.staff-contents .in-link .linkbtn-set .rw-ar-btn a{
		margin-bottom: 10px;
	}
}

.staff-contents .linkbtn-gray .rw-ar-btn a{
	width: 100%;
	background-image: initial;
	background-color: #DEDEDE;
	text-align: center;
	color: initial;
	padding: 20px 65px 20px 35px;
	margin-bottom: 40px;
}
.staff-contents .linkbtn-gray .rw-ar-btn a:after{
	border-top: 2px solid #000;
    border-right: 2px solid #000;
}
.staff-contents .br-responsive {
	display: none;
}

@media (max-width: 769px) {
	.staff-contents {
		width: 90%;
		margin: 0 auto 40px;
	}
	
	.staff-contents .profile-area {
		display: block;
		margin-bottom: 40px;
	}
	
	#page main .staff-contents .profile-area .img-box {
		margin-right: 0;
		margin-bottom: 10px;
	}

	#page main .staff-contents .p-small .img-box {
		width: 80%;
		margin: 0 auto 10px;
	}
	
	.staff-contents .profile-area h3 {
		font-size: 2rem;
		margin-bottom: 15px;
	}
	
	.staff-contents .profile-area h3 .eng {
		font-size: 1.75rem;
	}

	.staff-contents .profile-area h3 .status {
		font-size: 1.6rem;
	}
	
	.staff-contents .profile-area h4 {
		font-weight: bold;
		line-height: 1.4;
	}
	
	#page main .staff-contents .profile-area .text {
		margin-bottom: 10px;
		line-height: 1.4;
	}
	
	.staff-contents .profile-area .rw-ar-btn a {
		background: #19498E;
		padding: 5px 40px 5px 15px;
		margin-bottom: 10px;
		margin-right: 10px;
		font-size: 1.5rem;
		width: 100%;
	}

	.staff-contents .profile-area .rw-ar-btn a::before {
		right: 15px;
	}

	.staff-contents .profile-area .rw-ar-btn a::after {
		right: 21px;
	}
	
	.staff-contents .profile-set {
		display: flex;
		justify-content: space-between;
	}
	
	.staff-contents .profile-set .profile-area {
		width: 48%;
	}
	
	.staff-contents .profile-set .profile-area .img-box {
		margin-right: 20px;
	}
	.staff-contents .br-responsive {
		display: block;
	}
}
/* ------------ 沿革 ------------ */

.history-contents .text {
	margin-bottom: 30px;
}

.history-contents .history th {
	text-align: center;
}

.history-contents table .img {
	width: 5%;
	text-align: center;
	vertical-align: middle;
}

.history-contents table .img img {
	vertical-align: middle;
}

.related-contents .text {
	margin-bottom: 50px;
}

.related-contents .text a {
	display: flex;
	align-items: center;
}

.related-contents .text a::before {
	content: "";
	width: 0;
	height: 0;
	border: solid 3px transparent;
	border-left: solid 5px #000;
	margin-right: 5px;
}

@media (max-width: 769px) {
	.history-contents table .img {
		width: 100%;
	}
}


/* ------------ 患者の皆様へトップ ------------ */

#cat-top .patient-top .cat-title {
	background: url(../img/patient_top01.jpg) no-repeat top center;
	background-size: cover;
}

#page .medical-contents .page-title .title-wrap h2 img {
	margin-right: 50px;
	margin-bottom: 15px;
}

.medical-menu {
	display: flex;
	flex-wrap: wrap;
	width: 1100px;
	margin: 0 auto 80px;
}

.medical-menu dl {
	margin-right: 40px;
	width: 530px;
	margin-bottom: 30px;
}

.medical-menu dl:nth-of-type(2n) {
	margin-right: 0;
}

.medical-menu .rw-ar-btn a {
	font-size: 2.2rem;
	width: 100%;
	background: #19498E;
	padding: 10px 65px 10px 35px;
	margin-bottom: 10px;
	margin-right: 10px;
	text-align: left;
}

.medical-menu dl dd {
	margin-bottom: 10px;
}

.medical-menu dl dd .link-list li a {
	background: #E4E4E4;
	padding: 10px 20px;
	border-radius: 5px;
	margin-bottom: 5px;

}
	@media (max-width: 769px) {
	#page .medical-contents .page-title .title-wrap h2 img {
		margin-right: 0;
		margin-bottom: 5px;
	}
	
	.medical-menu {
		display: block;
		width: 90%;
		margin: 0 auto 40px;
	}
	
	.medical-menu dl {
		margin-right: 0;
		width: 100%;
	}
	
	.medical-menu dl:nth-of-type(2n) {
		margin-right: 0;
	}
	
	.medical-menu .rw-ar-btn a {
		font-size: 2rem;
		padding: 10px 45px 10px 25px;
	}
}

/* ------------ 外来のご案内 ------------ */

.outpatient ul {
	display: flex;
	margin-bottom: 50px;
} 

.outpatient ul li {
	margin-right: 20px;
}

.outpatient ul .rw-ar-btn a {
	background: #01015F;
}
/* ------------ 研修医・学生の皆様へ ------------ */

#page .recruit-contents .page-title .title-wrap h2 img {
	margin-right: 90px;
	margin-bottom: 15px;
}

#cat-top .recruit-top .cat-title {
	background: url(../img/recruit_top01.jpg) no-repeat top center;
	background-size: cover;
}

#page .recruit-contents .timetable .time {
	background: #E4ECEB;
}

#page .recruit-contents .timetable td, #page .recruit-contents .timetable th {
	border: 1px dotted #707070;
}

#page .recruit-contents .timetable .point {
	background: #F8EBC9;
}


@media (max-width: 769px) {

	#page .recruit-contents .page-title .title-wrap h2 img {
		margin-right: 0;
	}

	#page .recruit-contents .timetable td, #page .recruit-contents .timetable th {
		display: table-cell;
		border-bottom: none;
		font-size: 1.4rem;
		padding: 10px;
	}

	.recruit-contents .timetable th {
width: 10%;
	}

	#page .recruit-contents .timetable {
		border-bottom: 1px dotted #707070;
	}
}

/* ------------ 主な研究内容 ------------ */
#cat-top .research-top .cat-title {
	background: url(../img/research_top01.jpg) no-repeat top center;
	background-size: cover;
}

#page .research-contents .page-title .title-wrap h2 img {
	margin-right: 60px;
	margin-bottom: 15px;
}


.research-list .r-ar-btn {
	margin-left: 10px;
}

.research-list .r-ar-btn a  {
	text-align: left;
	font-size: 2.2rem;
	padding: 10px 10px 10px 25px;
}

.research-list .r-ar-btn a::before {
	top: 15px;
	bottom: initial;
	right: initial;
	left: 0;
	background: #19498E;
}

.research-list .r-ar-btn a::after {
	top: 20px;
	bottom: initial;
	right: initial;
	left: 4px;
}

.research-contents .page-title-simple .name {
	font-size: 1.6rem;
}

#page .research-contents .page-title-simple h2 {
	font-size: 2rem;
    line-height: 1.6;
}

#page .research-contents h3 {
	font-weight: bold;
}

@media (max-width: 769px) {
	#page .research-contents .page-title .title-wrap h2 img {
		margin-right: 0;
	}

	.research-list .r-ar-btn a  {
		font-size: 1.8rem;
	}
}


/* ------------ お知らせ一覧・イベント一覧 ------------ */

.news .news-top {
	width: 100%;
	margin-bottom: 70px;
	padding: 40px 0;
}

.news .news-info {
	background: #E8EFF2;
}

.news .news-event {
	background: #E4ECEB;
}

.news .news-top .news-list {
	width: 800px;
	margin: 0 auto 20px;
	padding: 40px 30px;
	margin-bottom: 20px;
}

.news .news-top .news-list a {
	display: block;
	padding: 20px;
	border-top: 1px dotted #000;
}

.news .news-top .news-list a:last-of-type {
	margin-bottom: 0;
	border-bottom: 1px dotted #000;
}

.news .news-top .news-list a {
	display: block;
}

.news .news-top .news-list a:hover {
	background: #fff;
}

.news .news-top .news-list a:hover dd {
	color: #01015F;
}

.news .news-top dl dt {
	font-size: 1.4rem;
}

.news .news-top dl dd {
	font-weight: bold;
}

.news .news-event .news-list dt span {
	width: 120px;
	color: #fff;
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
	display: inline-block;
	margin-right: 10px;
	line-height: 1;
	padding: 4px;
}


.news .news-event .news-list dt .patient {
	background: #FC7083;
}

.news .news-event .news-list dt .medical {
	background: #369BCF;
}

.news .news-top .rw-ar-btn {
	text-align: center;
}

@media (max-width: 769px) {
	.news .news-info {
		margin-bottom: 40px;
		padding-bottom: 20px;
	}
	.news .news-top .news-list {
		width: 100%;
		margin: 0 auto 20px;
		padding: 20px 30px;
		margin-bottom: 20px;
	}
		
	.news .news-top .news-list a {
		display: block;
	}
	
	.news .news-top .news-list a:hover {
		background: #fff;
	}
	
	.news .news-top .news-list a:hover dd {
		color: #01015F;
	}
	
	.news .news-top dl dt {
		font-size: 1.4rem;
	}
	
	.news .news-top dl dd {
		font-weight: bold;
	}
	
	.news .news-top .news-event .news-list dt span {
		width: 120px;
		color: #fff;
		font-size: 1.2rem;
		font-weight: bold;
		text-align: center;
		display: inline-block;
		margin-right: 10px;
		line-height: 1;
		padding: 4px;
	}
}

.news .news-contents .news-title {
	font-size: 2.2rem;
	font-weight: bold;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px dotted #01015F;
	padding-bottom: 15px;
	margin-bottom: 40px;
}

.news .news-contents .news-title span {
	font-size: 1.4rem;
	text-align: right;
	font-weight: normal;
}

.news .news-contents .rw-ar-btn {
	text-align: center;
}

.achievement .rw-ar-btn {
	text-align: center;
}

@media (max-width: 769px) {

	.news .news-contents .news-title {
		display: block;
	}
	
	.news .news-contents .news-title span {
		display: block;
	}

	.achievement table .midashi {
		white-space: nowrap;
	}
	.achievement table th, .achievemen table td {
		display: table-cell;
		padding: 15px 20px;
		border: 1px dotted #ccc;
		border-bottom: none;
	}

}

/* ------------ お知らせ一覧・イベント一覧 ------------ */

.column-list {
	display: flex;
	flex-wrap: wrap;
	width: 1100px;
	margin: 0 auto 80px;
}

.column-list .columnlist-contents {
	width: 350px;
	margin-right: 25px;
	margin-bottom: 50px;
}

.column-list .columnlist-contents:nth-of-type(3n) {
	margin-right: 0;
}

.column-list .columnlist-contents .column-img img {
	width: 100%;
}

.column-list .columnlist-contents .date {
	font-size: 1.4rem;
	margin-bottom: 10px;
}

.column-list .columnlist-contents .date span {
	color: #fff;
	background: #666;
	padding: 3px 15px;
	border-radius: 60px;
	font-size: 1.4rem;
	font-weight: bold;
	margin-right: 10px;
}

.column-list .columnlist-contents h2 {
	font-size: 1.8rem;
	line-height: 1.3;
	font-weight: bold;
	margin-bottom: 10px;
}

.column-list .columnlist-contents .dr {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.4rem;
	line-height: 1.5;
	margin-bottom: 15px;
}

.column-list .columnlist-contents .dr img {
	width: 70px;
}

.column-list .columnlist-contents .profile-title {
	text-align: center;
	font-size: 1.3rem;
}

.column-list .columnlist-contents .profile {
	margin-left: 10px;
}

.column-list .columnlist-contents .rw-ar-btn a {
	padding: 5px 10px 5px 0;
	text-align: center;
	background: #41B5B2;
	width: 100%;
}

@media (max-width: 769px) {
	.column-list {
		width: 90%;
		margin: 0 auto 40px;
		display: block;
	}
	
	.column-list .columnlist-contents {
		width: 100%;
		margin-right: 0;
		margin-bottom: 50px;
	}
}

.column-contents .mainimg {
	margin-bottom: 30px;
}

.column-contents .news-title {
	font-size: 2.2rem;
	font-weight: bold;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px dotted #01015F;
	padding-bottom: 15px;
	margin-bottom: 40px;
}

.column-contents .news-title span {
	font-size: 1.4rem;
	text-align: right;
	font-weight: normal;
}

.column-contents .information {
	background: #F5F5F5;
	padding: 30px;
	margin: 50px 0;
}

.column-contents .information h3 {
	font-size: 2.2rem;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
}

.column-contents .information .dr {
	display: flex;
	align-items: center;
}

.column-contents .information .dr .name {
	font-size: 1.8rem;
	font-weight: bold;
	color: #01015F;
}

.column-contents .information .dr .img {
	margin-right: 20px;
}

.column-contents  .rw-ar-btn {
	text-align: center;
}

@media (max-width: 769px) {
	.column-contents .mainimg {
		margin-bottom: 30px;
	}
	
	.column-contents .news-title {
		display: block;
	}
	
	.column-contents .news-title span {
		display: block;
	}
	
	.column-contents .information h3 {
		font-size: 2.2rem;
		font-weight: bold;
		margin-bottom: 20px;
		text-align: center;
	}
	
	.column-contents .information .dr {
		display: block;
		align-items: center;
	}
	
	.column-contents .information .dr .name {
		text-align: center;
		display: block;
	}
	
	.column-contents .information .dr .img {
		width: 100px;
		margin: 0 auto 10px;
	}
	
	.column-contents  .rw-ar-btn {
		text-align: center;
	}
}