@charset "UTF-8";



/*======================================================================================================================
========================================================================================================================

【contents.css】

各ページ用CSS

[01] 共通パーツ
[02] トップページ
[03] お知らせ
[04] 概要
[05] 教員研究員 / 客員教員一覧
[06] イベント / ビジネスロー
	        / 比較法政
[07] 研究教育活動 / 下層ページ共通パーツ
[08] サマースクール / 過去一覧
[09] 海外派遣プログラム / 過去一覧
[10] 各研究会ページ(著作権法、ビジネスロー講演会、外国競争法事例研究会、比較方政セミナー等)
[11] 刊行物
[12] MT

[ioniconsシート] 
https://ionicons.com/v2/cheatsheet.html

========================================================================================================================
===================================================================================================
===================*/
/*フレーム？*/
.topicpath{
	max-width: calc(1080px + 80px);
	margin: 0 auto 20px;
	padding: 0 40px;
	position: relative;
	font-size: 12px;
}

.topicpath a{
	font-size: 12px;
	height: fit-contents;
	width: auto;
	text-decoration: none;
	color:#333;
	z-index: 100;
}

.topicpath a:hover{
	color:#00884B;
}

@media screen and (max-width:767px){
	.topicpath{
		margin-bottom: 25px;
		padding: 0 25px;
	}
}





/*[01]共通パーツ
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

/*１：マージン,画面サイズ________________________________*/
/*areaのmargin-bottom:*/
.content_wrapper,
.area_program, 
.featured_schedule_wrapper, 
.area_activities_news, .program_schedule_wrapper, 
.area_description, 
.area_summer_school, 
.area_common{
	margin-bottom: 60px
}
#sponsors .content_wrapper{
    margin-bottom: 0px;
}

.content_wrapper:last-child, .area_summer_school:last-child{
    margin-bottom: 0px;
}
.lead{
    margin-bottom: 50px;
}


@media screen and (max-width:991px){
/*
	.area_program, 
	.area_featured_event, 
	.area_schedule, 
	.area_activities_news, 
	.area_description, 
	.area_summer_school, 
	.area_exchange, 
	.area_past_list, 
	.area_common{
	*/
	.area_schedule{
		margin-bottom: 50px;
	}


	.featured_schedule_wrapper, 
	.program_schedule_wrapper{
		margin-bottom: 0;
	}
    #sponsors .content_wrapper{
    margin-bottom: 60px;
}
}

/*２：テキスト________________________________*/
/* ①フォント・カラー */
.green{
	color:#00884B;
}

/* ②タイトル*/
/*緑・黄緑の２色線のタイトル*/
.ttl_green_2line{
	color: #00884B;
	font-size: 22px;
	font-weight: 400;
	border-bottom: solid 1px #CFDB91;
	padding-bottom: 8px;
	margin-bottom: 20px;
	position: relative;
	line-height:22px;
}

.ttl_green_2line::before{
	content: '';
	width: 200px;
	height: 1px;
	background-color: #00884B;
	display: block;
	position: absolute;
	left: 0;
	bottom: -1px;
}

@media screen and (max-width:767px){
	.ttl_green_2line{
/*		font-size: 20px;*/
		margin-bottom: 15px;
		position: relative;
		line-height:1.3;
	}

	.ttl_green_2line::before{
		width: 110px;
	}
}

/*緑大文字タイトル*/
.ttl_green{
	color:#00884B;
	font-size: 48px;
	line-height: 50px;
	font-weight: 400;
	margin-bottom: 50px;
	text-align: center;
}
/*緑大文字タイトルのサブタイトル*/
.sub_ttl_green{
	font-size: 30px;
	margin-top:10px;
	line-height: 22px;
}

@media screen and (max-width:767px){
	.ttl_green{
		font-size: 30px;
		line-height: 30px;
		margin-bottom: 30px;
	}
	.sub_ttl_green{
		font-size: 20px;
		margin-top:10px;
		line-height: 20px;
	}
}

/*緑小さいタイトル*/
.sttl_green{
	color:#00884B;
	font-size: 20px;
}

/*緑下線のタイトル文字*/
.ttl_green_line{
	color: #00884B;
	font-size: 30px;
	font-weight: 300;
	border-bottom: solid 1px #00884B;
	padding-bottom: 8px;
	margin-bottom: 20px;
	position: relative;
	line-height:30px;
}

/*縦線の緑ボックスのあるタイトル*/
.sttl_vertical_line{
	color:#00884B;
	font-size: 14px;
	position: relative;
	margin-left: 10px;
}

.sttl_vertical_line::before{ 
	content: url("../img/sttl_vertical_line.png");
	position: absolute;
    width: 5px;
    height: 14px;
    left: -10px;
    top: 2px;
}


@media screen and (max-width:767px){
	.ttl_green_line{
		font-size: 20px;
	}
}

/*ボタン、リンク________________________________*/
/*ホバーの設定*/
.opacity:hover{
	opacity: 0.5;
	transition: 0.2s ease;
}

/*リンク:黒文字*/
a.link_black_text{
	color:#333333;
	text-decoration:none;
}

a.link_black_text:hover {
	color: #00884B;
}

/*リンク：緑文字*/
.link_green_text a{
	color:#00884B;
	text-decoration: none;
	display: block;
}


/* リンク：緑の下線*/
a.link_green_line{
	color:#00884B;
	text-decoration: none;
	line-height: 1.8rem;
	display: inline-block;
}

.link_green_line{
	width: fit-content;
	margin-right:auto;
	position: relative;
	padding: 0 5px 0;
}

.link_green_line::after{
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: #00884B;
	bottom: 1px;
	transform: scale(1, 1);
	transform-origin:left top; /*変形：消える方向*/
	transition: transform 0.3s; /*変形の時間*/
}

.link_green_line:hover::after{
	transform: scale(0, 1);      /*ホバー後、x軸方向に消える*/
	transform-origin: right top; /*変形：消える方向*/
	transition: transform 0.3s; /*変形の時間*/
}

/*黒文字・下線のリンク*/

a.black_line{
	color: #333;
	position: relative;
	text-decoration: none;
}

a.black_line::after{
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: #333;
	bottom: -1px;
	transform: scale(1, 1);
	transform-origin:left top; /*変形：消える向き*/
	transition: transform 0.3s; /*変形の時間*/}
	

a.black_line:hover::after{
	transform: scale(0, 1);      /*ホバー後、x軸方向に消える*/
	transform-origin: right top; /*変形：消える向き*/
	transition: transform 0.3s; /*変形の時間*/
}


/*タグを消す*/
.area_activities_news .green_tag {
	display: none;
}


