/*----------------------------------------------------
html
----------------------------------------------------*/
html {
	box-sizing: border-box;
	color: #333;
}

p {
	padding: 0 0 0.5rem 0;
	text-indent: 1rem;
	text-align: justify;
	text-justify: inter-ideograph;
}

p>a {
	color: #006D4D;
}

p>a:hover {
	text-decoration: none;
}


#header h2 {
	display: inline-block;
	animation: slideInFromLeft 1s ease-out;
	/* アニメーションの適用 */
}


/*----------------------------------------------------
header
----------------------------------------------------*/
#header {
	height: 250px;
	background-position: center;
}

#header h2 {
	background-color: #006D4D;
	color: #FFF;
	text-align: center;
	padding: 0.5rem;
	min-width: 40%;
	top: 200px;
	left: 0;
	position: absolute;
	font-size: 1.5rem;
	font-family: "Noto Serif JP Bold", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: normal;
}

/*----------------------------------------------------
背景
----------------------------------------------------*/

.bg_about,
.bg_link,
.bg_teachers,
.bg_career,
.bg_exam,
.bg_research,
.bg_study,
.bg_voice,
.bg_cn,
.bg_en,
.bg_topics,
.bg_graduate {
	margin: 0 0 0 0;
	width: 100vw;
	height: 100vh;
	background: url(/life/2017/img/background2.jpg) no-repeat left top 0;
	background-size: cover;
}


.bg_career,
.bg_link {
	background: url(/life/2017/img/background3.jpg) no-repeat left top 0;
	background-size: cover;
}

.bg_teachers {
	background: url(/life/2017/img/background9.jpg) no-repeat left top 0;
	background-size: cover;
}

.bg_career {
	background: url(/life/2017/img/background7.jpg) no-repeat left top 0;
	background-size: cover;
}

.bg_exam {
	background: url(/life/2017/img/background0.jpg) no-repeat left top 0;
	background-size: cover;
}

.bg_voice {
	background: url(/life/2017/img/background5.jpg) no-repeat left top 0;
	background-size: cover;
}

.bg_research {
	background: url(/life/2017/img/background4.jpg) no-repeat left top 0;
	background-size: cover;
}

.bg_study {
	background: url(/life/2017/img/background3.jpg) no-repeat left top 0;
	background-size: cover;
}

/*----------------------------------------------------
breadcrumb
----------------------------------------------------*/

.breadcrumb {
	font-size: 0.9rem;
	color: #555;
	display: flex;
	/* 横並びにする */
	justify-content: flex-end;
	/* 右寄せ */
	align-items: center;
	/* 縦位置を中央揃え */
	list-style: none;
	/* デフォルトのリストマーカーを非表示 */
	margin: 20px 0;
	/* 上下の余白 */
	padding: 0;
	/* 内側の余白をリセット */
}

.breadcrumb li {
	display: inline;
	margin: 0;
	padding: 0;
}

/* 区切り文字*/
.breadcrumb li::after {
	content: "/";
	/* 区切り文字として追加 */
	margin: 0 8px;
	color: #aaa;
}

.breadcrumb li:last-child::after {
	content: "";
	/* 区切り文字を消す */
}

/* リンクのスタイル */
.breadcrumb a {
	text-decoration: none;
	color: #006D4D;
	transition: color 0.3s ease;
	/* ホバー時の色変化をアニメーション */
}

.breadcrumb a:hover {
	color: #7EBEA5;
}

/*現在のページ */
.breadcrumb li:last-child span {
	color: #333;
}


/*----------------------------------------------------
wrap_contents
----------------------------------------------------*/
.wrap_contents {
	width: 90%;
	margin: 0 5% 2rem;
}

/*----------------------------------------------------
タイトル
----------------------------------------------------*/

.wrap_contents h3 {
	margin: 2rem 0 1rem 0;
	padding: 0 0 0.3rem 0;
	font-family: "Noto Serif JP", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 1.7rem;
	line-height: 1;
	color: #333;
	border-bottom: 1px #CCC solid;
	position: relative;
	padding: 1em 0;
	font-weight: normal;
}

.wrap_contents h3::before {
	position: absolute;
	bottom: -1px;
	left: 0;
	content: '';
	width: 30%;
	/*左側の下線の長さ*/
	height: 2px;
	background-color: #006D4D;
	/*左側の下線の色*/
}

.wrap_contents h4 {
	padding: .3rem 1.5rem;
	font-size: clamp(1.2rem, 2.5vw, 1.5rem);
	font-weight: normal;
	background-color: #FFF;
	border-left: 5px solid #7EBEA5;
	color: #333;
	margin: 1em 0;
}

.wrap_contents h5 {
	padding: .3rem 1rem;
	font-size: clamp(1.1rem, 2.1vw, 1.3rem);
	font-weight: normal;
	background-color: #FFF;
	color: #006D4D;
	margin: 1em 0;
}

/*----------------------------------------------------
ul
----------------------------------------------------*/
/**学部紹介**/
ul.list01 {
	display: block;
	margin: 0 0 2rem 0;
}

ul.list01 li {
	margin: 0 0 0.5rem 0;
	padding: 0 0 0 15px;
	background: url(/life/2017/img/arrow_04.png) no-repeat left top 0.3em;
	background-size: 12px;
}

ul.list01 li div {
	padding: 0.3rem 0;
	font-size: 0.9rem;
}

ul.list01 li span {
	display: block;
	/*	font-weight: bold;*/
}

/** PDF　（進路?資格）**/
ul.pdf {
	margin: 0 0 2rem 0;
}

ul.pdf li {
	margin: 0 0 1rem 0;
}

ul.pdf li a {
	display: block;
	box-sizing: border-box;
	padding: 0.8rem 0 0.8rem 48px;
	color: #FFF;
	text-decoration: none;
	background: #7EBEA5 url(../img/arrow_06.png) no-repeat left 5px center;
	background-size: 37px;
	border-radius: 100px;
	transition: all 0.3s;
}

ul.pdf li a:hover {
	opacity: 0.7;
}

.career_graph {
	width: 8rem;
}

.career-table {
	width: 100%;
	border-collapse: collapse;
}

.career-table th,
.career-table td {
	border: 1px solid #DDD;
	padding: 0.5rem;
	text-align: left;
	display: block;
	width: 100%;
}

.career-table th {
	background-color: #7EBEA5;
	color: #FFF;
	text-align: center;
	font-weight: normal;
	display: none;
}

.career-table td:first-child {
	color: #fff;
}

