/*
 Theme Name:   文京学院大学 センター - Understrap Child
 Theme URI:    https://understrap.com
 Description:  Understrap Child Theme
 Author:       the Understrap Contributors
 Author URI:   https://github.com/understrap/understrap-child/graphs/contributors
 Template:     understrap
 Version:      1.1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  understrap-child
 Tags: one-column, custom-menu, featured-images, theme-options, translation-ready
 GitHub Theme URI: understrap/understrap-child
*/
@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Francois+One&display=swap');
@import url('https://fonts.cdnfonts.com/css/bahnschrift');
.francoisone {
	font-family: 'Francois One', sans-serif;
}
.bahnschrift {
	font-family: 'Bahnschrift', sans-serif;
}
/*==========================
共通
==========================*/
.bg_red {
	background-color: #A71658 !important;
	color: #fff;
}
.table-fixed {
	table-layout: fixed;
}
.grn_tit {
	color: #006c54;
	font-size: 1.1rem;
	font-weight: bold;
}
.grn_txt {
	color: #006c54;
	font-weight: bold;
}
.red_tit {
	color: #A71658;
	font-size: 1.1rem;
	font-weight: bold;
}
.red_txt {
	color: #A71658;
	font-weight: bold;
}
.fc_human {
	font-weight: bold;
	color: #f46403;
}
.fc_foreign {
	font-weight: bold;
	color: #e95383;
}
.fc_business {
	font-weight: bold;
	color: #009360;
}
.fc_health {
	font-weight: bold;
	color: #006cb7;
}
.title_txt {
	font-size: 1.1rem;
}
.qa_list .btn_detail {
	max-width: 100%;
}
.btn_detail::after {
	border-top-color: #006c54 !important;
}
.btn_detail:hover {
	background-color: #dff4eb !important;
}
/*タイトル
==========================*/
.inspi_tit {
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
}
.inspi_tit span {
	position: relative;
	display: inline-block;
}
.inspi_tit span::after {
	content: '';
	display: inline-block;
	position: absolute;
	top: -20px;
	right: -25px;
	background-image: url("/assets/img/institution/inspi.png");
	width: 30px;
	height: 30px;
}
.cl_tit {
	text-align: center;
	margin-bottom: 30px;
}
.cl_tit span {
	position: relative;
	padding: 0 65px;
}
.cl_tit span::before, .cl_tit span::after {
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 40px;
	height: 1px;
	background-color: #000;
}
.cl_tit span::before {
	left: 0;
}
.cl_tit span::after {
	right: 0;
}
.lline_tit {
	font-weight: bold;
	border-left: #006c54 4px solid;
	padding: 5px 0 5px 12px;
	margin-bottom: 15px;
}
section .lline_tit:not(:first-of-type) {
	margin-top: 2.25rem;
}
.bline_tit {
	position: relative;
	border-bottom: #c8c8c8 1px solid;
	padding: 5px 0;
	margin-top: 1.5rem;
	margin-bottom: 15px;
}
.bline_tit::after {
	content: '';
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 65px;
	height: 3px;
	background-color: #006c54;
	border-radius: 10px;
}
/*番号付き*/
.count {
	counter-reset: count 0;
}
.count .bline_tit.number::before {
	counter-increment: count;
	content: counter(count) ". ";
}
/*ローマ数字付き*/
.roman {
	counter-reset: number 0;
}
.roman .bline_tit.number::before {
	counter-increment: number 1;
	content: counter(number, upper-roman) ". ";
}
.page_titbg {
	background-image: url("/assets/img/institution/bg_stripe.jpg");
	padding: 8px 0;
}
.page_tit {
	color: #fff;
	font-weight: bold;
	background-color: #63d6c8;
	display: inline-block;
	padding: 8px 12px;
	border-radius: 30px;
	margin-bottom: 0;
}
.grn_tit {
	color: #006c54;
	font-size: 1.1rem;
	font-weight: bold;
}
.grn_txt {
	color: #006c54;
	font-weight: bold;
}
.blk_txt {
	color: #000;
}
@media(min-width:768px) {
	.inspi_tit {
		font-size: 1.5rem;
	}
	.cl_tit {
		font-size: 1.3rem;
	}
	.lline_tit {
		font-size: 1.4rem;
	}
	.bline_tit {
		font-size: 1.3rem;
	}
	.page_tit {
		font-size: 1.4rem;
	}
}
@media(max-width:767px) {
	.inspi_tit {
		font-size: 1.3rem;
	}
	.cl_tit {
		font-size: 1.1rem;
	}
	.lline_tit {
		font-size: 1.2rem;
	}
	.bline_tit {
		font-size: 1.1rem;
	}
	.bline_tit span {
		display: block;
	}
	.page_titbg .container {
		padding: 0 5px;
	}
	.page_tit {
		font-size: 1.1rem;
	}
}
/*フレーム
==========================*/
.line_frame {
	position: relative;
	border: #c8c8c8 1px solid;
	background-color: #fff;
	margin-top: 15px;
}
.line_frame::after, .line_frame::before {
	content: '';
	display: block;
	position: absolute;
	top: -15px;
	left: 50%;
	-webkit-transform: translate(-50%);
	transform: translate(-50%);
	height: 30px;
}
.line_frame::after {
	width: 1px;
	background-color: #006c54;
}
.line_frame::before {
	width: 30px;
	background: linear-gradient(180deg, #e0f7f8 0%, #e0f7f8 50%, #fff 50%, #fff 100%);
}
.line_frame p:last-child {
	margin-bottom: 0;
}
.line_frame .btn_readme {
	margin-top: 30px;
}
.stripe_frame {
	position: relative;
	border: #c8c8c8 1px solid;
	margin-top: 15px;
	padding: 15px;
	background-image: url("/assets/img/institution/bg_frame.png");
}
.stripe_frame::after, .stripe_frame::before {
	content: '';
	display: block;
	position: absolute;
	top: -15px;
	left: 50%;
	-webkit-transform: translate(-50%);
	transform: translate(-50%);
	height: 30px;
}
.stripe_frame::after {
	width: 1px;
	background-color: #006c54;
}
.stripe_frame::before {
	width: 30px;
	background-color: #fff;
}
.stripe_frame .frame_inbox {
	background-color: #fff;
}
@media(min-width:768px) {
	.line_frame {
		padding: 40px 30px;
	}
	.stripe_frame .frame_inbox {
		padding: 40px 30px;
	}
}
@media(max-width:767px) {
	.line_frame {
		padding: 40px 15px;
	}
	.line_frame .photobox img {
		margin-top: 1rem;
	}
	.stripe_frame .frame_inbox {
		padding: 40px 15px;
	}
}
/*ボタン
==========================*/
.btn_detail{ text-decoration: none !important;}
.btn_detail::after{ border-top-color: #63d6c8;}
.btn_detail:hover{ background-color: #dbf7f4;}
.btn_contact {
	position: relative;
	background-color: #006c54;
	color: #fff;
	border-radius: 0;
	max-width: 200px;
	margin: 0 auto;
	display: block;
	padding: 8px 10px;
	font-weight: bold;
	letter-spacing: 1px;
	transition-duration: 0.4s;
	text-decoration: none !important;
}
.btn_contact::after {
	content: '';
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 30px;
	width: 12px;
	height: 12px;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	-webkit-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}
.btn_contact:hover, .btn_contact:focus {
	background-color: #013d2f;
	color: #fff;
	letter-spacing: 3px;
}
@media(min-width:768px) {
	.btn_contact {
		font-size: 1.2rem;
	}
}
/*リスト
==========================*/
.disc_list {
	padding-left: 22px;
}
ol.brackets_grn {
	padding-left: 0;
}
ol.brackets_grn li {
	list-style-type: none;
	counter-increment: cnt;
}
ol.brackets_grn li:not(:first-child) {
	margin-top: 10px;
}
ol.brackets_grn li::before {
	content: "("counter(cnt) ") ";
	color: #006c54;
	font-weight: bold;
}
ol.brackets_grn li span {
	display: block;
	margin-top: 3px;
	padding-left: 1.8rem;
}
ol.brackets_list {
	padding-left: 0;
}
ol.brackets_list li {
	list-style-type: none;
	counter-increment: cnt;
}
ol.brackets_list li:not(:first-child) {
	margin-top: 10px;
}
ol.brackets_list li::before {
	content: "("counter(cnt) ") ";
}
ol.brackets_list li span {
	display: block;
	margin-top: 3px;
	padding-left: 1.8rem;
}
ol.roman_list {
	list-style-type: upper-roman;
	color: #006c54;
	font-weight: bold;
	padding-left: 1.8rem;
}
ol.roman_list li:not(:first-child) {
	margin-top: 10px;
}
ol.roman_list span {
	display: block;
	margin-top: 3px;
	font-weight: normal;
}
ol.num_list {
	padding-left: 22px;
}
.asterisk_list {
	font-size: 1rem;
	list-style: none;
	padding-left: 1rem;
	text-indent: -1rem;
}
.red_disc_list {
	padding-left: 1.2em;
	list-style: none;
}
.red_disc_list li {
	position: relative;
}
.red_disc_list li:not(:last-child) {
	margin-bottom: 0.5rem;
}
.red_disc_list li::before {
	position: absolute;
	top: 0.75em;
	left: -1.2em;
	transform: translateY(-50%);
	width: 1em;
	height: 1em;
	border-radius: 50%;
	background-color: #e5005c;
	content: "";
}
.hyphen_list{
	list-style: none;
	padding-left: 0;
}
.hyphen_list li{
	text-indent: -.8rem;
	padding-left: .8rem;
}
.hyphen_list li::before{ content: '- ';}
/*タイトルと緑背景
==========================*/
.aboutbox {
	position: relative;
	background-color: #e1f8f9;
	margin-top: 30px;
	padding: 35px 15px 20px;
}
.about_tit {
	position: absolute;
	top: -13px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	margin-bottom: 20px;
	font-size: 1rem;
	border: #006c54 1px solid;
	border-radius: 20px;
	background-color: #fff;
	padding: 5px;
	width: 100%;
	max-width: 360px;
	text-align: center;
}
.aboutbox ul:not(.disc_list) {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}
.aboutbox ul:not(.disc_list) li {
	text-indent: -1rem;
	padding-left: 1rem;
}
.aboutbox .about_in{
	text-align: center;
	margin-bottom: 0;
}
.aboutbox .about_in dt{
	margin-bottom: 10px;
}
.aboutbox .about_in dd{ margin-bottom: 0;}
/*==========================
mv
==========================*/
#mv {
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.counsel#mv {
	background-image: url("/assets/img/institution/counsel/mv.jpg");
} /*臨床心理相談センター*/
.blec#mv {
	background-image: url("/assets/img/institution/blec/mv.jpg");
} /*BLEC*/
.sports#mv {
	background-image: url("/assets/img/institution/bsmc/mv.jpg");
} /*BSMC*/
.it#mv {
	background-image: url("/assets/img/institution/it/mv.jpg");
} /*情報教育研究センター*/
.learning#mv {
	background-image: url("/assets/img/institution/learning/mv.jpg");
} /*学習サポートセンター*/
.hot#mv {
	background-image: url("/assets/img/institution/hot/mv.jpg");
} /*ほっと*/
/*#machi-labo #mv{ background-image: url("/assets/img/institution/machi-labo/mv.jpg");}*/ /*まちラボ*/
.bics#mv {
	background-image: url("/assets/img/institution/bics/mv.jpg");
} /*BICS*/
.cm#mv {
	background-image: url("/assets/img/institution/cm/mv.jpg")
} /*コンテンツ多言語知財化センター*/
.teaching-profession#mv {
	background-image: url("/assets/img/institution/teaching-profession/mv.jpg");
} /*教職課程センター*/
.library#mv {
	background-image: url("/assets/img/institution/library/mv.jpg");
} /*図書館*/
.clec#mv {
	background-image: url("/assets/img/institution/clec/mv.jpg");
} /*CLEC*/
.flat#mv {
	background-image: url("/assets/img/institution/flat/mv.jpg");
} /*ふらっと*/
.international#mv {
	background-image: url("/assets/img/institution/international/mv.jpg");
} /*国際交流センター*/
.multidiscipline #mv {
	background-image: url("/assets/img/institution/multidiscipline/mv.jpg");
} /*総合研究所*/
.designthinking #mv{
	background-color: #C5E3E7;
	background-image: url("./img/mv_dlab.png");
    background-size: auto 100%; /* 縦を100%に設定し、横は自動調整 */
    background-position: center center; /* 画像を中央に配置 */
} /*デザイン・シンキング研究センター*/
#mv .mv_tit {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%);
	transform: translate(-50%);
	color: #fff;
	font-weight: bold;
	width: 100%;
	text-align: center;
	margin-bottom: 0;
}
.social-cooperation #mv{
	background-image: url("img/social-cooperation_mv.jpg");
}