/*リンクにつけるアイコン：
　アイコンを後ろに配置するafter○○　前に配置するbefore○○*/
.after_arrow{
	padding: 0 20px 0 0px;
}

.after_arrow::before{ 
	content: "";
	position: absolute;
	margin: auto;
	top: 0;
	bottom: -2px;;
	right: 8px;
	width: 7px;
	height: 7px;
	border-top: 1px solid #00884B;
	border-right: 1px solid #00884B;
	transform: rotate(45deg);
}

.after_window{
	padding: 0 24px 0 0px;
	position: relative;
	/*white-space: nowrap*/
}
/*.after_window{
	background-image: url(../img/window.svg);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 13px 13px; 
	padding-right: 18px; 
	display: inline;
}*/

.after_window::before{
	content: url("../img/window.svg");
	position: absolute;
	margin: auto;
	right: 4px;
	width: 13px;
	height: 13px;
}
	

.after_window.white::before{
	content: url("../img/window_white.svg");
	position: absolute;
	margin: auto;
	top:0;
	right: 3px;
	width: 13px;
	height: 13px;
}

.after_window.white:hover::before{
	content: url("../img/window.svg");
	position: absolute;
	margin: auto;
	top:0;
	right: 3px;
	width: 13px;
	height: 13px;
}


/*ボタン：緑背景ボックス*/
.btn_green_box{
	display: block;
	background-color: #00884B;
	border: 1px solid #00884B;
	width:fit-content;
	margin: auto;
	position: relative;
	padding: 3px 21px 3px 10px;
}

a.btn_green_box{
	font-size: 14px;
	color:#FFF;
	text-decoration: none;
}

.btn_green_box:hover{
	background-color: #FFF;
}

a.btn_green_box:hover{
	color: #00884B;
}

.btn_green_box::after { /* くの字の表示設定 */
	content: "";
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 8px;
	width: 6px;
	height: 6px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg);
}

.btn_green_box:hover::after{
	border-top: 1px solid #00884B;
	border-right: 1px solid #00884B;
}

/*ページ別：緑背景ボックス*/
.area_sponsors.exchange .btn_green_box{
	text-align: center;
	font-size: 18px;}

.are_donation .btn_green_box{
	text-align: center;
	font-size: 16px;}

.area_sponsors.exchange .btn_green_box::after,
.are_donation .btn_green_box::after{ /* くの字の表示設定 */
	display:none;
}

.area_sponsors.exchange .after_window,
.are_donation .btn_green_box .after_window{
		padding: 0 25px;
	}

.after_window.white::before{
	content: url("../img/window_white.svg");
	position: absolute;
	margin: auto;
	top:0;
	right: 3px;
	width: 13px;
	height: 13px;
}

@media screen and (max-width:767px){
	.area_sponsors.exchange .btn_green_box,
	.are_donation .exchange .btn_green_box{
		text-align: left;
		font-size: 14px;
	}
	
	.are_donation .tokyo_university .btn_green_box{
		font-size: 14px;
	}
	
	
	.area_sponsors.exchange .after_window,
	.are_donation .exchange .btn_green_box .after_window{
		padding:0 10px 0 20px;
	}

	.after_window.white::before, 
	.after_window.white:hover::before{
		bottom: 0;
		margin: auto auto 11px auto;
	}
}


/*ボタン：緑の枠線と矢印   矢印の表示：クラス追加*/
.btn_green_border,
a.btn_green_border{
	text-decoration: none;
	color:#00884B
}

.btn_green_border{
	display: block;
	width: 250px;
	height: 51px;
	border: solid 3px #00884B;
	border-radius: 10px;
	margin:0 10px 40px 0;
	position: relative;
	font-size: 18px;
	text-align: center;
	padding-right: 20px;
}

.btn_green_border p{
	padding: 6px;
	position: relative;
}
.btn_green_border.w_auto{
	width: auto;
}

.btn_green_border.w_auto p{
padding: 6px 26px 6px 15px;
	position: relative;
}

.btn_green_border:hover{
	background-color:#00884B;
	color: #FFF;
}

.btn_green_border::after{
	content: "";
	position: absolute;
	right: 5px;
	top: 0;
	bottom: 0;
	border-top: 2px solid #00884B;
	border-right: 2px solid #00884B;
	/*①−１くの表示設定下*/
	margin:  10px 15px;
	width: 12px; 
	height: 12px;
	transform: rotate(135deg);
}


.btn_green_border:hover::after{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
	/*①−１くの表示設定下*/
	margin:  10px 15px;
	width: 12px;
	height: 12px;
	transform: rotate(135deg);
}


/*①ー２くの表示設定右*/
.btn_green_border.right_arrow::after{
	margin: auto 15px;
	width: 9px;
	height: 9px;
	transform: rotate(45deg);
}

.btn_green_border.right_arrow:hover::after{
	margin: auto 15px;
	width: 9px;
	height: 9px;
	transform: rotate(45deg);
}


@media screen and (max-width:767px){
	.btn_green_border{
		justify-content: center;
		width:300px;
		height: 48px;
		margin: 0 auto 7px;
	}
	
	
	.btn_green_border p{
		padding: 5px;
	}

	.last_btn_sp_b{
		margin-bottom: 20px;
	}
}

/*緑の枠線と矢印：ボタンの並びべ方設定*/
.area_category_button{
	display: flex;
	flex-wrap: wrap;
}

/*２：装飾________________________________*/
/*緑線で囲う*/
.green_box{
	border: solid 3px #00884B;
	border-radius: 10px;
}

/*緑点線の下線*/
.green_dot_line{
	border-bottom: 1px dotted #CFDB91;
	padding-bottom:15px;
}

/*緑点線の下線・スマホのみ表示*/
@media screen and (max-width:767px){
	.green_dot_line_sp{
		border-bottom: 1px dotted #CFDB91;
		padding-bottom:15px;
	}
}

/* 黒の下線 */
.line_black {
	border-bottom: 1px solid #333;
	padding: 5px;
}

/*緑丸タブ*/
.green_tag{
	margin: 5px;
	padding: 3px 20px 5px;
	background-color:#00884B;
	border-radius: 50px;
	color: #fff;
	font-size: 12px;
}

/*緑下線*/
.green_line{
	border-bottom: solid 1px #00884B;
	padding-bottom: 8px;
	margin-bottom: 20px;
	position: relative;
	line-height:30px;
}


/*[02]トップページ
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

/*トップスライド________________________________*/
.area_top{
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 50px;
}

.slider_inner{
	overflow: hidden;
	width: 100%;
	height:100%;
}

.slide img{
	overflow: hidden;
	object-fit: cover;
	width: 100%;
}
#index .slide img{
	height: 65vh;
	min-height: 650px;
}