.career-table td:before {
	content: attr(data-label);
	font-size: 0.8rem;
	color: #999;
	display: block;
}

.career-table tr:last-child {
	border-bottom: solid 1px #ccc;
}

.career-table .gakka,
.career-table .course {
	text-align: center;
	vertical-align: middle;
	color: #FFF;
}

.career-table .gakka {
	background-color: #7EBEA5;
	font-size: larger;
}

.career-table .course {
	background-color: #9cbdb0;
}

.career-table span.note,
.career-table .shingaku,
.career-table .kanko,
.career-table .kigyo {
	color: #FFF;
	padding: 0.3rem;
	font-size: 0.7rem;
	border-radius: 10%;
	text-decoration: none;
	margin: 0rem;

}


.career-table .shingaku {
	background-color: #ED8599
}

.career-table .kanko {
	background-color: #5DC1CF
}

.career-table .kigyo {
	background-color: #187FC3
}

/**学部紹介**/
ul.list02 {
	display: block;
	margin: 0 0 2rem 0;
}

ul.list02 li {
	margin: 0 0 0.5rem 0;
	padding: 0 0 0 15px;
}

ul.list02 li.star01 {
	background: url(/life/2017/img/arrow_07.png) no-repeat left top 0.3rem;
	background-size: 12px;
}

ul.list02 li.star02 {
	background: url(/life/2017/img/arrow_08.png) no-repeat left top 0.3rem;
	background-size: 12px;
}

ul.list02 li.diamond {
	background: url(/life/2017/img/arrow_05.png) no-repeat left top 0.3em;
	background-size: 12px;
}

ul.list02 li.sharp {
	background: url(/life/2017/img/arrow_09.png) no-repeat left top 0.3em;
	background-size: 12px;
}

/**学部紹介 アイコン解説用**/
ul.comment {
	display: block;
	padding: 1em 5% 0.5em 5%;
	margin: 0 0 2rem 0;
	border: 1px #006D4D solid;
	border-radius: 5px;
	font-size: 0.8rem;
}

ul.comment li {
	margin: 0 0 0.5rem 0;
	padding: 0 0 0 15px;
}

ul.comment li.star01 {
	background: url(/life/2017/img/arrow_07.png) no-repeat left top 0.3rem;
	background-size: 12px;
}

ul.comment li.star02 {
	background: url(/life/2017/img/arrow_08.png) no-repeat left top 0.3rem;
	background-size: 12px;
}

ul.comment li.diamond {
	background: url(/life/2017/img/arrow_05.png) no-repeat left top 0.3rem;
	background-size: 12px;
}

ul.comment li.sharp {
	background: url(/life/2017/img/arrow_09.png) no-repeat left top 0.3rem;
	background-size: 12px;
}

/**研究紹介**/
.research ul {
	display: block;
	width: 100%;
	margin: 0 0 1.5rem 0;
}

.research ul li {
	display: inline-block;
	margin: 0 0.5rem 0.5rem 0;
	padding: 0.6rem 1rem;
	/*	float: left;*/
	box-sizing: border-box;
	font-size: 0.8rem;
	color: #006D4D;
	border: 1px #006D4D solid;
	border-radius: 5px;
	background-color: #FFF;
}

/**学生生活**/
ul.voice {
	display: block;
	width: 100%;
	border-top: 1px #CCC dotted;
}

ul.voice li a {
	display: block;
	box-sizing: border-box;
	padding: 1rem 0;
	text-decoration: none;
	color: #555;
	background: url(/life/2017/img/arrow_01.png) no-repeat right center;
	background-size: 8px 16px;
	border-bottom: 1px #CCC dotted;
	transition: all 0.3s;
}

ul.voice li a:hover {
	opacity: 0.7;
	color: #006D4D;
}

ul.voice li a>.right {
	width: 75%;
	float: left;
}

ul.voice li a>.photo {
	width: 20%;
	float: left;
	margin: 0 5% 0 0;
}

ul.voice li a>.photo img {
	width: 100%;
	border-radius: 50%;
}

ul.voice li a>.right>.entry {
	margin: 0.6rem 0 0 0;
	font-size: 0.9rem;
}

ul.voice li a>.right>.name {
	font-size: 1.1rem;
}

ul.voice li a>.right>.name>span {
	font-size: 85%;
}

ul.voice li a>.right>.entry>span {
	font-size: 85%;
	background-color: #006D4D;
	color: #FFF;
	padding: 2px;
	margin-right: 2px;
}

/** 教員一覧 **/

h3#food,
h3#health,
h3#jukan,
h3#bunka {
	scroll-margin-top: 90px;
}

/* 教員一覧学科へのナビゲーションリンク */
.jump-links {
	display: flex;
	justify-content: center;
	gap: 0em;
	/* 各リンクの間隔 */
	background-color: #FFF;
	padding: 1em 3em 1em 1em;
	position: sticky;
	/* スクロールしても固定 */
	top: 0;
	z-index: 1000;
	/* 他の要素の上に配置 */
	background-color: #F5FAF8;
	margin: 0;

}

.jump-links a {
	text-align: center;
	text-decoration: none;
	font-size: 0.8rem;
	color: #333;
	padding: 0.5em 1em;
	transition: background-color 0.3s ease;
}

.jump-links a:hover {
	border-bottom: 3px solid #006D4D;
	color: #006D4D;
}

ul.teachers {
	margin: 0 0 3.5rem 0;
}

ul.teachers li {
	display: flex;
	align-items: center;
	margin: 0;
	padding-right: 1rem;
	border-bottom: 1px #DDD dotted;
}

ul.kodo li {
	border-bottom: none;
}

ul.teachers .t_photo {
	margin-right: 10px;
	padding: 15px;
	width: 120px;
	height: 120px;
	overflow: hidden;
	flex-shrink: 0;
}

ul.teachers .t_photo img {
	width: 100%;
	height: 100%;

	object-fit: cover;
}

ul.teachers .text-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 120px;
	width: 100%;
}