#mv .mv_tit {
	text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3), 1px 3px 7px rgba(224, 176, 85, 0.1);
}
.designthinking #mv .mv_tit{
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.7), 1px 3px 7px rgba(0, 0, 0, 0.3);
}
#mv .mv_tit::after {
	content: '';
	display: inline-block;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: -10px;
	width: 80px;
	height: 3px;
	background-color: #006c54;
}
@media(min-width:768px) {
	#mv {
		height: 300px;
		overflow: hidden;
	}
	#mv .mv_tit {
		font-size: 2rem;
	}
}
@media(max-width:767px) {
	#mv {
		height: 200px;
		margin-top: 56px;
	}
	#mv .mv_tit {
		margin-top: 10px;
		font-size: 1.5rem;
	}
}
/*==========================
local nav
==========================*/
#local_nav {
	background-color: #fff;
}
#local_nav .navbar-nav li {
	text-align: center;
}
#local_nav .navbar-nav li a {
	color: #000;
}
#local_nav .navbar-nav li a:hover, #local_nav .navbar-nav li a:focus {
	color: #006c54;
}
#local_nav.fixed {
	position: fixed;
	top: 0;
	padding: 0;
	width: 100%;
	z-index: 1000;
	background-color: rgba(255, 255, 255, .95);
}
@media(min-width:992px) {
	#local_nav {
		padding: 10px 0;
	}
	#local_nav p {
		display: none;
	}
	#local_nav .navbar {
		padding: 20px 0;
	}
	#local_nav .navbar-nav li:first-child {
		border-left: #000 1px solid;
	}
	#local_nav .navbar-nav li:not(:last-child) {
		border-right: #000 1px solid;
	}
	#local_nav .navbar-nav li:last-child {
		border-right: #000 1px solid;
	}
	#local_nav .navbar-nav li a {
		padding: 2px;
		font-size: .95rem;
		display: flex;
		justify-content: center;
		align-items: center;
    height: 100%;
	}
	#local_nav .navbar-nav li.active a span {
		position: relative;
		display: block;
		border-bottom: #006c54 2px solid;
	}
	/*コンテンツ多言語知財化センター*/
	#local_nav .navbar-nav.column4 {
		flex-wrap: wrap;
	}
	#local_nav .navbar-nav.column4 li {
		width: 25%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#local_nav .navbar-nav.column4 li:nth-child(-n+4) {
		margin-bottom: 10px;
	}
	#local_nav .navbar-nav.column4 li:nth-child(5) {
		border-left: #000 1px solid;
	}
	/*臨床心理相談センター*/
	#local_nav .navbar-nav.column3 {
		flex-wrap: wrap;
    gap: 10px 0;
	}
	#local_nav .navbar-nav.column3 li {
		width: 33.33333%;
	}
	/*#local_nav .navbar-nav.column3 li:nth-child(-n+3) {
		margin-bottom: 10px;
	}*/
	#local_nav .navbar-nav.column3 li:nth-child(3n-2) {
		border-left: #000 1px solid;
	}
	/*ほっと*/
	#local_nav .navbar-nav.column2 {
		flex-wrap: wrap;
	}
	#local_nav .navbar-nav.column2 li {
		width: 50%;
	}
	#local_nav .navbar-nav.column2 li:nth-child(-n+2) {
		margin-bottom: 10px;
	}
	#local_nav .navbar-nav.column2 li:nth-child(3) {
		border-left: #000 1px solid;
	}
}
@media(max-width:991px) {
	#local_nav {
		position: relative;
	}
	#local_nav p {
		margin: 0;
		padding: 10px 15px;
		display: block;
		width: 100%;
		color: #fff;
		background-color: #72a956;
	}
	#local_nav .navbar-toggler {
		border-radius: 0;
		outline: none;
		margin-left: auto;
		margin-right: 0;
		position: absolute;
		top: 0;
		right: 0;
		height: 44px;
	}
	#local_nav .navbar-toggler .navbar-toggler-icon {}
	#local_nav .navbar-toggler .navbar-toggler-icon::after {
		content: '';
		display: inline-block;
		position: absolute;
		top: 10px;
		right: 15px;
		width: 12px;
		height: 12px;
		border-bottom: solid 1px #fff;
		border-right: solid 1px #fff;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#local_nav .navbar {
		padding: 0;
	}
	#local_nav .navbar .container {
		max-width: 100%;
	}
	#local_nav .navbar-nav {
		padding: 0 5px 5px;
		margin-top: 5px;
	}
	#local_nav .navbar-nav li:not(:last-child) {
		border-bottom: #c8c8c8 1px solid;
	}
	#local_nav .navbar-nav li a {
		font-size: .9rem;
		display: block;
	}
	#local_nav .navbar-nav li.active a:not(.dropdown-item) {
		color: #fff;
		background-color: #006c54;
	}
}
/*==========================
top
==========================*/
/*post
==========================*/
section#post_tab {
	background-color: #efefef;
}
#post_tab .nav-tabs li {
	width: 33.333333%;
}
#post_tab .nav-tabs li:not(:last-child) {
	border-right: #fff 1px solid;
}
#post_tab .nav-tabs li a {
	position: relative;
	background-color: #fff;
	padding: 10px 3px;
	border-radius: 0;
	border: none;
	text-align: center;
}
#post_tab .nav-tabs li a.active::after {
	content: '';
	display: inline-block;
	position: absolute;
	top: -3px;
	left: 0;
	width: 100%;
	border-top: #006c54 6px solid;
}
#post_tab .nav-tabs li a:not(.active) {
	color: #fff;
	background-color: #ababab;
}
#post_tab .tab-content {
	background-color: #fff;
}
#post_tab .tab-pane ul {
	padding-left: 0;
	list-style: none;
}
#post_tab .tab-pane > ul {
	margin-bottom: 40px;
}
#post_tab .tab-pane > ul > li {
	padding: 10px 5px;
	border-bottom: #4d4d4d 1px solid;
}
#post_tab .tab-pane .post_title {
	overflow: hidden;
	text-overflow: ellipsis;
	/*white-space: nowrap;*/
}
@media(min-width:768px) {
	#post_tab .tab-content {
		padding: 30px 30px 40px;
	}
	#post_tab .tab-pane > ul > li > ul {
		display: flex;
	}
	#post_tab .tab-pane .post_date {
		width: 120px;
	}
	#post_tab .tab-pane .post_title {
		flex: 1;
	}
}
@media(max-width:767px) {
	#post_tab .nav-tabs li a {
		font-size: .75rem;
	}
	#post_tab .tab-content {
		padding: 15px 15px 40px;
	}
	#post_tab .tab-pane .post_date {
		font-size: .9rem;
	}
}
/*topics
==========================*/
#topics .topics_list {
	display: flex;
	margin-bottom: 40px;
}
@media(min-width:768px) {
	#topics .topics_list {
	justify-content: center;
	}
}
#topics .topics_list .card {
	border-radius: 0;
	border: none;
	color: #000;
	text-decoration: none;
}
#topics .topics_list img, #topics .topics_list .card-body {
	transition-duration: 0.3s;
}
#topics .topics_list .card-body {
	border-right: #eaeaea 1px solid;
	border-bottom: #eaeaea 1px solid;
	padding: 15px;
}
#topics .topics_list .card:first-child .card-body {
	border-left: #eaeaea 1px solid;
}
#topics .topics_list .card-text {
	color: #006c54;
	font-weight: bold;
	margin-bottom: 10px;
}
#topics .topics_list .card-text span.new {
	font-size: .9rem;
	font-weight: normal;
	margin-left: 8px;
	color: #fff;
	background-color: #63d5c7;
	padding: 2px 5px;
	vertical-align: 1px;
}
#topics .topics_list .card-title {
	font-size: 1.1rem;
	font-weight: bold;
	margin-bottom: 0;
}
#topics .topics_list .card:hover > img {
	opacity: .85;
}
#topics .topics_list .card:hover .card-body, #topics .topics_list .card:focus .card-body {
	background-color: #63d5c7;
	border-color: #63d5c7;
	color: #fff;
}
#topics .topics_list .card:hover .card-text, #topics .topics_list .card:hover .card-text span.new, #topics .topics_list .card:focus .card-text, #topics .topics_list .card:focus .card-text span.new {
	color: #fff;
}
@media(min-width:768px) {
	/*	#topics .topics_list{ flex-direction: row;}
	#topics .topics_list .card{
		-ms-flex-preferred-size: 0;
	  flex-basis: 0;
    -ms-flex-positive: 1;
		flex-grow: 1;
	}
*/
	#topics .topics_list {
		justify-content: center;
	}
	#topics .topics_list .card {
		width: 33.33333%;
	}
}
@media(max-width:767px) {
	#topics .topics_list {
		max-width: 100%;
		overflow-x: scroll;
	}
	#topics .topics_list .card {
		width: 80%;
		flex-shrink: 0;
		display: inline-flex;
	}
}
/*IEのみ*/
@media all and (-ms-high-contrast: none) {
	#topics .topics_list .card > img {
		min-height: 100%;
	}
}
/*pickup
==========================*/
#pickup {
	background-size: cover;
	background-position: center;
	text-align: center;
}
#counsel #pickup {
	background-image: url("/assets/img/institution/counsel/bg_pickup.jpg");
} /*臨床心理相談センター*/
#blec #pickup {
	background-image: url("/assets/img/institution/blec/bg_pickup.jpg");
} /*BLEC*/
#sports #pickup {
	background-image: url("/assets/img/institution/bsmc/bg_pickup.jpg");
} /*BSMC*/
#it #pickup {
	background-image: url("/assets/img/institution/it/bg_pickup.jpg");
} /*情報教育研究センター*/
#learning #pickup {
	background-image: url("/assets/img/institution/learning/bg_pickup.jpg");
} /*学習サポートセンター*/
#hot #pickup {
	background-image: url("/assets/img/institution/hot/bg_pickup.jpg");
} /*ほっと*/
#machi-labo #pickup {
	background-image: url("/assets/img/institution/machi-labo/bg_pickup.jpg");
} /*まちラボ*/
#bics #pickup {
	background-image: url("/assets/img/institution/bics/bg_pickup.jpg");
} /*BICS*/
#teaching-profession #pickup {
	background-image: url("/assets/img/institution/teaching-profession/bg_pickup.jpg");
} /*教職課程センター*/
#cm #pickup {
	background-image: url("/assets/img/institution/cm/bg_pickup.jpg");
} /*コンテンツ多言語知財化センター*/
#clec #pickup {
	background-image: url("/assets/img/institution/clec/bg_pickup.jpg");
} /*CLEC*/
#flat #pickup {
	background-image: url("/assets/img/institution/flat/bg_pickup.jpg");
} /*ふらっと*/
#international #pickup {
	background-image: url("/assets/img/institution/international/bg_pickup.jpg");
} /*国際交流センター*/
#multidiscipline #pickup {
	background-image: url("/assets/img/institution/multidiscipline/top/bg_pickup.jpg");
} /*総合研究所*/
#pickup h2, #pickup p {
	color: #fff;
	font-weight: bold;
	text-shadow: -2px 0 4px #000;
}
#pickup ul {
	padding-left: 0;
	list-style: none;
	margin-top: 30px;
	margin-bottom: 0;
	margin-right: -10px;
	margin-left: -10px;
}
#pickup ul li {
	padding-right: 10px;
	padding-left: 10px;
}
@media(min-width:768px) {
	#pickup h2, #pickup p {
		font-size: 1.4rem;
		margin: 0;
	}
}
@media(max-width:767px) {
	#pickup h2, #pickup p {
		font-size: 1.2rem;
	}
	#pickup h2 span {
		display: block;
	}
	#pickup p {
		margin-bottom: 0;
	}
	#pickup ul li:not(:last-child) {
		margin-bottom: 8px;
	}
}
.btn_arrow {
	position: relative;
	color: #000;
	background-color: #fff;
	border-radius: 0;
	display: block;
	padding: 12px;
	text-align: left;
	transition-duration: 0.4s;
}
.btn_arrow::before {
	content: '';
	display: inline-block;
	position: absolute;
	top: 50%;
	right: -1px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 50px;
	height: 50px;
	background-color: #00a195;
}
.btn_arrow::after {
	content: '';
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 20px;
	width: 10px;
	height: 10px;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	-webkit-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}