/* スリック装飾 */
.slick-prev{
	left: 30px;
	transform: rotate(-135deg);
}

.slick-next{
	right: 30px;
	transform: rotate(45deg);
}
/* スリックdots */
.slick-dots{
	bottom: 40px;
}

.slick-dots li,
.slick-dots li button,
.slick-dots li button::before{
	width: 8px;
	height: 8px;
}

.slick-dots li{
	margin: 0 9px;
}

.slick-dots li button{
	border-radius: 100%;
	border: solid 1px #FFF;
}

.slick-dots li.slick-active button{
	background-color: #FFF;
}

.slick-dots li button::before{
	content: '';
}
/*.slick  CSS打ち消しちけ
---------------*/
.slick-dotted.slick-slider {
	margin: 0;
}

@media screen and (max-width:767px){
	.area_top{;
		height: 65vh;
	}

	.slide img{
		height:65vh;
	}
	#index .slide img{
	min-height: 65vh;
}
}

/*プログラムエリア________________________________*/
.area_program {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.area_program .program{
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 90px;
	/*width: 370px;2つの時*/
}

.btn_summer, 
.btn_exchange{
	/* margin:0 15px; */
}

.area_program .program p{
	width: 250px;
	text-align: center;
}

.area_program a{
	/*font-size: 26px;2つのとき*/
	font-size: 23px;
	width: calc((100% - 40px) / 3)
}
.area_program a .line-height{
font-size: 20px;
line-height:24px;
}

.summer_winter_logo,
.exchange_logo{
	height: 68px;
	width: 68px;
	margin-left:15px;
}

.summer_winter_logo, 
.exchange_logo{
	margin-top: 2px;
}

.summer_winter_logo img, 
.exchange_logo img{
	height: 100%;
	width: auto;
}

@media screen and (max-width:991px){
	.area_program .program{
		height: 80px;
		/*width: 300px;*/
	}

	.area_program .program p{
		width: 210px;
	}

	.area_program a,
	.area_program a .line-height{
		font-size: 18px;
	}

	.summer_winter_logo, 
	.exchange_logo{
		height: 58px;
		width: 58px;
		margin-left:10px;
	}
}

@media screen and (max-width:767px){
/*	.btn_summer{
		margin:0 15px 15px;
	}*/
	.area_program {
		max-width: 300px;
		width: 100%;
		margin: 0 auto 60px;
	}
	.area_program .program{
		width: 300px;
	}
	.area_program a{
		width: 100%;
		margin-bottom: 15px;
	}
	.area_program a:last-child { 
		margin-bottom: 0;
	}
	.area_program .program p{
		width: 192px;
		text-align: left;
	}
}

/*お知らせ・スケジュールエリア________________________________*/
.news_schedule_wrapper,
.program_schedule_wrapper{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
}

.area_news_wrapper,
.area_schedule{
	width: 47.2%;
}

@media screen and (max-width:992px){
	.area_news_wrapper,
	.area_schedule{
		width: 100%;
	}
}

/*カレンダー*/
.calendar-container h3{
	font-size: 18px;
	text-align: center;
	margin-bottom: 10px;
}

@media screen and (max-width:767px){
	.calendar-container h3{
		font-size: 12px;
		margin-bottom: 5px;
	}
}

.calendar {
	font-size:12px;
	color:#00884B;
	width: 100%;
	max-width: 700px;
	margin: 0 auto;
	text-align: right;
	border-collapse: collapse;
	border-spacing: 0;
}

.calendar th {
	width:calc(100% / 7);
	text-align: center;
	border: solid 1px #333333;
	color: #333333;
}

.calendar td {
	height: 74px;
	border: solid 1px #333333;
}

.calendar_content{
	display: flex;
	height: 100%;
	justify-content: flex-start;
	flex-direction: column;
}

.schedule_event {
	background: #edf2c5;
}
a.schedule_event {
	display: block;
    height: 100%;
    padding: 0 2px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    margin: -1px 0 0 -1px;;
}

.area_news{
	margin-bottom: 40px;
}

.area_date_tag{
	margin-bottom: 5px;
}

.date{
	color:#00884B;
	font-size: 12px;
}



.news_discription{
	font-size: 14px;
	margin-bottom: 14px;
}


/*スポンサーエリ________________________________*/
.area_sponsors ul {
	display: flex;
	flex-wrap: wrap;
	/*justify-content: space-around;*/
	margin-bottom: 20px;
}
.area_sponsors .sponsors_top{
    /*justify-content: space-between;*/
    justify-content: flex-start; 
  flex-wrap: wrap; 
}
.area_sponsors ul li{
	padding: 5px 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 300px;
    width: 33.3%
}
.area_sponsors ul li a img {
	width: 100%;
    max-height: 80px;
}

@media screen and (max-width:992px){
	.area_sponsors .sponsors_top {
		justify-content: space-around;
	}
}

@media screen and (max-width:767px){
    .area_sponsors ul {
	    justify-content: space-around;
}
	.area_sponsors ul li{
		width: 240px;
	}
/*    .area_sponsors ul li a img {
        max-height: 64px;
    }*/
}



/*[03]お知らせ
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

.area_news_list {
	margin-bottom: 30px;
}
.area_news_list .green_dot_line.last_content{
	margin-bottom: 0;
}

@media screen and (max-width:767px){
	.event_contents.exchange_past li:last-child {
		margin-bottom: 0;
	}
}

/*[04]概要
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
.box_outline{
    width: 60%;
    margin-right: auto;
    margin-left: auto;
}
.box_outline td{
    padding: 10px;
    border: 0px;
    
}
.box_outline td:nth-child(odd){
    background: #cfe1ce;
    text-align: center;
    width: 15%;
}
.box_outline td:nth-child(even){
    background: #e8f1e8;
    width: 85%;
}
@media screen and (max-width:767px){
	.box_outline{
    width: 100%;
}
    .box_outline td:nth-child(odd){
        width: 20%;
}
    .box_outline td:nth-child(even){
        width: 80%;
    }
}


/*[05]教員研究員
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

.sttl_professors{
	color:#00884B;
	font-size: 18px;
	font-weight: 400;
	margin: 0 auto 10px;
}

.professors_list_wrapper,
.professors_contet2{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.professors_list {
/*	width: 44%;*/
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	min-width: 330px;
}
.area_visiting{
	width: 100%;
	min-width: 330px;
}

.professors_list li {
	width: 44%;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: solid 1px #CFDB91;
}
.area_visiting li{
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: solid 1px #CFDB91;
}

.professors_list li:last-child,
.professors_list2 li:last-child{
/*	margin-bottom: 0px;*/
}