ul.teachers .t_info {
	font-size: 1.2rem;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

ul.teachers .t_name span.pr {
	margin-left: 0.8rem;
	font-weight: normal;
	font-size: 0.8rem;
}

ul.teachers .t_info div.link {
	text-align: left;
	white-space: nowrap;
	width: 50%;
}

ul.teachers .t_info .rm {
	color: #FFF;
	padding: 0.3rem;
	background-color: #91406C;
	font-size: 0.7rem;
	border-radius: 10%;
	text-decoration: none;
	margin: 0rem;

}

ul.teachers .t_info .rm::after,
ul.teachers .t_info .hp::after,
.tinfolink::after,
.studylink::after {
	content: '';
	display: inline-block;
	width: 0.8em;
	height: 0.8em;
	margin-left: 0.2rem;
	background-image: url('/life/2017/img/ext_site.png');
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
}

ul.teachers .t_info .hp {
	color: #FFF;
	padding: 0.3rem;
	background-color: #405891;
	font-size: 0.7rem;
	border-radius: 10%;
	text-decoration: none;
	margin: 0.3rem;
}

ul.teachers .t_info span.hp,
ul.teachers .t_info span.rm {
	background-color: #DFDFDF;
}

ul.teachers .t_info a:hover {
	opacity: 0.8;
}

ul.teachers .specialized {
	margin: 0;
	padding: 0 0 0 60px;
	font-size: 0.8rem;
	color: #555;
	background: url(/life/2017/teachers/img/sp/arrow.png) no-repeat left top;
	background-size: 50px 19px;
}

.table-container {
	max-width: 800px;
	margin: 0 auto;
	background: #fff;
	padding: 20px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
}

h2 {
	text-align: center;
	color: #2c3e50;
	font-size: 24px;
	margin-bottom: 20px;
}



/**教員一覧＿学長用**/

.photo-wrapper {
	text-align: center;
	margin-bottom: 2rem;
}

ul.teachers_pres {
	margin: 0 auto;
	width: 300px;
}

ul.teachers_pres .t_name {
	margin: 0 0 0.5rem 0;
	font-size: 1.3rem;
}

ul.teachers_pres .pr {
	font-weight: normal;
	font-size: 0.8rem;
	margin-bottom:0.5rem;
}

ul.teachers_pres .specialized {
	padding: 0 0 0 60px;
	font-size: 0.8rem;
	color: #555;
	background: url(/life/2017/teachers/img/sp/arrow.png) no-repeat left top;
	background-size: 50px 19px;
	text-align:left;
}

.video-button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: auto;
	/* テキストに合わせて幅を調整 */
	max-width: 200px;
	/* 最大幅を設定 */
	padding: 8px 12px;
	background-color: #006747;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	border-radius: 6px;
	transition: background-color 0.3s ease, transform 0.2s ease;
	white-space: nowrap;
	/* 文字が折り返されないように */
	margin: 2em auto 1em;
}

.video-button:hover {
	background-color: #006747;
	transform: scale(1.05);
}

.video-button:active {
	background-color: #006747;
	transform: scale(0.95);
}

.video-button span {
	margin-left: 6px;
	/* アイコンとテキストの間隔 */
}

.movie {
	text-align: center;
	margin: 1em;
	padding: 2px 1em 1em;
	border-radius: 8px;
	/* 角を丸く */
	background-color: #e8f6f0;
	/* 明るい緑色の背景 */
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	/* ボックスシャドウで立体感 */
	text-align: center;
}

.video-description {
	font-size: 16px;
	color: #333;
	text-align: center;
	margin-top: 10px;
}

.aboutlink,
.banner-link,
.tinfolink {
	font-weight: normal;

	text-decoration: none;
	text-align: center;
	color: #FFF;
	padding: 2px 10px;
	border-radius: 5px;
	font-size: 0.6rem;
	transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.aboutlink {
	background-color: #006D4D;
}

.tinfolink {
	background-color: #006D4D;
	font-size: 0.7rem;
	font-family: sans-serif;
	margin-bottom: 3rem;
}

.aboutlink:hover,
.tinfolink:hover {
	background-color: #7EBEA5;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.banner-link {
	background-color: #8D0087;
}

.banner-link:hover {
	background-color: #33A6B8;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.feature {
	counter-reset: number 0;
	/* number のカウンタを 0 にセット */

}

.feature h4 {
	border: none;
	font-size: 1.3rem;

}

h4.pr_exam {
	font-size: 1.3rem;

}

.feature h4:before {
	counter-increment: number 1;
	/* number カウンタの増加数をセット */
	content: counter(number) ".　";
	/* 表示形式を指定 */
	color: #7EBEA5;
	font-size: 1.3rem;
	font-weight: bold;
}

.photo-container .comment div {
	text-align: center;
	width: 100%;
	margin-bottom: 10px;
}

.photo-container .comment div img {
	width: 60%;
	margin-bottom: 5px;
}

/**関連情報**/
ul.link li a {
	display: block;
	box-sizing: border-box;
	margin: 0 0 1rem 0;
	padding: 1rem 0;
	text-align: center;
	text-decoration: none;
	color: #006D4D;
	border: 4px solid #7EBEA5;
	transition: all 0.3s;
}

ul.link li a:hover {
	color: #FFF;
	background-color: #7EBEA5;
}

/*----------------------------------------------------
学部の歴史
----------------------------------------------------*/
/* History セクション */
.history {
	position: relative max-width: 800px;
	margin: 0px auto 20px;
	padding: 0px;
	border-radius: 10px;
	position: relative;
	background-color: #FFF;
}

/* 年表 */
.history dl {
	margin: 0;
	padding: 0;
	position: relative;
}

/* 縦線 */
.history dl::before {
	content: '';
	position: absolute;
	top: 0;
	left: 24px;
	width: 2px;
	height: 100%;
	background: #006D4D;
	z-index: 0;
}

/* タイトル (年) */
.history dt {
	font-size: 1.2rem;
	color: #006D4D;
	margin: 0;
	padding: 0px 0 0px 45px;
	position: relative;
}

/* タイトルのマーカー (点) */
.history dt::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 15px;
	/* 点を縦線の位置に揃える */
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
	background: #7EBEA5;
	border: 2px solid #FFF;
	border-radius: 50%;
}

/* 説明文 */
.history dd {
	margin: 0 0 10px 10%;
	/* 説明文をタイトルの右側に配置 */
	padding: 0px 15px;
	border-radius: 8px;
	font-size: 0.9rem;
	color: #555;
	background: #F5FAF8;
	position: relative;
}

.history .narrow {
	width: 40%
}

.history div {
	position: absolute;
	top: 30px;
	right: 0;
	width: 40%;
	text-align: center;
	max-width: 400px;
	margin: auto;
	z-index: 1000;
	font-size: clamp(12px, 2vw, 14px);
}

.history div img {
	width: 100%;
	max-width: 250px;
	margin: auto;
	z-index: 1000;
}

