@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/* ========================== ここからコンテンツ�O協 ========================== */

#contents {
	font-size: 18px;
	width: 75.47%;
	min-height:300px;
	float:left;
	margin:20px 0 50px 0;
	border-top: dotted 1px #939393;
	color: #333333;
	padding-top: 20px;
	line-height: 1.9;
}

#contents,
#contents.wide {
	width: 100%;
}

@media screen and (max-width: 767px) {

#contents {
	font-size: 14px;
	width: 97.4% !important;
	margin: 0 1.3% 50px 1.3%;
}

#side {
	width: 97.4%;
	margin: 0 1.3% 50px 1.3%;
}

#side_bar {
	display: none;
}

#contents img {
	max-width: 100%;
	height: auto;
}
	
/*スクロ�`ル*/
	#contents .scroll {
		width: 100%;
		overflow-x: auto;
		white-space: nowrap;
	}
	#contents .scroll table {
		width: auto;
		/*display: flex;*/
	}
}

#contents a {
	color:#333333;
}

#contents a:hover,
#contents a.backLink:hover {
	color: #c5e8c5;
	text-decoration:underline;
}

#contents p {
	margin-bottom:30px;
	display: inherit;
	/*float: left;*/
}

#contents .normal {
	margin-bottom:20px;
	display: block;
	float: left;
	width: 100%;
}

#contents .indent > p:last-child,
#contents .indent > table:last-child,
#contents .indent > ul:last-child,
#contents .indent > ol:last-child  {
	margin-bottom: 10px;
}

#contents ol,
#contents ul {
	margin-bottom: 30px;
	margin-left: 0;
	float: left;
	width: 100%;
}

#contents ul li {
	/*float: left;*/
	/*margin-left:2.7%;
	width: 97.3%;*/
	list-style-type: disc;
	margin-left: 22px;
	width: /*97.3*/90%;
	width : -webkit-calc(100% - 20px) ;
	width: -moz-calc(100% - 20px);
	width: calc(100% - 20px);
	float: left;
}

#contents ul.noMark li {
	width: 100%;
	margin: 0 0 15px 0;
	list-style: none;
	line-height: 1.5;
}

#contents ol li {
	list-style: decimal;
	margin-left: 25px;
	width: /*97.3*/90%;
	width : -webkit-calc(100% - 25px) ;
	width: -moz-calc(100% - 25px);
	width: calc(100% - 25px);
	float: left;
}

#contents sup {
	font-size: 71.428%;
	vertical-align: top;
}

#contents strong,
#contents strong a {
	font-weight: bold;
}

#applicants #contents,
#graduate #contents,
#contact #contents,
#links #contents,
#sitemap #contents,
#topics #contents {
	width: 100%;
}

#contact #side,
#links #side,
#topics #side {
	display: none;
}


/* ========================== ��竃し�O協 ========================== */
.con_title,
.con_title_noborder {
	width:100%;
	min-height: 80px;
	font-size: 26px;
	padding:30px 0 20px 80px;
	margin: 0 0 20px 0;
	border-top: dotted 1px #939393;
	overflow:hidden;
	font-family:"ヒラギノ叔ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif\9;
	font-family: 'Noto Sans Japanese', serif;
	font-weight:400;
	line-height: 34px;
	position: relative;
	box-sizing: border-box;
}

.con_title:before,
.con_title_noborder:before,
.topics-title:before{
	content: '';
	display: inline-block;
	width: 80px;
	height: 80px;
	background-image: url("/crsgc/csmr/common/img/contitleImg.png");
	background-size: contain;
	vertical-align: middle;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 5px;
}

.con_title_noborder:before{
	top: 0;
}

.research .con_title:before,
.research .con_title_noborder:before,
.organization .con_title:before,
.organization .con_title_noborder:before {
	background-image: url("/crsgc/csmr/common/img/contitleImgPerple.png");
}

.activities .con_title:before,
.activities .con_title_noborder:before{
	background-image: url("/crsgc/csmr/common/img/contitleImgRed.png");
}

.resources .con_title:before,
.resources .con_title_noborder:before,
.links .con_title:before,
.links .con_title_noborder:before {
	background-image: url("/crsgc/csmr/common/img/contitleImgFull.png");
}

@media print {
	.con_title,
	.con_title_noborder,
	.con_title_fc {
	font-family:"ヒラギノ叔ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
}

.con_title_noborder {
	padding:20px 0 20px 80px;
	border-top: none;
}

.con_title span.subTitle,
.con_title span,
.con_title_noborder span.subTitle,
.con_title_noborder span {
	font-size: 63.6%;
	padding-left: 1em;
}

#contents .con_header {
	font-size: 18px;
	font-size: 20px;
	background:#49cd82;
	box-sizing: border-box;
	width: 100%;
	float:left;
	padding: 8px 15px;
	color:#ffffff;
	margin-bottom:20px;
	font-weight: bold;
}

#contents .con_header.trigger {
	background: #49cd82 url("../img/toggle_off_02.png") right 50% no-repeat;
	cursor: pointer;
}

#contents .con_header.trigger.active {
	background: #49cd82 url(../img/toggle_on.png) right 50% no-repeat;
}

#contents .con_header_link {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

#contents .con_header_link a {
	display: block;
	text-align:left;
	box-sizing: border-box;
	font-weight:normal;
	background:#49cd82 url(../img/linkBoxIcon_off.png) left 10px no-repeat;
	color:#ffffff;
	padding:9px 15px 8px;
	margin:0;
	font-size: 16px;
	width: 100%;
}

#contents .con_header_link a:hover {
	color: #0b685f;
	text-decoration: none;
	background:#fff533 url(../img/linkBoxIcon_on.png) left 10px no-repeat;
}

.con_sub_header {
	font-size: 16px;
	font-size: 18px;
	background:#fff;
	box-sizing: border-box;
	width: 100%;
	float:left;
	padding: 8px 15px;
	color:#0b685f;
	margin: 0 0 20px 0;
	border-top: 2px solid #49cd82;
}

#contents .con_sub_header.trigger {
	background: #fff url(../img/toggle_off.png) right 50% no-repeat;
	cursor: pointer;
}

#contents .con_sub_header.trigger.active {
	background: #fff url(../img/toggle_on.png) right 50% no-repeat;
}

#main #contents .toggle-content {
	display: none;
	float: left;
	width: 100%;
}

#main #contents .toggle-content.current {
	display: block;
}

#main #contents .toggle-content .toggleClose {
	float: right;
	margin: 0 0 20px 0;
}


.con_sub_sub_header {
	font-size: 18px;
	box-sizing: border-box;
	width: 100%;
	float:left;
	padding: 4px 15px;
	color:#0b685f;
	margin: 0 0 20px 0;
	border: solid 1px #1AC1B0;
}

.con_sub_sub_sub_header {
	/*color :#89ABDA;*/
	box-sizing: border-box;
	float: left;
	padding: 0;
	width: 100%;
	border-bottom: dotted 1px #CCC;
	margin-bottom: 15px;
	padding: 0 15px 3px;
}

.education #contents #language .con_header,
.education #contents .jp .con_header,
.education #contents .jp .con_sub_header {
	padding: 13px 15px 8px 15px;
}

.education #contents .jp .con_sub_sub_header {
	padding: 9px 15px 4px 15px;
}

#contents .boldTitleL {
	font-size: 18px;
	font-weight: bold;
	width: 100%;
	margin: 0 0 15px 0;
	float: left;
}

#contents .boldTitleM {
	font-size: 14px;
	font-weight: bold;
	width: 100%;
	margin: 0 0 15px 0;
	float: left;
}

/* youtube托め�zみ�O協 */


.youtube_embed {
	position:relative;
	width: 100%;
	max-width: 800px;
	margin: 0 0 30px 0;
}

.youtube_embed::before {
	content: "";
	display: block;
	width: 100%;
	padding-top: 56.25%;
}

.youtube_embed iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

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

	#contents .con_header {
		font-size: 18px;
	}
	
	.con_sub_header,
	.con_sub_sub_sub_header {
		font-size: 16px;
	}

	
	
}

/* ========================== リンク�v�Sの�O協 ========================== */
/*#contents a.linkIcon:before,
#contents .con_title_noborder a.linkIcon:before,
#contents .con_title a.linkIcon:before {
		padding: 2px 5px 0 0;
		content: "\f0da";
		font-family: 'Font Awesome 5 Free';
		font-weight: 900;
		font-size: 0.8rem;
		color: #49cd82;
		display: inline-block;
}

#contents a:hover.linkIcon:before,
#contents .con_title_noborder a:hover.linkIcon:before,
#contents .con_title a:hover.linkIcon:before {
		color: #c5e8c5;
}


#contents .con_title_noborder a:hover.linkIcon,
#contents .con_title a:hover.linkIcon {
	padding-left:15px;
	background:url(/crsgc/csmr/common/img/linkIcon_on.png) 5px 10px no-repeat;
}*/


#contents .linkList {
	float:left;
	margin:0 0 30px 0;
	width:100%;
}

#contents .linkList li {
	width:100%;
	padding: 0 0 5px 0;
	list-style: none;
}

a.linkIcon:before,
.linkIconList a:before,
.linkList li a:before,
.linkList a li:before {
	margin-right: 5px;
	content: '\f0da';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	color: #49cd82;
	display: inline-block;
	-webkit-transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-ms-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
}

a.directLink:after,
a.movieLink:after,
a[href$=".pdf"]:after,
a[href$=".doc"]:after,
a[href$=".docx"]:after,
a[href$=".xls"]:after,
a[href$=".xlsx"]:after,
a[href$=".ppt"]:after,
a[href$=".pptx"]:after {
	padding:0 5px;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	color: #49cd82;
	display: inline-block;
	-webkit-transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-ms-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
}

a.directLink:after {
	content: '\f2d2';
}

a.movieLink:after {
	content: '\f03d';
	font-size: 120%;
}

a[href$=".pdf"]:after {
	content: '\f1c1';
}

a[href$=".doc"]:after,
a[href$=".docx"]:after {
	content: '\f1c2';
}

a[href$=".xls"]:after,
a[href$=".xlsx"]:after {
	content: '\f1c3';
}

a[href$=".ppt"]:after,
a[href$=".pptx"]:after {
	content: '\f1c4';
}

.linkIcon:hover:before,
.linkIconList a:hover:before,
.linkList li a:hover:before,
.directLink:hover:after,
a[href$=".pdf"]:hover:after,
a[href$=".doc"]:hover:after,
a[href$=".docx"]:hover:after,
a[href$=".xls"]:hover:after,
a[href$=".xlsx"]:hover:after,
a[href$=".ppt"]:hover:after,
a[href$=".pptx"]:hover:after {
	color: #c5e8c5;
}

a.noneIcon:after {
	content: none;
}

/* ========================== リンクリスト�O協 ========================== */
/*易いボックス3双�Kびのリンクリスト*/
#contents .link_list_3box,
#contents .link_list_2box,
#contents .link_list_1box,
#contents .link_list_6box {
	float:left;
	margin:0 0 30px 0;
	width:100%;
	display: flex;
	flex-wrap: wrap;
}

#contents .link_list_3box li {
	display:block;
	overflow:hidden;
	width: 33%;
	width: calc(33.3% - 1px);
	width: -webkit-calc(33.3% - 1px);
	width: -moz-calc(33.3% - 1px);
	float:left;
	margin:0 1px 1px 0;
	background:#FFF;
}