.btn_arrow:hover, .btn_arrow:focus {
	color: #00a296;
}
.btn_arrow:hover::before, .btn_arrow:focus::before {
	background-color: #2c7069;
}
.bg_lightblue {
	background-color: #e0f7f8;
}
.border_grn {
	border-color: #006c54 !important;
}
/*about
==========================*/
#about {
	background-color: #e0f7f8;
}
/*study abroad
==========================*/
#study_abroad {
	background-color: #e0f7f8;
}
/*experience
==========================*/
#experience {
	background-color: #e0f7f8;
}
/*assessment
==========================*/
#assessment {
	background-color: #e0f7f8;
}
/*use
==========================*/
#use {
	background-color: #e0f7f8;
}
#use .use_table {
	margin-bottom: 1rem;
}
#use table {
	border-bottom: #000 1px solid;
}
#use table caption {
	font-size: 1.1rem;
	font-weight: bold;
	caption-side: top;
}
#use table caption.grn_cap {
	color: #006c54;
}
#use th, #use td {
	border-top: #000 1px solid;
}
#use td ul {
	margin-bottom: 0;
}
#use td ul.time_list {
	margin-bottom: 5px;
}
#use td ul.time_list li span {
	position: relative;
	width: 80px;
	display: inline-block;
}
#use td ul.time_list li span::after {
	content: '：';
	display: inline-block;
	position: absolute;
	right: 0;
}
#use td p {
	margin-bottom: 0;
}
#use .listbox {
	margin-top: 1rem;
}
#use .listbox ul {
	margin-bottom: 0;
}
@media(min-width:768px) {
	#use td ul {
		padding-left: 0;
	}
	#use .listbox {
		display: flex;
	}
	#use .listbox ul:not(:last-child) {
		margin-right: 30px;
	}
}
@media(max-width:767px) {
	#use th, #use td {
		width: 100%;
		display: block;
		padding: .5rem;
	}
	#use th {
		background-color: rgba(222, 222, 222, .2);
	}
	#use td ul {
		padding-left: 15px;
	}
}
/*inside view
==========================*/
#inside_view {
	background-color: #e0f7f8;
}
#inside_view a {
	max-width: 700px;
	margin: 0 auto;
	display: block;
	background-color: #fff;
}
#inside_view a img {
	transition-duration: 0.3s;
}
#inside_view a:hover img {
	opacity: .85;
}
/*reception time
==========================*/
#reception_time table {
	border-bottom: #000 1px solid;
}
#reception_time table caption {
	font-size: 1.1rem;
	font-weight: bold;
	caption-side: top;
}
#reception_time table caption.hongo {
	color: #39b04a;
}
#reception_time table caption.fujimino {
	color: #5e90cc;
}
#reception_time th, #reception_time td {
	border-top: #000 1px solid;
	border-bottom: none;
}
#reception_time td ul {
	padding-left: 0;
	list-style: none;
	margin-bottom: 0;
}
#reception_time td ul.time_list {
	margin-bottom: 5px;
}
#reception_time td ul.time_list li span {
	position: relative;
	width: 80px;
	display: inline-block;
}
#reception_time td ul.time_list li span::after {
	content: '：';
	display: inline-block;
	position: absolute;
	right: 0;
}
#reception_time td p {
	margin-bottom: 0;
}
@media(max-width:767px) {
	#reception_time th, #reception_time td {
		width: 100%;
		display: block;
		padding: .5rem;
	}
	#reception_time th {
		background-color: rgba(222, 222, 222, .2);
	}
}
/*access
==========================*/
#access p:last-child {
	margin-bottom: 0;
}
/*フロア図（仮でいれていたもの）*/
.floors {
	display: flex;
	margin-top: 30px;
}
@media(min-width:768px) {
	.floors {
		justify-content: center;
	}
	.floors .floor {
		margin-right: 40px;
	}
}
@media(max-width:767px) {
	.floors {
		flex-wrap: wrap;
	}
	.floors .floor {
		width: 60%;
		margin-bottom: 20px;
	}
}
/*平面図*/
.plan_view img {
	margin: 30px auto 0;
	display: block;
}
/*案内図*/
.guide_map {
	position: relative;
	margin-top: 30px;
}
.ac_tit {
	color: #fff;
	font-size: 1.1rem;
	padding: 15px 10px;
	text-align: center;
	margin: 40px 0 20px;
}
#access_hongo .ac_tit {
	background-color: #72aa56;
}
#access_fujimino .ac_tit {
	background-color: #5e90cc;
}
.map_r_tit, .map_b_tit {
	color: #fff;
	font-weight: bold;
	padding: 10px 30px;
	display: inline-block;
}
.map_r_tit {
	background-color: #e6493e;
}
.map_b_tit {
	background-color: #009fcb;
}
.gry_dot {
	border-top: #c8c8c8 5px dotted;
	margin: 30px 0;
	background: transparent;
}
.map_txt ul {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}
.map_txt p {
	margin-bottom: 0;
}
@media(min-width:992px) {
	.guide_map .map_txt {
		top: 0;
	}
}
@media(min-width:768px) and (max-width:991px) {
	.guide_map img {
		margin-top: 60px;
	}
	.guide_map .map_txt {
		top: -30px;
	}
}
@media(min-width:768px) {
	.map_r_tit, .map_b_tit {
		font-size: 1.1rem;
	}
	.guide_map .map_txt {
		position: absolute;
		left: 0;
	}
}
@media(max-width:991px) {
	.map_txt {
		margin-bottom: 20px;
	}
}
@media(max-width:767px) {
	.map_r_tit, .map_b_tit {
		font-size: .9rem;
	}
}
/*アクセス表*/
#access table {
	border-bottom: #000 1px solid;
}
#access table caption {
	font-size: 1.1rem;
	font-weight: bold;
	caption-side: top;
}
#access table caption.hongo {
	color: #39b04a;
}
#access th, #access td {
	border-top: #000 1px solid;
}
#access td ul {
	padding-left: 0;
	list-style: none;
	margin-bottom: 0;
}
#access td ul.time_list {
	margin-bottom: 5px;
}
#access td ul.time_list li span {
	position: relative;
	width: 80px;
	display: inline-block;
}
#access td ul.time_list li span::after {
	content: '：';
	display: inline-block;
	position: absolute;
	right: 0;
}
#access td p {
	margin-bottom: 0;
}
@media(max-width:767px) {
	#access th, #access td {
		width: 100%;
		display: block;
		padding: .5rem;
	}
	#access th {
		background-color: rgba(222, 222, 222, .2);
	}
}
/*アクセス アコーディオン*/
.campus_guid .card-header a {
	padding: 0;
}
.guidmap_tit {
	color: #fff;
	font-size: 1.1rem;
	padding: 15px 10px;
	text-align: center;
	margin: 40px 0 20px;
}
#access_hongo .guidmap_tit {
	background-color: #72aa56;
}
#access_fujimino .guidmap_tit {
	background-color: #5e90cc;
}
.campus_guid {
	margin-top: 20px;
}
.campus_guid .card-header {
	background-color: #fff;
	padding: 0;
	border-bottom: #c9c9c9 1px solid;
}
.campus_guid .card-header a {
	position: relative;
	display: block;
	text-align: left;
	padding: 10px 20px 10px 10px;
	text-decoration: none;
	color: #000;
}
.campus_guid .card-header a::after, .campus_guid .card-header a::before {
	content: '';
	position: absolute;
	top: 50%;
	width: 18px;
	height: 2px;
	background-color: #00a69a;
	transition: all 0.3s;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.campus_guid .card-header a::after {
	right: 10px;
	margin-top: -1px;
}
.campus_guid .card-header a::before {
	right: 10px;
}
.campus_guid .card-header a[aria-expanded="false"]::after {
	transform: rotate(90deg);
	opacity: 1;
}
.campus_guid .card-header a[aria-expanded="true"]::after {
	opacity: 0;
}
.campus_guid .card {
	border-radius: 0;
	border: #c9c9c9 1px solid;
}
.campus_guid .card:first-child {
	border-bottom: #c9c9c9 1px solid;
}
.campus_guid .card:not(:last-child) {
	margin-bottom: 10px;
}
@media(min-width:768px) {
	.campus_guid .card-body {
		padding: 15px;
	}
}
@media(max-width:767px) {
	.campus_guid .card-header a {
		font-size: .9rem;
	}
	.campus_guid .card-body {
		padding: 5px;
	}
}
/*inquiry
==========================*/
#inquiry {
	text-align: center;
}
/*スポーツマネジメント研究所、ほっと*/
.inquiry_frame {
	position: relative;
}
.inquiry_frame::before, .inquiry_frame::after, .inquiry_frame .inquiry_inbox::before, .inquiry_frame .inquiry_inbox::after {
	content: '';
	display: inline-block;
	width: 50px;
	height: 50px;
	position: absolute;
}
.inquiry_frame::before {
	border-left: solid 4px #c9c9c9;
	border-top: solid 4px #c9c9c9;
	top: 0;
}
.inquiry_frame::after {
	border-right: solid 4px #c9c9c9;
	border-bottom: solid 4px #c9c9c9;
	bottom: 0;
}
.inquiry_frame .inquiry_inbox::before {
	border-right: solid 4px #c9c9c9;
	border-top: solid 4px #c9c9c9;
	top: 0;
}
.inquiry_frame .inquiry_inbox::after {
	border-left: solid 4px #c9c9c9;
	border-bottom: solid 4px #c9c9c9;
	bottom: 0;
}
.inquiry_frame .marker {
	font-weight: bold;
	background: linear-gradient(transparent 55%, #fcf751 0%);
	display: inline;
	padding: 0 4px 2px;
}
.inquiry_link {
	margin-top: 30px;
}
.inquiry_link p {
	font-size: .8rem;
}
.inquiry_link ul {
	margin-bottom: 0;
	padding-left: 0;
	list-style: none;
}
.inquiry_link ul li {
	width: 100%;
	max-width: 280px;
}
.inquiry_link ul li a {
	position: relative;
	color: #000;
	background-color: #fcf751;
	font-weight: bold;
	text-decoration: none;
	border-radius: 30px;
	padding: 12px;
	display: block;
}
.inquiry_link ul li a::after {
	content: '';
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 30px;
	width: 12px;
	height: 12px;
	border-top: solid 1px #000;
	border-right: solid 1px #000;
	-webkit-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}
@media(min-width:768px) {
	.inquiry_frame {
		padding: 20px 25px;
	}
	.inquiry_frame::before, .inquiry_frame .inquiry_inbox::after {
		left: 0;
	}
	.inquiry_frame::after, .inquiry_frame .inquiry_inbox::before {
		right: 0;
	}
	.inquiry_frame .marker {
		font-size: 1.2rem;
	}
	.inquiry_link ul {
		display: flex;
		justify-content: center;
	}
	.inquiry_link ul li {
		margin: 0 10px;
	}
}
@media(max-width:767px) {
	.inquiry_frame {
		padding: 20px 8px;
	}
	.inquiry_frame::before, .inquiry_frame .inquiry_inbox::after {
		left: -5px;
	}
	.inquiry_frame::after, .inquiry_frame .inquiry_inbox::before {
		right: -5px;
	}
	.inquiry_link ul li {
		margin: 10px auto 0;
	}
}
/*ほっと*/
#inquiry .aboutbox {
	display: inline-block;
	text-align: left;
}
#inquiry .about_tit {
	max-width: 230px;
}
.campus_inquiry {
	margin-top: 30px;
}
main .campusbox {
	border: #4d4d4d 1px solid;
	padding: 5px 15px;
	margin-bottom: 10px;
	text-align: left;
}
main .campusbox table {
	margin-bottom: 0;
}
main .campusbox table th {
	font-weight: normal;
}
main .campusbox table caption {
	font-size: 1.1rem;
	font-weight: bold;
	caption-side: top;
	text-align: center;
}
main .campusbox table caption.fujimino {
	color: #5e90cc;
}
main .campusbox table caption.hongo {
	color: #39b24a;
}
.campus_frame .tel_txt {
	font-size: .9rem;
	text-align: left;
	text-indent: -.9rem;
	padding-left: .9rem;
}
@media(min-width:768px) {
	.campus_frame {
		max-width: 425px;
		margin-left: auto;
		margin-right: auto;
	}
}
/*questionary
==========================*/
#questionary .bnr_questionary {
	position: relative;
	max-width: 850px;
	margin: 0 auto;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