.professors_list2 li{
	margin-bottom: 25px;
	padding-bottom: 25px;
}


.professors_box{
	margin-bottom: 25px;
	/*max-width: 770px;*/
}


.professors_contet{
	display: flex;
	flex-wrap: wrap;
}

.professors_contet a{
	margin-right: 10px;
}


.professors_name,
.professors_name_b10{
	font-size: 16px;
}

/*所属がない人用*/
.professors_name_b10{
	margin-bottom: 10px;
}

.professors_affiliation{
	font-size: 12px;
	margin-bottom: 15px;
}

.professors_text{
	margin-bottom: 10px;
}


.professors_list .btn_green_box::after{
	display: none;
}

.professors_list .btn_green_box {
		padding: 3px 10px 3px 10px;
}

.professors_list .btn_green_box {
	margin-top: 25px;
}
.area_visiting {
	width: 44%;
	min-width: 330px;
}


@media screen and (max-width:767px){
	#professors .container,
	#professors .topicpath{
	
		padding: 0 20px;
	}
	
	
	#professors .ttl_green_2line{
		font-size: 24px;
		border-bottom: solid 1px #00884B;
		padding-bottom: 8px;
	}
	.professors_list,
	.area_visiting {
		width: 100%;
		min-width: 100%;
	}
	
	.professors_list:last-child{
		margin-bottom: 0;
	}
	
	.professors_list.left_area{
		margin-bottom: 15px;
	}
	
	.professors_list2.left_area{
		margin-bottom: 25px;
	}
	
	.professors_list .btn_green_box.left_area,
	.area_visiting .btn_green_box.left_area {
    	margin-bottom: 40px;
	}
	.professors_list li {
    	width: 100%;
	}
	
}


/*
.professors_box{
    width: 40%;
    margin-right: auto;
    margin-left: auto;
}

#professors .box_green_02,
#professors .box_blue,
#professors .box_pink{
    width: 80%;
    margin-right: auto;
    margin-left: auto;
}
#professors .box_blue,
#professors .box_pink{
    overflow: auto;
    width: 100%;
    white-space: nowrap;
    border-top: none;
    border-left: none;
    border-right: none;
}
#professors .box_green th,
#professors .box_green_02 th{
    background: #00884B;
    color: #fff;
}
#professors .box_green_02 td{
    width: 50%;
}
#professors .box_green .text_box:nth-child(odd) td,
#professors .box_green_02 .text_box:nth-child(odd) td{
    background: #cfe1ce;
}
#professors .box_green .text_box:nth-child(even) td,
#professors .box_green_02 .text_box:nth-child(even) td{
    background: #e8f1e8;
}
#professors .box_blue th{
    background: #00607f;
    color: #fff;
}
#professors .box_blue .ttl_blue td{
    background: #bde4f5;
}
#professors .box_blue .text_box:nth-child(odd) td{
    background: #e8eaec;
}
#professors .box_blue .text_box:nth-child(even) td{
    background: #cbd2d8;
}
#professors .box_pink th{
    background: #a52a91;
    color: #fff;
}
#professors .box_pink .ttl_pink td{
    background: #ea9edb;
}
#professors .box_pink .text_box:nth-child(odd) td{
    background: #f1e8ee;
}
#professors .box_pink .text_box:nth-child(even) td{
    background: #e0cddb;
}
#professors .button_professor_blue,
#professors .button_professor_pink{
    margin-right: auto;
    margin-left: auto;
    padding: 10px;
    border-radius: 10px;
    width: 350px;
    height: 40px;
    text-align: center;
    position: relative;
}
#professors .button_professor_blue{
background: #00607f;
border: #00607f 1px solid;
}
#professors .button_professor_pink{
background: #a52a91;
border: #a52a91 1px solid;
}
#professors .button_professor_blue:hover,
#professors .button_professor_pink:hover{
    background: #fff;
}
#professors .button_professor_blue a,
#professors .button_professor_pink a{
    color: #fff;
    display: block;
    text-decoration: none;
    position: absolute;
    top: 6px;
    left: 0;
    width: 100%;
    height: 100%;
}
#professors .button_professor_blue a:hover{
    color: #00607f;
}
#professors .button_professor_pink a:hover{
    color: #a52a91;
}


@media screen and (max-width:767px){
    .professors_box{
        width: 100%;
    }
    #professors .box_green_02,
    #professors .box_blue,
    #professors .box_pink{
        width: 100%;
    }
    #professors .button_professor_blue,
    #professors .button_professor_pink{
        width: 100%;
        height: 65px;
    }
    #professors .box_green_02 td{
        width: 100%;
        display: block!important;
    }
    #professors .box_green_02 .text_box td:nth-child(even){
        background: #cfe1ce;
}
    #professors .box_green_02 .text_box td:nth-child(odd){
        background: #e8f1e8;
    }
    .box_blue::-webkit-scrollbar,
    .box_pink::-webkit-scrollbar{
        width: 10px;
        height: 10px;
    }
    .box_blue::-webkit-scrollbar-thumb,
    .box_pink::-webkit-scrollbar-thumb{
        border-radius: 5px;
    }
    .box_blue::-webkit-scrollbar-track-piece,
    .box_pink::-webkit-scrollbar-track-piece{
        background: #efefef;
    }
    .box_outline{
        width: 100%;
    }
}*/

/*［06］イベント
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

/*トップスライド________________________________*/
.area_s_top{
	position: relative;
	overflow: hidden;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 0 20px;
}
body:not(#index) .area_s_top {
    height: 600px;
/*    padding: 180px 0 0;*/
}


.area_s_top .top_img,
.area_s_top .img_main {
	width: 100%;
}


.area_s_top img,/*スライドなし*/
.area_s_top .top_img img{
	height: 600px;
	width: 100%;
	overflow: hidden;
	object-fit: cover;
	object-position: 50% 50%;
}
.area_s_top img,/*スライドなし*/
.area_s_top .top_img img{
	height: 600px;
	width: 100%;
	overflow: hidden;
	object-fit: cover;
	object-position: 50% 50%;
}



/* スリックdots */
.area_s_top .slick-list {
	padding: 0 0 30px 0;
}

/*.area_s_top .slick-dots{
	bottom: 0px;}
*/
/* スリックdots */
.area_s_top .slick-dots li,
.area_s_top .slick-dots li button,
.area_s_top .slick-dots li button::before{
	width: 5px;
	height: 5px;
}

.area_s_top .slick-dots li{
	margin: 0 9px;
}

.area_s_top .slick-dots li button{
	border-radius: 100%;
	/*border: solid 1px #00884B;*/
}

/*.area_s_top .slick-dots li.slick-active button{
	background-color: #00884B;
}*/