#contents .link_list_3box li :nth-child(3n) {
	width: calc(33.4% - 1px);
}

#contents .link_list_6box li {
	width: calc(16.6% - 1px);
	display:block;
	overflow:hidden;
	float:left;
	margin:0 1px 1px 0;
	background:#FFF;
}

#contents .link_list_6box li :nth-child(6n) {
	width: calc(17% - 1px);
}

#high_school #contents h1 {
	margin: 0 0 20px 0;
	font-size: 26px;
}

#high_school #contents .link_list_3box li,
#high_school #contents .link_list_6box li {
	margin:0 3px 3px 0;
	border-radius: 5px;
}

#high_school #contents .link_list_3box li {
	width: calc(33.3% - 3px);
}

#high_school #contents .link_list_6box li {
	width: calc(16.6% - 3px);
}

#high_school #contents .link_btn {
	margin: 0 0 20px 0;
	text-align: end;
	float: right;
}

#high_school #contents .link_btn a {
	width: 100%;
	padding: 10px 20px 10px 25px;
	border-radius: 5px;
}

#high_school #contents .link_btn.ruby a {
	padding: 15px 20px 10px 25px;
}

#high_school #contents .link_list_3box li a,
#high_school #contents .link_list_6box li a,
#high_school #contents .link_btn a {
	background: #e3f6ff;
}

#high_school #contents .link_list_3box li:nth-child(3n) {
	width: calc(33.4% - 3px);
}

#high_school #contents .link_list_6box li:nth-child(6n) {
	width: calc(17% - 3px);
}

#contents .link_list_1box li a,
#contents .link_list_2box li a,
#contents .link_list_3box li a,
#contents .link_list_6box li a,
#contents .link_list_3box.languageNav li span,
#contents .link_list_2box.languageNav li span,
#contents .link_list_2box.languageNav li a,
#contents .imgLink_ist_2box li a,
#contents .imgLink_ist_3box li a {
	box-sizing: border-box;
	width: 100%;
	padding:10px 25px 10px 15px;
	text-align:left;
	font-weight:normal;
	overflow:hidden;
	display: block;
}

#contents .link_list_6box li a {
	padding:10px 10px 10px 15px;
}

#contents .link_list_1box li a:hover,
#contents .link_list_2box li a:hover,
#contents .link_list_3box li a:hover,
#contents .link_list_6box li a:hover,
#contents .link_list_3box.languageNav li span:hover,
#contents .link_list_2box.languageNav li span:hover,
#contents .link_list_2box.languageNav li a:hover,
#contents .imgLink_ist_2box li a:hover,
#contents .imgLink_ist_3box li a:hover {
	background: #c5e8c5;
	color:#0b685f;
	text-decoration:none;
}

#high_school #contents .link_list_3box li a:hover,
#high_school #contents .link_list_6box li a:hover,
#high_school #contents .link_btn a:hover {
	background: rgba(227, 246, 255, 0.7);
	color: #00587f;
	text-decoration:none;
}

#contents .link_list_1box li a:before,
#contents .link_list_2box li a:before,
#contents .link_list_3box li a:before,
#contents .link_list_6box li a:before,
#contents .link_list_3box.languageNav li span:before,
#contents .link_list_2box.languageNav li span:before,
#contents .link_list_2box.languageNav li a:before,
#high_school #contents .link_btn a:before {
	padding: 0 5px 0 0;
	content: "\f0da";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 1.2rem;
	color: #49cd82;
	display: inline-block;
	transition: 0.3s;
}

#high_school #contents .link_list_3box li a:before,
#high_school #contents .link_list_6box li a:before,
#high_school #contents .link_btn a:before {
	color: #1daad1;
}

#contents .link_list_1box li a:hover:before,
#contents .link_list_2box li a:hover:before,
#contents .link_list_3box li a:hover:before,
#contents .link_list_1box li a:hover:after,
#contents .link_list_2box li a:hover:after,
#contents .link_list_3box li a:hover:after,
#contents .link_list_6box li a:hover:after,
#contents .link_list_3box.languageNav li span:hover:after,
#contents .link_list_2box.languageNav li span:hover:after,
#contents .link_list_2box.languageNav li a:hover:after,
#contents .imgLink_ist_2box li a:hover:after,
#contents .imgLink_ist_3box li a:hover:after,
#contents .link_list_1box li a.directLink:hover:after,
#contents .link_list_2box li a.directLink:hover:after,
#contents .link_list_3box li a.directLink:hover:after {
	color: #0b685f;
}

#high_school #contents .link_list_3box li a:hover:before,
#high_school #contents .link_list_6box li a:hover:before,
#high_school #contents .link_btn a:hover:before {
	color: #00587f;
}

#contents .link_list_1box .no_link,
#contents .link_list_2box .no_link,
#contents .link_list_3box .no_link {
	width: 100%;
	display: block;
	box-sizing: border-box;
	padding: 10px 25px 10px 15px;
	text-align: left;
	background: #FFF;
}

#contents .link_list_2box .no_link {
	width: 49.8%;
}

#contents .link_list_3box .no_link {
	width: 33%;
}

/*易いボックス2双�Kびのリンクリスト*/
#contents .link_list_2box li {
	display: block;
	float: left;
	width: 49.8%;
	margin:0 0.2% 1px 0;
	list-style: none;
	background:#FFF;
	display: flex;
	flex-wrap: nowrap;

}

#contents .link_list_2box li:nth-child(2n) {
	width: 50%;
	margin:0 0 1px 0;
}

/*易いボックス1双�Kびのリンクリスト*/
#contents .link_list_1box li {
	display: block;
	float: left;
	width: 100%;
	margin:0 1px 1px 0;
	list-style: none;
	background:#FFF;
}

/*リンクアイコンのみ、1双のリンクリスト*/
#contents .link_list1 {
	margin: 0 0 20px;
	float:left;
}

	#contents .link_list1 li {
		list-style:none;
		width:100%;
		margin: 0;
		float:left;
		margin-bottom: 5px;
	}
	#contents .link_list1 li a {
		padding:0 0 0 15px;
		background:url(/crsgc/csmr/common/img/linkIcon_off.png) 3px 3px no-repeat;
		float:left;
	}

	#contents .link_list1 li a:hover {
		padding:0 0 0 15px;
		background:url(/crsgc/csmr/common/img/linkIcon_on.png) 3px 3px no-repeat;
	}

	#contents .link_list1 li .no_link {
		padding:0 0 0 15px;
		margin-bottom: 8px;
		background:url(/crsgc/csmr/common/img/listIcon.png) left 6px no-repeat;
		float:left;
	}

	#contents .link_list1 li ul li .no_link {
		padding:0 0 0 15px;
		margin-bottom: 8px;
		background:url(/crsgc/csmr/common/img/sideLinkIcon_S_nolink.png) left 8px no-repeat;
		float:left;
	}

		#contents .link_list1 li .open_link {
			padding:0 0 0 15px;
			margin-bottom:0.7em;
			background:url(/crsgc/csmr/common/img/linkIcon_side_open.png) left 3px no-repeat;
			float:left;
		}

	#contents .link_list1 li ul {
		float:left;
		margin:0;
	}

	#contents .link_list1 li ul li {
		margin-left:15px;
		width: 95%;
		width: calc(100% - 15px);
		width: -webkit-calc(100% - 15px);
		width: -moz-calc(100% - 15px);
	}

	#contents .link_list1 li ul li a {
		background:url(/crsgc/csmr/common/img/sideLinkIcon_S_off.png) left 8px no-repeat;
	}

	#contents .link_list1 li ul li a:hover {
		background:url(/crsgc/csmr/common/img/sideLinkIcon_S_on.png) left 8px no-repeat;
	}

	#contents .link_list1 li .noLink {
		padding: 0 0 0 15px;
		background: url(/crsgc/csmr/common/img/listIcon.png) left 5px no-repeat;
		display: block;
	}
/*リンクアイコンのみ2双のリンクリスト*/
#contents .link_list2 {
	margin: 0 0 20px 0;
	float:left;
	width: 100%;
}

#contents .link_list2 li {
	list-style:none;
	width:50%;
	float:left;
	margin:0 0 5px 0;
	padding:0;
}

#contents .link_list2 li a {
	padding: 0 15px 0 15px;
	width: 100%;
	box-sizing: border-box;
	background:url(/crsgc/csmr/common/img/linkIcon_off.png) 2px 3px no-repeat;
}

#contents .link_list2 li a:hover {
	background:url(/crsgc/csmr/common/img/linkIcon_on.png) 2px 3px no-repeat;
}


/*リンクアイコンのみ3双のリンクリスト*/
#contents .link_list3 {
	float:left;
	width:100%;
	overflow:hidden;
	margin: 0 0 30px 0;
}

#contents .link_list3 li {
	list-style:none;
	width:33.3%;
	float:left;
	margin:0 0 5px 0;
	padding:0;
}

#contents .link_list3 li a {
	padding: 0 15px 0 15px;
	background:url(/crsgc/csmr/common/img/linkIcon_off.png) 2px 3px no-repeat;
	float: left;
}

#contents .link_list3 li a:hover {
	color: #c6002f;
	background:url(/crsgc/csmr/common/img/linkIcon_on.png) 2px 3px no-repeat;
}

#contents .link_list3 li .noLink {
	padding: 0 5% 0 5%;
	width: 90%;
	background: url(/crsgc/csmr/common/img/listIcon.png) left 5px no-repeat;
	display: block;
}

	#contents .link_list3 li:nth-child(3n) {
		width: 33.4%;
	}

	#contents .link_list3 li:nth-child(3n+1) {
	clear: both;
}


#contents .link_list1 li a:before,
#contents .link_list2 li a:before,
#contents .link_list3 li a:before {
	padding: 2px 5px 0 0;
	content: "\f0da";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 1.2rem;
	color: #49cd82;
	display: inline-block;
	transition: 0.3s;
}

#contents .link_list1 li a:hover:before,
#contents .link_list2 li a:hover:before,
#contents .link_list3 li a:hover:before {
	color: #0b685f;
}

/*�\いボックスに橿眉叔のリンクリスト��2双,3双��*/
#contents .link_list_2clm,
#contents .link_list_3clm {
	width: 100%;
	float: left;
	margin: 0 0 20px 0;
	padding: 0;
}

#contents .link_list_2clm li {
	width: 50%;
	box-sizing: border-box;
	float: left;
	list-style: none;
	margin-left: 0;
	margin-bottom: 1px;
}

#contents .link_list_3clm li {
	width: 33.33%;
	float: left;
	list-style: none;
	margin-left: 0;
	margin-bottom: 1px;
}

#contents .link_list_3clm li a,
#contents .link_list_2clm li a {
	display: block;
	text-align:left;
	font-weight:normal;
	background:#49cd82 url(../img/linkBoxIcon_off.png) left 10px no-repeat;
	color:#ffffff;
	padding:9px 16px 8px;
	margin:0;
	box-sizing: border-box;
	border-right: solid 1px #F3F3F3;
	font-size: 16px;
	width: 100%;
}

#contents .link_list_3clm li a:hover,
#contents .link_list_2clm li a:hover {
	background: #fff533 url(../img/linkBoxIcon_on.png) left 10px no-repeat;
	text-decoration: none;
	color:#0b685f;
}