/**学生の声**/
dl.questionary dt {
	display: block;
	font-family: "Noto Serif JP Bold", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin: 0 0 1rem 0;
	padding: 0.5rem 0.5rem 0.5rem 38px;
	line-height: 1.4;
	background: url(/life/2017/voice/img/sp/Q_arrow.png) no-repeat left center;
	background-size: 30px;
	background-color: #F5FAF8;
}

dl.questionary dd {
	margin: 0 0 2rem 0;
	padding: 0 0.4rem;
}

dl.questionary>dd>img {
	width: 100%;
	margin: 0 0 1rem 0;
}

dl.questionary dd .img_block {
	box-sizing: border-box;
	margin: 0 0 1rem 0;
	padding: 1rem 5% 0 5%;
}

dl.questionary dd .img_block img {
	width: 100%;
}

dl.questionary dd .img_block>span {
	font-size: 0.8rem;
}




/**中国語　質疑応答**/
.q_block dl dt {
	margin: 0 0 0.4rem 0;
	padding: 0 0 0.4rem 0;
	border-bottom: 1px dotted #5ad6da;
}

/*.q_block dl dd {
	margin: 0 0 1em 0;
	color:#4B4B4B;
	font-size:0.9em;
}*/
.q_block dl dd {
	margin: 0 0 1rem 0;
}

.q_block dl dd img {
	width: 100%;
}

.a_block dl dt {
	margin: 0 0 0.8rem 0;
	padding: 0 0 0.4rem 0;
	border-bottom: 1px dotted #FFF;
	color: #FFF;
}

/*.a_block dl dd {
	margin: 0 0 1em 0;
	color:#FFF;
	font-size:0.9em;
}*/
.a_block dl dd {
	margin: 0 0 1rem 0;
}

.a_block dl dd img {
	width: 100%;
}

/*----------------------------------------------------
学部紹介
----------------------------------------------------*/
.subImage {
	margin: 0 0 2rem 0;
}

.subImage img {
	width: 100%;
}

.photo_pres {
	width: 50%;
	margin: 0 25% 1rem 25%;
}

.photo_pres img {
	width: 100%;
}

/*----------------------------------------------------
学科一覧
----------------------------------------------------*/
.wrap_study {
	padding-bottom: 3rem;
}

.study_title_block {
	margin: 0;
	padding: 1rem 0;
	color: #FFF;
	background-color: #7EBEA5;
}

.study_title_block>.title {
	margin: 0 0 1.5rem 0;
	text-align: center;
}

.gakka_jp {
	font-size: 3rem;
}

.gakka_en {
	font-size: 1.5rem;
}

.study_title_block p {
	padding: 0 2rem;
	text-align: center;
	font-size: 0.8rem;
	color: #FFF;
}

.study_text_block>.photo {
	width: 60%;
	margin: 2rem 20%;
}

.study_text_block>.photo img {
	width: 100%;
}

.study_text_block>p {
	width: 90%;
	margin: 0 5%;
}

a.studylink {
	display: block;
	width: 90%;
	margin: 3rem 5%;
	padding: 1rem 0;
	text-decoration: none;
	text-align: center;
	color: #FFF;
	background-color: #7EBEA5;
	border-radius: 10px;
	transition: all 0.3s;
}

a.studylink:hover {
	opacity: 0.7;
}

/*----------------------------------------------------
研究紹介
----------------------------------------------------*/
h4.research_ttl {
	display: block;
	font-size: 1.1rem;
	text-align: center;
}

.research {
	box-sizing: border-box;
	width: 100%;
	margin: 0 0 2em 0;
	padding: 1.5rem 5% 0.5em 5%;
	background-color: #F5FAF8;
	border-radius: 5px;
}

.research>h5 {
	display: block;
	width: 100%;
	margin: 0 0 0.7rem 0;
	padding: 0 0 0.2rem 0;
	font-size: 0.9rem;
	border-bottom: 1px #006D4D dotted;
}

.image_approach_kenkyu01,
.image_approach_kenkyu02,
.image_approach_kenkyu03,
.image_approach_kenkyu04,
.image_approach_kenkyu05 {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 0 2rem 0;
	padding: 70.941% 0 0;
	/* 画像の高さ / 画像の幅 */
}

.image_approach_kenkyu01 {
	background: url(/life/2017/research/img/sp/kenkyu1.jpg) no-repeat left top;
	background-size: 100% auto;
}

.image_approach_kenkyu02 {
	background: url(/life/2017/research/img/sp/kenkyu2.jpg) no-repeat left top;
	background-size: 100% auto;
}

.image_approach_kenkyu03 {
	background: url(/life/2017/research/img/sp/kenkyu3.jpg) no-repeat left top;
	background-size: 100% auto;
}

.image_approach_kenkyu04 {
	background: url(/life/2017/research/img/sp/kenkyu4.jpg) no-repeat left top;
	background-size: 100% auto;
}

.image_approach_kenkyu05 {
	background: url(/life/2017/research/img/sp/kenkyu5.jpg) no-repeat left top;
	background-size: 100% auto;
}

.image_approach_kenkyu01>.q001,
.image_approach_kenkyu01>.q002,
.image_approach_kenkyu01>.q003,
.image_approach_kenkyu01>.q004,
.image_approach_kenkyu01>.q005,
.image_approach_kenkyu01>.q006,
.image_approach_kenkyu02>.q001,
.image_approach_kenkyu02>.q002,
.image_approach_kenkyu02>.q003,
.image_approach_kenkyu02>.q004,
.image_approach_kenkyu02>.q005,
.image_approach_kenkyu02>.q006,
.image_approach_kenkyu03>.q001,
.image_approach_kenkyu03>.q002,
.image_approach_kenkyu03>.q003,
.image_approach_kenkyu03>.q004,
.image_approach_kenkyu03>.q005,
.image_approach_kenkyu03>.q006,
.image_approach_kenkyu04>.q001,
.image_approach_kenkyu04>.q002,
.image_approach_kenkyu04>.q003,
.image_approach_kenkyu04>.q004,
.image_approach_kenkyu04>.q005,
.image_approach_kenkyu05>.q001,
.image_approach_kenkyu05>.q002,
.image_approach_kenkyu05>.q003,
.image_approach_kenkyu05>.q004 {
	position: absolute;
	width: 5.21%;
}