.area_s_top .slick-dots li button::before{
	content: '';
}

@media screen and (max-width:767px){
		body:not(#index) .area_s_top {
		padding-top: 60px;
		height: 300px;
	}
	.area_s_top .img_main img,/*スライドなし*/
	.area_s_top .top_img img,
	.area_s_top .slider_inner img{
		height: 240px;
	}
	.area_s_top .slick-dots li,
	.area_s_top .slick-dots li button,
	.area_s_top .slick-dots li button::before{
		width: 3px;
		height: 3px;
}

}

/*featured　scheduleエリア________________________________*/
.featured_schedule_wrapper{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
}

.area_featured_event{
	width: 47.2%;  /*エリアスケジュールの設定は、index.htmlの記入欄にあり*/
	}
	
	

@media screen and (max-width:992px){
		.area_featured_event{
		width: 100%;
		margin-bottom: 50px;
	}
}

.event_img{
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}

.event_img img{
	width: 100%;
	height: auto;
}

.area_featured_event .date{
	margin-bottom: 5px;
}

.area_featured_event .text{
	margin-bottom: 20px;
}


.link_featured_event{
	display: inline-block;
	width: fit-content;
	margin-right:auto;
	position: relative;
	padding: 0 3px 0 20px
}

.link_featured_event .after_window {
	padding: 0 20px 0 5px;
}


.link_featured_event::after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: #00884B;
	bottom: -1px;
	transform: scale(1, 1);
	transform-origin: left top; /*右から左に向かう*/
	transition: transform 0.3s; /*変形の時間*/
}

.link_featured_event:hover::after {
	transform: scale(0, 1);      /*ホバー後、x軸方向に消える*/
	transform-origin: right top; /*変形（アンダーラインの伸長）の原点がaタグ（各メニュー）の左端*/
	transition: transform 0.3s; /*変形の時間*/
}

.area_featured_event a{
	color:#00884B;
	text-decoration: underline;
}
.area_featured_event a.link_featured_event {
	color:#00884B;
	text-decoration: none;
}
.area_featured_event a:hover{
	opacity: .7;
	text-decoration: none;
}

.link_featured_event::before{/* くの字の表示設定 */
	content: "";
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 5px;
	width: 7px;
	height: 7px;
	border-top: 1px solid #00884B;
	border-right: 1px solid #00884B;
	transform: rotate(45deg);
}

@media screen and (max-width:767px){
	.link_featured_event::before {
		top: 26px;
	}

	.link_featured_event .after_window::before {
		top: 27px;
	}
}

/*部門別イベント________________________________*/
#event .ttl_wrapper{
	display: flex;
	justify-content: space-between;
}
#event .ttl_wrapper .btn_green_box{
	margin: 0;
}

.ttl_wrapper h4{
	font-weight: 400;
}

/*view allの設定*/
.pc_button .pc{
	margin-right: 0;
	
}
/*英語サイト用ボタン調整*/	
#event .btn_green_border .line-height,	
#activities .btn_green_border .line-height{	
line-height: 14px;	
font-size: 14px;	
padding: 7px 7px 7px 0;	
}


@media screen and (max-width: 768px){
	.pc_button, .pc{
		display:none;     /* PCでは表示して、スマホでは消す */
	}
}

.sp_button, .sp{
	display: none;     /* PCでは消して、スマホでは表示 */
}

@media screen and (max-width: 767px) {
	.sp_button, .sp{
		display: block;
		margin-bottom: 30px;
	}

	.are_event_mite .sp_button{
		margin-bottom: 0;
	}
}