@media screen and (max-width: 767px) {

	#contents .link_list1 li,
	#contents .link_list2 li,
	#contents .link_list3 li,
	#contents .link_list_2box li,
	#contents .link_list_3box li,
	#contents .link_list_3box.languageNav li,
	#contents .link_list_3clm li,
	#contents .link_list_2clm li {
		width: 100%;
	}

	#contents .link_list3 li:nth-child(3n) {
		width: 100%;
	}

	#contents .link_list_2box li:nth-child(2n) {
		width: 100%;
	}
	
}

/* ---------- 4カラム鮫�颯螢好� ---------- */

#contents .pictureList {
	width: 100%;
	margin: 0 0 30px 0;
	display: flex;
	flex-wrap: wrap;
}

#contents .pictureList li {
	width: calc(25% - 15px);
	margin: 0 20px 15px 0;
	list-style: none;
}

#contents .pictureList li:nth-child(4n) {
	margin: 0 0 15px 0;
}

#contents .pictureList li a {
	width: 100%;
}

#contents .pictureList li a:hover {
	opacity: 0.7;
}

@media screen and (max-width: 767px) {
	
	#contents .pictureList li {
		width: calc(50% - 5px);
		margin: 0 10px 10px 0;
		list-style: none;
	}

	#contents .pictureList li:nth-child(4n) {
		margin: 0 5px 10px 0;
	}
	
	#contents .pictureList li:nth-child(2n) {
		margin: 0 0px 10px 0;
	}
	
}

/* ========================== カラムボックス�O協 ========================== */

.flexwrap {
	width: 100%;
	float: left;
	overflow: hidden;
	/*margin-bottom: 1px;*/
}

/* ---------- 2カラムボックス ---------- */
#contents .flexwrap .cat_2clm_block {
	position: relative;
display:block;
overflow:hidden;
box-sizing: border-box;
width: 50%;
float:left;
border-right: solid 1px #F3F3F3;
background:#FFF;
margin-bottom: 1px;
}

#contents .cat_2clm_block .con_header_img {
	height: 190px;
}


	#contents .cattop .cat_2clm_block .con_header {
		text-align:left;
		font-weight:normal;
		font-size:100%;
		background: #49cd82;
		background-color: rgba(9,170,158,0.9);
		color:#ffffff;
		overflow:hidden;
		margin:0;
		padding: 0;
	}

	#contents .cattop .cat_2clm_block .con_header a {
		display: block;
		box-sizing: border-box;
		text-align:left;
		font-weight:normal;
		background: #49cd82 url(../img/linkBoxIcon_off.png) left 10px no-repeat;
		background-color: rgba(9,170,158,0.9);
		color:#ffffff;
		padding:9px 13px 8px 15px;
		margin:0;
		font-size: 15px;
		width: 100%;
	}

	#contents .cattop .cat_2clm_block .con_header a:hover {
		background: #fff533 url(../img/linkBoxIcon_on.png) left 10px no-repeat;
		background-color: rgba(255,245,51,0.9);
		text-decoration: none;
		color:#0b685f;
}




/* ---------- 3カラムボックス ---------- */
#contents .flexwrap .cat_3clm_block {
	position: relative;
display:block;
overflow:hidden;
box-sizing: border-box;
width: 33.33%;
float:left;
border-right: solid 1px #F3F3F3;
background:#FFF;
margin-bottom: 1px;
}

#contents .flexwrap .cat_3clm_block:nth-child(3n) {
	border: none;
	width: 33.34%;
}

#contents .cat_3clm_block .con_header_img {
	height: 190px;
}

#contents .flexwrap .con_header img {
	width: auto !important;
	max-width: 100%;
	height: auto;
}





/* ---------- 3カラムボックス�┘�テゴリトップ喘��---------- */
#contents .cattop .cat_3clm_block {
	display:block;
	overflow:hidden;
	width: 33.229%;
	width: calc(33.2% - 1px);
	width: -webkit-calc(33.2% - 1px);
	width: -moz-calc(33.2% - 1px);
	float:left;
	margin:0 1px 1px 0;
	background:#FFF;
}

	#contents .cattop .cat_3clm_block .con_header {
		text-align:left;
		font-weight:normal;
		font-size:100%;
		background: #49cd82;
		background-color: rgba(9,170,158,0.9);
		color:#ffffff;
		overflow:hidden;
		margin:0;
		padding: 0;
	}

	#contents .cattop.ad .cat_3clm_block .con_header {
		height: 100%;
}

	#contents .cattop .cat_3clm_block .con_header a {
		display: block;
		box-sizing: border-box;
		text-align:left;
		font-weight:normal;
		background: #49cd82 url(../img/linkBoxIcon_off.png) left 10px no-repeat;
		background-color: rgba(9,170,158,0.9);
		color:#ffffff;
		padding:9px 13px 8px 15px;
		margin:0;
		font-size: 15px;
		width: 100%;
		height: 100%!important;
	}

	#contents .cattop .cat_3clm_block .con_header a:hover {
		background: #fff533 url(../img/linkBoxIcon_on.png) left 10px no-repeat;
		background-color: rgba(255,245,51,0.9);
		text-decoration: none;
		color:#0b685f;
}

		#contents .cattop .cat_3clm_block > p {
			margin: 20px 6% 20px;
		}
		
		#contents .cattop .cat_3clm_block .con_header_link+p,
		#contents .cattop .cat_3clm_block .con_header+p,
		#contents .cattop .cat_3clm_block .con_header+p.link_list1,
		#contents .cattop .cat_3clm_block .con_header_img+p,
		#contents .cattop .cat_3clm_block .con_header_img+p.link_list1,
		#contents .cattop .cat_3clm_block .con_header_link+p.link_list1 {
			margin: 20px 6% 20px;
			float: left;
		}
		
		#contents .cattop .cat_3clm_block > ul.link_list1 {
			margin: 0 6% 12px;
			width: 88%;
		}

		#contents .cattop .cat_3clm_block .con_header_link+ul,
		#contents .cattop .cat_3clm_block .con_header_link+ol,
		#contents .cattop .cat_3clm_block .con_header_img+ul,
		#contents .cattop .cat_3clm_block .con_header_img+ol,
		#contents .cattop .cat_3clm_block .con_header+ul,
		#contents .cattop .cat_3clm_block .con_header+ol {
			margin: 20px 3.5% 20px 10%;
			width: 86.5%;
		}

		#contents .cattop .cat_3clm_block .con_header_link+ul.link_list1,
		#contents .cattop .cat_3clm_block .con_header_img+ul.link_list1,
		#contents .cattop .cat_3clm_block .con_header+ul.link_list1 {
			margin: 20px 6% 12px;
			width: 88%;
		}












/* ---------- 4カラムボックス ---------- */
#contents .flexwrap .cat_4clm_block {
display:block;
overflow:hidden;
box-sizing: border-box;
width: 25%;
float:left;
border-right: solid 1px #F3F3F3;
background:#FFF;
margin-bottom: 1px;
}

#contents .flexwrap .cat_4clm_block:nth-child(4n) {
	border: none;
}

#contents .cat_4clm_block .con_header_img {
	height: 170px;
}
/* ---------- カラムの嶄の��塀�O協 ---------- */
#contents .flexwrap .cat_2clm_block .link_list1 li,
#contents .flexwrap .cat_3clm_block .link_list1 li,
#contents .flexwrap .cat_4clm_block .link_list1 li {
	margin-left: 9px;
	width: /*97.3*/90%;
	width : -webkit-calc(100% - 9px) ;
	width: -moz-calc(100% - 9px);
	width: calc(100% - 9px);
	float: left;
}

#contents .flexwrap .cat_2clm_block .link_list1 li .link_list1 li,
#contents .flexwrap .cat_3clm_block .link_list1 li .link_list1 li,
#contents .flexwrap .cat_4clm_block .link_list1 li .link_list1 li {
	margin: 0 0 3px 17px;
	width: 88%;
	width : -webkit-calc(100% - 17px) ;
	width: -moz-calc(100% - 17px);
	width: calc(100% - 17px);
	float: left;
}


#contents .flexwrap .cat_2clm_block .link_list1 li .link_list1 li:first-child,
#contents .flexwrap .cat_3clm_block .link_list1 li .link_list1 li:first-child,
#contents .flexwrap .cat_4clm_block .link_list1 li .link_list1 li:first-child {
	margin: 3px 0 3px 17px;
}

#contents .flexwrap .cat_2clm_block .link_list1 li a,
#contents .flexwrap .cat_3clm_block .link_list1 li a,
#contents .flexwrap .cat_4clm_block .link_list1 li a {
	margin-bottom: 0;
}

#contents .flexwrap .cat_2clm_block .link_list1 li a img,
#contents .flexwrap .cat_3clm_block .link_list1 li a img,
#contents .flexwrap .cat_4clm_block .link_list1 li a img {
	width: auto;
	height: auto;
}


#contents .flexwrap .cat_2clm_block p,
#contents .flexwrap .cat_3clm_block p,
#contents .flexwrap .cat_4clm_block p {
	margin: 0 15px 10px 15px;
	display: block;
	float: left;
}

#contents .flexwrap .cat_2clm_block ul,
#contents .flexwrap .cat_3clm_block ul,
#contents .flexwrap .cat_4clm_block ul {
	margin-bottom: 10px;
}

#contents .flexwrap .cat_2clm_block .con_header + ul,
#contents .flexwrap .cat_3clm_block .con_header + ul,
#contents .flexwrap .cat_4clm_block .con_header + ul,
#contents .flexwrap .cat_2clm_block .con_header + p,
#contents .flexwrap .cat_3clm_block .con_header + p,
#contents .flexwrap .cat_4clm_block .con_header + p,
#contents .flexwrap .cat_2clm_block .con_header_link + ul,
#contents .flexwrap .cat_3clm_block .con_header_link + ul,
#contents .flexwrap .cat_4clm_block .con_header_link + ul,
#contents .flexwrap .cat_2clm_block .con_header_link + p,
#contents .flexwrap .cat_3clm_block .con_header_link + p,
#contents .flexwrap .cat_4clm_block .con_header_link + p,
#contents .flexwrap .cat_2clm_block .con_header_img + ul,
#contents .flexwrap .cat_3clm_block .con_header_img + ul,
#contents .flexwrap .cat_4clm_block .con_header_img + ul,
#contents .flexwrap .cat_2clm_block .con_header_img + p,
#contents .flexwrap .cat_3clm_block .con_header_img + p,
#contents .flexwrap .cat_4clm_block .con_header_img + p {
	margin-top: 10px;
}

/*カラムの嶄のcon_header*/
#contents .flexwrap .cat_2clm_block .con_header,
#contents .flexwrap .cat_3clm_block .con_header,
#contents .flexwrap .cat_4clm_block .con_header {
	margin-bottom: 0;
}