.image_approach_kenkyu01>.q001 img,
.image_approach_kenkyu01>.q002 img,
.image_approach_kenkyu01>.q003 img,
.image_approach_kenkyu01>.q004 img,
.image_approach_kenkyu01>.q005 img,
.image_approach_kenkyu01>.q006 img,
.image_approach_kenkyu02>.q001 img,
.image_approach_kenkyu02>.q002 img,
.image_approach_kenkyu02>.q003 img,
.image_approach_kenkyu02>.q004 img,
.image_approach_kenkyu02>.q005 img,
.image_approach_kenkyu02>.q006 img,
.image_approach_kenkyu03>.q001 img,
.image_approach_kenkyu03>.q002 img,
.image_approach_kenkyu03>.q003 img,
.image_approach_kenkyu03>.q004 img,
.image_approach_kenkyu03>.q005 img,
.image_approach_kenkyu03>.q006 img,
.image_approach_kenkyu04>.q001 img,
.image_approach_kenkyu04>.q002 img,
.image_approach_kenkyu04>.q003 img,
.image_approach_kenkyu04>.q004 img,
.image_approach_kenkyu04>.q005 img,
.image_approach_kenkyu05>.q001 img,
.image_approach_kenkyu05>.q002 img,
.image_approach_kenkyu05>.q003 img,
.image_approach_kenkyu05>.q004 img {
	width: 100%;
}

/***********************   kenkyu01  ***************************/
.image_approach_kenkyu01>.q001 {
	top: 14.124%;
	left: 20.04%;
}

.image_approach_kenkyu01>.q002 {
	top: 7.909%;
	left: 78.356%;
}

.image_approach_kenkyu01>.q003 {
	top: 29.378%;
	left: 50.1%;
}

.image_approach_kenkyu01>.q004 {
	top: 43.785%;
	left: 70.14%;
}

.image_approach_kenkyu01>.q005 {
	top: 50.564%;
	left: 23.647%;
}

.image_approach_kenkyu01>.q006 {
	top: 79.096%;
	left: 47.695%;
}

/***********************   kenkyu02  ***************************/
.image_approach_kenkyu02>.q001 {
	top: 2.824%;
	left: 71.342%;
}

.image_approach_kenkyu02>.q002 {
	top: 33.898%;
	left: 30.861%;
}

.image_approach_kenkyu02>.q003 {
	top: 42.09%;
	left: 62.324%;
}

.image_approach_kenkyu02>.q004 {
	top: 44.35%;
	left: 82.965%;
}

.image_approach_kenkyu02>.q005 {
	top: 65.254%;
	left: 46.092%;
}

.image_approach_kenkyu02>.q006 {
	top: 68.079%;
	left: 25.05%;
}

/***********************   kenkyu03  ***************************/
.image_approach_kenkyu03>.q001 {
	top: 6.214%;
	left: 59.519%;
}

.image_approach_kenkyu03>.q002 {
	top: 33.333%;
	left: 19.639%;
}

.image_approach_kenkyu03>.q003 {
	top: 42.655%;
	left: 90.38%;
}

.image_approach_kenkyu03>.q004 {
	top: 70.903%;
	left: 54.909%;
}

.image_approach_kenkyu03>.q005 {
	top: 70.338%;
	left: 70.14%;
}

.image_approach_kenkyu03>.q006 {
	top: 79.661%;
	left: 21.442%;
}

/***********************   kenkyu04  ***************************/
.image_approach_kenkyu04>.q001 {
	top: 4.002%;
	left: 20.24%;
}

.image_approach_kenkyu04>.q002 {
	top: 21.468%;
	left: 80.36%;
}

.image_approach_kenkyu04>.q003 {
	top: 44.067%;
	left: 40.28%;
}

.image_approach_kenkyu04>.q004 {
	top: 56.497%;
	left: 62.525%;
}

.image_approach_kenkyu04>.q005 {
	top: 61.864%;
	left: 31.462%;
}

/***********************   kenkyu05  ***************************/
.image_approach_kenkyu05>.q001 {
	top: 45.48%;
	left: 20.24%;
}

.image_approach_kenkyu05>.q002 {
	top: 60.734%;
	left: 40.28%;
}

.image_approach_kenkyu05>.q003 {
	top: 51.412%;
	left: 84.168%;
}

.image_approach_kenkyu05>.q004 {
	top: 73.728%;
	left: 24.048%;
}

/*----------------------------------------------------
学生の声
----------------------------------------------------*/
.voice_detail {
	margin: 0 0 1.8rem 0;
	background-color: #F5FAF8;
}

.voice_detail>.photo {
	width: 35%;
	float: left;
	margin: 0 5% 0 0;
}

.voice_detail>.photo img {
	width: 100%;
}

.voice_detail>.right {
	width: 60%;
	float: left;
}

.voice_detail>.right>.entry {
	padding: 1.7rem 0 0 0;
	font-size: 0.9rem;
}

.voice_detail>.right>.name {
	font-size: 1.1rem;
}

.voice_detail>.right>.name>span {
	font-size: 85%;
}

/*----------------------------------------------------
中国語
----------------------------------------------------*/
.wrap_cn_link>a {
	display: block;
	width: 90%;
	margin: 1rem 5%;
	padding: 1rem 0;
	text-decoration: none;
	text-align: center;
	color: #FFF;
	background-color: #7EBEA5;
	border-radius: 10px;
	transition: all 0.3s;
}

.wrap_cn_link>a img {
	width: 85%;
	margin: 0 7.5%;
}

.wrap_cn_link>a:hover {
	opacity: 0.7;
}

.cn_text {
	margin: 0 0 2rem 0;
}

.cn_text_02 {
	margin: 0 0 1rem 0;
}

.cn_text img,
.cn_text_02 img {
	width: 100%;
}

h3 img {
	height: 22px;
}

h4 img {
	height: 19px;
}

/**質疑応答**/
.qa {
	box-sizing: border-box;
	width: 100%;
	margin: 1rem 0 2.5rem 0;
	border: 1px solid #5ad6da;
	border-radius: 5px;
	font-size: 0.9rem;
}

.qa .q_block {
	padding: 2rem 1.5rem 1rem 40px;
	background: url(/life/2017/cn/qa/img/sp/q.png) no-repeat left 7px top 7px;
	background-size: 25px 29px;
}

.qa .a_block {
	padding: 2rem 1.5rem 1rem 40px;
	color: #FFF;
	background: #5ad6da url(../cn/qa/img/sp/a.png) no-repeat left 7px top 7px;
	background-size: 25px 29px;
}

.subBox h4 {
	margin: 1rem 0;
	font-family: "Noto Serif JP Bold", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 1.2rem;
}