.event_contents{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.event_contents .text{
	color: #333;
}

.event_contents li{
	margin: 0 2.75% 35px 0;
	width:31.5%;
}

.event_contents li:nth-child(3n){
	margin-right: 0;
}

.event_contents a{
	text-decoration: none;
	display: block;
	margin: 0 0 0 auto;
}

.event_contents a.opacity .text{
	color: #333;
}

.event_contents .date{
	font-size: 12px
}

.event_contents li div{
	position: relative;
	aspect-ratio: 16 / 9;
	overflow: hidden;
    border: 1px solid #369b30;
	margin-bottom: 10px;
}
.event_contents img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.type_tag {
	position: absolute;
	top:0;
	left: 0;
	color: #FFF;
	background-color:#00884B;
	padding: 5px;
}

.tag_open{
	font-size: 14px;
	margin-right: 10px;
	color:#00884B;
	border: 1px solid #00884B;
	padding: 4px 5px;
}

.tag_end{
	font-size: 14px;
	margin-right: 10px;
	color:#515151;
	border: 1px solid #515151;
	padding: 4px 5px;
}

.are_event_other .event_contents li{
	margin-bottom: 0;
}

@media screen and (max-width: 991px){
	.event_contents li ,.are_event_other .event_contents li{
		width: 360px;
		margin:0 auto 15px 0;
		padding:0 5px;
	}

	.event_contents li:nth-child(3n){
		margin-right: auto;
	}

	.event_contents li:last-child{
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 767px){
	.event_contents {
		justify-content:center;
	}

	.event_contents li, .are_event_other .event_contents li{
		margin: 0 auto 15px;
	}

	.event_contents li:last-child{
		margin-bottom: 20px;
	}
}

/*[06]-2：ビジネスロー部門・比較法政部門別ページ
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/


.area_category_button.event_type{
	justify-content: center;
}

.yearly_event{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
}

.yearly_event .btn_green_border{
	width: 155px;
	margin: 5px 10px;
}

.yearly_event .area_category_button{
	margin-bottom: 0px;
}

.date_end{
	color:#515151;
	font-size: 12px;
}


/*［07］研究教育活動
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

/*お知らせエリア________________________________*/
.area_activities_news div{
	display: flex;
	flex-wrap: wrap;
	margin-bottom:20px;
}

@media screen and (max-width: 767px) {
	.area_activities_news div{
		margin-bottom:15px;
	}
}

.area_activities_news .date{
	font-size: 12px;
	margin-right: 10px;
}


/*プログラムエリア________________________________*/
.activities_program{
	width: 47.2%;
}

@media screen and (max-width:991px) {
	.activities_program{
		width: 100%;
		margin: 0 auto 30px auto;
	}
}


.activities_program .green_box{
	max-width: 540px;
	margin: 0 auto;
}

.green_box.b20{
	margin-bottom: 20px;
}

.green_box .program_ttl{
	padding: 10px;
	border-bottom:solid 3px #00884B; 
}

.programd_detail{
	padding: 15px;
}

.program_ttl,
.sttl_activities{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.program_ttl p{
	color:#00884B;
	font-size: 26px;
	line-height: 26px;
	margin: auto auto auto 10px;
}

@media screen and (max-width:767px){
	.program_ttl p{
		font-size: 20px;
		line-height: 20px;
		margin: auto auto auto 10px;
	}
}

.green_box_flex{
	display: flex;
	justify-content: flex-end;
	margin:5px auto 15px;
}

.activities_program img,
.sttl_activities img{
	height: 100%;
	width: auto; 
    }
.activities_program img{
    max-height: 69px;
}

.programd_detail ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.programd_detail ul li{
	height: auto;
	width: 48%;
	margin-bottom: 10px;
    text-align: center;
}

.programd_detail .after_arrow{
	margin: 5px 0 15px auto;
}

/*過去の研究教育活動________________________________*/
.ttl_bg_green{
	color:#00884B;
	font-weight: 400;
	background-color:#edf2c5;
	font-size: 20px;
	padding:10px 20px; 
	margin-bottom: 10px;
}

.old_content{
	display: flex;
	flex-wrap: wrap;
}

.old_content ul{
	width: 33%;
	min-width:325px
}

.old_activities ul li{;
	color:#00884B;
}

/*下層ページ共通パーツ
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
.sttl_activities{
	padding: 10px;
	border-bottom:solid 1px #00884B; 
	margin-bottom:30px;
}

.sttl_activities p{
	color:#00884B;
	font-size: 36px;
	line-height: 36px;
	margin: auto auto auto 0px;
	font-weight: 400;
}

.sttl_activities .summer_winter_logo,
.sttl_activities .exchange_logo{
	margin-right: 10px;
	margin-left: 0;
}

@media screen and (max-width:767px){
	.sttl_activities{
		margin-bottom:20px;
		padding: 2px;
	}

	.sttl_activities p{
		font-size: 20px;
		line-height: 1.4;
		margin: auto auto auto 8px;
	}

	.area_summer_school.description .summer_winter_logo{
		width: 46px;
		height: 46px;
		margin-right: 10px;
		
	}
}

/*[08]研究教育活動：サマースクール
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/


/*サマースクールページ*/
.area_summer_school.recruitment .btn_green_border{
	width: 320px;
	margin-bottom: 20px;
}
.box_host_support{
    display: flex;
    flex-wrap: wrap;
}
.box_host_support dt{
    width: 85px;
}
.box_host_support dd{
    width: calc(100% - 85px);
}

@media screen and (max-width:767px){
	.area_summer_school.recruitment .btn_green_border{
		margin: 0 auto 7px;
	}

	.area_summer_school.recruitment .last_btn_sp_b{
		margin-bottom: 10px;
	}
}

.area_summer_school .btn_green_border{
	width: 360px;
	margin-bottom: 7px;
}

.area_summer_school.recruitment .last_btn_sp_b{
	margin-bottom: 0px;
}

.area_summer_school.schedule ul li{
	margin-bottom: 5px;
}

.area_summer_school.area_sponsors, .area_summer_school .area_sponsors ul {
	margin-bottom: 0px;
}

/*部門別プログラム________________________________*/

.are_category_program .event_contents a.link_green_arrow{
	margin: 5px 0 30px auto;
}

.last_ul_b20{
	margin-bottom: 20px;
}

/*[09]研究教育活動：海外派遣プログラムページ
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

.exchange_logo{
	height: 68px;
	width: 68px;
}

/*
#exchange .area_category_button .btn_green_border {
	width: 270px;
}

@media screen and (max-width:991px){
	#exchange .area_category_button .btn_green_border{
		margin: 0 auto 10px 0;
	}
}

@media screen and (max-width:767px){
	#exchange .area_category_button .btn_green_border.last_btn_sp{
		margin-bottom: 0;
	}
	.summer_winter_logo, 
	.exchange_logo{
		height: 58px;
		width: 58px;
		margin-left:10px;
	}
}
*/


.past_list_wrapper,
.past_list_wrapper_02{
	margin-right: 10px;
}
.past_list_wrapper_02{
	display: flex;
}
.past_list_wrapper ul{
	display: flex;
	flex-wrap: wrap;
}
.past_list_wrapper_02 ul{
	width: 50%;
	min-width: 400px;
}

.past_list_wrapper ul li{
	width: 50%;
	min-width: 400px;
}
.past_list_wrapper_02 ul li{
	width: 50%;
	min-width: 400px;
}

@media screen and (max-width:767px){
	.past_list_wrapper ul li{
		width: 100%;
		min-width: auto;
	}
	.past_list_wrapper_02 ul{
		width: 100%;
		min-width: auto;
	}
}


/*海外派遣プログラム_サマースクール過去一覧ページ＿＿＿＿＿＿*/
.content_wrapper.past .discription{
margin-bottom: 30px;
}


/* [10]各研究会
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/


/*著作権法等研究会________________________________*/
/*開催内容表*/
.box_green{
	width: 80%;
	margin: 0 auto 20px;
	text-align: left;
}

.box_green th{
	background: #00884B;
	color: #fff;
	font-size: 16px;
}

.box_green td, 
.box_green th{
	border:solid 1px #fff;
	padding: 5px 10px;
}

.box_green td.left_box{
	width: 120px;
	text-align: center;
}
.box_green td.same_box3{
	width: calc(100% / 3);
	text-align: center;
	box-sizing: border-box;
}

/*開催の表---*/
.open_wrapper .box_green th{
	background: #00884B;
}

.box_green .text_box:nth-child(odd) td{
	background: #cfe1ce;
}

.box_green .text_box:nth-child(even) td{
	background: #e8f1e8;
}

/*開催済み一覧---*/
.end_wrapper .box_green th{
	background: #8D9A89;
}

.end_wrapper .box_green .text_box:nth-child(odd) td{
    background: #D9E0D7;
}


@media screen and (max-width: 767px) {
	.box_green{
		width: 100%;
		font-size: 14px;
	}
	
	.box_green td, 
	.box_green th{
		padding: 5px 5px;
	}
	
	.box_green td.left_box{
		width: 65px;
	}
}

/*アコーディオン横幅と余白を指定*/
.accordion__list {
	width: 100%;
	margin: 0 auto;
}
.accordion__list_b20 {
	width: 100%;
	margin: 0 auto 20px;
}

/*アコーディオンの2つ目以降、上に余白を取る。*/
.accordion__item:nth-child(n+2) {
	margin-top: 10px;
}

.accordion__head{
	position: relative;
	cursor: pointer;
	width:80%;
	background-color:#8D9A89;
	
}
.accordion__head{
    margin: 0 auto;
}

.accordion__head p{
	padding: 3px 15px 3px 5px;
	width:fit-content;
	margin: 0 auto;
	font-size: 16px;
	color: #FFF;
}

.btn_accordion .close{
	display: none;
}

.btn_accordion::after{ 
	content: "";
	position: absolute;
	margin: 10px 13px;
    top: 0;
    bottom: -2px;
    width: 10px;
    height: 10px;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	transform: rotate(135deg);
}
.btn_accordion.accordion_02::after{
    margin: 10px 130px!important;
}



/*アコーディオンの開閉ボタンの右側に「+」を表示。
.accordion__head p::after {
content: "+";
position: absolute;
top: 8px;
right: 10px;
}*/

/*アコーディオンが開いた際矢印を変更する*/
.accordion__item.active .btn_accordion::after{
	display:none;
}

.accordion__item.active .btn_accordion .close::after{
/*①−１くの表示設定上*/
	content: "";
	position: absolute;
	margin:  17px 15px;
    top: 0;
    bottom: -2px;
    width: 10px;
    height: 10px;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	transform: rotate(315deg); 
}

.accordion__item.active .btn_accordion .close{
	display: block;
}

.accordion__item.active .btn_accordion .open{
	display: none;
}

/*アコーディオンの閉じている部分の装飾*/
.accordion__body {
	overflow: hidden;
	width: 100%;
    height: 0;
	background: #FFF;
	transition: .3s ease;
	transform: translateY(-10px);
	}
	

.accordion__link,
.accordion__link_02{ 
    text-align: end;
    margin: 0 auto 20px;
}
.accordion__link{
    width: 80%;
}
.accordion__link_02{
    width: 100%;
}

/*アコーディオンが開いた際に、heightを0からauto*/
.accordion__item.active .accordion__body {
	transform: translateY(0);
	transition: .3s ease;
	height: 100%;}


.btn_green_border.activities{
	width: 330px;
	margin:0 auto;
}
.btn_green_border.activities.en_second{
    height: 100%;
}
.btn_center .en_second{
    height: 100%;
}

@media screen and (max-width: 767px) {
.accordion__link{ 
    width: 100%;
}
}




/*刊行物
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
.area_publications,
.area_publications_softlaw{
    display: flex;
    flex-wrap: wrap;
}
.area_publications{
    margin-bottom: 40px;
}
.area_publications_softlaw{
    margin-bottom: 0px;
}
.area_publications .box_publications_left{
    width:20%;
    margin-right: 5%
}
.area_publications .box_publications_left img{
    width: 100%;
}
.area_publications .box_publications_right{
    width:70%;
}

@media screen and (max-width:767px){
.area_publications .box_publications_left{
    width:60%;
	max-width: 400px;
    margin: 0 auto 20px;
	}
	.area_publications .box_publications_right{
		width:100%;
	}
}


/*中央寄せボタン*/
.btn_green_border_center,
.btn_green_border_center_sponsors,
.btn_blue_border_center,
.btn_pink_border_center{
    text-decoration: none;
	display: block;
	height: 51px;
	border-radius: 10px;
	position: relative;
	font-size: 18px;
	text-align: center;
    margin-right: auto;
    margin-left: auto;
}
.btn_green_border_center{
    width: 280px;
}
.btn_green_border_center_sponsors{
    width: 500px;
}
.btn_blue_border_center,
.btn_pink_border_center{
    width: 450px;
}
.btn_green_border_center,
.btn_green_border_center_sponsors{
    color:#00884B;
    border: solid 3px #00884B;
}
.btn_blue_border_center{
    color:#161c8c;
    border: solid 3px #161c8c;
}
.btn_pink_border_center{
    color:#f5787c;
    border: solid 3px #f5787c;
}
.btn_green_border_center p,
.btn_green_border_center_sponsors p,
.btn_blue_border_center p,
.btn_pink_border_center p{
	padding: 6px;
	position: relative;
}
.btn_green_border_center:hover,
.btn_green_border_center_sponsors:hover{
	background-color:#00884B;
	color: #FFF;
}
.btn_blue_border_center:hover{
	background-color:#161c8c;
	color: #FFF;
}
.btn_pink_border_center:hover{
	background-color:#f5787c;
	color: #FFF;
}
@media screen and (max-width:767px){
	.btn_green_border_center,
    .btn_green_border_center_sponsors,
    .btn_blue_border_center,
    .btn_pink_border_center{
		justify-content: center;
		width:100%;
        max-width: 500px;
		margin: 0 auto 7px;
	}
    .btn_green_border_center{
        height: 48px;
    }
    .btn_green_border_center_sponsors,
    .btn_blue_border_center,
    .btn_pink_border_center{
        height: 86px;
    }
}



/*教員
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
#professors .box_scroll{
    overflow: auto;
}
#professors th,
#professors td{
    border:solid 1px #fff;
    padding: 5px;
    text-align: center;
}
/*
.professors_box{
    width: 40%;
    margin-right: auto;
    margin-left: auto;
}
*/
#professors .box_green_02,
#professors .box_blue,
#professors .box_pink{
    width: 80%;
    margin-right: auto;
    margin-left: auto;
}
#professors .box_blue,
#professors .box_pink{
    overflow: auto;
    
    white-space: nowrap;
    border-top: none;
    border-left: none;
    border-right: none;
}
#professors .box_blue,
#professors .box_pink{
    width: 1080px;
}
#professors .box_green th,
#professors .box_green_02 th{
    background: #2d9f73;
    color: #fff;
}
#professors .box_green th,
#professors .box_green_02 th,
#professors .box_blue th,
#professors .box_pink th{
    font-size: 18px!important;
}
#professors .box_green_02 td{
    width: 50%;
}
#professors .box_green .text_box:nth-child(odd) td,
#professors .box_green_02 .text_box:nth-child(odd) td{
    background: #dae9e3;
}
#professors .box_green .text_box:nth-child(even) td,
#professors .box_green_02 .text_box:nth-child(even) td{
    background: #e5f9f1;
}
#professors .box_blue th{
    background: #161c8c;
    color: #fff;
}
#professors .box_blue .ttl_blue td{
    background: #c3cfeb;
    font-weight:bold;
    font-size:16px;
}
/*#professors .box_blue .text_box:nth-child(odd) td{
    background: #d0dceb;
}*/
#professors .box_blue .text_box:nth-child(even) td{
    background: #cbd2d8;
}
#professors .box_pink th{
    background: #f5787c;
    color: #fff;
}
#professors .box_sttl_blue_sp,
#professors .box_sttl_pink_sp{
    display: none;
}
#professors .box_pink .ttl_pink td{
    background: #edabaf;
    font-weight:bold;
    font-size:16px;
}
#professors .box_pink .text_box:nth-child(odd) td{
    background: #f1e8ee;
}
#professors .box_pink .text_box:nth-child(even) td{
    background: #f7e2e1;
}
.scroll_comment_sp{
    display: none;
}
.content_wrapper.btn_professors{
    margin-bottom: 80px;
}
@media screen and (max-width:1200px){
    .scroll_comment_sp{
        display: block;
    }
}
@media screen and (max-width:767px){
    .professors_box{
        width: 100%;
    }
    #professors .box_green_02{
        width: 100%;
    }
    #professors .box_green_02 td{
        width: 100%;
        display: block!important;
    }
    #professors .box_green_02 .text_box td:nth-child(even){
        background: #cfe1ce;
}
    #professors .box_green_02 .text_box td:nth-child(odd){
        background: #e8f1e8;
    }
    .box_blue::-webkit-scrollbar,
    .box_pink::-webkit-scrollbar{
        width: 10px;
        height: 10px;
    }
    .box_blue::-webkit-scrollbar-thumb,
    .box_pink::-webkit-scrollbar-thumb{
        border-radius: 5px;
    }
    .box_blue::-webkit-scrollbar-track-piece,
    .box_pink::-webkit-scrollbar-track-piece{
        background: #efefef;
    }
    #professors .box_sttl_blue_pc,
    #professors .box_sttl_pink_pc{
        display: none;;
}
    #professors .box_sttl_blue_sp,
    #professors .box_sttl_pink_sp{
        display: block;
        font-weight: bold;
        font-size: 16px;
        text-align: center;
        width: 100%;
        height: 40px;
        padding-top: 5px;
    }
    #professors .box_sttl_blue_sp{
        background: #161c8c;
        color: #fff;
    }
    #professors .box_sttl_pink_sp{
        background: #f5787c;
        color: #fff;
    }
    
}