/*鮫�颪覆掘▲�ラムの嶄のconheaderリンク*/
#contents .cat_2clm_block .con_header_link,
#contents .cat_3clm_block .con_header_link,
#contents .cat_4clm_block .con_header_link {
	float: left;
	width: 100%;
	height: 100%;
	background: none;
	margin:0;
	padding:0;
}

	#contents .cat_2clm_block .con_header_link a,
	#contents .cat_3clm_block .con_header_link a,
	#contents .cat_4clm_block .con_header_link a {
		display: block;
		box-sizing: border-box;
		text-align:left;
		font-weight:normal;
		background: #49cd82 url(../img/linkBoxIcon_off.png) left 10px no-repeat;
		background-color: rgba(9,170,158,0.9);
		color:#ffffff;
		padding:9px 13px 8px 15px;
		margin:0;
		font-size: 15px;
		width: 100%;
	}

	#contents .cat_2clm_block .con_header_link a:hover,
	#contents .cat_3clm_block .con_header_link a:hover,
	#contents .cat_4clm_block .con_header_link a:hover {
		background: #fff533 url(../img/linkBoxIcon_on.png) left 10px no-repeat;
		background-color: rgba(255,245,51,0.9);
		text-decoration: none;
		color:#0b685f;
	}

#contents .flexwrap .cat_2clm_block img,
#contents .flexwrap .cat_3clm_block img,
#contents .flexwrap .cat_4clm_block img {
	width: 100%;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-ms-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
}

#contents .cat_2clm_block .con_header_img ,
#contents .cat_3clm_block .con_header_img ,
#contents .cat_4clm_block .con_header_img {
	width: 100%;
	background: #CCC;
	overflow: hidden;
	position: relative;
	float: left;
}

	#contents .flexwrap .cat_2clm_block .con_header_img a,
	#contents .flexwrap .cat_3clm_block .con_header_img a,
	#contents .flexwrap .cat_4clm_block .con_header_img a {
		display: block;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}

	#contents .cat_2clm_block .con_header_img .con_header,
	#contents .cat_3clm_block .con_header_img .con_header,
	#contents .cat_4clm_block .con_header_img .con_header {
		position: absolute;
		bottom: 0;
		left: 0;
		box-sizing: border-box;
		background:#49cd82;
		background-color: rgba(9,170,158,0.9);
		text-align:left;
		font-weight:normal;
		color:#333333;
		overflow:hidden;
		padding: 9px 13px 8px 15px;
		margin:0;
		font-size:15px;
		float: left;
		width: 100%;
	}

	#contents .cat_2clm_block .con_header_img a .con_header,
	#contents .cat_3clm_block .con_header_img a .con_header,
	#contents .cat_4clm_block .con_header_img a .con_header {
		position: absolute;
		bottom: 0;
		left: 0;
		box-sizing: border-box;
		background:#49cd82 url(../img/linkBoxIcon_off.png) left 10px no-repeat;
		background-color: rgba(9,170,158,0.9);
		text-align:left;
		font-weight:normal;
		color:#ffffff;
		overflow:hidden;
		padding: 9px 13px 8px 15px;
		margin:0;
		font-size:15px;
		float: left;
		width: 100%;
		-webkit-transition: color 0.3s ease;
		-moz-transition: color 0.3s ease;
		-ms-transition: color 0.3s ease;
		-o-transition: color 0.3s ease;
		-webkit-transition: background-color 0.3s ease;
		-moz-transition: background-color 0.3s ease;
		-ms-transition: background-color 0.3s ease;
		-o-transition: background-color 0.3s ease;
	}

	#contents .cat_2clm_block .con_header_img a:hover .con_header,
	#contents .cat_3clm_block .con_header_img a:hover .con_header,
	#contents .cat_4clm_block .con_header_img a:hover .con_header {
		background:#fff533 url(../img/linkBoxIcon_on.png) left 10px no-repeat;
		background-color: rgba(255,245,51,0.9);
		color:#0b685f;
	}
	
	#contents .cat_2clm_block .con_header_img a:hover img,
	#contents .cat_3clm_block .con_header_img a:hover img,
	#contents .cat_4clm_block .con_header_img a:hover img {
		opacity: 0.7;
	}


@media screen and (max-width: 1024px) {

	#contents .cat_3clm_block .con_header_img {
		height: 150px;
	}
	
	#contents .flexwrap .cat_4clm_block {
		width: 50%;
	}

	#contents .flexwrap .cat_4clm_block:nth-child(even) {
		border-right: none;
	}
	
}
@media screen and (max-width: 767px) {
#contents .flexwrap .cat_4clm_block,
#contents .flexwrap .cat_3clm_block,
#contents .flexwrap .cat_2clm_block {
width: 100%;
border-right: none;
}

#contents .cat_3clm_block .con_header_img {
	height: 250px;
}
#contents .flexwrap .cat_3clm_block:nth-child(3n) {
	border: none;
	width: 100%;
}

}

@media screen and (max-width: 767px) {

#contents .text_2clmbox .left_column,
#contents .text_2clmbox .right_column,
#contents .text_3clmbox .left_column,
#contents .text_3clmbox .center_column,
#contents .text_3clmbox .right_column {
	width: 100%;
	margin: 0;
}
}
/* ========================== テ�`ブル�O協 ========================== */
#contents table {
	width: 100%;
	margin-bottom: 30px;
	float: left;
	border-collapse: collapse;
	border: solid 2px #999999;
/*	table-layout: fixed;*/
}

	#contents table ul,
	#contents table ol {
		margin-bottom:0;
	}
	
	#contents table ul li,
	#contents table ol li {
		font-size:100%;
	}
	
	#contents table ul li:last-child,
	#contents table ol li:last-child {
		margin-bottom:0;
	}

	#contents table .link_list1 li ul {
		margin:0;
	}

th,td {
	padding:6px 7px;
	vertical-align:top;
	border-bottom: solid 1px #9E9E9F;
	border-right: solid 1px #9E9E9F;
}

.education .jp th,
.education .jp td {
	padding: 11px 7px 6px 7px;
}

th {
	/*padding:12px 7px;*/
	background: #EDF4EF;
	text-align: left;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
}

td {
	background:#FFFFFF;
	border: solid gray 1px;
	padding: 5px;
	height:100%;
}

table tr:first-child td:first-child {
	height: 30px;
	width: 40px;
	padding: 0;
}

.diagonal {
	height: 100%;
	width: 31%;
	border-top: solid gray 1px;
}

.rightUp {
	transform: matrix(3.45, -0.75, 0, 1, 47, 12);
/*
0.75 = 30 / 40 (height / width)
15 = 30 / 2
*/
}

#contents .alternate_table tr:nth-child(2n) td {
		background: #F3F1EE none repeat scroll 0 0;
}

th.pink,
td.pink {
	background:#F4DCE5;
	color: #C8446F;
	font-weight: bold;
}

th.blue,
td.blue {
	background:#D6E8F1;
	color: #4291C9;
	font-weight: bold;
}

th.bgPink,
td.bgPink {
	background: #F0E1EE;
}

td.bggy,
.cel_gl {
	background:#E8E8E8;
	color: #282828;
}

.cel_gl2 {
	background: #666;
	color: #FFF;
}

.cel_yellow {
	background: #fff799;
}





#contents table p {
	width: 100%;
	display: inline-block;
	margin-bottom: 0;
}

tr.borderNonTB td {
	border-top: none;
	border-bottom: none;
}

.borderNonB  {
	border-bottom: none;
}

.spOnly {
	display: none !important;
}

@media screen and (max-width: 767px) {
	.scroll {
		overflow-x: auto;
	}

	.scroll table {
		min-width: 767px;
	}

	.spOnly {
		display: block !important;
	}

}



/* トピックス */

#contents #topics-list {
	line-height: 1.46153846;
	padding: 0 !important;
	margin: 0 !important;
	float:left;
	width: 100%;
}

#topics-list.current {
	display:block !important;
}

	#contents #topics-list li {
		box-sizing: border-box;
		padding: 8px 0 8px 100px;
		border-bottom: 1px solid #CCCCCC;
		position: relative;
		list-style: none;
		margin-left:0;
		width: 99%;
		display:block;
		float:left;
	}

	#contents #topics-list li.news,
	#contents #topics-list li.news_en,
	#contents #topics-list li.admission,
	#contents #topics-list li.admission_en,
	#contents #topics-list li.event,
	#contents #topics-list li.event_en,
	#contents #topics-list li.class,
	#contents #topics-list li.class_en {
		padding: 8px 0 8px 0;
	}

		#topics-list li div.inner {
			background: none;
		}

		#topics-list li .date {
			display:block;
			float:right;
			width:130px;
			font-size: 85%;
			text-align: right;
		}

		#topics-list li .title,
		#topics-list li a .title {
			display:inline-block;
			width:80%;
			width: calc(100% - 240px);
			width: -webkit-calc(100% - 240px);
			width: -moz-calc(100% - 240px);
			float:left;
		}


/*アイコン�O協*/
#topics-list li:before {
	font-size:71.42%;
	display:block;
	width:80px;
	float:left;
	text-align:center;
	margin: 0 20px 0 0;
	content:" ";
}

#topics-list li.news_en:before,
#topics-list li.news:before {
	color: #06c;
	border: 1px solid #06c;
	content:"お岑らせ";
}

#topics-list li.news_en:before {
	content:"news";
}

#topics-list li.admission_en:before,
#topics-list li.admission:before {
	color: #090;
	border: 1px solid #090;
	content:"秘��秤��";
}

#topics-list li.admission_en:before {
	content:"admission";
}

#topics-list li.event_en:before,
#topics-list li.event:before {
	color: #c30;
	border: 1px solid #c30;
	content:"イベント";
}

#topics-list li.event_en:before {
	content:"event";
}

#topics-list li.class_en:before,
#topics-list li.class:before {
	color: #070;
	border: 1px solid #070;
	content:"娩�I";
}

#topics-list li.class_en:before {
	content:"class";
}



/* ========================== サイト坪�碧��O協 ========================== */
#search #contents {
	width: 97.4%;
}

#searchResult {
	width: 100%;
	float: left;
}

#searchResult table,
#searchResult table th,
#searchResult table td {
	border: none ;
	background: #F3F3F3 !important;
}

#searchResult table.gsc-search-box,
#searchResult table.gsc-above-wrapper-area-container,
#searchResult table.gsc-resultsHeader,
#searchResult table.gcsc-branding,
#searchResult table.gsc-table-result {
	border-top: none;
	border-left: none;
}

#searchResult .gsc-control-cse {
	background: #F3F3F3 !important;
	border: none;
}

#searchResult .gsc-webResult.gsc-result,
#searchResult .gsc-results .gsc-imageResult {
	background: #F3F3F3 !important;
	border: none !important;
}

#searchResult .gs-bidi-start-align.gs-visibleUrl.gs-visibleUrl-long {
	word-break: keep-all !important;
}

#searchResult .gsib_a {
	background: #ffffff !important;
}

#gs_id50 {
	border: 1px solid #9e9e9f !important;
	box-sizing:border-box;
}

.gsc-input-box {
	border: none !important;
}

.gsc-cursor-page {
	background: #F3F3F3 !important;
}

/* ========================== 縮圄 ========================== */


@media print {
	#page-title-faculty h2 {
			font-family:"ヒラギノ叔ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
}


/* ========================== 古勣 ========================== */

.greetingName {
	font-family: "ヒラギノ苧劾 Pro W3", "ＭＳ Ｐ苧劾", "MS PMincho", "Hiragino Mincho Pro", serif;
	text-align: right;
	font-size: 20px;
}