.subBox h5 a,
.subBox h5 a:visited {
	padding-top: 0.8rem;
	text-decoration: none;
	color: #7EBEA5;
	font-weight: normal;
	font-size: 1.1rem;
}

.subBox h5 a:hover {
	padding-top: 0.8rem;
	text-decoration: underline;
	color: #666;
}


.topics_container {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	max-width: 800px;
	margin: auto;
	gap: 20px;
}

.topics_container .image {
	flex: 1;
	min-width: 250px;
}

.topics_container .image img {
	width: 100%;
	height: auto;
	display: block;
}

.topics_container .text {
	flex: 2;
	min-width: 250px;
}

.topics_container .date {
	font-size: 0.9em;
	color: #666;
	text-align: right;
	margin-top: 20px;
}

.topics_container {
	flex-direction: column-reverse;/*スマホは写真を下に*/
}


@media print,
screen and (min-width:600px) {
	.topics_container {
		flex-direction: row;
	}
}

/***************************************@media screen and (min-width:768px)**************************************************/
@media print,
screen and (min-width:768px) {

	/*----------------------------------------------------
タイトル
----------------------------------------------------*/
	#header {
		height: 300px;
		background-position: center;
	}

	#header h2 {
		top: 250px;
	}


	/*----------------------------------------------------
ul
----------------------------------------------------*/
	/** PDF　（進路?資格）**/
	ul.pdf li a {
		width: 50%;
		/*	font-weight: bold;*/
	}

	/**学部紹介 アイコン解説用**/
	ul.comment {
		padding: 1rem 2rem 0.5rem 2rem;
		margin: 0 0 3rem 0;
		font-size: 0.9rem;
	}

	/**研究紹介**/
	.research ul {
		margin: 0 0 2rem 0;
	}

	.research ul li {
		padding: 0.6rem 1rem;
		font-size: 0.9rem;
		font-weight: normal;
	}

	/**学生生活**/
	ul.voice li a>.photo {
		width: 12%;
		margin: 0 3%;
	}

	ul.voice li a>.right>.entry {
		margin: 1rem 0 0 0;
	}

	ul.voice li a>.right>.name {
		font-size: 1.2rem;
	}

	/**教員一覧**/
	.jump-links span {
		display: inline-block;
		vertical-align: middle;
		color: #006D4D;
		line-height: 1;
		width: 0.5rem;
		height: 0.5rem;
		border: 0.1rem solid currentColor;
		border-left: 0;
		border-bottom: 0;
		box-sizing: border-box;
		transform: translateY(-25%) rotate(135deg);
		margin-right: 0.5em;
	}

	.jump-links a {
		font-size: 0.9rem;
	}

	ul.teachers {
		margin: 1.5rem 0 3.5rem 0;
	}

	ul.teachers .t_info {
		box-sizing: border-box;
		padding: 0 0 0 15px;
		display: flex;
	}

	ul.teachers .specialized {
		padding: 0 0 1.5rem 75px;
		background: url(/life/2017/teachers/img/sp/arrow.png) no-repeat left 15px top;
		background-size: 50px 19px;
	}

	/*----------------------------------------------------
dl
----------------------------------------------------*/
	/**学生の声**/
	dl.questionary dt {
		padding: 0.8rem 1rem 0.8rem 65px;
		font-size: 1.1rem;
		background: url(/life/2017/voice/img/sp/Q_arrow.png) no-repeat left center;
		background-size: 50px;
		background-color: #F5FAF8;
	}

	dl.questionary dd {
		margin: 0 0 3rem 0;
		padding: 0 0.8rem;
	}

	dl.questionary dd>img {
		width: 47%;
		margin: 0 3% 1rem 0;
		float: left;
	}

	dl.questionary dd .img_block {
		width: 50%;
		margin: 0 0 1rem 0;
		padding: 1rem 2% 0 2%;
		float: left;
	}

	dl.questionary dd .img_block>span {
		font-size: 0.8rem;
	}

	/**中国語　質疑応答**/
	.q_block dl dt {
		margin: 0 0 0.3rem 0;
		padding: 0 0 0.4rem 0;
	}

	.q_block dl dd img {
		width: auto;
		height: 19px;
	}

	.a_block dl dd {
		margin: 0 0 1rem 0;
	}

	.a_block dl dd.a001 img,
	.a_block dl dd.a002 img,
	.a_block dl dd.a003 img,
	.a_block dl dd.a004 img,
	.a_block dl dd.a005 img,
	.a_block dl dd.a006 img,
	.a_block dl dd.a007 img {
		display: none;
	}

	.a_block dl dd.a001 {
		height: 52px;
		background: url(/life/2017/cn/qa/img/a001.png) no-repeat left top;
		background-size: 100% auto;
	}

	.a_block dl dd.a002 {
		height: 26px;
		background: url(/life/2017/cn/qa/img/a002.png) no-repeat left top;
		background-size: 100% auto;
	}

	.a_block dl dd.a003 {
		height: 26px;
		background: url(/life/2017/cn/qa/img/a003.png) no-repeat left top;
		background-size: 100% auto;
	}

	.a_block dl dd.a004 {
		height: 51px;
		background: url(/life/2017/cn/qa/img/a004.png) no-repeat left top;
		background-size: 100% auto;
	}

	.a_block dl dd.a005 {
		height: 77px;
		background: url(/life/2017/cn/qa/img/a005.png) no-repeat left top;
		background-size: 100% auto;
	}

	.a_block dl dd.a006 {
		height: 27px;
		background: url(/life/2017/cn/qa/img/a006.png) no-repeat left top;
		background-size: 100% auto;
	}

	.a_block dl dd.a007 {
		height: 48px;
		background: url(/life/2017/cn/qa/img/a007.png) no-repeat left top;
		background-size: 100% auto;
	}


	/*----------------------------------------------------
学部紹介
----------------------------------------------------*/
	.photo_pres {
		width: 25%;
		margin: 0 5% 1rem 0;
		float: left;
	}

	.aboutlink,
	.banner-link {
		font-size: 0.8rem;
	}

	/*----------------------------------------------------
学科一覧
----------------------------------------------------*/
	.study_title_block {
		padding: 2rem 0;
	}

	.study_title_block>.title {
		width: 70%;
		margin: 0 15% 2rem 15%;
	}

	.study_title_block p {
		width: 70%;
		margin: 0 auto;
	}

	.study_text_block>.photo {
		width: 50%;
		max-width: 500px;
		margin: 4rem auto;
	}

	a.studylink {
		width: 70%;
		margin: 2rem 15%;
		font-size: 1.1rem;
	}

	/*----------------------------------------------------
進路?資格
----------------------------------------------------*/
	.career-table th,
	.career-table td {
		display: table-cell;
		width: fit-content;
		vertical-align: top;
		vertical-align: middle;
	}

	.career-table .gakka span,
	.career-table .course span {
		display: inline-block;
		-webkit-writing-mode: vertical-lr;
		-ms-writing-mode: tb-lr;
		writing-mode: vertical-lr;
		vertical-align: middle;
		white-space: nowrap;
		background-color: transparent;

	}

	.career-table td:before {
		display: none;
	}

	/*----------------------------------------------------
研究紹介
----------------------------------------------------*/
	h4.research_ttl {
		font-size: 1.2rem;
	}

	.research {
		padding: 2rem 5% 1rem 5%;
	}

	.research>h5 {
		margin: 0 0 0.9rem 0;
		padding: 0 0 0.5rem 0.5rem;
		font-size: 1rem;
	}

	/*----------------------------------------------------
学生の声
----------------------------------------------------*/
	.voice_detail>.photo {
		width: 25%;
		margin: 0 4% 0 0;
	}

	.voice_detail>.right {
		width: 71%;
	}

	.voice_detail>.right>.entry {
		padding: 2.8rem 0 0 0;
		font-size: 1rem;
	}

	.voice_detail>.right>.name {
		font-size: 1.4rem;
	}

	/*----------------------------------------------------
中国語
----------------------------------------------------*/
	.wrap_cn_link>a {
		width: 70%;
		margin: 1rem 15%;
		font-size: 1.1rem;
	}

	/* TOP本文 */

	h3 img {
		height: 28px;
	}

	h4.cn_study {
		margin: 0 0 1rem 0;
	}

	h4.cn_study img {
		height: 22px;
	}

	.cn_text img,
	.cn_text_02 img {
		display: none;
	}

	.cn_text {
		margin: 0 0 3rem 0;
	}

	.cn_top_001 {
		height: 741px;
		background: url(/life/2017/cn/img/top_001.png) no-repeat left center;
		background-size: 100% auto;
	}

	.cn_top_food {
		height: 157px;
		background: url(/life/2017/cn/img/food.png) no-repeat left center;
		background-size: 100% auto;
	}

	.cn_top_health {
		height: 195px;
		background: url(/life/2017/cn/img/health.png) no-repeat left center;
		background-size: 100% auto;
	}

	.cn_top_info {
		height: 125px;
		background: url(/life/2017/cn/img/info.png) no-repeat left center;
		background-size: 100% auto;
	}

	.cn_top_house {
		height: 225px;
		background: url(/life/2017/cn/img/house.png) no-repeat left center;
		background-size: 100% auto;
	}

	.cn_top_life {
		height: 226px;
		background: url(/life/2017/cn/img/life.png) no-repeat left center;
		background-size: 100% auto;
	}

	.cn_top_ukeire {
		height: 947px;
		background: url(/life/2017/cn/img/ukeire.png) no-repeat left center;
		background-size: 100% auto;
	}

	/*中国語　留学生の声01*/
	.cn_txt001_01 {
		height: 86px;
		background: url(/life/2017/cn/experience/001/img/cn_txt01.png) no-repeat left center;
		background-size: 100% auto;
	}

	.cn_txt001_02 {
		height: 328px;
		background: url(/life/2017/cn/experience/001/img/cn_txt02.png) no-repeat left center;
		background-size: 100% auto;
	}

	.cn_txt001_03 {
		height: 197px;
		background: url(/life/2017/cn/experience/001/img/cn_txt03.png) no-repeat left center;
		background-size: 100% auto;
	}

	/*中国語　留学生の声02*/
	.cn_txt002_01 {
		height: 95px;
		background: url(/life/2017/cn/experience/002/img/cn_txt01.png) no-repeat left center;
		background-size: 100% auto;
	}

	.cn_txt002_02 {
		height: 333px;
		background: url(/life/2017/cn/experience/002/img/cn_txt02.png) no-repeat left center;
		background-size: 100% auto;
	}

	.cn_txt002_03 {
		height: 260px;
		background: url(/life/2017/cn/experience/002/img/cn_txt03.png) no-repeat left center;
		background-size: 100% auto;
	}

	.qa {
		font-size: 1rem;
	}

	/*中国語 入学希望者*/
	.cn_candidate_01_001 {
		height: 23px;
		background: url(/life/2017/cn/candidate/img/txt_b01_001.png) no-repeat left center;
		background-size: 100% auto;
	}

	.cn_candidate_01_002 {
		height: 23px;
		background: url(/life/2017/cn/candidate/img/txt_b01_002.png) no-repeat left center;
		background-size: 100% auto;
	}

	.cn_candidate_01_003 {
		height: 23px;
		background: url(/life/2017/cn/candidate/img/txt_b01_003.png) no-repeat left center;
		background-size: 100% auto;
	}

	.cn_candidate_01_004 {
		height: 23px;
		background: url(/life/2017/cn/candidate/img/txt_b01_004.png) no-repeat left center;
		background-size: 100% auto;
	}

	.cn_candidate_01_005 {
		height: 57px;
		background: url(/life/2017/cn/candidate/img/txt_b01_005.png) no-repeat left center;
		background-size: 100% auto;
	}

	.cn_candidate_01_006 {
		height: 23px;
		background: url(/life/2017/cn/candidate/img/txt_b01_006.png) no-repeat left center;
		background-size: 100% auto;
	}

	.cn_candidate_02_001 {
		height: 64px;
		background: url(/life/2017/cn/candidate/img/txt_b02_001.png) no-repeat left center;
		background-size: 100% auto;
	}

	.cn_candidate_02_002 {
		height: 1039px;
		background: url(/life/2017/cn/candidate/img/txt_b02_002.png) no-repeat left center;
		background-size: 100% auto;
	}

	.cn_candidate_01_002 p,
	.cn_candidate_01_003 p,
	.cn_candidate_01_004 p,
	.cn_candidate_01_006 p {
		display: block;
		padding: 30px 0 0 15px;
	}
}