#questionary .bnr_questionary a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: inline-block;
	transition-duration: 0.3s;
}
#questionary .bnr_questionary a:hover {
	background-color: rgba(255, 255, 255, .15);
}
#questionary .bnr_questionary a span {
	position: absolute;
	left: 50%;
	bottom: 18.5%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 36%;
	color: #fff;
	background-color: #00a296;
	padding: 1%;
	text-align: center;
}
#questionary .bnr_questionary a span::after {
	content: '';
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 12%;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	-webkit-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}
@media(min-width:1200px) {
	#questionary .bnr_questionary {
		padding-top: 17.118%;
	}
}
@media(min-width:992px) and (max-width:1199px) {
	#questionary .bnr_questionary {
		padding-top: 20.431%;
	}
}
@media(min-width:768px) and (max-width:991px) {
	#questionary .bnr_questionary {
		padding-top: 22.5%;
	}
}
@media(min-width:768px) {
	#questionary .bnr_questionary {
		background-image: url("/assets/img/bnr_questionary.jpg");
	}
	#questionary .bnr_questionary a span {
		font-size: 110%;
	}
	#questionary .bnr_questionary a span::after {
		width: 12px;
		height: 12px;
	}
}
@media(max-width:767px) {
	#questionary .bnr_questionary {
		background-image: url("/assets/img/bnr_questionary_sp.jpg");
		padding-top: 36.275%;
	}
	#questionary .bnr_questionary a span {
		font-size: 2.5vw;
	}
	#questionary .bnr_questionary a span::after {
		width: 1.4vw;
		height: 1.4vw;
	}
}
/*==========================
下層page
==========================*/
.whtbox {
	background-color: #fff;
}
.whtbox p:last-child,
.whtbox ul:last-child,
.whtbox ol:last-child{
	margin-bottom: 0;
}
.whtbox a {
	word-wrap: break-word;
	word-break: break-all;
	text-decoration: underline;
}
.whtbox a i {
	margin-left: 5px;
}
.whtbox .btn_readme{ text-decoration: none;}
.img_cap{
	font-size: .9rem;
	margin-top: 5px;
	margin-bottom: 0;
}
.line_table th,.line_table td {
	border-bottom: #000 1px solid;
}
.line_table caption {
	font-size: 1.1rem;
	font-weight: bold;
	caption-side: top;
}
.line_table caption.grn_cap {
	color: #006c54;
}
.line_table caption.fee_cap {
	font-size: 1rem;
	color: #000;
	padding: 0 0 .5rem;
	text-align: right;
}
.line_table caption.hongo {
	color: #39b04a;
}
.line_table caption.fujimino {
	color: #5e90cc;
}
.line_table tr:first-of-type {
	border-top: #000 1px solid;
}
.line_table td ul {
	margin-bottom: 0;
}
.line_table td ul.asterisk_list {
	margin-bottom: 5px;
}
.line_table td ul.time_list li span {
	position: relative;
	width: 80px;
	display: inline-block;
}
.line_table td ul.time_list li span::after {
	content: '：';
	display: inline-block;
	position: absolute;
	right: 0;
}
.line_table td p {
	margin-bottom: 0;
}
.line_table td.fee {
	text-align: right;
}
@media(min-width:992px) {
	.whtbox .classroom img {
		margin-top: 50px;
	}
}
@media(min-width:768px) {
	.whtbox {
		padding: 40px;
	}
	.line_table td ul:not(.disc_list) {
		padding-left: 0;
	}
}
@media(max-width:991px) {
	.whtbox .classroom img {
		display: block;
		margin: 0 auto;
	}
}
@media(max-width:767px) {
	.whtbox {
		padding: 20px 15px;
	}
	.whtbox .photobox img {
		margin: 1rem auto 0;
		display: block;
	}
	.capbox > div:not(:last-child){
		margin-bottom: 10px;
	}
	.line_table th, .line_table td {
		width: 100%;
		display: block;
		padding: .5rem;
	}
	.line_table th {
		background-color: rgba(222, 222, 222, .2);
	}
	.line_table td ul:not(.disc_list) {
		padding-left: 15px;
	}
}
.pdf_link {
	text-align: center;
}
.pdf_link a {
	position: relative;
	color: #4d4d4d;
	text-decoration: none !important;
	background-image: url("/assets/img/icon_pdf.png");
	background-repeat: no-repeat;
	background-position: left 5px center;
	border: #c9c9c9 1px solid;
	display: inline-block;
	min-width: 300px;
}
.pdf_link a::after {
	content: '';
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 15px;
	width: 10px;
	height: 10px;
	border-top: solid 1px #4d4d4d;
	border-right: solid 1px #4d4d4d;
	-webkit-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}