/*トピックス�O協*/
	#main .topics-title{
		float:left;
		width:80%;
		padding:5px 0 20px 80px;
		font-family: 'Noto Sans Japanese', serif;
		font-family:"ヒラギノ叔ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif\9;
		font-weight: Medium;
	}
		#main .topics-headline{
			font-size: 26px;
			margin:0 20px 0 0;
			color: #000;
		}
		#main .topics-subtitle{
			font-size: 14px;
			color: #333333;
		}

	.moreBlock {
		float:right;
		margin-top: 0px;
	}

.moreBlock .moreLink {
	float: left;
}

	.moreLink {
		font-size: 10px;
		color: #333333;
		padding: 0 10px;
		border-radius: 5px;
		background: #dfdfdf;
		margin:0 5px 0 0;
	}

	.moreLink:hover {
		background: rgba(73,205,130,0.8);
		color: #fff !important;
		text-decoration: none !important;
	}

	.moreLink:before {
		padding: 2px 5px 0 0;
		content: "\f0da";
		font-family: 'Font Awesome 5 Free';
		font-weight: 900;
		font-size: 0.8rem;
		color: #49cd82;
		display: inline-block;
	}

	.moreLink:hover:before {
		color: #fff;
	}

a.rss {
	width: 17px;
	display: block;
	float: left;
}

a.rss img {
	width: 100%;
	vertical-align: top;
}

	a.rss:hover {
		filter: alpha(opacity=60);
		-moz-opacity:0.6;
		opacity:0.6;
	}



#main .topics-wrapper {
		border-top: 1px dotted #939393;
		position: relative;
		width:100%;
		margin: 0 auto 0;
		padding: 15px 0 0 0;
		overflow: hidden;
	}

.topics {
	width: 100%;
	float: left;
	border-top: 1px dotted #939393;
	padding: 15px 0 0;
}

.topics-article {
	width: 100%;
	float: left;
}

#contents .topics-article li {
	float: left;
	margin: 0 1.3% 18px 0;
	width: 49.35%;
	list-style: none;
	padding: 10px 0;
	background: #ffffff;
	-webkit-transition: background-color 0.3s ease;
	-moz-transition: background-color 0.3s ease;
	-ms-transition: background-color 0.3s ease;
	-o-transition: background-color 0.3s ease;

}

#contents .topics-article li:hover {
	background: #fffcb9;
}

#contents .topics-article li:nth-child(even) {
	margin: 0 0 18px 0;
}

.topics-article li a {
	background: #fff url(../img/sideLinkIcon_off.png) right center no-repeat;
	width: 100%;
	display: block;
	overflow: hidden;
	-webkit-transition: background-color 0.3s ease;
	-moz-transition: background-color 0.3s ease;
	-ms-transition: background-color 0.3s ease;
	-o-transition: background-color 0.3s ease;
}

.topics-article li.linkNon a {
	width: auto;
	margin: 0 3px;
	padding:0 0 0 11px;
	display: inline;
	background:url(/crsgc/csmr/common/img/linkIcon_off.png) left top no-repeat;
}

.topics-article li.linkNon a:hover {
	background:url(/crsgc/csmr/common/img/linkIcon_on.png) left top no-repeat !important;
	color: #00993b;
	text-decoration: underline;
}

.topics-article li:hover a {
	background: #fffcb9 url(../img/sideLinkIcon_off.png) right center no-repeat;
}

.topics-article li.linkNon:hover a {
	background: #fffcb9 url(/crsgc/csmr/common/img/linkIcon_off.png) left top no-repeat;
}

.swiper-container {
	width: 100%;
	height: 50%;
}

@media screen and (max-width: 1024px) {
	.swiper-container {
		height: 50%;
	}


}

@media screen and (max-width: 767px) {
	.swiper-container {
		height: 40%;
	}
	

}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-container-fade .swiper-slide {
	background-size: cover;
	background-position: top center;
}

.swiper-button-next,
.swiper-button-prev {
	top: 60%;
}

.swiper-button-prev::after {
	position: relative;
	content: "\f053";
	font-family: 'Font Awesome 5 Free';
	padding: 8px 12px;
	font-size: 3rem;
	color: #fff;
	text-shadow: 2px 2px 3px #333;
}
.swiper-button-next::after {
	position: relative;
	content: "\f054";
	font-family: 'Font Awesome 5 Free';
	padding: 8px 12px;
	font-size: 3rem;
	color: #fff;
	text-shadow: 2px 2px 3px #333;
}
.swiper-pagination-bullet {
	box-shadow: 1px 1px 0 #fff;
}

.swiper-pagination-bullet-active {
	background: #fff;
	box-shadow: 1px 1px 2px #333;
}



#contents .topics-article li a:hover {
	text-decoration: none;
}




.topics-article li:hover a {
	background: #fffcb9 url(../img/sideLinkIcon_off.png) right center no-repeat;
}

#contents .topics-article li a:hover {
	text-decoration: none;
}

.topics-article li .topics-article-title {
	line-height: 18px;
	font-weight: bold;
	font-size: 14px;
	margin:0 30px 5px 15px;
	color: #49cd82;
	-webkit-transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-ms-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
}

.topics-article li .topics-article-text {
	line-height: 18px;
	font-size: 12px;
	color: #686868;
	margin:0 30px 0 15px;
	-webkit-transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-ms-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;

}

.topics-article li .topics-article-date {
	font-size: 10px;
	color: #89704C;
	margin:0 30px 0 15px;
	-webkit-transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-ms-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
}

/*.topics-article li:hover .topics-article-title,
.topics-article li:hover .topics-article-date,
.topics-article li:hover .topics-article-text {
	color: #fff;
}*/

.topics-article li:hover .topics-article-title {
	color: #0b685f;
}

@media screen and (max-width: 1120px) {

	.fs_topBox_title {
		font-size: 24px;
		box-sizing: border-box;
	}

}

@media screen and (max-width: 955px) {

	.fs_topBox_title {
		font-size: 18px;
		padding: 0  5px 20px 20px;
	}

}

@media screen and (max-width: 767px) {

	.fs_topBox_text {
		margin-bottom: 50px;
	}

	.fs_topBox_title {
		padding: 0 20px 20px;
	}

	.fs_topBox_title br {
		display: none;
	}

	#main .topics-title{
		width: 60%;
	}
	#contents .topics-article li {
		width: 100%;
		margin:0 0 10px 0;
	}

	.topics-article li:nth-child(even) {
		margin:0 0 10px 0;
	}
}



@media screen and (max-width: 767px) {
#contents table {
	word-break: break-word;
}

}



/* ========================== ��喘�O協 ========================== */
/*罪スクロ�`ルするボックス*/
	#contents .draggableBlock {
		width:100%;
		overflow-x: scroll;
		margin-bottom:30px;
	}

/*鮫�驩v�B*/

a img {
	border:none;
	vertical-align: middle;
}

.w100,
.w100 img {
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	float:left;
}

.capImgL {
	width: auto;
	display: inline-block;
	overflow: hidden;
	float: left;
	font-size: 11px;
	text-align: center;
	margin: 0 20px 20px 0;
}
.capImgR {
	width: auto;
	display: inline-block;
	overflow: hidden;
	float: right;
	font-size: 11px;
	text-align: center;
	margin: 0 0 20px 20px;
}

.photoR {
	float:right;
	padding:5px;
	border:solid 1px #cccccc;
	background:#FFFFFF;
	margin: 0 0 20px 20px;
}

.photoL {
	float:left;
	padding:5px;
	border:solid 1px #cccccc;
	background:#FFFFFF;
	margin: 0 20px 20px 0;
}

.photoLCap {
	float: left;
	width: auto;
	margin: 0 20px 20px 0;
	text-align: center;
	font-size: 11px;
}

.photoRCap {
	float: right;
	width: auto;
	margin: 0 0 20px 20px;
	text-align: center;
	font-size: 11px;
}

.photoLCap img,
.photoRCap img {
	padding: 5px;
	border:solid 1px #cccccc;
	background:#FFFFFF;
	margin-bottom: 5px;
}
#contents .img_4clm_wrap,
#contents .img_3clm_wrap,
#contents .img_2clm_wrap,
#contents .img_1clm_wrap {
	width: 100%;
	float: left;
	margin: 0 0 20px 0;
}

#contents .img_box {
	float: left;
	margin-right: 2%;
	font-size: 11px;
	line-height: 18px;
	text-align: center;
}

#contents .img_4clm_wrap .img_box {
	width: 23.5%;
}

#contents .img_4clm_wrap .img_box:nth-child(4n) {
	margin-right: 0;
}


#contents .img_3clm_wrap .img_box {
	width: 32%;
}

#contents .img_3clm_wrap .img_box:nth-child(3n) {
	margin-right: 0;
}

#contents .img_2clm_wrap .img_box {
	width: 48%;
	margin-right: 4%;
}

#contents .img_2clm_wrap .img_box:nth-child(even) {
	margin-right: 0;
}

#contents .img_box img {
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 5px;
}

.img_1clm_wrap .img_box {
	width: auto;
	max-width: 100%;
	margin: 0 auto;
	overflow: hidden;
	float: none;
}

.img_1clm_wrap .img_box img {
	width: auto;
	max-width: 100%;
	float: none;
	overflow: hidden;
}

.caption_fullwidth {
	width: 100%;
	font-size: 11px;
	line-height: 18px;
	text-align: center;
}

.figImg {
	width: 100%;
	max-width: 900px;
}

figcaption {
	font-size: 0.8rem;
	margin: 0 0 20px 0;
}



/*テキスト廾��*/

#contents .notes {
	width: 100%;
	background: #F8EEE2;
	margin-bottom: 30px;
	float: left;
	overflow: hidden;
	border-radius: 20px;
}

#contents .notes strong {
	width: 100%;
	box-sizing: border-box;
	padding: 10px 15px 5px;
	border-bottom: solid 3px #FFFFFF;
	float: left;
	font-weight: bold;
	margin-bottom: 5px;
}

#contents .notes p {
	width: 100%;
	box-sizing: border-box;
	padding: 5px 15px;
	float: left;
	margin-bottom: 5px;
}

#contents .notes .notesList {
	list-style:none;
	margin:10px 0;
}

#contents .notes .notesList li {
	list-style:none;
	margin-bottom:5px;
}

#contents .notes .notesList li:before {
	content:"¢";
	color:#6A2D55;
	margin-left:-1em;
}


#contents .notes p.only {
	margin: 10px 0;
}


#contents .notes ul,
#contents .notes ol {
	width: 100%;
	box-sizing: border-box;
	padding: 5px 15px;
	float: left;
	margin-bottom: 5px;
}

#contents .notesB {
	box-sizing: border-box;
	width: 100%;
	float: left;
	border: solid 1px #1AC1B0;
	padding: 20px 30px;
	margin-bottom:20px;
	}

#contents .notesB p {
		margin-bottom: 0;
	}

#contents .notesB ul,
#contents .notesB ol {
		margin-bottom: 0;
	}

#contents .notesC {
	width: 100%;
	box-sizing: border-box;
	background: rgba(255,255,255,0.8);
	color: #0b685f;
	float: left;
	border-radius: 10px;
	padding: 10px 20px 15px;
	margin: 0 0 40px;
}
.education #contents .jp .notesC {
	padding: 15px 20px;
}

#contents .notesC span {
	display: inline-block;
	width: 100%;
	border-bottom: 1px dashed #0b685f;
	margin: 0 0 5px 0;
}