/***************************************@media screen and (min-width:1024px)**************************************************/
@media print,
screen and (min-width:1024px) {

	/*----------------------------------------------------
html
----------------------------------------------------*/
	p {
		padding: 0 1rem 0.5rem 1rem;
	}

	/*----------------------------------------------------
header
----------------------------------------------------*/
	#header {
		height: 400px;
	}

	#header h2 {
		padding: 1rem;
		min-width: 20%;
		top: 0;
		margin-top: 200px;
		margin-left: 0;
		position: relative;
		font-size: clamp(16px, 3vw, 30px);
	}

	/*----------------------------------------------------
wrap_contents
----------------------------------------------------*/
	.wrap_contents {
		width: 1024px;
		margin: 0 auto 2rem;
		padding: 0 15px;
	}

	/*----------------------------------------------------
タイトル
----------------------------------------------------*/

	.wrap_contents h3 {
		font-weight: normal;
	}

	/*----------------------------------------------------
ul
----------------------------------------------------*/
	ul.list01,
	ul.list02 {
		padding: 0 1rem;
	}

	ul.list01 li,
	ul.list02 li {
		margin: 0 0 0.8rem 0;
		padding: 0 0 0 17px;
	}

	ul.list01 li div {
		padding: 0.5rem 0 0.7rem 0;
		font-size: 0.9rem;
	}

	/**学部紹介 アイコン解説用**/
	ul.comment {
		padding: 2rem 2rem 1.5rem 2rem;
	}

	/**学生生活**/
	ul.voice {
		border-top: none;
	}

	ul.voice li a {
		width: 25%;
		float: left;
		margin: 0 0 1.5em 0;
		background: none;
		border-bottom: none;
	}

	ul.voice li a>.right {
		width: 100%;
		float: none;
	}

	ul.voice li a>.photo {
		width: 50%;
		float: none;
		margin: 0 auto 1.5rem auto;
	}

	ul.voice li a>.right>.entry {
		text-align: center;
	}

	ul.voice li a>.right>.name {
		text-align: center;
	}

	/**関連情報**/
	ul.link li a {
		width: 46%;
		margin: 0 2% 1rem 2%;
		padding: 1rem 0;
		float: left;
	}

	/**教員一覧**/
	ul.teachers .t_photo {
		padding-left: 30px;
		padding-right: 0px;
	}

	ul.teachers .t_info {
		box-sizing: border-box;
		padding: 0 0 0 5px;
		min-width: 100%;
	}

	ul.teachers li {
		box-sizing: border-box;
		width: 50%;
		float: left;
	}

	ul.teachers .t_info div.link {
		text-align: right;
	}

	ul.teachers .specialized {
		padding: 0.2rem 0 1.5rem 100px;
		background: url(/life/2017/teachers/img/sp/arrow.png) no-repeat left 5px top;
		background-size: 67px 25px;
	}

	ul.teachers .smaller {
		font-size: 0.9em;
		padding: 0 0 0 5px;
	}


	.photo-container {
		display: flex;
		align-items: flex-start;
		gap: 20px;
		margin: 20px 0;
	}

	.photo-wrapper {
		text-align: center;
	}

	.photo-container .photo-wrapper .photo {
		width: auto;
		height: auto;
		border: 1px solid #DDD;
		border-radius: 5px;
	}

	.caption {
		margin-top: 10px;
		font-size: 14px;
		color: #666;
	}

	.photo-container .comment {
		float: right;
		max-width: auto;
		color: #333;
		line-height: 1.5;
	}

	.photo-container .comment div {
		float: right;
		text-align: center;
		width: 45%;
		padding-left: 5%;
	}

	.photo-container .comment div img {
		width: 100%;
		margin-bottom: 5px;
	}

	/*----------------------------------------------------
dl
----------------------------------------------------*/
	/*	dl.history {
		padding: 1em;
	}

	dl.history dt {
		display: block;
		width: 15%;
		padding: 0 0 0 2%;
		float: left;
	}

	dl.history dd {
		display: block;
		width: 80%;
		margin: 0 0 1.5em 0;
		padding: 0 2% 1.5em 17%;
		border-bottom: 1px #CCC dotted;
	}*/

	/**学生の声**/
	dl.questionary dd img {
		width: 32%;
	}

	/**中国語　質疑応答**/
	.q_block dl dd,
	.a_block dl dd {
		margin: 0 0 2rem 0;
	}

	/*----------------------------------------------------
学部紹介
----------------------------------------------------*/
	.photo_pres {
		width: auto;
		margin: 0 2% 1rem 2%;
	}


	/*----------------------------------------------------
学科一覧
----------------------------------------------------*/

	.study_title_block {
		margin: 0 0 3rem 0;
	}

	.study_title_block>.title {
		width: 640px;
		margin: 0 auto 2rem auto;
	}

	.study_title_block p {
		width: 700px;
		line-height: 1.9;
		letter-spacing: 0.1rem;
	}

	.study_text_block {
		max-width: 1024px;
		margin: 0 auto;
		padding: 0 15px;
	}

	.study_text_block>.photo {
		width: 30%;
		float: left;
		margin: 0 3% 0 0;
	}

	.study_text_block>p {
		width: 100%;
		margin: 0 auto 0.5rem auto;
	}

	a.studylink {
		width: 25%;
		margin: 2rem auto;
	}

	/*----------------------------------------------------
研究紹介
----------------------------------------------------*/
	.research {
		margin: 0 0 3.5rem 0;
	}

	.wrap_image_approach {
		width: 45%;
		margin: 0 2.5%;
		float: left;
	}

	/*----------------------------------------------------
学生の声
----------------------------------------------------*/
	.voice_detail {
		margin: 0 0 2.5rem 0;
	}

	.voice_detail>.photo {
		width: 21%;
		margin: 0 4% 0 0;
	}

	.voice_detail>.right {
		width: 75%;
	}

	.voice_detail>.right>.entry {
		padding: 3rem 0 0 0;
		font-size: 1.1rem;
	}

	.voice_detail>.right>.name {
		font-size: 1.5rem;
	}

	/*----------------------------------------------------
中国語
----------------------------------------------------*/
	.wrap_cn_link>a {
		width: 45%;
		margin: 1.5em auto;
	}

	/**質疑応答**/
	.qa .q_block {
		padding: 2em 2em 0.5rem 50px;
		background: url(/life/2017/cn/qa/img/sp/q.png) no-repeat left 15px top 15px;
		background-size: 25px 29px;
	}

	.qa .a_block {
		padding: 2em 2em 0.5rem 50px;
		background: #5ad6da url(../cn/qa/img/sp/a.png) no-repeat left 15px top 15px;
		background-size: 25px 29px;
	}
}