@charset "utf-8";
/* Copyright 2022 FSFIELD All Rights Reserved. */

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

PC、タブレット、スマートフォン共通

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/* ------------------------------------------------------------

トップページ

------------------------------------------------------------ */

/* 見出し
---------------------------------------------- */
.ttl_home{
	color: #333;
	font-size: 1.8rem;
}

.ttl_home p{
	font-weight: 300;
	font-size: 4rem;
	font-family: 'Poppins';
	letter-spacing: 0.05em;
	line-height: 1.1;
	margin-bottom: 5px;
}

/* メインビジュアル
---------------------------------------------- */
.main_container{
	width: 100%;
	background: #F2F5F7;
	position: relative;
}

#container{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.dg.ac{display: none;}

.wrap_main{
	width: 100%;
	height: 100%;
	background-position: right top;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url("../img/home/bg_main01.png");
	padding: 5.208vw 7.291% 7.8125vw;
    position: relative;
	z-index: 1;
}

.main_inner .inner{
	font-size: 1.8rem;
	line-height: 1.8;
	max-width: 724px;
}

.main_inner span{display: inline-block;}

.main_inner .txt_main01{
	color: #FFF;
	font-size: 8.333vw;
	font-weight: 300;
	font-family: 'Poppins';
	line-height: 1;
	letter-spacing: -0.025em;
	text-shadow: 0 0 30px rgba(74, 102, 121, 0.1);
	margin: 0 0 2.083vw -0.52vw;
}

.main_inner .txt_main01 span{font-family: 'Poppins';}

.txt_main02{
	font-size: 2.5vw;
	line-height: 1.2;
	letter-spacing: 0.1em;
	margin-bottom: 2.083vw;
}

.txt_main02 span{
	display: block;
	margin-top: 10px;
}

/* お知らせ
---------------------------------------------- */
.sec_news{
	width: 100%;
	max-width: 1200px;
	padding: 100px 40px 0;
	margin: 0 auto 180px;
}

.sec_news .ttl_home{text-align: right;}

.wrap_news{
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	position: relative;
    min-height: 180px;
}

.wrap_news .btn_type01{
	position: absolute;
	bottom: 0;
	right: 0;
}

.news_inner{
    width: 100%;
    max-width: 800px;
}

