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

	.intro_box > .box_inner{}

		.intro_box > .box_inner .lesson_time{
			display:flex;
			justify-content: center;
			font-weight: bold;
			font-size: 1.2rem;
			margin-bottom: 2em;
		}

			.intro_box > .box_inner .lesson_time dt{
				display: flex;
				align-items: center;
				margin-right: 1em;
				background: rgba(0,160,201,1);
				color: #fff;
				height: 2.4rem;
				border-radius: 1.2rem;
				padding: 0 1em;
			}

			.intro_box > .box_inner .lesson_time dd{
			}

				.intro_box > .box_inner .lesson_time dd ul{
					display: flex;
				}
	
					.intro_box > .box_inner .lesson_time dd ul li{
						margin-right: 1em;
					}
	
					.intro_box > .box_inner .lesson_time dd ul li:last-child{
						margin-right: 0;
					}

		.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;
					}

	.intro_box > .box_inner{}

		.intro_box > .box_footer .btn_deadline{
			display:flex;
			justify-content: center;
			margin: 2em auto;
		}

			.intro_box > .box_footer .btn_deadline a{
				width: 280px;
				height: 44px;
				background: white;
				border-radius: 2rem;
				color: #e95293;
				position: relative;
				display: flex;
				align-items: center;
				text-decoration: none;
				transition: .3s all ease;
				box-shadow: 0 0 0 2px #e95293;
				justify-content: center;
				font-size: 1.1rem;
				font-weight: 700;
			}

				.intro_box > .box_footer .btn_deadline a:hover{
					background: #e95293;
					color: #fff;
				}

.lesson_outline{
    margin: 2em 0 3em;
    display: flex;
    justify-content: center;
}

    .lesson_outline ul{
        padding: 1.2em 2.5em;
        background: rgba(0,160,201,0.1);
    }

        .lesson_outline ul li{
            position: relative;
            padding-left: 1em;
        }

            .lesson_outline ul li:before{
                content: "";
                display: inline-block;
                width: 6px;
                height: 6px;
                background: #888;
                position: absolute;
                top: 0.7em;
                left: 0;
            }

.lesson_list_box{}

	.lesson_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;
	}

		.lesson_list_box > .box_header h3{
			font-size:1.8em;
			color: #F07800;
			font-weight: bold;
		}

	.lesson_list_box > .box_inner{}

		.lesson_list_box > .box_inner dl{}

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

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

				.lesson_list_box > .box_inner dl dt .goto_web{}

					.lesson_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;
					}

					.lesson_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;
					}

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

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

					.lesson_list_box > .box_inner dl dd table thead th.c_lesson_number{
						width: 2em;
						line-height: 1.2;
					}

					.lesson_list_box > .box_inner dl dd table thead th.c_time{
						width: 2em;
						line-height: 1.2;
					}

					.lesson_list_box > .box_inner dl dd table thead th.c_lecturer{
						width: 6em;
					}

					.lesson_list_box > .box_inner dl dd table thead th.c_belong{
						width: 13em;
					}

					.lesson_list_box > .box_inner dl dd table thead th.c_category{
						width: 9em;
					}

					.lesson_list_box > .box_inner dl dd table thead th.c_number{
						width: 3em;
					}

					.lesson_list_box > .box_inner dl dd table tbody td:first-child{
						text-align: center;
					}


.apply_start_time{
	color: #c40026;
	font-size: 1.8em;
	font-weight: bold;
	margin-bottom: 1em;
}

	.apply_start_time dl{
		display: flex;
		justify-content: center;
	}

		.apply_start_time dl dt{
			margin-right: 0.6em;
		}

			.apply_start_time dl dt:after{
				font-family: FontAwesome;
				content:"\f0da";
				margin-left: 0.8em;
				font-weight: normal;
			}

@media screen and (min-width:1px) and (max-width:1100px) {
	.btn_goto_entry{
		right: 1vw;
	}
}

@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_inner .lesson_time{
			align-items: center;
			flex-direction: column;
			font-size: 0.9rem;
			margin-bottom: 2em;
		}

			.intro_box > .box_inner .lesson_time dt{
				margin-right: 0;
				height: 1.8rem;
				border-radius: 0.9rem;
				margin-bottom: 0.5em;
			}

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

				.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;
				}

				.lesson_list_box > .box_inner dl dd{
					margin-bottom: 2em;
				}

					.lesson_list_box > .box_inner dl dd table{
						width: 100%;
						margin: 0;
						font-size: 0.9em;
					}

					.content_body table thead th,
					.content_body table td{
						padding: 0.2em 0.5em;
					}


						.lesson_list_box > .box_inner dl dd table thead th.c_time{
							width: 10%;
						}
							.lesson_list_box > .box_inner dl dd table thead th.c_class{
							width: 30%;
						}
						.lesson_list_box > .box_inner dl dd table thead th.c_lecturer{
							width: 25%;
						}
						.lesson_list_box > .box_inner dl dd table thead th.c_belong{
							width: 25%;
						}

						.lesson_list_box > .box_inner dl dd table thead th.c_lesson_number{
							width: 10%;
						}
	
	.apply_start_time{
		font-size: 1.6em;
		margin-bottom: 0.5em;
	}
    
    .lesson_outline ul{
        padding: 1.2em 1.5em;
    }


}

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

}