/*協賛
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
.area_sponsors {
    display: flex;
  flex-wrap: wrap;
}
.box_sponsors {
    width:23%;
    text-align: center;
    margin-right: 2.6%;
}
.box_sponsors a {
    text-decoration: none;
    color: #000;
}
.box_sponsors img {
    margin-bottom: 5px;
    /*height:70px;*/
/*    border: 1px solid #eee;*/
}
.box_sponsors p {
    font-size: 13px;
	margin-top: 15px;
}
.box_sponsors:nth-of-type(4n) {
    margin-right: 0%;
}
.box_sponsors:hover{
    opacity: 0.5;
    transition: 0.2s ease;
}

@media screen and (min-width:768px){
    .area_sponsors .box_sponsors{
    padding-bottom: 60px;
    }
    .area_sponsors .box_sponsors:nth-of-type(4n){
       margin-right: 0%;
    }
}

@media screen and (max-width:767px){
    .area_sponsors{
        display: block!important;
    }
    .area_sponsors .box_sponsors,
    .area_sponsors .box_sponsors:last-child{
        width: 70%!important;
        margin-right: auto;
        margin-left: auto;
    }
    .area_sponsors .box_sponsors{
        margin-bottom: 20px;
    }
    .area_sponsors .box_sponsors:last-child{
        margin-bottom: 0px;
    }
	#sponsors .area_btn_lang {
		margin: 0 0 20px;
	}
	.box_sponsors:not(:last-of-type)  {
		padding: 0 0 30px;
		border-bottom: 1px solid #ddd;
	}

	.box_sponsors p {
		font-size: 12px;
		margin-top: 2px;
	}
}


