@charset "utf-8";
@import url("pages.css");
/*--opencampus.css--*/
/* ##########PC########## */
.intro_box{
	margin-bottom: 3em;
}

	.intro_box > .box_header{
		margin-bottom: 1.5em;
	}

		.intro_box > .box_header p{
			display: flex;
			justify-content: center;
			margin: 0;
			color: rgba(0,160,201,1);
			font-size: 1.2em;
			font-weight: bold;
		}

			.intro_box > .box_header p .lbl1{
				margin-right: 1em;
			}

			.intro_box > .box_header p .lbl2{}

		.intro_box > .box_header h3{
			font-size: 1.8em;
			text-align: center;
			font-weight: bold;
		}

	.intro_box > .box_inner{}

		.intro_box > .box_inner .anc_nav{
			display: flex;
			justify-content: center;
		}

			.intro_box > .box_inner .anc_nav ul{
				font-size: 1.05em;
			}

			.intro_box > .box_inner .anc_nav ul:nth-child(1){
				margin-right: 5em;
			}

				.intro_box > .box_inner .anc_nav ul li{
					position: relative;
					padding-left: 1.4em;
					margin-bottom: 0.5em;
				}

					.intro_box > .box_inner .anc_nav ul li:before{
						font-family: FontAwesome;
						content:"\f111";
						position: absolute;
						top: 0.1em;
						left: 0;
						color: #F9BE00;
						font-size: 0.9em;
					}

					.intro_box > .box_inner .anc_nav ul li a{
						color: #111;
						text-decoration: none;
					}

					.intro_box > .box_inner .anc_nav ul li a:hover{
						text-decoration: underline;
					}

.oc_list_box{}

	.oc_list_box > .box_header{
		display: flex;
		justify-content: center;
		border-top: 2px solid #666;
		border-bottom: 2px solid #666;
		margin-bottom: 3em;
		line-height: 1;
		padding: 1.2em 0;
	}

		.oc_list_box > .box_header h3{
			font-size:1.8em;
			color: rgba(0,160,201,1);
			font-weight: bold;
		}

	.oc_list_box > .box_inner{}

		.oc_list_box > .box_inner dl{}

			.oc_list_box > .box_inner dl dt{
				display: flex;
				justify-content: space-between;
				align-items: flex-end;
				margin-bottom: 0.4em;
			}

				.oc_list_box > .box_inner dl dt .lbl_univ{
					font-size: 1.2em;
					font-weight: bold;
				}

				.oc_list_box > .box_inner dl dt .goto_web{}

					.oc_list_box > .box_inner dl dt .goto_web a{
						color: #333;
						font-size: 0.9em;
						display: inline-block;
						text-decoration: none;
						padding-left: 1.4em;
						position: relative;
					}

					.oc_list_box > .box_inner dl dt .goto_web a:before{
						font-family: FontAwesome;
						content:"\f08e";
						display: inline-block;
						position: absolute;
						top: 0.15em;
						left: 0;
					}

			.oc_list_box > .box_inner dl dd{
				margin-bottom: 3em;
			}

				.oc_list_box > .box_inner dl dd table{
					width: 100%;
					margin: 0;
				}

					.oc_list_box > .box_inner dl dd table thead tr th:nth-child(1){
						width: 30%;
					}

					.oc_list_box > .box_inner dl dd table thead tr th:nth-child(3){
						width: 17.5%;
					}

					.oc_list_box > .box_inner dl dd table tbody tr td .fs_small{
						font-size: 0.9em;
					}

					.oc_list_box > .box_inner dl dd table tbody tr td .goto_web a{
						color: #fff;
						font-size: 0.9em;
						display: inline-block;
						text-decoration: none;
						padding: 0.2em 0.5em 0.2em 1.8em;
						background: rgba(0,160,201,1);
						border-radius: 3px;
						transition: .3s all ease;
						white-space: nowrap;
						position: relative;
					}

					.oc_list_box > .box_inner dl dd table tbody tr td .goto_web a:hover{
						opacity: 0.8;
					}

					.oc_list_box > .box_inner dl dd table tbody tr td .goto_web a:before{
						font-family: FontAwesome;
						content:"\f08e";
						display: inline-block;
						position: absolute;
						top: 0.35em;
						left: 0.4em;
					}

					.oc_list_box > .box_inner dl dd table tbody tr td .bikou{
						display: block;
						font-size: 0.9em;
						margin-top: 0.5em;
						line-height: 1.3;
					}




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

@media screen and (min-width:1px) and (max-width:768px) {
}

/* ##########SP########## */
@media screen and (min-width:1px) and (max-width:479px) {
.intro_box{
	margin-bottom: 2em;
}

	.intro_box > .box_header{
		margin-bottom: 1em;
	}

		.intro_box > .box_header p{
			flex-direction: column;
			align-items: center;
			font-size: 1em;
		}

			.intro_box > .box_header p .lbl1{
				margin-right: 0;
			}

		.intro_box > .box_header h3{
			font-size: 1.4em;
		}

	.intro_box > .box_inner{
		padding: 0 2vw;
	}

		.intro_box > .box_inner .anc_nav{
			display: flex;
			justify-content: center;
		}

			.intro_box > .box_inner .anc_nav ul{
				font-size: 0.84em;
				width: calc((100% - 3vw) / 2);
			}

			.intro_box > .box_inner .anc_nav ul:nth-child(1){
				margin-right: 3vw;
			}

.oc_list_box{}

		.oc_list_box > .box_header h3{
			font-size:1.3em;
		}

			.oc_list_box > .box_inner dl dd{
				margin-bottom: 2em;
			}
	
				.oc_list_box > .box_inner dl dd table{
					font-size: 0.9em;
				}

	.oc_list_box > .box_inner dl dd table thead tr th,
	.oc_list_box > .box_inner dl dd table tbody tr td{
		padding: 0.5em 0.3em;
	}

	.oc_list_box > .box_inner dl dd table tbody tr td .goto_web a{
		color: #222;
		padding: 0;
		background: none;
		border-radius: 0;
		white-space: unset;
	}

	.oc_list_box > .box_inner dl dd table tbody tr td .goto_web a:before{
		font-family: FontAwesome;
		content:"\f08e";
		display: inline-block;
		margin-right: 0.2em;
		position: unset;
		top: unset;
		left: unset;
	}
}

/* ##########印刷用########## */
@media print{

}