.pdf_link:not(:last-child) {
	margin-bottom: 1rem;
}
.btn_calendar {
	position: relative;
	color: #4d4d4d;
	text-decoration: none !important;
	background-image: url("/assets/img/icon_calendar.png");
	background-repeat: no-repeat;
	background-position: left 15px center;
	border: #c9c9c9 1px solid;
	background-color: #fff;
	display: block;
	width: 100%;
	max-width: 300px;
	text-align: center;
	margin: 0 auto;
}
.btn_calendar::after {
	content: '';
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 15px;
	width: 10px;
	height: 10px;
	border-top: solid 1px #4d4d4d;
	border-right: solid 1px #4d4d4d;
	-webkit-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}
.btn_calendar:hover {
	color: #4d4d4d;
}
.grnbox:last-child {
	margin-bottom: 0;
}
.grnbox {
	background-color: #e1f8f9;
	padding: 15px;
	text-align: center;
}
.grnbox dt {
	margin-bottom: 10px;
}
.grnbox dd {
	margin-bottom: 0;
}
.grnbox .mail {
	padding-left: 40px;
	background-image: url("/assets/img/icon_mail.png");
	background-repeat: no-repeat;
	background-position: left center;
	margin-bottom: 10px;
	text-align: center;
	display: inline-block;
}
.grnbox a {
	display: inline-block;
}
@media(min-width:768px) {
	.grnbox .mail {
		padding-left: 40px;
	}
	.pdf_link a {
		padding: 10px 30px 10px 40px;
	}
	.btn_calendar {
		padding: 10px 30px 10px 50px;
	}
}
@media(max-width:767px) {
	.grnbox .mail {
		padding-left: 25px;
		font-size: .9rem;
		background-size: 18px 18px;
	}
	.pdf_link a {
		font-size: .9rem;
		background-size: 18px 18px;
		padding: 10px 30px;
	}
	.btn_calendar {
		font-size: .9rem;
		background-size: 17px 16px;
		padding: 10px 30px 10px 40px;
	}
}
.flow {
	padding-top: 30px;
	padding-bottom: 30px;
	position: relative;
	list-style: none;
}
.flow::before {
	content: '';
	height: 100%;
	background: #eee;
	margin-left: -8px;
	display: block;
	position: absolute;
	top: 0;
}
.flow > li {
	position: relative;
}
.flow > li:not(:last-child) {
	margin-bottom: 30px;
}
.flow > li .icon {
	font-weight: bold;
	color: #fff;
	background-color: #00a69a;
	display: block;
	position: absolute;
	z-index: 100;
}
.flow > li .icon::after {
	content: '';
	border-style: solid;
	border-width: 5px 0 5px 10px;
	border-color: transparent transparent transparent #00a69a;
	position: absolute;
	top: 50%;
	left: 100%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.flow > li dl {
	position: relative;
}
.flow > li dl::before, .flow > li dl::after {
	content: '';
	display: block;
	position: absolute;
}
.flow > li dl::before {
	margin-top: -3px;
	background-color: #00a69a;
	border-radius: 50%;
	z-index: 1;
}
.flow > li dl::after {
	width: 50px;
	border-bottom: 1px dashed #999;
	position: absolute;
	left: 5px;
	top: 12px;
	z-index: 0;
}
.flow > li dl dt {
	font-size: 1.1rem;
	font-weight: bold;
	color: #006c54;
	margin-bottom: 10px;
}
.flow > li dl dd p {
	margin-bottom: 0;
}
.flow > li dl dd ul {
	padding-left: 20px;
	list-style: disc;
}
@media(min-width:768px) {
	.flow {
		padding-left: 120px;
	}
	.flow > li .icon {
		top: -8px;
		left: -120px;
		font-size: 1rem;
		padding: 8px 20px;
	}
	.flow::before {
		width: 30px;
		left: 120px;
	}
	.flow > li dl {
		padding-left: 70px;
	}
	.flow > li dl::before {
		width: 18px;
		height: 18px;
		top: 6px;
		left: -2px;
	}
}
@media(max-width:767px) {
	.flow {
		padding-left: 80px;
	}
	.flow > li .icon {
		top: -6px;
		left: -80px;
		font-size: .7rem;
		padding: 8px;
	}
	.flow::before {
		width: 4px;
		left: 85px;
	}
	.flow > li dl {
		padding-left: 15px;
	}
	.flow > li dl dt {
		font-size: .95rem;
	}
	.flow > li dl dd {
		font-size: .9rem;
	}
	.flow > li dl::before {
		width: 12px;
		height: 12px;
		top: 8px;
		left: -7px;
	}
	.flow > li dl::after {
		display: none;
	}
}
/*BLEC
==========================*/
.utilization_time {
	table-layout: fixed;
	border-bottom: #c9c9c9 1px solid;
}
.utilization_time thead th {
	border-bottom: none;
}
.utilization_time th, .utilization_time td {
	text-align: center;
	border-top: #c9c9c9 1px solid;
	padding: 5px;
}
.utilization_time th {
	color: #fff;
	background-color: #63d6c8;
}
@media(min-width:768px) {
	.utilization_time th:not(:last-child), .utilization_time td:not(:last-child) {
		border-right: #c9c9c9 1px solid;
	}
}
@media(max-width:767px) {
	.utilization_time thead th {
		display: none;
	}
	.utilization_time th, .utilization_time td {
		width: 100%;
		display: block;
	}
	.utilization_time td {
		position: relative;
		padding-left: 90px;
		text-align: left;
	}
	.utilization_time td::before {
		content: attr(data-label);
		position: absolute;
		top: 0;
		left: 0;
		width: 70px;
		height: 100%;
		color: #fff;
		font-weight: bold;
		margin-right: 10px;
		background-color: #63d6c8;
		display: block;
		padding: 5px;
		text-align: center;
	}
}
/*Listen to Me!*/
#ltm {
	margin-bottom: 1rem;
}
#ltm .table {
	border-left: #c9c9c9 1px solid;
	border-right: #c9c9c9 1px solid;
	border-bottom: #c9c9c9 1px solid;
	margin-bottom: 0;
}
#ltm .table th, #ltm .table td {
	border-top: #c9c9c9 1px solid;
}
#ltm .table th:not(:last-child), #ltm .table td:not(:last-child) {
	border-right: #c9c9c9 1px solid;
}
#ltm .table thead th {
	color: #fff;
	background-color: #969696;
	font-weight: normal;
	text-align: center;
	border-bottom: none;
}
#ltm .table thead th sup {
	font-size: .8rem;
}
#ltm .table thead tr:first-child tr, #ltm .table tbody tr:first-child td {
	border-top: none;
}
@media(min-width:768px) {
	#ltm .table th, #ltm .table td {
		padding: .5rem;
	}
}
@media(max-width:767px) {
	#ltm .table th, #ltm .table td {
		font-size: .75rem;
		padding: .3rem;
	}
}
/*ほっと
==========================*/
.g_view {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.g_view iframe, .g_view object, .g_view embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media(max-width:767px) {
	.photobox .g_view {
		margin-top: 1rem;
	}
}
/*学習サポートセンター
==========================*/
.support_campus .row:not(:last-child) {
	margin-bottom: 15px;
}
.toeic {
	margin-top: 50px;
}
/*スポーツマネジメント研究所
==========================*/
.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin-bottom: 10px;
}
.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
/*地域連携センターBICS
==========================*/
ol.right_bracket_list {
	counter-reset: item;
	list-style-type: none;
	padding-left: 0;
}
ol.right_bracket_list li {
	text-indent: -1.8em;
	padding-left: 1.8em;
}
ol.right_bracket_list li:before {
	counter-increment: item;
	content: counter(item)'）';
	width: 1.8em;
	text-indent: 0;
	display: inline-block;
}
.bics_regi_tit {
	transform: translate(-50%, -50%);
	position: absolute;
	top: 0;
	left: 50%;
	width: 100%;
}
/*まちラボ
==========================*/
.machi-labo .slider, .slick-list, .slick-track {
	height: 100%;
}
.machi-labo .slick-slide {
	width: 600px;
	height: 100%;
	margin: 0 2.5px;
}
@media (max-width:767px) {
	.machi-labo .slick-slide {
		width: 100vw;
		margin: 0;
	}
}
.machi-labo .slick-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.machi-labo .faculty_list h5 {
	line-height: 1.5;
	display: flex;
	align-items: center;
}
@media (max-width:767px) {
	.machi-labo .faculty_list h5 {
		font-size: 1rem;
	}
}