.education #contents .jp .notesC span {
	margin: 0 0 12px 0;
}

#contents .notesC p {
	margin: 0;
}

.type20pxMin {
	font-family: "ＭＳ Ｐ苧劾","MS PMincho","ヒラギノ苧劾 Pro W3","Hiragino Mincho Pro",serif;
	font-size: 153.8%;
	font-weight: normal;
	letter-spacing: 2px;
	line-height: 1.22222;
}

.small {
	font-size: 85.71% !important;
}
.big {
	font-size: 114.29% !important;
}

.biggest {
	font-size: 142.9% !important;
}

.al_l {
	text-align: left !important;
}

.al_r {
	text-align: right !important;
}

.al_c {
	text-align: center!important;
}

#al_conR{
	text-align:right !important;
}

#al_conR p{
	display:inline-block;
	text-align: left !important;
}

.talL {
	text-align: left !important;
}

.talC {
	text-align: center !important;
}

.valM {
	vertical-align: middle;
}

.valT {
	vertical-align: top !important;
}

.wbKp {
	word-break: keep-all;
}

.txtRed {
	color: #C6002F !important;
}

.txtBlue {
	color: #005EC0 !important;
}

.txtNavy {
	color: #15295C !important;
}

.txtSky {
	color: #4291c9 !important;
}

.txtGray {
	color: #888 !important;
}

.txtPink {
	color: #EC407A !important;
}

.txtGreen {
	color: #459E25 !important;
}

.txtBrown {
	color: #59310D;
}

.txtJap {
	color: #c00000;
}

.txtChn {
	color: #385623;
}

.txtEng {
	color: #7030a0;
}

.txtEsp {
	color: #00b0f0;
}

.fl_l {
	float: left !important;
}
img.fl_l {
	margin: 0 15px 10px 0
}

.fl_r {
	float: right !important;
}
img.fl_r {
	margin: 0 0 15px 10px;
}

#contents .txtUline {
	text-decoration:underline !important;
}

#contents .txtStrike {
	text-decoration: line-through !important;
}

#contents .txtItalic {
	font-style: italic !important;
}

.font10px {
	font-size: 10px !important;
}
.font11px {
	font-size: 11px !important;
}
.font12px {
	font-size: 12px !important;
}
.font14px {
	font-size: 14px !important;
}
.font16px {
	font-size: 16px !important;
}
.font18px {
	font-size: 18px !important;
}
.font22px {
	font-size: 22px !important;
}
.font28px {
	font-size: 28px !important;
}

.jpFont {
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}

/*噫易�v�S*/
.mrgn10 {
	margin: 10px !important;
}
.mrgn20 {
	margin: 20px !important;
}

.mrgnB0 {
	margin-bottom:0 !important;
}
.mrgnB1 {
	margin-bottom:1px !important;
}

.mrgnB10 {
	margin-bottom:10px !important;
}

.mrgnB20 {
	margin-bottom:20px !important;
}

.mrgnB30 {
	margin-bottom:30px !important;
}

.mrgnB40 {
	margin-bottom:40px !important;
}

.mrgnB50 {
	margin-bottom:50px !important;
}

.mrgnB100 {
	margin-bottom:100px !important;
}

.mrgnT0 {
	margin-top:0 !important;
}

.mrgnT10 {
	margin-top:10px !important;
}

.mrgnT20 {
	margin-top:20px !important;
}

.mrgnT30 {
	margin-top:30px !important;
}

.mrgnT40 {
	margin-top:40px !important;
}

.mrgnT50 {
	margin-top:50px !important;
}

.mrgnR0 {
	margin-right: 0 !important;
}

.mrgnR10 {
	margin-right: 10px !important;
}

.mrgnR20 {
	margin-right: 20px !important;
}

.mrgnR30 {
	margin-right: 30px !important;
}

.mrgnR40 {
	margin-right: 40px !important;
}

.mrgnR50 {
	margin-right: 50px !important;
}
.mrgnL0 {
	margin-left: 0 !important;
}

.mrgnL10 {
	margin-left: 10px !important;
}

.mrgnL20 {
	margin-left: 20px !important;
}

.mrgnL25 {
	margin-left: 25px !important;
}

.mrgnL30 {
	margin-left: 30px !important;
}

.mrgnL40 {
	margin-left: 40px !important;
}

.mrgnL50 {
	margin-left: 50px !important;
}

.pdngT40 {
	padding-top:40px !important;
}

.pdngL0 {
	padding-left:0 !important;
}

.borderB0 {
	border-bottom: none !important;
}

/*嫌峺協*/
.w20per {
	width: 20% !important;
}

/*互さ峺協*/
.h60 {
	height: 60px !important;
}

.h350 {
	height: 350px !important;
}

.h370 {
	height: 370px;
}

.h390 {
	height: 390px;
}

.h400 {
	height: 400px !important;
}

/*嘘尚�v�S*/
.bgBK {
	background: #282828 !important;
}

.bgYe {
	background-color: #FFFF00 !important;
}

.bgWh {
	background: #FFF !important;
}

#contents .flexwrap .box-black{
	background-color: rgb(40, 40, 40);
	color: white;
}


/*その麿*/
.overflowH {
	overflow: hidden !important;
}

.verticalM {
	vertical-align: middle !important;
}

#contents a.backLink {
	color: #49cd82;
}


#breadcrum-nav {
	margin:10px 0 0;
}

 #main .topics-wrapper {
	border: none;
}


#main .mainTopics {
	width: 100%;
	max-height: 500px;
	overflow: auto;
	margin: 0 0 50px 0;
	padding: 20px 0;
	background: #f9f9f9;
}


#main .mainTopics li {
	width: 100%;
	margin: 0 0 30px 0;
	padding: 0 10px 20px;
	list-style: none;
	box-sizing: border-box;
	border-bottom: 1px dashed #333;
}



#main .mainTopics li img {
	width: 100%;
	max-width: 200px;
	float: left;
	margin: 0 15px 15px 0;
	padding: 0;
}

#main .mainTopics li h3 {
	width: 100%;
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 18px;
	font-size: 20px;
	font-weight: bold;
	color: #299156;
}

#main .mainTopics li p {
	margin: 0 0 5px 0;
}

#main .mainTopics li time {
	font-size: 14px;
}


/* #main .mainTopics li {
	width: calc(50% - 7px);
	margin: 0 0 14px 0;
	padding: 0;
	list-style: none;
	background: #fff;
	box-sizing: border-box;
	display: none;
}

 #main .mainTopics li:nth-child(1),
 #main .mainTopics li:nth-child(2),
 #main .mainTopics li:nth-child(3),
 #main .mainTopics li:nth-child(4) {
	display: flex;
}

 #main .mainTopics li > a {
	width: 100%;
	display: flex;
	-webkit-transition: background-color 0.3s ease;
	-moz-transition: background-color 0.3s ease;
	-ms-transition: background-color 0.3s ease;
	-o-transition: background-color 0.3s ease;
}

 #main .mainTopics li a div {
	 position: relative;
	-webkit-transition: background-color 0.3s ease;
	-moz-transition: background-color 0.3s ease;
	-ms-transition: background-color 0.3s ease;
	-o-transition: background-color 0.3s ease;
}

	#main .mainTopics li a div:after {
		padding: 0 10px 0 0;
		content: "\f054";
		font-family: 'Font Awesome 5 Free';
		font-weight: 900;
		font-size: 1.5rem;
		color: #49cd82;
		display: inline-block;
		position: absolute;
		right: 0;
		top: 45%;
	}

	#main .mainTopics li a div:hover:after {
		color: #c5e8c5;

	}


 #main .mainTopics li img {
	width: 100%;
	max-width: 200px;
	margin: 0;
	padding: 0;
	float: left;
	object-fit: cover;
}

 #main .mainTopics li:hover img {
	opacity: 0.7;
}

 #main .mainTopics li div {
	width: calc(100% - 200px);
	margin: 0;
	padding: 10px 20px;
	float: left;
	box-sizing: border-box;
}

 #main .mainTopics li:hover div {
	background: #fffcb9;
	-webkit-transition: background-color 0.3s ease;
	-moz-transition: background-color 0.3s ease;
	-ms-transition: background-color 0.3s ease;
	-o-transition: background-color 0.3s ease;
}

 #main .mainTopics li h3 {
	width: 100%;
	margin:0 0 5px 0;
	line-height: 18px;
	font-weight: bold;
	font-size: 14px;
	color: #49cd82;
	-webkit-transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-ms-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
}

 #main .mainTopics li:hover h3 {
	color: #c5e8c5;
}

 #main .mainTopics li p {
	line-height: 18px;
	font-size: 12px;
	color: #686868;
	margin:0;
	-webkit-transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-ms-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
}

 #main .mainTopics li time {
	font-size: 10px;
	color: #89704C;
	margin:0;
	-webkit-transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-ms-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
}*/


#contents ul.docList {
	width: 100%;
	float: left;
	margin: 0 0 30px;
	display: flex;
	flex-wrap: wrap;
}

#contents ul.docList li {
	width: 33.3%;
	margin: 0 0 15px 0;
	padding: 0;
	list-style: none;
	box-sizing: border-box;
	display: flex;
	position: relative;
}

#contents ul.docList.list1clm li {
	width: 100%;
}

#contents ul.docList li a {
	width: calc(100% - 14px);
	margin: 0 7px;
	padding: 20px 0 20px 50px;
	font-size: 20px;
	list-style: none;
	background: #fff;
	box-sizing: border-box;
	border-bottom: solid 10px #49cd82;
}

#contents ul.docList li a span {
	font-size: 14px;
}

#contents ul.docList li a:after {
	padding: 0 10px 0 0;
	content: "\f054";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 1.5rem;
	color: #49cd82;
	display: inline-block;
	position: absolute;
	left: 20px;
	top: 15px;
}

#contents ul.docList li a:hover {
	background: #fffcb9;
	text-decoration: none;
}


#contents ul.docList.qrList li a {
	padding:10px 10px 10px 50px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#contents ul.docList.qrList li a p {
	width: 45%;
	display: block;
	margin: 10px 0 0;
}

#contents ul.docList.no_qrList li a p {
	width: 95%;
	margin-bottom: 0;
}

#contents ul.docList.qrList li a img {
	width: 100%;
	max-width: 130px;
	max-height: 130px;
	margin: 0;
}

#contents ul.imgLink_ist_2box,
#contents ul.imgLink_ist_3box {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto 30px;
}

#contents ul.imgLink_ist_2box {
	padding: 0 50px;
}

#contents ul.imgLink_ist_2box li,
#contents ul.imgLink_ist_3box li {
	display: flex;flex-wrap: wrap;
	list-style: none;
	background: #fff;
	box-sizing: border-box;
/*	padding: 10px 10px 0;*/
}

#contents ul.imgLink_ist_2box li {
	width: calc(50% - 40px);
	margin: 0 80px 50px 0;
}

#contents ul.imgLink_ist_3box li {
	width: calc(33.3% - 7px);
	margin: 0 10px 10px 0;
}

#contents ul.imgLink_ist_2box li:nth-of-type(2n) {
	margin: 0 0 50px 0;
}

#contents ul.imgLink_ist_3box li:nth-of-type(3n) {
	width: calc(33.4% - 7px);
	margin: 0 0 10px 0;
}