/*サイトマップ
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
#sitemap a:hover{
    transition: 0.2s ease;
}
#sitemap .content_wrapper{
    margin-bottom: 30px;
}
#sitemap .content_wrapper ul li{
    line-height: 2.0;
}
.box_sitemap{
    display: flex;
    justify-content: flex-end;
}
.box_sitemap_half{
    width: 40%;
}
.sitemap_main_sttl{
    font-size: 20px;
    font-weight: bold;
}
.sitemap_main_sttl a{
    border-left: 4px solid #00884B;
    padding-left: 10px;
}
@media screen and (max-width:767px){
    .box_sitemap{
        display: block;
    }
    .box_sitemap_half{
        width: 100%;
    }
}



/*言語切り替えボタン*/
#sponsors .area_btn_lang {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
#sponsors .area_btn_lang .btn_lang {
	background: #fff;
	transition: .3s all;
}
#sponsors .area_btn_lang .btn_lang:hover {
	background-color:#00884B;
}

@media screen and (max-width:767px){
#sponsors .area_btn_lang {
		margin: 0 0 20px;
	}
}





/*[12] MT
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
/* ページ分割リンク指定
-------------------------------------- */
.pagebute_area {
    text-align: center;
    width: fit-content;
    margin: 0 auto 30px;
    font-size: 20px;
    color: #929292;
    /* border: 1px solid #d0d0d0; */
    padding: 5px 13px;
}
.pagebute_area span.current_page,
.pagebute_area a {
    display: inline-block;
    border-right: 1px solid #d0d0d0;
    padding: 0 1.1em  0 0.6em;
    text-decoration: none;
}
.pagebute_area span.current_page {
    font-weight: bold;
    color: #333333;
}
.pagebute_area a {
    color: #929292;
    font-weight: normal;
}
.pagebute_area a:hover {
    color: #00884B;
}
.pagebute_area a.link_next,
.pagebute_area a.link_prev {
    /* font-size: 14px; */
    /* vertical-align: top; */
    /* padding-top: 5px; */
}
.pagebute_area a.link_next {
    background-image: url("../img/link_next.png");
    background-repeat: no-repeat;
    background-position: top 13px right;
    padding-right: 15px;
    border: none;
}
.pagebute_area a.link_next:hover {
    background-image: url("../img/link_next_hover.png");
}
.pagebute_area a.link_prev {
    background-image: url("../img/link_prev.png");
    background-repeat: no-repeat;
    background-position: top 13px left;
    padding-left: 15px;
}
.pagebute_area a.link_prev:hover {
    background-image: url("../img/link_prev_hover.png");
    background-repeat: no-repeat;
    background-position: top 13px left;
    padding-left: 15px;
}


/*[13] カレンダー
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
  .calendar-nav {
    display: flex;
    justify-content: space-between;
    position: relative;
    width: calc(100% - 6px);
    margin: 0 auto 15px;
  }
  .calendar-nav button {
  	border: none;
	background: none;
	color: #333;
	cursor: pointer;
	transition: .2s ease;
	position: relative;
  }
  .calendar-nav button:hover {
  	opacity: .7;
  }
  #prev {
	padding-left: 20px;
}
  #prev:before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 2px #333;
  border-left: solid 2px #333;
  transform: rotate(-45deg);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}
#next {
	padding-right: 20px;
}
#next:before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 2px #333;
  border-right: solid 2px #333;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}