.machi-labo .alphabet {
	display: inline-flex;
	/*display: inline-block;*/
	width: 1.2em;
	height: 1.2em;
	color: #fff;
	background-color: #e5005c;
	border-radius: 50%;
	margin-right: 0.25em;
	justify-content: center;
	align-items: center;
	line-height: 1;
	font-size: 1em;
	padding-top: 0.1em;
	padding-left: 0.1em;
}
.machi-labo .faculty_list_aside {
	border: 1px solid #e5005c;
	border-radius: 10px;
}
.machi-labo .faculty_list_aside h5 {
	font-size: 1rem;
	font-weight: bold;
	color: #e5005c;
}
.calendar {
	width: 100%;
	height: 750px;
}
.calendar iframe {
	width: 100% !important;
	height: 100% !important;
}
/*ほっと
==========================*/
#staff_list {
	margin-right: -5px;
	margin-left: -5px;
}
#staff_list .col {
	padding-right: 5px;
	padding-left: 5px;
}
dl.staffbox {
	border: #c8c8c8 1px solid;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 0;
}
dl.staffbox > dd {
	margin-bottom: 0;
}
dl.staffbox > dt {
	border-bottom: #006c54 1px solid;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
dl.staffbox > dt span {
	font-weight: normal;
	font-size: 1rem;
}
dl.staffbox > dd > dl:not(:last-child) {
	margin-bottom: 5px;
}
dl.staffbox > dd > dl:last-child, dl.staffbox > dd > dl > dd {
	margin-bottom: 0;
}
@media(min-width:768px) {
	dl.staffbox > dt {
		font-size: 1.2rem;
	}
	dl.staffbox > dt span {
		margin-left: 15px;
	}
	dl.staffbox > dd > dl {
		display: flex;
	}
	dl.staffbox > dd > dl > dt {
		width: 90px;
	}
}
@media(max-width:767px) {
	dl.staffbox > dt {
		font-size: 1.1rem;
	}
	dl.staffbox > dt span {
		display: block;
	}
}
/*教職課程センター
==========================*/
.senpai_line {
	background-image: url("/assets/img/institution/teaching-profession/senpai_line.png");
	background-size: 363px 28px;
	background-position: top left;
	background-repeat: no-repeat;
	margin-top: 0.5rem;
	padding-top: 44px;
	padding-left: 1rem;
	padding-right: 1rem;
	overflow: hidden;
	margin-bottom: 1rem;
	position: relative;
}
.senpai_line::after {
	content: "";
	height: 2px;
	background-color: #05998d;
	width: 100%;
	position: absolute;
	top: 26px;
	left: 360px;
}
.top_voice_img{
	width: 100%;
	aspect-ratio: 16/9;
}
.top_voice_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
/*図書館
==========================*/
#local_nav .nav-item .dropdown-menu {
	width: 100%;
	background-color: #efefef;
	border: none;
	padding: 0;
	border-radius: 0;
}
#local_nav .nav-item .dropdown-menu .dropdown-item {
	border-bottom: 1px solid #c9c9c9;
	transition: .3s;
	padding: 0.5rem 1rem;
}
#local_nav .nav-item .dropdown-menu .dropdown-item:hover, #local_nav .nav-item .dropdown-menu .dropdown-item.active {
	background-color: #006c54;
	color: #fff;
}
#opac {
	background-image: url("/assets/img/institution/library/opac_bg.png");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.opac_header {
	background-color: #00a296;
	padding: 1rem;
}
.opac_header a {
	border-bottom: 1px solid #fff;
}
.opac_header a:hover {
	text-decoration: none;
	opacity: 0.7;
}
.opac_header a::after {
	content: "";
	width: 0.6rem;
	height: 0.6rem;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(-45deg);
	display: inline-block;
}
.opac_body {
	padding: 1rem;
}
#QSearch::placeholder {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
}
#QSearch {
	border: 1px solid #c9c9c9;
	padding: 6px 12px;
	width: calc(100% - 58px);
}
.opac_body .btn {
	background-color: #00a296;
	border-radius: 0;
	display: inline-block;
	color: #fff;
	vertical-align: bottom;
}
#reception_time caption a {
	display: inline-block;
	padding: 0 1rem;
	color: #fff;
	text-decoration: none;
	font-weight: 500;
}
#reception_time caption a:hover {
	opacity: 0.8;
}
#reception_time .hongo a {
	background-color: #39b24a;
}
#reception_time .fujimino a {
	background-color: #5e90cc;
}
#reception_time .campus_link {
	width: 300px;
	text-align: center;
	padding: 1rem;
	position: relative;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	display: inline-block;
	text-decoration: none !important;
}
#reception_time .campus_link:hover {
	opacity: 0.8;
}
#reception_time .campus_link::after {
	content: "";
	width: 0.8em;
	height: 0.8em;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	position: absolute;
	top: 50%;
	right: 2rem;
	transform: translateY(-50%) rotate(-45deg);
}
#reception_time .hongo_link {
	background-color: #39b24a;
}
#reception_time .fujimino_link {
	background-color: #5e90cc;
}
.square_btn {
	border: 2px solid #e3e3e3;
	width: calc(33.3333% - 10px);
	margin: 0 5px;
	max-width: 185px;
	aspect-ratio: 1 / 1;
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-direction: column;
	padding: 1rem;
	position: relative;
}
@media (max-width:767px) {
	.square_btn {
		width: calc(50% - 10px);
	}
}
.square_btn::before {
	content: "";
	width: 2px;
	height: 40px;
	position: absolute;
	top: -7px;
	left: 12px;
	transform: rotate(45deg);
	background-color: #e3e3e3;
}
.rowline_table {
	table-layout: fixed;
	width: 100%;
}
.rowline_table th, .rowline_table td {
	border: none !important;
}
.rowline_table thead, .rowline_table tbody {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
/*コンテンツ多言語知財化センター
==========================*/
.history_table {
	position: relative;
}
.history_table th {
	font-size: 20px;
	width: 175px;
	font-weight: normal;
	position: relative;
	padding-right: 36px;
}
.history_table th::before {
	content: "";
	width: 12px;
	height: 12px;
	background-color: #00a296;
	border-radius: 50%;
	display: inline-block;
	position: absolute;
	top: calc(12px + 0.75em);
	right: 12px;
	transform: translateY(-50%);
}
.history_table tr:not(.no_line) th::after {
	content: "";
	width: 1px;
	height: 100%;
	position: absolute;
	background-color: #00a296;
	top: calc(12px + 0.75em);
	right: 18px;
	transform: translateX(50%);
}
@media (max-width:767px) {
	.history_table th, .history_table td {
		display: block;
		width: 100%;
		padding-left: 24px;
		padding-bottom: 0;
	}
	.history_table th::before {
		right: auto;
		left: 0;
	}
	.history_table th::after {
		display: none;
	}
	.history_table tr {
		position: relative !important;
		display: block;
	}
	.history_table tr:not(.no_line)::after {
		content: "";
		width: 1px;
		height: 100%;
		position: absolute;
		background-color: #00a296;
		top: calc(12px + 1em);
		left: 6px;
		transform: translateX(-50%);
	}
}
.history_table li:not(:last-child) {
	margin-bottom: 0.5em;
}
.prof_career {
	margin-bottom: 20px;
}
.prof_btn {
	height: 65px;
}
.prof_btn .btn {
	width: 205px;
	max-width: 100%;
	position: relative;
	display: inline-block;
	text-align: center;
	border: 1px solid #2b5f9e;
	background-color: #2b5f9e;
	color: #fff;
	transition: .3s;
	text-decoration: none !important;
	padding: 1px 12px;
}
.prof_btn .btn:not(.btn_outline):hover, .prof_btn .btn_outline:not(:hover) {
	background-color: transparent;
	color: #2b5f9e;
	transition: .3s;
}
.prof_btn .btn::after {
	content: "";
	position: absolute;
	background-image: url("/assets/img/institution/cm/arrow.png");
	background-position: right bottom;
	background-size: contain;
	background-repeat: no-repeat;
	width: 20px;
	height: 5px;
	top: 50%;
	transform: translateY(-50%);
}
.prof_btn .btn:not(.btn_outline):hover::after, .prof_btn .btn_outline:not(:hover)::after {
	background-image: url("/assets/img/institution/cm/arrow_alt.png");
}
.marker_grn span {
	font-size: 18px;
	position: relative;
	background-image: linear-gradient(to bottom, transparent 0%, transparent 50%, #8dc6c1 50%, #8dc6c1 100%);
	padding-bottom: 5px;
}
.bremen_link {
	border: 1px solid #000;
	text-align: center;
	padding: 0.5em 1em;
	line-height: 1;
	margin: 0 10px;
	display: inline-block;
	text-decoration: none !important;
	border-radius: 5px;
	color: #000;
	transition: .3s;
}
@media (hover:hover) {
	.bremen_link:hover {
		background-color: #000;
		color: #fff;
	}
}
/*ふらっと文京
==========================*/
.flat_use {
	margin-bottom: 10px;
}
.flat_use .use_txt {
	font-weight: bold;
}
.flat_grn {
	background-color: #e1f8f9;
	padding: 15px;
}
.flat_grn .num_list {
	margin-bottom: 0;
}
@media (min-width:768px) {
	.flat_use {
		display: flex;
		align-items: center;
	}
	.flat_use .use_txt {
		flex: 1;
		margin-left: 15px;
	}
}
@media (max-width:767px) {
	.flat_use img {
		margin: 0 auto 10px;
		display: block;
	}
}
/*国際交流センター
==========================*/
.sapbox {
	margin-right: -5px;
	margin-left: -5px;
}
.sapbox .col {
	padding-right: 5px;
	padding-left: 5px;
}
.btn_program {
	position: relative;
}
.btn_program a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.btn_program a .bg_band {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	min-height: 50%;
	background-color: rgba(0, 0, 0, .4);
	color: #fff;
	font-weight: bold;
	padding: 10px 5px;
	text-align: center;
}
.btn_program a .bg_band::before, .btn_program a .bg_band::after {
	content: '';
	display: inline-block;
	position: absolute;
	left: 0;
	right: 0;
	width: 96%;
	height: 2px;
	background-color: #fff;
	margin: 0 auto;
}
.btn_program a .bg_band::before {
	top: -1px;
}
.btn_program a .bg_band::after {
	bottom: -1px;
}
.btn_program a .bg_band span {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3), 1px 3px 7px rgba(224, 176, 85, 0.1);
}
.btn_program a:hover .bg_band {
	background-color: rgba(0, 0, 0, .6);
}
@media (min-width:768px) {
	.btn_program {
		overflow: hidden;
	}
	.btn_program img {
		transition-duration: 0.5s;
	}
	.btn_program:hover img {
		transform: scale(1.05);
	}
}
@media (min-width:768px) and (max-width:991px) {
	.sapbox .col:nth-child(n + 4) {
		margin-top: 10px;
	}
}
@media (max-width:767px) {
	.sapbox .col:nth-child(n + 3) {
		margin-top: 10px;
	}
	.btn_program a {
		font-size: .8rem;
	}
}
/*正方形ボタン*/
.sq_btn {
	position: relative;
	border: #e3e3e3 2px solid;
	display: block;
	text-align: center;
	overflow: hidden;
	background-color: #fff;
}
.sq_btn::before {
	content: '';
	display: block;
	padding-top: 90%;
	position: relative;
}
.sq_btn::after {
	content: '';
	width: 2px;
	height: 40px;
	position: absolute;
	top: -7px;
	left: 12px;
	transform: rotate(45deg);
	background-color: #e3e3e3;
}
.sq_btn a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	color: #000;
	transition-duration: 0.3s;
}
.sq_btn a:hover {
	background-color: #e1f8f9;
}
.sq_btn a span {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	font-weight: bold;
	display: block;
	padding-top: 45%;
}
.sq_btn a img {
	position: absolute;
	bottom: 10%;
	left: 50%;
	height: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	object-fit: contain;
}
@media (min-width:768px) and (max-width:991px) {
	.sq_btn {
		margin-top: 30px;
	}
}
@media (max-width:767px) {
	.sq_btn {
		margin-top: 15px;
	}
}
@media (max-width:575px) {
	.sq_btn a span {
		font-size: .9rem;
	}
}
/*留学テーブル*/
.int_table:not(:last-child) {
	margin-bottom: 1rem;
}
.int_table .table {
	margin-bottom: 0;
}
.int_table .table th, .int_table .table td {
	vertical-align: middle;
}
.int_table .table thead th {
	text-align: center;
	background-color: #e1f8f9;
	border-bottom: #63d5c7 2px solid!important;
}
@media (min-width:768px) {
	.int_table .table {
		table-layout: fixed;
	}
	.int_table .table th, .int_table .table td {
		padding: 0.5rem;
	}
}
@media (max-width:767px) {
	.int_table .table th, .int_table .table td {
		font-size: .75rem;
		padding: 0.3rem;
	}
}
.table_out {
	width: 100%;
	overflow: auto;
}
.kiyou_table {
	border-top: 1px solid #000;
	min-width: 550px;
}
.kiyou_table td, .kiyou_table th {
	border-color: #000;
}
.kiyou_table tr td:first-of-type {
	white-space: nowrap;
}
.kiyou_table tr td:last-of-type, .kiyou_table tr th:last-of-type {
	white-space: nowrap;
}
.kiyou_table th {
	background-color: #E1F8F9;
}
/*==========================
下層page
==========================*/
.whtbox {
	background-color: #fff;
}
.whtbox p:last-child, .whtbox ul:last-child {
	margin-bottom: 0;
}
.flow {
	margin-top: 40px;
}
@media(min-width:768px) {
	.whtbox {
		padding: 40px;
	}
}
@media(max-width:767px) {
	.whtbox {
		padding: 20px 15px;
	}
	.whtbox .photobox img {
		margin-top: 1rem;
	}
}
/*.flow {
	padding-top: 30px;
	padding-bottom: 30px;
	position: relative;
	list-style: none;
}
.flow::before {
	content: '';
	height: 100%;
	background: #eee;
	margin-left: -8px;
	display: block;
	position: absolute;
	top: 0;
}
.flow > li {
	position: relative;
}
.flow > li:not(:last-child) {
	margin-bottom: 30px;
}
.flow > li .icon {
	font-weight: bold;
	color: #fff;
	background-color: #A71658;
	display: block;
	position: absolute;
	z-index: 100;
}
.flow > li .icon::after {
	content: '';
	border-style: solid;
	border-width: 5px 0 5px 10px;
	border-color: transparent transparent transparent #A71658;
	position: absolute;
	top: 50%;
	left: 100%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.flow > li dl {
	position: relative;
}
.flow > li dl::before, .flow > li dl::after {
	content: '';
	display: block;
	position: absolute;
}
.flow > li dl::before {
	margin-top: -3px;
	background-color: #A71658;
	border-radius: 50%;
	z-index: 1;
}
.flow > li dl::after {
	width: 50px;
	border-bottom: 1px dashed #999;
	position: absolute;
	left: 5px;
	top: 12px;
	z-index: 0;
}
.flow > li dl dt {
	font-size: 1.1rem;
	font-weight: bold;
	color: #A71658;
	margin-bottom: 10px;
}
.flow > li dl dd p {
	margin-bottom: 0;
}
.flow > li dl dd ul {
	padding-left: 20px;
	list-style: disc;
}
@media(min-width:768px) {
	.flow {
		padding-left: 120px;
	}
	.flow > li .icon {
		top: -8px;
		left: -120px;
		font-size: 1rem;
		padding: 8px 20px;
	}
	.flow::before {
		width: 30px;
		left: 120px;
	}
	.flow > li dl {
		padding-left: 70px;
	}
	.flow > li dl::before {
		width: 18px;
		height: 18px;
		top: 6px;
		left: -2px;
	}
}
@media(max-width:767px) {
	.flow {
		padding-left: 80px;
	}
	.flow > li .icon {
		top: -6px;
		left: -80px;
		font-size: .7rem;
		padding: 8px;
	}
	.flow::before {
		width: 4px;
		left: 85px;
	}
	.flow > li dl {
		padding-left: 15px;
	}
	.flow > li dl dt {
		font-size: .95rem;
	}
	.flow > li dl dd {
		font-size: .9rem;
	}
	.flow > li dl::before {
		width: 12px;
		height: 12px;
		top: 8px;
		left: -7px;
	}
	.flow > li dl::after {
		display: none;
	}
}*/
.event_list_body {
	width: calc(100% - 55px);
}
.cal_list {
	background-color: #fff;
	color: #006C54;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 20px;
	width: 300px;
	height: 65px;
}
@media (max-width:575px) {
	.cal_list {
		width: 100%;
		font-size: 16px;
		height: 50px;
	}
	.cal_list img {
		height: 30px;
	}
}
.cal_list img {
	display: inline-block;
	margin-right: 10px;
}
.cal_list:hover, .cal_list.active {
	background-color: #006C54;
	color: #fff;
}
.cal_list:not(:hover):not(.active) .onimg {
	display: none;
}
.cal_list.active .offimg, .cal_list:hover .offimg {
	display: none;
}
.mov_out iframe {
	width: 100%;
	aspect-ratio: 16/9;
}
.qa_cat_list {
	background-color: #fff;
	padding: 40px 0;
}
.qa_cat_list ul {
	display: flex;
	margin-right: -5px;
	margin-left: -5px;
	margin-bottom: 0;
}
.qa_cat_list ul li {
	margin: 0 5px;
}
.qa_cat_list ul li a {
	padding: 0.25rem 1.5rem 0.25rem 0.25rem;
	background-image: url("img/qa_arrow.png");
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 17px 17px;
	text-decoration: none !important;
	color: #000;
}
.qa_cat_list ul li a:hover {
	background-color: #C7E5DE;
}
.accordion {
	border-radius: 0;
}
.accordion-item {
	border: none;
}
.accordion-button {
	font-size: 20px;
	padding-left: 60px;
	box-shadow: 0 0 0 0 transparent;
	border: none;
	border-radius: 0;
}
.accordion-button:not(.collapsed) {
	background-color: #fff;
	color: #000;
}
.accordion-button:focus {
	border: none !important;
	box-shadow: 0 0 0 0 transparent;
}
.accordion-button::before {
	content: "";
	background-image: url("img/q.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 40px;
	height: 40px;
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
}
.accordion-button::after {
	background-image: url("img/open.png");
	width: 24px;
	height: 24px;
}
.accordion-button:not(.collapsed)::after {
	background-image: url("img/close.png");
}
.accordion-body {
	border-top: 4px solid #efefef;
}
.accordion-body p:last-of-type {
	margin-bottom: 0;
}
.calender_out {
	background-color: #fff;
}
.calender_out .table {
	table-layout: fixed;
	height: 100%;
}
.calender_out .table th, .calender_out .table td, .calender_out .table tr {
	border-color: #000;
}
.calender_out .table tbody td {
	height: 165px;
}
.day_area, .calender_out .table thead {
	font-size: 1.2em;
}
@media (max-width:767px) {
	.calender_out .table {
		font-size: 0.875rem;
	}
	.calender_out, .header_month {
		margin-left: -15px;
		margin-right: -15px;
	}
	.holiday_name {
		display: block;
	}
}
.header_month .prev a, .header_month .next a {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	border: 1px solid #fff;
	width: 30px;
	height: 30px;
	padding-top: 2px;
}
.header_month .prev a:hover, .header_month .next a:hover {
	opacity: 0.8;
}
@media (max-width:575px) {
	.calender_out .table {
		font-size: 0.75rem;
	}
}
.calender_out .table thead td {
	border: none;
}
.calender_out .table thead tr {
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 4px solid #006C54;
}
.calender_out .table .sunday, .calender_out .table .holiday {
	color: #EA1C24
}
.calender_out .table .saturday {
	color: #00A0CC
}
.sch_item {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 2px 4px;
}
.calender_out .table .overlink {
	display: flex;
	justify-content: space-between;
	text-decoration: none;
}
#post_news {
	background-color: #efefef;
}
/*==========================
絞り込み
==========================*/
#post_search {
	justify-content: flex-end;
}
#post_search .selectwrap:not(:last-child) {
	margin-right: 5px;
}
#post_search .selectwrap {
	position: relative;
}
#post_search .selectwrap::after {
	position: absolute;
	top: 50%;
	right: 3px;
	border-top: 2px solid #006c54;
	border-right: 2px solid #006c54;
	-webkit-transform: translateY(-50%) rotate(135deg);
	transform: translateY(-50%) rotate(135deg);
	pointer-events: none;
	content: '';
}
#post_search select {
	appearance: none;
	background-color: transparent;
	border: none;
	cursor: pointer;
	padding: 10px 15px 10px 5px;
}
#post_search select option:hover {
	background-color: #acd1c8;
}
#post_search select::-ms-expand {
	display: none; /* IE 対応( select のデフォルト矢印を消す) */
}
@media(min-width:768px) {
	#post_search .selectwrap::after {
		width: 7px;
		height: 7px;
	}
}
@media(max-width:767px) {
	#post_search .selectwrap::after {
		width: 6px;
		height: 6px;
	}
}
@media(max-width:575px) {
	#post_search .form-group {
		display: -ms-flexbox;
		display: flex;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		-ms-flex-align: center;
		align-items: center;
		margin-bottom: 0;
	}
	#post_search .form-group .form-control {
		display: inline-block;
		width: auto;
		vertical-align: middle;
		font-size: .85rem;
	}
}
#post_search button {
	background-color: transparent;
	color: inherit;
	text-decoration: none !important;
	border: none !important;
	padding-right: 1rem;
	box-shadow: none !important;
}
#post_search button::after {
	display: none;
}
#post_search ul {
	padding: 0;
	border-radius: 0;
	border: 1px solid #000;
	border-bottom: none;
}
#post_search ul li {
	padding: 0.25em 0.5em;
	border-bottom: 1px solid #000;
}
#post_search ul li a {
	text-decoration: none;
	display: block;
}
#post_search ul li:active {
	background-color: #e9ecef;
}
/*==========================
一覧
==========================*/
.list_tit {
	text-align: center;
	margin-bottom: 30px;
}
.postbox {
	background-color: #fff;
	margin-top: 20px;
}
.postbox dl, .postbox dl dd {
	margin-bottom: 0;
}
.postbox dl dt {
	font-size: .9rem;
	font-weight: normal;
	margin-bottom: 10px;
}
.postbox dl dt span.category, .category {
	color: #fff;
	padding: 0 2px;
	width: 140px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	display: inline-block;
	margin-right: 10px;
}
.postbox dl dt span.category.univ, .category.univ {
	background-color: #72aa56;
}
.postbox dl dt span.category.foreign, .category.foreign {
	background-color: #e95383;
}
.postbox dl dt span.category.human, .category.human {
	background-color: #b16633;
}
.postbox dl dt span.category.business, .category.business {
	background-color: #009360;
}
.postbox dl dt span.category.graduate, .category.graduate {
	background-color: #4653a2;
}
.postbox dl dt span.category.health, .category.health {
	background-color: #006cb7;
}
@media(min-width:768px) {
	.list_tit {
		font-size: 1.8rem;
	}
	.postbox {
		padding: 15px;
	}
}
@media(max-width:767px) {
	.list_tit {
		font-size: 1.3rem;
	}
	.postbox {
		padding: 10px;
	}
}
.list_thumb {
	width: 256px;
	aspect-ratio: 16 / 9;
}
.list_thumb img {
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: 100%;
}
.voice_item .list_thumb {
	width: 100%;
}
.voice_item .senpai_line {
	background-image: url("./img/voice_senpai_line.png");
	background-size: 322px 24px;
	background-position: top left;
	background-repeat: no-repeat;
	margin-top: 0.5rem;
	padding-top: 44px;
	padding-left: 0;
	padding-right: 0;
	overflow: hidden;
	margin-bottom: 0;
	position: relative;
	height: calc(3rem + 44px);
}
.voice_item .senpai_line::after {
	content: "";
	height: 2px;
	background-color: #63D6C8;
	width: 100%;
	position: absolute;
	top: 22px;
	left: 320px;
}
.voice_item .grad {
	font-size: 0.875rem;
}
.voice_item .name {
	font-size: 1.125rem;
}
.voice_item .kinmu {
	margin-top: 0.5rem;
	padding-top: 0.5rem;
	border-top: 1px solid #006C54;
	color: #006C54;
}
.voice_item a {
	background-color: #63D6C8;
	color: #fff;
	width: 100%;
	max-width: 256px;
	display: block;
	margin: 0 auto;
	position: relative;
}
.voice_item a::after {
	content: "";
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
	right: 2rem;
}
.voice_item a:hover {
	background-color: #00A69A;
	color: #fff;
}
.btn_prev, .btn_next {
	background-color: #969696;
}
.btn_prev:hover, .btn_next:hover {
	background-color: #6D6D6D;
}
.voice_detail_detail {
	border-top: 2px solid #C9C9C9;
	padding-top: 1rem;
	padding-bottom: calc(1rem + 36px);
	padding-left: 1rem;
	padding-right: 1rem;
	position: relative;
	overflow: hidden;
	align-items: center;
}
.voice_detail_detail .grad {
	font-size: 1.25rem;
	display: flex;
	flex-wrap: wrap;
}
.voice_detail_detail .name {
	font-size: 1.5rem;
}
@media (max-width:991px){
	.voice_detail_detail .grad {
		font-size: 1.125rem;
	}
	.voice_detail_detail .name {
		font-size: 1.375rem;
	}
}
.voice_detail_detail .name span{
	display: block;
}
.voice_detail_detail::after {
	content: "";
	background-image: url("./img/voice_detail_namebottom.png");
	background-position: right bottom;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 566px;
	height: 36px;
}
.obj-out {
	width: 100%;
	aspect-ratio: 16/9;
}
.obj-out img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}
.database_table {
	table-layout: fixed;
}
.database_table td, .database_table th {
	border: 1px solid #C9C9C9;
	padding: 0.5rem;
}
.database_table th {
	padding: 0;
}
.database_table th a {
	background-color: #394970;
	color: #fff;
	display: block;
	padding: 0.5rem;
	text-decoration: none;
}
.database_table th a:hover {
	background-color: #4C6393;
}
.ex_btn {
	background-color: #00A69A;
	color: #fff !important;
	text-decoration: none !important;
	padding: 0.25rem 0.5rem
}
.ex_btn:hover {
	background-color: #008477;
}
/*==========================
ページネーション
==========================*/
.pagination {
	justify-content: center;
	align-items: center;
	margin: 40px 0 0;
}
.pagination .page-item {
	padding: 0 8px;
}
.pagination .page-item .page-link {
	background-color: transparent;
	padding: 0;
	color: #006c54;
	text-align: center;
}
.pagination .page-item:first-child .page-link, .pagination .page-item:last-child .page-link {
	border: none;
	border-radius: 0;
	border-bottom: 1px solid #006c54;
	padding-bottom: 2px;
}
.pagination .page-item .page-link:not(.next):not(.prev) {
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-color: #006c54;
	border-radius: 50%;
}
.pagination .page-item.active .page-link {
	color: #fff;
	background-color: #006c54;
}
/*アクセス アコーディオン*/
/*.campus_guid .card-header a {
	padding: 0;
}
.guidmap_tit {
	color: #fff;
	font-size: 1.1rem;
	padding: 15px 10px;
	text-align: center;
	margin: 40px 0 20px;
}
#access_hongo,#access_fujimino{
	position: relative;
	z-index: 1;
}
#access_hongo .guidmap_tit {
	background-color: #72aa56;
}
#access_fujimino .guidmap_tit {
	background-color: #5e90cc;
}
.campus_guid {
	margin-top: 20px;
}
.campus_guid .card-header {
	background-color: #fff;
	padding: 0;
	border-bottom: #c9c9c9 1px solid;
}
.campus_guid .card-header a {
	position: relative;
	display: block;
	text-align: left;
	padding: 10px 20px 10px 10px;
}
.campus_guid .card-header a::after, .campus_guid .card-header a::before {
	content: '';
	position: absolute;
	top: 50%;
	width: 18px;
	height: 2px;
	background-color: #A71658;
	transition: all 0.3s;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.campus_guid .card-header a::after {
	right: 10px;
	margin-top: -1px;
}
.campus_guid .card-header a::before {
	right: 10px;
}
.campus_guid .card-header a[aria-expanded="false"]::after {
	transform: rotate(90deg);
	opacity: 1;
}
.campus_guid .card-header a[aria-expanded="true"]::after {
	opacity: 0;
}
.campus_guid .card {
	border-radius: 0;
	border: #c9c9c9 1px solid;
}
.campus_guid .card:first-child {
	border-bottom: #c9c9c9 1px solid;
}
.campus_guid .card:not(:last-child) {
	margin-bottom: 10px;
}
@media(min-width:768px) {
	.campus_guid .card-body {
		padding: 15px;
	}
}
@media(max-width:767px) {
	.campus_guid .card-header a {
		font-size: .9rem;
	}
	.campus_guid .card-body {
		padding: 5px;
	}
}*/
/*総合研究所
==========================*/
/*規約*/
.constitution{
	border: #efefef 2px solid;
  padding: 15px;
}
.constitution dd:not(:last-child){ margin-bottom: 15px;}
.constitution dd:last-child{ margin-bottom: 0;}
.constitution dt{
	color: #006c54;
	margin-bottom: 10px;
}
.constitution .main_num{
	list-style: none;
	padding-left: 0;
}
.constitution .main_num li{
	position: relative;
	padding-left: 2rem;
}
.constitution .main_num li span{
	position: absolute;
  display: inline-block;
  width: 1.6em;
  margin-left: -2.2em; 
  text-align: center;
	letter-spacing: -0.1em;
}
.constitution .main_num li span::after {
  position: absolute;
  content: '．';
  right: -.2em;
}
.constitution .sub_num{
	list-style: none;
	padding-left: 0;
}
.constitution .sub_num li{
	position: relative;
	padding-left: 2rem;
}
.constitution .sub_num li span{
	position: absolute;
  display: inline-block;
  width: 1.6em;
  margin-left: -2em; 
  text-align: center;
	letter-spacing: -0.1em;
}
.constitution .sub_num li span::before {
  position: absolute;
  content: '(';
  left: 0;
}
.constitution .sub_num li span::after {
  position: absolute;
  content: ')';
  right: 0;
}
/*テキストリンク（矢印あり）*/
.txtlink_list{
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}
.txtlink_list li{
	position: relative;
	padding-left: 15px;
}
.txtlink_list li::after{
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
  transform: translateY(-50%);
	width: 0;
  height: 0;
  border-left: 8px solid #006c54;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
.txtlink_list li:not(:last-child){ margin-bottom: 5px;}
.txtlink_list a{ color: #006c54;}

/*ファイルリンク*/
.dlbox:not(:last-child){ margin-bottom: 20px;}
.dlbox p{ margin-bottom: 5px;}
.link_list{
	list-style: none;
	padding-left: 0;
	margin-left: -5px;
	margin-right: -5px;
}
.link_list li{
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 10px;
}
.link_list .pdf_link{
	position: relative;
	color: #4d4d4d;
	text-decoration: none !important;
	background-repeat: no-repeat;
	border: #c9c9c9 1px solid;
	display: block;
	background-color: #fff;
	text-align: left;
}
.link_list .pdf_link{ background-image: url("/assets/img/icon_pdf.png");}
.link_list .pdf_link::after{
	content: '';
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 15px;
	width: 10px;
	height: 10px;
	border-top: solid 1px #4d4d4d;
	border-right: solid 1px #4d4d4d;
	-webkit-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}
.link_list .pdf_link:hover{ color: #4d4d4d;}
.new {
	color: #c2153a;
  font-weight: bold;
  margin-left: 10px;
}
@media(min-width:768px){
	.link_list .pdf_link{
		padding: 10px 30px 10px 40px;
		background-position: left 5px center;
	}
}
@media(max-width:767px){
	.link_list .pdf_link{
		font-size: .9rem;
		background-size: 18px 18px;
		padding: 10px 30px;
		background-position: left 5px top 10px;
	}
}

/*活動実績*/
.publicbox{
	border-top: #efefef 2px solid;
	padding-top: 15px;
}
.publicbox img{ max-width: 135px;}
.publicbox:not(:last-child){ margin-bottom: 15px;}
.publicbox .author{
	background-color: #e1f8f9;
	padding: 10px;
	margin-bottom: 15px;
}
.publicbox .author .name{ margin-bottom: 5px;}
@media(max-width:767px){
	.publicbox .author{ margin-top: 15px;}
}