#contents ul.imgLink_ist_2box li a,
#contents ul.imgLink_ist_3box li a {
	padding: 20px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}


	
#contents ul.imgLink_ist_2box li img,
#contents ul.imgLink_ist_3box li img {
	width: 100%;
	height: 180px;
	object-fit: contain;
	background: #f3f3f3;
	margin: 0 0 10px;
}

#contents ul.imgLink_ist_2box li strong,
#contents ul.imgLink_ist_3box li strong {
	margin: 0 0 10px 0;
}

#contents ul.bannerList {
	width: 100%;
	float: left;
	margin: 30px 0;
	display: flex;
	flex-wrap: wrap;
}

#contents ul.bannerList li {
	width: calc(25% - 12px);
	float: left;
	margin: 0 15px 15px 0;
	list-style: none;
	border: 1px solid #ccc;
}

#contents ul.bannerList li:nth-child(4n) {
	margin: 0 0 15px 0;
}

#contents ul.bannerList li img {
	width: 100%;
	height: auto;
	box-sizing: border-box;
}

#contents ul.bannerList li a:hover {
	opacity: 0.7;
}

#side {
	display: none;
}

/* resources.html */

.resources #contents ul.linkList li,
.resources #contents ul.linkList li,
.resources #contents ul.linkList li,
.resources #contents ul.linkList li,
.resources #contents ul.linkList li,
.resources #contents ul.linkList li {
	margin: 0 0 20px 20px;
}

@media screen and (max-width: 767px) {

	 #contents {
		width: 97.4% !important;
		margin: 0 1.3% 50px 1.3%;
	}
	
	 #main .mainTopics li {
		width: calc(100% - 7px);
	}
	
	 #main .mainTopics li img {
		max-width: 200px;
	}

	 #main .mainTopics li div {
	width: calc(100% - 100px);
}
	
	#contents ul.bannerList li,
	#contents ul.bannerList li:nth-child(4n) {
		width: calc(50% - 5px);
		margin: 0 10px 15px 0;
	}
	#contents ul.bannerList  li:nth-child(2n) {
		margin: 0 0 15px 0;
	}

	#contents ul.docList li {
		width: 50%;
	}
	
	#contents ul.docList.qrList li a p {
		margin: 10px 0 0;
	}
	
	#contents ul.imgLink_ist_2box li {
		width: calc(50% - 15px);
		margin: 0 30px 30px 0;
	}
	
	#contents ul.imgLink_ist_2box li:nth-of-type(2n) {
		margin: 0 0 30px 0;
	}
}

@media screen and (max-width: 500px) {

	 #main .mainTopics li img {
		width: 100%;
		max-width: 100%;
	}
	
	#contents ul.docList li a {
		padding: 20px 0 20px 35px;
		font-size: 16px
	}

	#contents ul.docList li a span {
		font-size: 14px
	}
	
	#contents ul.docList.qrList li {
		width: 100%;
	}
}

#contents .workshopSection {
	width: 100%;
	margin: 0 0 30px;
	display: inline-block;
}

#contents .workshopSection h4 {
	width: 100%;
	margin: 0 0 20px 0;
	display: inline-block;
	font-weight: bold;
}

#contents .workshopSection p {
	width: 100%;
	margin: 0 0 10px;
}

#contents .workshopSection p span {
	font-size: 14px;
}

#contents ul.block2column {
	width: 100%;
	margin: 0 0 40px 0;
	display: flex;
	flex-wrap: wrap;
}

#contents ul.block2column li {
	width: calc(50% - 20px);
	margin: 0 40px 50px 0;
	list-style: none;
}

#contents ul.block2column li:nth-child(2n) {
	margin: 0 0 50px 0;
}

#contents ul.block2column li .movieBlock {
	width: 100%;
	margin: 0;
	padding: 0;
	position: inherit;
	float: inherit;
}

#contents ul.block2column li .movieBlock iframe {
	width: 100%;
	height: 400px;
	margin: 0 0 15px 0;
	border: solid 1px #dfdfdf;
	position: inherit;
}

#contents ul.block2column li figure {
	width: 100%;
	max-width: 150px;
	margin: 0 0 5px 0;
}

#contents ul.block2column li figure figcaption {
	width: 100%;
	margin: 0;
	text-align: center;
	font-size: 0.9rem;
}


#contents .movieBlock {
	width: 100%;
	float: left;
	position: relative;
	padding-bottom: 56.25%;
	margin-bottom: 30px;
}

#contents .movieBlock iframe {
	width: 100%;
	height: 100%;
	max-width: 900px;
	position: absolute;
	top: 0;
	left: 0;
	border: solid 1px #dfdfdf;
}

.balloon img {
	width: 25%;
	margin: -50px 0 30px 0;
	float: right;
}

.balloon p {
	width: calc(75% - 70px);
	margin: 70px 70px 0 0;
	position: relative;
	padding: 20px;
	border-radius: 15px;
	background-color: #DEF2DE;
	border: 2px solid #0b685f;
}

.balloon p::before {
	content: '';
	position: absolute;
	display: block;
	border-radius: 50%;
	background-color: #DEF2DE;
	border: 2px solid #0b685f;
	right: -40px;
	top: 50px;
	width: 30px;
	height: 30px;
}

.balloon p::after {
	content: '';
	position: absolute;
	display: block;
	border-radius: 50%;
	background-color: #DEF2DE;
	border: 2px solid #0b685f;
	right: -60px;
	top: 65px;
	width: 15px;
	height: 15px;
}

.img_fl_l {
	width: 20%;
	float: left;
	margin: 0 20px 20px 0;
	text-align: center;
	font-size: 0.8rem;
}

.img_fl_r {
	width: 30%;
	float: right;
	margin: 0 0 20px 20px;
	text-align: center;
	font-size: 0.8rem;
}

.img_fl_l a:hover img,
.img_fl_r a:hover img {
	opacity: 0.7;
	}

@media screen and (max-width: 767px) {
	
	#contents ul.block2column li {
		width: 100%;
		margin: 0 0 30px 0;
	}

	#contents ul.block2column li:nth-child(2n) {
		margin: 0 0 30px 0;
	}
	
	.balloon img {
		margin: 0 0 30px 0;
	}

	.balloon p {
		margin: 0 70px 0 0;
	}
}

@media screen and (max-width: 500px) {
	#contents ul.imgLink_ist_3box li,
	#contents ul.imgLink_ist_3box li:nth-of-type(3n){
		width: calc(50% - 5px);
	}
	
	#contents ul.imgLink_ist_3box li:nth-of-type(even) {
		margin: 0 0 10px 0;
	}
	
	#contents ul.imgLink_ist_3box li:nth-of-type(odd) {
		margin: 0 10px 10px 0;
	}
	
	#contents ul.imgLink_ist_3box li img {
		height: 120px;
	}
	
	#contents ul.block2column li .movieBlock iframe {
		max-height: 250px;
	}
	
	#contents ul.block2column li figure {
		max-width: 100px;
	}
	
.balloon img {
	width: 40%;
	margin: 0 0 0 0;
	float: none;
}

.balloon p {
	width: calc(100% - 0px);
	margin: 50px 0 0 0;
	box-sizing: border-box;
}

.balloon p::before {
	content: '';
	position: absolute;
	display: block;
	border-radius: 50%;
	background-color: #DEF2DE;
	border: 2px solid #0b685f;
	right: 90%;
	top: -40px;
	width: 30px;
	height: 30px;
}

.balloon p::after {
	content: '';
	position: absolute;
	display: block;
	border-radius: 50%;
	background-color: #DEF2DE;
	border: 2px solid #0b685f;
	right: 89%;
	top: -65px;
	width: 15px;
	height: 15px;
}
}


.scheduleTable {
	box-sizing: border-box;
}

.scheduleTable th{
	width:13rem;
	box-sizing: border-box;
}

.scheduleTable td{
	width:calc(100% - 13rem);
	box-sizing: border-box;
}

@media screen and (max-width: 500px) {
	.scheduleTable th,
	.scheduleTable td{
		width:100%;
		display: block;
		border-left: none;
		border-right: none;
	}

}

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