.news_article:first-child a{border-top: 1px solid #E9E9E9;}

.news_article a{
	display: flex;
	align-items: center;
	color: #333;
	font-size: 1.4rem;
	border-bottom: 1px solid #E9E9E9;
	line-height: 1.4;
	padding: 15px 0;
	transition: opacity .2s;
}

.news_article a:hover{opacity: .7;}

.news_article a .date{
	display: block;
	width: 90px;
	font-family: "Poppins";
	font-weight: 200;
	line-height: 1.2;
	letter-spacing: 0.05em;
    flex: none;
}

.news_article a .category{
	min-width: 58px;
	color: #FFF;
	font-size: 1.2rem;
	background: #46BFD5;
	line-height: 1.4;
	text-align: center;
	height: 22px;
	padding: 2px 2px 0;
	margin-right: 15px;
    flex: none;
}

.news_article a .ttl{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* 教授挨拶
---------------------------------------------- */
.sec_message{
	margin-bottom: 120px;
	position: relative;
}

.sec_message::before{
	content: "";
	display: block;
	width: 60%;
	height: 590px;
	background: #EEF9FB;
	position: absolute;
	top: 100px;
	right: 0;
}

.wrap_message01{
	max-width: 1280px;
	width: 100%;
	padding: 0 80px;
	margin: 0 auto 300px;
	position: relative;
}

.message_inner{width: 60%;}

.message_inner figure{
	width: 39.07%;
	position: absolute;
	top: 20px;
	right: 0;
}

.message_inner figure img{
	width: 100%;
	height: auto;
}

.message_inner .inner{
	font-size: 1.6rem;
	line-height: 2.2;
	margin-bottom: 60px;
}

.message_inner .inner span{display: inline-block;}

.ttl_message{margin-bottom: 70px;}

.ttl_message span.en{
	display: block;
	font-size: 8rem;
	font-family: 'Poppins';
	font-weight: 200;
	line-height: 1.2;
	letter-spacing: 0.05em;
	margin-bottom: 15px;
}

.ttl_message span.ja{
	display: block;
	font-size: 1.8rem;
	padding-left: 110px;
	position: relative;
}

.ttl_message span.ja::before{
	content: "";
	display: block;
	width: 88px;
	height: 2px;
	background: #F2F5F7;
	position: absolute;
	top: 15px;
	left: 0;
}

.txt_message{
	color: #46BFD5;
	font-size: 3.2rem;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 30px;
}

.wrap_message02{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	font-size: 4.4rem;
	line-height: 1.2;
	letter-spacing: 0.1em;
	height: 500px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url("../img/home/bg_message01_pc.jpg");
}

.wrap_message02 .lead{
	color: #FFF;
	font-size: 9rem;
	font-weight: 200;
	font-family: 'Poppins';
	letter-spacing: 0.05em;
	text-shadow: 0 0 10px rgba(74, 102, 121, 0.11);
	margin-bottom: 10px;
}

/* 研究業績／研究について／診療について
---------------------------------------------- */
.nav_home_about{
	padding: 80px 0;
	margin-bottom: 120px;
	position: relative;
}

.nav_home_about::before{
	content: "";
	width: 60%;
	height: 100%;
	background: #EEF9FB;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
}

.inner_about{
	max-width: 1120px;
	width: 100%;
	margin: 0 auto;
}

.inner_about .inner{margin-bottom: 40px;}

.inner_about .inner:last-child{margin-bottom: 0;}

.inner_about .inner a{
	display: flex;
	align-items: center;
	position: relative;
}

.inner_about .inner a::before{
	content: "";
	display: block;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: #46BFD5;
	transition: transform .2s ease;
	position: absolute;
	top: 48px;
	right: 0;
}

.inner_about .inner a:hover::before{transform: scale(1.2);}

.inner_about .inner a::after{
	content: "";
	display: block;
	width: 30px;
	height: 12px;
	background: url("../img/ico_arrow03.png") no-repeat center;
	background-size: contain;
	position: absolute;
	top: 82px;
	right: 25px;
}

.inner_about .inner a .image{
	width: 460px;
	margin-right: 40px;
	transition: opacity .2s ease;
}

.inner_about .inner a:hover .image{opacity: .7;}

.inner_about .inner a .image img{
	width: 100%;
	height: auto;
}

/* メンバー
---------------------------------------------- */
.sec_members{
	max-width: 1120px;
	width: 100%;
	margin: 0 auto 120px;
}

.sec_members a{
	display: flex;
	align-items: center;
	height: 400px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url("../img/home/bg_member01_pc.jpg");
	padding-left: 80px;
	transition: opacity .2s ease;
	position: relative;
}

.sec_members a:hover{opacity: .8;}

.sec_members a::before{
	content: "";
	display: block;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: #46BFD5;
	transition: transform .2s ease;
	position: absolute;
	top: 50%;
	right: 40px;
	margin-top: -40px;
}

.sec_members a:hover::before{transform: scale(1.2);}

.sec_members a::after{
	content: "";
	display: block;
	width: 30px;
	height: 12px;
	background: url("../img/ico_arrow03.png") no-repeat center;
	background-size: contain;
	margin-top: -6px;
	position: absolute;
	top: 50%;
	right: 65px;
}

.sec_members a .ttl_home{color: #FFF;}

/* 医学生・医師の方へ／大学院進学希望者へ／患者様へ
---------------------------------------------- */
.nav_home_other{display: flex;}

.nav_home_other .inner{width: 33.34%;}

.nav_home_other .inner:nth-child(1){background: #597A91;}
.nav_home_other .inner:nth-child(2){background: #425A6A;}
.nav_home_other .inner:nth-child(3){background: #283742;}

.nav_home_other .inner a{
	display: block;
	height: 370px;
	padding: 70px 40px;
	transition: opacity .2s ease;
	position: relative;
}

.nav_home_other .inner a:hover{opacity: .8;}

.nav_home_other .inner a::before{
	content: "";
	display: block;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: #46BFD5;
	transition: transform .2s ease;
	position: absolute;
	bottom: 40px;
	right: 40px;
}

.nav_home_other .inner a:hover::before{transform: scale(1.2);}

.nav_home_other .inner a::after{
	content: "";
	display: block;
	width: 30px;
	height: 12px;
	background: url("../img/ico_arrow03.png") no-repeat center;
	background-size: contain;
	position: absolute;
	bottom: 74px;
	right: 65px;
}

.nav_home_other .inner a .ttl_home{color: #FFF;}


@media print{ /* 印刷時のみ */

	/* メインビジュアル
	---------------------------------------------- */
	.main_inner .txt_main01{font-size: 11rem;}

    .main_inner .txt_main02{font-size: 2.6rem;}

}/*--@media--*/


@media only screen and (max-width:1340px){ /* 表示領域が1340px以下の場合に適用するスタイル */
    
    /* メインビジュアル
	---------------------------------------------- */
	.wrap_main{padding: 55.049px 40px 86.953px;}
    
}/*--@media--*/


@media only screen and (max-width:1200px){ /* 表示領域が1200px以下の場合に適用するスタイル */

	/* メインビジュアル
	---------------------------------------------- */
	.wrap_main{padding: 55.049px 40px 86.953px;}
    
    .main_inner .txt_main01{
        font-size: 10rem;
        margin-bottom: 24.996px;
    }
    
    .txt_main02{
        font-size: 3rem;
        margin-bottom: 24.996px;
    }
    
    .main_inner .inner{font-size: 1.5rem;}

	/* お知らせ
	---------------------------------------------- */
	.sec_news{padding: 100px 40px 0;}

	.news_inner{max-width: calc(100% - 250px);}

	/* 教授挨拶
	---------------------------------------------- */
	.sec_message::before{height: 500px;}

	.wrap_message01{
		padding: 0 40px;
		margin-bottom: 150px;
	}

	.message_inner{width: 56%;}

	.message_inner figure{right: 20px;}

	.ttl_message span.en{
		font-size: 7rem;
		margin-bottom: 10px;
	}

	.wrap_message02{
		font-size: 3.4rem;
		height: 400px;
	}

	.wrap_message02 .lead{font-size: 7rem;}

	/* 研究業績／研究について／診療について
	---------------------------------------------- */
	.nav_home_about{
		padding: 60px 40px;
		margin-bottom: 100px;
	}

	/* メンバー
	---------------------------------------------- */
	.sec_members{padding: 0 40px;}

	.members_inner{
		padding-top: 35.72%;
		position: relative;
	}

	.members_inner a{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}

    /* 医学生・医師の方へ／大学院進学希望者へ／患者様へ
    ---------------------------------------------- */
	.nav_home_other .inner a .ttl_home p{font-size: 3.4rem;}

}/*--@media--*/



@media only screen and (max-width:1024px){ /* 表示領域が1024px以下の場合に適用するスタイル */

	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	タブレット

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

	/* ------------------------------------------------------------

	トップページ

	------------------------------------------------------------ */
    .wrap_main{background-position: right -80px top;}
    
    .main_inner .txt_main01{
        margin-bottom: 10px;
        line-height: 0.9;
	}
    
    .main_inner .txt_main01 span{
        display: block;
        font-family: 'Poppins';
    }
    
    .main_inner .txt_main01 br{display: none;}
    
    .main_inner .txt_main02{margin-bottom: 16px;}
    
    .main_inner .txt_main02 span{margin-top: 5px;}

	/* お知らせ
	---------------------------------------------- */
	.news_article a{
        flex-wrap: wrap;
		font-size: 1.3rem;
		line-height: 1.6;
		padding: 16px 0;
	}
    
    .news_article a .date{width: 80px;}

	.news_article a .ttl{
        width: 100%;
        margin-top: 10px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: initial;
        white-space: initial;
    }
    
    /* 教授挨拶
	---------------------------------------------- */
    .wrap_message02{
		font-size: 2.8rem;
		height: 350px;
	}

	.wrap_message02 .lead{font-size: 5.4rem;}
    
	.message_inner .inner span{display: inline;}
    
    /* 研究業績／研究について／診療について
	---------------------------------------------- */
	.inner_about .inner a .image{
		width: 280px;
		margin-right: 20px;
	}

	.inner_about .inner a::before{
		width: 60px;
		height: 60px;
		top: 25px;
	}

	.inner_about .inner a::after{
		top: 49px;
		right: 15px;
	}

    /* 医学生・医師の方へ／大学院進学希望者へ／患者様へ
    ---------------------------------------------- */
	.nav_home_other .inner a .ttl_home p{font-size: 3rem;}


}/*--@media--*/


@media only screen and (max-width:767px){ /* 表示領域が767px以下の場合に適用するスタイル */
	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	スマートフォン（iPhone,Android)

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

	/* ------------------------------------------------------------

	トップページ

	------------------------------------------------------------ */

	/* 見出し
	---------------------------------------------- */
	.ttl_home{
		font-size: 1.3rem;
		line-height: 1.2;
	}

	.ttl_home p{
		font-size: 2.8rem;
		line-height: 1.2;
		margin-bottom: 8px;
	}

	/* メインビジュアル
	---------------------------------------------- */
    .wrap_main{padding: 15px 25px 20px}
    
    .main_inner .txt_main01{font-size: 5.5rem;}
    
    .main_inner .txt_main02{font-size: 3rem;}
    
    .main_inner .inner{
        width: 58%;
        font-size: 1.3rem;
    }
    
    .main_inner .inner span{display: inline;}

	/* お知らせ
	---------------------------------------------- */
	.sec_news{
		padding: 60px 25px;
		margin-bottom: 0;
	}

	.sec_news .ttl_home{
		text-align: left;
		margin-bottom: 30px;
	}

	.wrap_news{display: block;}

	.wrap_news .btn_type01{
		margin: 0 auto;
		position: relative;
	}

	.news_inner{
		max-width: 100%;
		margin-bottom: 50px;
	}

	/* 教授挨拶
	---------------------------------------------- */
	.sec_message{
		padding: 50px 0 60px;
		margin-bottom: 0;
	}

	.sec_message::before{
		width: 78.4%;
		padding-top: 140%;
		height: auto;
		top: 0;
	}

	.wrap_message01{
		padding: 0 25px;
		margin-bottom: 60px;
	}

	.wrap_message01 .btn_type01{margin: 0 auto;}

	.message_inner{width: 100%;}

	.message_inner figure{
		width: 100%;
		padding: 0 25px;
		margin-bottom: 30px;
		position: relative;
		top: 0;
		right: 0;
	}

	.message_inner .inner{
		font-size: 1.4rem;
		line-height: 2;
		margin-bottom: 40px;
	}

	.ttl_message{margin-bottom: 30px;}

	.ttl_message span.en{
		font-size: 5rem;
		margin-bottom: 15px;
	}

	.ttl_message span.ja{
		font-size: 1.4rem;
		padding-left: 80px;
	}

	.ttl_message span.ja::before{
		width: 65px;
		top: 12px;
	}

	.txt_message{
		font-size: 2.2rem;
		margin-bottom: 20px;
	}

	.wrap_message02{
		display: block;
		height: auto;
		font-size: 2.6rem;
		line-height: 1.6;
		text-align: center;
		background-image: url("../img/home/bg_message01_sp.jpg");
        background-position: bottom;
		padding: 70px 20px 90px;
	}

	.wrap_message02 .lead{
		font-size: 5rem;
		line-height: 1;
		letter-spacing: 0;
		margin-bottom: 15px;
	}

	/* 研究業績／研究について／診療について
	---------------------------------------------- */
	.nav_home_about{
		padding: 50px 25px 50px 0;
		margin-bottom: 50px;
	}

	.nav_home_about::before{width: 70%;}

	.inner_about .inner a{display: block;}

	.inner_about .inner a::before{
		width: 55px;
		height: 55px;
		background: #46BFD5 url("../img/ico_arrow03.png") no-repeat center;
		background-size: 23px;
		border-radius: 50%;
		margin-top: -55px;
		position: absolute;
		top: 100%;
	}

	.inner_about .inner a::after{display: none;}

	.inner_about .inner a .image{
		width: 100%;
		margin: 0 0 25px 0;
	}

	.inner_about .inner a .ttl_home{padding-left: 25px;}

	/* メンバー
	---------------------------------------------- */
	.sec_members{
		padding: 0;
		margin-bottom: 0;
	}

	.members_inner{
		width: 100%;
		padding-top: 61.87%;
		margin: 0;
		position: relative;
	}

	.sec_members a{
		width: 100%;
		height: 100%;
		background-image: url("../img/home/bg_member01_sp.jpg");
		padding-left: 25px;
		position: absolute;
		top: 0;
		left: 0;
	}

	.sec_members a::before{
		width: 55px;
		height: 55px;
		background: #46BFD5 url("../img/ico_arrow03.png") no-repeat center;
		background-size: 23px;
		margin-top: -27.5px;
		top: 50%;
		right: 25px;
	}

	.sec_members a::after{display: none;}

	/* 医学生・医師の方へ／大学院進学希望者へ／患者様へ
	---------------------------------------------- */
	.nav_home_other{display: block;}

	.nav_home_other .inner{
		width: 100%;
		padding-top: 57.74%;
		position: relative;
	}

	.nav_home_other .inner a{
		width: 100%;
		height: 100%;
		padding: 40px 25px 0;
		position: absolute;
		top: 0;
		left: 0;
        display: flex;
        align-items: center;
	}

	.nav_home_other .inner a::before{
		width: 55px;
		height: 55px;
		background: #46BFD5 url("../img/ico_arrow03.png") no-repeat center;
		background-size: 23px;
		bottom: 25px;
		right: 25px;
	}

	.nav_home_other .inner a::after{display: none;}


}/*--@media--*/


@media only screen and (max-width:560px){ /* 表示領域が560px以下の場合に適用するスタイル */

    /* 医学生・医師の方へ／大学院進学希望者へ／患者様へ
	---------------------------------------------- */
    .nav_home_other .inner a{align-items: flex-start;}
    
    /* 教授挨拶
	---------------------------------------------- */
    .wrap_message02{padding: 50px 20px 70px;}
    
}/*--@media--*/


@media only screen and (max-width:374px){ /* 表示領域が374px以下の場合に適用するスタイル */
    
    /* メインビジュアル
	---------------------------------------------- */
    .main_inner .txt_main02{font-size: 2.2rem;}
    
    .main_inner .inner{font-size: 1.2rem;}

    /* 医学生・医師の方へ／大学院進学希望者へ／患者様へ
	---------------------------------------------- */
    .nav_home_other .inner a{padding: 25px 25px 0;}

}/*--@media--*/