縮圄ペ�`ジ

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

/* 2024 翌忽につながる互丕伏のための祥試ガイド */

#high_school {
	font-family: 'Noto Sans Japanese', sans-serif;
}

#high_school #header-img-wrapper {
	background: url(/crsgc/csmr/common/img/bg_sakura.jpg) 0% 27% no-repeat;
}

#high_school #mainWrap {
	background: #fff;
}

#high_school th {
	background: #e3f6ff;
}

#high_school th,
#high_school td {
	padding: 12px 10px 6px 10px;
}

#high_school .con_title_noborder {
	min-height: 0;
	margin: 0 0 30px 0;
	padding: 0 0 0 20px;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size: 24px;
}

#high_school .con_title_noborder:before {
	width: 10px;
	height: 26px;
	top: 5px;
	background-image: none;
	background: #1daad1;
}

#high_school .con_title_noborder.ruby:before {
	top: 10px;
}

@-moz-document url-prefix() {
	#high_school .con_title_noborder.ruby:before {
		top: 23px;
	}
}

#high_school p + .con_title_noborder {
	margin: 60px 0 30px 0;
}

#high_school .con_header {
	width: 100%;
	padding: 6px 15px;
	background: #1daad1;
	color: #fff;
	border-radius: 5px;
	font-weight: 500;
}

#high_school .con_header.ruby {
	padding: 10px 15px 3px 15px;
}

#high_school .con_sub_header {
	width: 100%;
	padding: 3px 10px 3px 0;
	background: none;
	color: #333;
	border-top: none;
	border-bottom: 2px dotted #1daad1;
	font-weight: 500;
}

#high_school .con_sub_header:before {
	content: '¢';
	display: inline-block;
	color: #1daad1;
	margin: 0 5px 0 0;
}

#high_school .con_sub_header ruby {
	font-weight: 500;
}

#high_school .con_sub_sub_header {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	border: none;
	background: none;
	color: #00587f;
}

#high_school .con_sub_sub_header,
#high_school .con_sub_sub_header ruby {
	font-weight: 500;
}

#high_school #contents ul.imgLink_ist_2box {
	width: auto;
	padding: 0 150px;
}

#high_school #contents ul.imgLink_ist_2box li a {
	padding: 20px;
	background: #e3f6ff;
	border-radius: 10px;
	transition: all 0.3s;
}

#high_school #contents ul.imgLink_ist_2box li a:hover {
	background: rgba(227, 246, 255, 0.7);
}

#high_school #contents ul.imgLink_ist_2box li a span {
	color: #333333;
}

#high_school #contents ul.imgLink_ist_2box li a:hover span {
	color: #00587f;
}

#high_school #contents ul.imgLink_ist_2box li img {
	background: #fff;
	border-radius: 8px
}

#high_school #contents ul.imgLink_ist_2box li span.title:before {
	content:'＊';
	display: inline-block;
	margin: 0 3px 0 0;
}

#high_school #contents .linkList li {
	margin: 0;
}

#high_school #contents a:hover,
#high_school #contents a.backLink:hover,
#high_school #contents a.linkIcon:before,
#high_school #contents .linkList li a:before,
#high_school #contents  a.directLink:after,
#high_school #contents a.movieLink:after,
#high_school #contents a[href$=".pdf"]:after,
#high_school #contents a[href$=".doc"]:after,
#high_school #contents a[href$=".docx"]:after,
#high_school #contents a[href$=".xls"]:after,
#high_school #contents a[href$=".xlsx"]:after,
#high_school #contents a[href$=".ppt"]:after,
#high_school #contents a[href$=".pptx"]:after {
	color: #1daad1;
}

#high_school #contents .linkList li a:hover:before,
#high_school #contents a.linkIcon:hover:before,
#high_school #contents .linkList li a:hover::before,
#high_school #contents  a.directLink:hover::after,
#high_school #contents a.movieLink:hover::after,
#high_school #contents a[href$=".pdf"]:hover::after,
#high_school #contents a[href$=".doc"]:hover::after,
#high_school #contents a[href$=".docx"]:hover::after,
#high_school #contents a[href$=".xls"]:hover::after,
#high_school #contents a[href$=".xlsx"]:hover::after,
#high_school #contents a[href$=".ppt"]:hover::after,
#high_school #contents a[href$=".pptx"]:hover::after{
	opacity: 0.7;
}

#high_school #contents .answer {
	margin: 10px 0 40px 0;
}

#high_school #contents .answer li {
	margin: 0 0 30px 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	list-style: none;
}

#high_school #contents .answer li:last-child {
	margin: 0;
}

#high_school #contents .answer li span:first-child {
	width: 50px;
	height: 50px;
	margin: 0 30px 0 0;
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	color: #fff;
	border-radius: 50px;
	padding: 10px;
	font-size: 0.9rem;
	line-height: 1.2;
}

#high_school #contents .answer li.a span:first-child {
	background: #31a7ff;
}

#high_school #contents .answer li.b span:first-child {
	background: #ff5f89;
}

#high_school #contents .answer li.c span:first-child {
	background: #57ea93;
}

#high_school #contents .answer li.d span:first-child,
#high_school #contents .answer li.e span:first-child {
	background: #ca78ff;
}

#high_school #contents .answer li.f span:first-child {
	background: #ff9522;
}

#high_school #contents .answer span:last-child {
	max-width: 700px;
	padding: 10px 20px 6px 20px;
	display: inline-block;
	position: relative;
	border-radius: 10px;
}

#high_school #contents .answer li.a span:last-child {
	background: #d2eeff;
	border: solid 2px #31a7ff;
}

#high_school #contents .answer li.b span:last-child {
	background: #ffd2e0;
	border: solid 2px #ff5f89;
}

#high_school #contents .answer li.c span:last-child {
	background: #d2ffe4;
	border: solid 2px #57ea93;
}

#high_school #contents .answer li.d span:last-child,
#high_school #contents .answer li.e span:last-child {
	background: #ebd2ff;
	border: solid 2px #ca78ff;
}

#high_school #contents .answer li.f span:last-child {
	background: #ffe9d4;
	border: solid 2px #ff9522;
}

#high_school #contents .answer span:last-child:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -20px;
	transform: translateY(-50%);
	border: 10px solid transparent;
	z-index:2;
}

#high_school #contents .answer li.a span:last-child:before {
	border-right: 10px solid #d2eeff;
}

#high_school #contents .answer li.b span:last-child:before {
	border-right: 10px solid #ffd2e0;
}

#high_school #contents .answer li.c span:last-child:before {
	border-right: 10px solid #d2ffe4;
}

#high_school #contents .answer li.d span:last-child:before,
#high_school #contents .answer li.e span:last-child:before {
	border-right: 10px solid #ebd2ff;
}

#high_school #contents .answer li.f span:last-child:before {
	border-right: 10px solid #ffe9d4;
}

#high_school #contents .answer span:last-child:after {
	content: "";
	position: absolute;
	top: 50%;
	left: -25px;
	transform: translateY(-50%);
	border: 12px solid transparent;
	z-index: 1;
}

#high_school #contents .answer li.a span:last-child:after {
	border-right: 12px solid #31a7ff;
}

#high_school #contents .answer li.b span:last-child:after {
	border-right: 12px solid #ff5f89;
}

#high_school #contents .answer li.c span:last-child:after {
	border-right: 12px solid #57ea93;
}

#high_school #contents .answer li.d span:last-child:after,
#high_school #contents .answer li.e span:last-child:after {
	border-right: 12px solid #ca78ff;
}

#high_school #contents .answer li.f span:last-child:after {
	border-right: 12px solid #ff9522;
}

#high_school #contents p.note {
	margin: 0 0 40px 0;
	padding: 20px 20px 12px 40px;
	float: left;
	background: #e3f6ff;
	border-radius: 10px;
	text-indent: -0.7rem;
	border: 2px dashed #1daad1;
}

#high_school #contents p.note:before {
		padding: 2px 5px 0 0;
		content: "\f061";
		font-family: 'Font Awesome 5 Free';
		font-weight: 900;
		font-size: 1.2rem;
		color: #31a7ff;
		display: inline-block;
	}

#high_school #contents .answer + .con_header.ruby,
#high_school #contents p.note + .con_header.ruby {
	margin: 20px 0;
}

/*　嶄僥丕ペ�`ジのみリンクに和��　*/
#contents .languageContentsWrapper a:not(ul.imgLink_ist_3box li a) {
	text-decoration: underline;
}

/* 冱�Zボタンで燕幣俳紋 */

#contents .link_list_3box.languageNav li a.active,
#contents .link_list_2box.languageNav li a.active {
	background: #c5e8c5;
	color: #0b685f;
}

.link_list_3box.languageNav li a {
	transition: 0.3s;
	cursor: pointer;
}

.languageContentsWrapper .imgLink_ist_3box li {
	display: flex;
}

/*　タミル�Z　*/

@font-face {
	font-family: 'Noto Sans Tamil';
	src: url('/crsgc/csmr/common/fonts/Noto_Sans_Tamil/NotoSansTamil-VariableFont_wdth,wght.ttf') format('truetype');
}

#contents .ta,
#contents .ta .con_title_noborder {
	font-family: "Noto Sans Tamil";
}

/* �n忽�Z */

@font-face {
	font-family: 'Noto Sans KR';
	src: url('/crsgc/csmr/common/fonts/Noto_Sans_KR/NotoSansKR-Regular.otf') format('opentype');
	src: url('/crsgc/csmr/common/fonts/Noto_Sans_KR/NotoSansKR-Medium.otf') format('opentype');
	src: url('/crsgc/csmr/common/fonts/Noto_Sans_KR/NotoSansKR-Bold.otf') format('opentype');
}

#contents .ko,
#contents .ko .con_title_noborder {
	font-family: "Noto Sans KR";
}

/* シンハラ�Z */

@font-face {
	font-family: 'Noto Sans Sinhala';
	src: url('/crsgc/csmr/common/fonts/Noto_Sans_Sinhala/NotoSansSinhala-VariableFont_wdth,wght.ttf') format('truetype');
}

#contents .si,
#contents .si .con_title_noborder {
	font-family: "Noto Sans Sinhala";
}

/* 嶄忽�Z�┷�悶忖�� */

@font-face {
	font-family: 'Noto Sans SC';
	src: url('/crsgc/csmr/common/fonts/Noto_Sans_SC/NotoSansSC-Regular.otf') format('opentype');
	src: url('/crsgc/csmr/common/fonts/Noto_Sans_SC/NotoSansSC-Medium.otf') format('opentype');
	src: url('/crsgc/csmr/common/fonts/Noto_Sans_SC/NotoSansSC-Bold.otf') format('opentype');
}

#contents .zh,
#contents .zh .con_title_noborder {
	font-family: "Noto Sans SC","裏罷囘菜","卜悶";
}

/* ペルシャ�Z */

/*
@font-face {
	font-family: 'Persian Ziba SSK';
	src: url('/crsgc/csmr/common/fonts/PersianZibaSSK/perszs__.ttf') format('truetype'),
}
*/

#contents .pe {
/*	font-family: "Persian Ziba SSK";*/
	direction: rtl;
}

#contents .pe .img_box {
	float: right;
	margin-right: 0;
	margin-left: 2%;
}

#contents .pe .img_3clm_wrap .img_box:nth-child(3n),
#contents .pe .img_4clm_wrap .img_box:nth-child(4n){
	margin-left: 0;
}

#contents .pe ul li:not(#contents .pe ul.imgLink_ist_3box li,#contents .pe ul.link_list1.ltr li),
#contents .pe ol li {
	float: right;
	margin-left: 0;
	margin-right: 20px;
}

#contents .pe .con_title_noborder {
	padding: 20px 80px 20px 0;
}

#contents .pe .con_title_noborder:before {
	right: 0;
}

#contents .pe ul.imgLink_ist_3box li:nth-child(3n){
	margin: 0 10px 10px 0;
}

#contents .pe ul.imgLink_ist_3box li:nth-child(1),
#contents .pe ul.imgLink_ist_3box li:nth-child(4),
#contents .pe ul.imgLink_ist_3box li:nth-child(7) {
	margin: 0 0 10px 0;
}

#contents .pe a.linkIcon:before,
#contents .pe .linkIconList a:before,
#contents .pe .linkList li a:before,
#contents .pe .linkList a li:before,
#contents .pe .link_list1 li a.rtl:before{
	content: '\f0d9';
}

#contents .pe .link_list1.al_r li {
	text-align: right;
}

#contents .pe .link_list1.al_r li a {
	float: none;
}

#contents .pe .ltr {
	direction: ltr;
}

#contents .pe span.rtl {
	display: inline-block;
	direction: rtl;
}

#contents .pe a:hover span.rtl {
	text-decoration: underline;
}

#contents .pe a.linkIcon.ltr:before {
	content:"\f0da";
}

/* 2020定業ペ�`ジ　嶄忽�Z井 */
#contents article.zh {
	display: block;
}

@media screen and (max-width: 1024px) {
	
		#high_school #contents ul.imgLink_ist_2box {
		padding: 0 75px;
	}
	
}

@media screen and (max-width: 767px) {
	
	#high_school #contents ul.imgLink_ist_2box {
		padding: 0;
	}
	
	#high_school #contents .answer li span:first-child {
		width: 40px;
		height: 40px;
	}
	
	#high_school #contents .answer span:last-child {
		width: calc(100% - 144px);
		padding: 10px 10px 6px 15px;
	}
	
	#high_school #contents p.note {
		padding: 10px 20px 12px 40px
	}
	
}

@media screen and (max-width: 500px) {
	#contents .pe ul.imgLink_ist_3box li,
	#contents .pe ul.imgLink_ist_3box li:nth-child(3n){
		margin: 0 0 10px 0;
	}
	
	#contents .pe ul.imgLink_ist_3box li:nth-of-type(even) {
		margin: 0 10px 10px 0;
	}
	
	#contents ul.imgLink_ist_2box li {
		width: calc(50% - 5px);
		margin: 0 10px 10px 0;
	}
	
	#contents ul.imgLink_ist_2box li:nth-of-type(2n) {
		width: calc(50% - 5px);
		margin: 0 0 10px 0;
	}
	
	#high_school #contents ul.imgLink_ist_2box li a {
		padding: 10px;
	}
	
	#high_school #contents .link_list_6box li {
		width: calc(33.3% - 3px);
	}
	
	#high_school #contents .link_list_6box li:nth-child(3n),
	#high_school #contents .link_list_6box li:nth-child(6n) {
		width: calc(33.4% - 3px);
	}
	
}