@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;200;300;400;500;600;700;800;900&display=swap');
html {
	scroll-behavior: smooth;
}
body {
	font-family: 'Noto Sans JP', sans-serif;
	background:#fff;
}
.inner {
	max-width:1200px;
	margin:0 auto;
}
a:hover {
	opacity:0.5;
}
	@media screen and (max-width: 640px) {
		.inner {
			max-width:600px;
		}
	}
img {
	margin:0 auto;
}

.mt_5 {
	margin-top:5px;
}
.mt_10 {
	margin-top:10px;
}
.mt_15 {
	margin-top:15px;
}
.mt_20 {
	margin-top:20px;
}
.mt_25 {
	margin-top:25px;
}
.mt_30 {
	margin-top:30px;
}
.mt_35 {
	margin-top:35px;
}

.mb_5 {
	margin-bottom:5px;
}
.mb_10 {
	margin-bottom:10px;
}
.mb_15 {
	margin-bottom:15px;
}
.mb_20 {
	margin-bottom:20px;
}
.mb_25 {
	margin-bottom:25px;
}
.mb_30 {
	margin-bottom:30px;
}
.mb_35 {
	margin-bottom:35px;
}
.mb_40 {
	margin-bottom:40px;
}


.pt_5 {
	padding-top:5px;
}
.pt_10 {
	padding-top:10px;
}
.pt_15 {
	padding-top:15px;
}
.pt_20 {
	padding-top:20px;
}
.pt_25 {
	padding-top:25px;
}
.pt_30 {
	padding-top:30px;
}
.pt_35 {
	padding-top:35px;
}

.pc {
	display:block;
}
.sp {
	display:none;
}

	@media screen and (max-width: 640px) {
		.pc {
			display:none;
		}
		.sp {
			display:block;
		}
	}

/*header*/
header {
	height:90px;
	padding:17px 0 0 24px;
}
	header img {
		margin:0;
	}
	
	@media screen and (max-width: 640px) {
		header {
			height:calc(83 / 640 * 100vw);
			padding:calc(9 / 640 * 100vw) 0 0 calc(20 / 640 * 100vw);
		}
		header img {
			width:calc(218 / 640 * 100vw);
		}
	}


/*kv*/
#kv {
	background:url(../img/kv_bg.png) no-repeat;
	background-size:cover;
	background-position: center center;
	height:75%;
}
	#kv .kv_title {
		padding:0;
		animation-name: fadein;
		animation-duration: 3s;
		opacity: 0;
		animation-fill-mode: forwards;
	}
    #kv .kv_title img{
		width:100%;
		max-width:1000px;
	}
	#kv .kv_term {
		animation-name: fadein;
		animation-delay: 1.5s;
    animation-duration: 3s;
    opacity: 0;
  	animation-fill-mode: forwards; 
	}
	
	#kv .inner {
		display: flex;
		height: 100%;
		align-items: flex-end;
		justify-content: center;
	}
	
	@keyframes fadein{
    from{
    opacity: 0;
    transform: translatey(20px);
    }
    to{
    opacity: 1;
    transform: translatey(0);
    }
}
	@media screen and (max-width: 640px) {
		#kv {
			height:auto;
			
		}
		#kv .kv_title {
			width:100vw;
			margin:0 auto;
			padding:0;
		}
		#kv .kv_term {
			width:calc(430 / 640 * 100vw);
			margin:0 auto;
		}
	}
	
/*top_banner*/
#top_banner {
	margin:48px auto 58px;
}
	#top_banner ul {
		display:flex;
		justify-content:space-between;
	}
	#top_banner .home,#top_banner a:hover {
		background:#0082C82b;
		border-radius:30px;
		opacity:1;
		display:block;
	}

	@media screen and (max-width: 1350px) {
		#top_banner ul li {
			margin:17px;
		}
	}
	@media screen and (max-width: 640px) {
		#top_banner {
			margin:calc(37 / 640 * 100vw) auto calc(15 / 640 * 100vw);
		}
		#top_banner ul {
			flex-direction:column;
		}
		#top_banner ul li {
			margin:0 auto calc(21 / 640 * 100vw);
			width:calc(583 / 640 * 100vw);
		}
		#top_banner .home,#top_banner a:hover {
			border-radius:calc(30 / 640 * 100vw);
		}
	}

/*main_content*/
.main_content {
	background: #fff3cf;
}
	@media screen and (max-width: 640px) {
		.main_content {
			background:#fff3cf;
		}
	}
	
	

/*detail*/
#detail {
	padding: 40px 0 70px 0;
	background-color: #fff3cf;
}
	@media screen and (max-width: 1350px) {
		#detail {
			margin:0 25px;
		}
	}
	#detail h2 img {
		padding: 0 13px 30px 0;
		
	}
	#detail .wrap_top,#detail .wrap {
		display:flex;
		justify-content:space-between;
		margin-bottom: 15px;
	}

		#detail .wrap_left {
			width:796px;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			margin-right: 34px;
		}
		#detail .wrap_right {
			width:370px;
			display: flex;
		flex-direction: column;
		justify-content: space-between;
		}		
			#detail .wrap_top dl,#detail .wrap dl{
				background:#fff;
				border-radius:10px;
				position:relative;
				margin:20px 0 14px;
			}
			#detail .wrap_top dl dt,#detail .wrap dl dt {
				position:absolute;
				top:-20px;
				background:url(../img/rebon.png) no-repeat;
				background-size:contain;
				width:116px;
				display: inline-block;
				height: 36px;
				line-height: 36px;
				text-align: center;
				padding: 0;
				font-size: 20px;
				font-weight:500;
				color: #fff;
				box-sizing: border-box;
				letter-spacing:0.05em;
			}
			/*#detail .wrap_top dl dt:after {
				position: absolute;
				top: 0;
				width: 0px;
				height: 0px;
				border-color: #0091DA transparent;
				border-style: solid;
				content: '';
				right: -5px;
				border-width: 18px 6px 19px 0px;
			}*/
			#detail .wrap_top dl dd,#detail .wrap dl dd {
				color: #0082C8;
				font-weight:500;
				padding:17px 25px 9px 24px;
			}
				#detail .wrap_top .wrap_left dl {
					min-height:86px;
				}
					#detail .wrap_top .wrap_left dl.term dd,,#detail .wrap dl.term dd {
						font-size:30px;
					}
					#detail .wrap_top .wrap_left dl.term dd span.pc {
						display:inline;
					}

						#detail .wrap_top .wrap_left dl.term dd strong span.large_size {
							font-size:40px;
						}
					#detail .wrap_top .wrap_left dl.venue dd {
						font-size:28px;
						padding: 25px 25px 18px 24px;
					}
					#detail .wrap_top .wrap_right dl dd {
						font-size:22px;
					}
						#detail .wrap_top .wrap_right dl dd ul li::before {
							content:"●";
							margin-right: 5px;
						}
					#detail .wrap_top .wrap_right dl.target dd {
						padding:22px 25px 24px 29px;
					}
						#detail .wrap_top .wrap_right dl.target dd ul li{
							padding-top:10px;
							margin-left: 1em;
							text-indent: calc(-1em - 5px);
							line-height:1.27;
						}
					#detail .wrap_top .wrap_right dl.teacher dd {
						padding:46px 0 34px 24px;
					}
		
		#detail .wrap_bottom {
		}
			#detail .wrap_bottom ul {
				display:flex;
				justify-content:space-between;
			}
				#detail .wrap_bottom ul li {
					max-width:389px;
					width:33%;
					border: solid 2px #0082C8;
					border-radius:10px;
					padding:17px 25px 8px 26px;
					background-color:#fff;
				}
					#detail .wrap_bottom ul li dl dt {
						margin-bottom:10px;
					}
						#detail .wrap_bottom ul li dl dt span {
							color: #0082C8;
							font-size:20px;
							font-weight:bold;
							display: inline-flex;
							line-height: 1;
							border-bottom: 1px solid #0082C8;
							padding-bottom:10px;
						}
						#detail .wrap_bottom ul li dl dd {
							font-size:16px;
							line-height:1.75;
						}
		@media screen and (max-width: 640px) {
			#detail {
				padding-bottom: 3px;
				padding-top:20px;
			}
			#detail h2 img {
				padding: 0;
				width:calc(560 / 640 * 100vw);
			}
			#detail .wrap_top {
				flex-direction:column;
				margin-bottom: calc(8 / 640 * 100vw);
			}
				#detail .wrap_left,#detail .wrap_right {
					width:100%;
				}
				
				#detail .wrap_top dl {
					margin:calc(20 / 640 * 100vw) 0 calc(14 / 640 * 100vw);
				}
				#detail .wrap_top dl dt {
					width:calc(101 / 640 * 100vw);
					font-size:calc(20 / 640 * 100vw);
					height:calc(36 / 640 * 100vw);
					line-height:calc(36 / 640 * 100vw);
					top:calc(-20 / 640 * 100vw)
				}
					#detail .wrap_top .wrap_left dl {
						min-height:inherit;
					}
					#detail .wrap_top .wrap_left dl.term dd {
						font-size: calc(30 / 640 * 100vw);
						padding: calc(17 / 640 * 100vw) calc(25 / 640 * 100vw) calc(9 / 640 * 100vw) calc(24 / 640 * 100vw);
					}
					#detail .wrap_top .wrap_left dl.term dd strong span.large_size {
						font-size: calc(40 / 640 * 100vw);
					}
					#detail .wrap_top .wrap_left dl.term dd span.pc {
						display:none;
					}
					#detail .wrap_top .wrap_left dl.term dd span.sp {
						display:inline;
					}
				#detail .wrap_top .wrap_left dl.venue dd {
					font-size:calc(22 / 640 * 100vw);
					padding: calc(25 / 640 * 100vw) calc(25 / 640 * 100vw) calc(18 / 640 * 100vw) calc(24 / 640 * 100vw);
					padding-right: calc(10 / 640 * 100vw);
				}
				#detail .wrap_top .wrap_right dl.target dd {
					font-size:calc(20 / 640 * 100vw);
					padding:calc(19 / 640 * 100vw) calc(25 / 640 * 100vw) calc(24 / 640 * 100vw) calc(24 / 640 * 100vw);
				}
				#detail .wrap_top .wrap_right dl.teacher dd {
					font-size:calc(22 / 640 * 100vw);
					padding:calc(30 / 640 * 100vw) 0 calc(22 / 640 * 100vw) calc(19 / 640 * 100vw);
				}
					#detail .wrap_top .wrap_right dl dd ul li::before {
						margin-right: calc(8 / 640 * 100vw);
					}
				
			#detail .wrap_bottom ul {
				flex-direction:column;
			}
				#detail .wrap_bottom ul li {
					max-width: fit-content;
					width:100%;
					margin-bottom: 21px;
					padding:calc(17 / 640 * 100vw) calc(25 / 640 * 100vw) calc(25 / 640 * 100vw) calc(26 / 640 * 100vw);
				}
					#detail .wrap_bottom ul li dl dt {
						margin-bottom:calc(10 / 640 * 100vw);
					}
					#detail .wrap_bottom ul li dl dt span {
						font-size:calc(20 / 640 * 100vw);
					}
					#detail .wrap_bottom ul li dl dd {
						font-size:calc(16 / 640 * 100vw);
					}
		}

/*course*/
#course {
	background: #fff;
	border-radius:40px;
	margin:40px 51px 45px;
	padding: 85px 25px 0;
	position:relative;
}
	#course h2 {
		color: #0082C8;
		font-size:56px;
		text-align:center;
		position:absolute;
		top: 20px;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		width:100%;
		letter-spacing: -0.07em;
	}
	#course .course_navi {
	}
		#course .course_navi h3 {
			margin:0 auto;
			border-radius:16px;
			line-height:32px;
			text-align:center;
			background:#fff;
			display:block;
			width:268px;
			font-size:18px;
		}
		#course .nav1 {
			display:flex;
			justify-content:space-between;
			flex-wrap: wrap;
			margin:30px 0 17px;
		}
			#course .nav1 li {
				margin-bottom:20px;
			}
	
	
	@media screen and (max-width: 1350px) {
		#course .nav1 {
			display:flex;
			justify-content:center;
			flex-wrap: wrap;
			margin:33px 0 37px;
		}
			#course .nav1 li {
				margin:0 10px 20px;
			}
		}
	#course .nav2 {
		display:flex;
		justify-content:center;
		margin:20px 0 55px;
	}
		#course .nav2 li {
			margin:0 5px;
		}
			@media screen and (max-width: 775px) {
				#course .nav1 {
					margin:15px 0 12px;
					justify-content:space-between;
				}
					#course .nav1 li {
						width:calc(292 / 598 * 100%);
						margin:0 0 calc(20 / 640 * 100vw);
					}
			}
			@media screen and (max-width: 640px) {
					#course {
						margin:40px 0 35px;
						padding: 59px 20px 0;
					}
						#course h2 {
							font-size: calc(46 / 640 * 100vw);
							top: -20px;
							letter-spacing: -0.07em;
						}
							#course .course_navi h3 {
								font-size:calc(16 / 640 * 100vw);
								letter-spacing: -0.2em;
								line-height:22px;
							}
							#course .nav2 {
								margin:15px 0 40px;
								justify-content:space-between;
							}
							#course .nav2 li {
								margin:0;
								width:calc(292 / 598 * 100%);
							}
				}
				@media screen and (max-width: 400px) {
						#course h2 {
							font-size: calc(30 / 400 * 100vw);
						}
						#course .course_navi h3 {
							font-size:calc(14 / 400 * 100vw);
						}
				}
				
	#course .box {
		background:#FFFFFF;
		border-radius:20px;
		padding:27px 25px 40px;
		margin-bottom:40px;
	}
		#course .box .course_title {
				border-radius:10px;
				padding:0 5px 0 25px;
				display:flex;
				justify-content:space-between;
		}
			#course .box .course_title h4 {
				font-size:24px;
				line-height:60px;
				color:#fff;
			}
				#course .box .course_title h4 .small {
					font-size:16px;
					font-weight:500;
				}
				#course .box .course_title ul {
					display:flex;
					flex-shrink: 0;
					justify-content:end
				}
					#course .box .course_title ul li {
						margin:8px 4px;
						flex-shrink: 0;
					}
		#course .box .course_body {
			margin:12px 25px 0;
			font-size:16px;
		}
			#course .box .course_body .course_dt {
				font-size:18px;
				line-height:1.66;
				font-weight:bold;
			}
			#course .box .course_body ul {
				display:flex;
				flex-wrap:wrap;
			}
				#course .box .course_body ul li {
					width:353px;
					text-align:center;
					border-radius:10px;
					border:solid 1px #4B4B4B;
					line-height:63px;
					font-size:26px;
					font-weight:bold;
					margin-right:20px;
					margin-bottom:41px;
					display: flex;
					flex-direction: column;
					justify-content: center;
					align-items: center;
				}
				#course .box .course_body ul li .price .pc,#course .box .course_body .price .pc {
					display:inline;
				}
					#course .box .course_body ul li .price .nowrap {
						white-space:nowrap;
					}
					#course .box .course_body ul li:nth-child(3) .price {
					margin-right:0;
				}
				#course .box .course_body ul li .small,#course .box .course_body .price .small {
					font-size:18px;
					font-weight:500;
				}
			#course .box .course_body .time_btn {
				text-align:center;
				font-size:22px;
				font-weight:bold;
				line-height:63px;
				position:relative;
				border-radius:10px;
			}
				#seminer #course .box .course_body .time_btn::before {
					content:"";
					background:url(../img/icon_time.png);
					width:35px;
					height:40px;
					display:block;
					position:absolute;
					top:10px;
					left:15px;
				}
				#seminer #course .box .course_body .time_btn::after {
					content:"";
					width: 29px;
					height: 32px;
					display:block;
					position:absolute;
					top: 23px;
					right: 10px;
				}

		@media screen and (max-width: 640px) {
			#course .box {
				padding: calc(26 / 640 * 100vw) calc(20 / 640 * 100vw) calc(25 / 640 * 100vw);
				margin-bottom: calc(26 / 640 * 100vw);
			}
				#course .box .course_title {
					padding:0 calc(8 / 640 * 100vw) 0 calc(20 / 640 * 100vw);
				}
				#course .box .course_title h4 {
					line-height:calc(30 / 640 * 100vw);
					padding: calc(15 / 640 * 100vw) 0 calc(12 / 640 * 100vw);
					font-size:calc(24 / 640 * 100vw);
				}
					#course .box .course_title h4 .small {
						font-size:calc(16 / 640 * 100vw);
					}
				#course .box .course_title ul {
					width: calc(85 / 640 * 100vw);
				}
				#course .box .course_title ul li {
					width:calc(37 / 640 * 100vw);
				}
			#course .box .course_body {
				margin:calc(12 / 640 * 100vw) 0 0;
				font-size:calc(16 / 640 * 100vw);
			}
				#course .box .course_body .course_dt {
					font-size:calc(22 / 640 * 100vw);
					line-height:1.45;
					margin-bottom:calc(16 / 640 * 100vw);
				}
				#course .box .course_body ul {
					justify-content:space-between;
				}
					#course .box .course_body ul li,#course .box .course_body .price {
						width:calc(270 / 560 * 100%);
						margin-bottom: calc(30 / 640 * 100vw);
						margin-right:0;
						line-height: calc(63 / 640 * 100vw);
					}
					#course .box .course_body ul li .price,#course .box .course_body .price {
						margin-right:0;
						line-height: calc(67 / 640 * 100vw);
						margin-bottom: calc(20 / 640 * 100vw);
						font-size: calc(30 / 640 * 100vw);
					}
					#course .box .course_body ul li .price {
						width:100%;
						line-height: 1;
						padding: calc(18 / 640 * 100vw) 0 calc(23 / 640 * 100vw);
						margin-bottom: 0;
					}
						#course .box .course_body ul li .small, #course .box .course_body .price .small {
							font-size: calc(18 / 640 * 100vw);
						}
						#course .box .course_body .time_btn {
							font-size: calc(22 / 640 * 100vw);
							line-height: calc(63 / 640 * 100vw);
						}
						#seminer #course .box .course_body .time_btn::before {
							background:url(../img/icon_time.png);
							background-size:contain;
							width: calc(35 / 640 * 100vw);
							height: calc(40 / 640 * 100vw);
							top: calc(10 / 640 * 100vw);
							left: calc(15 / 640 * 100vw);
						}
						#seminer #course .box .course_body .time_btn::after {
							background-image: url(../img/arrow01.png);
							background-size:contain;
							width: calc(29 / 640 * 100vw);
							height: calc(32 / 640 * 100vw);
							top: calc(23 / 640 * 100vw);
							right: calc(10 / 640 * 100vw);
						}		
	}
	
				.toggle {
					display: none;
				}
				.Label, #seminer .schedule {
					-webkit-backface-visibility: hidden;
					backface-visibility: hidden;
					transform: translateZ(0);
					transition: all 0.3s;
				}
				#seminer .schedule{
					height: 0;
					overflow: hidden;
					opacity: 0;
				}
				#seminer .toggle:checked + .Label + .schedule {
					height: auto;
					opacity: 1;
					transition: all .5s;
					padding:10px 0 0;
				}
				#seminer .toggle:checked + .Label .time_btn::after {
					transform: rotate(180deg) !important;
					top:10px !important;
				}
					.schedule .schedule_wrap {
						position:relative;
						background:#F5F5F5;
						border-radius:10px;
						padding:20px 24px;
					}
						.schedule .table_caption {
							position:absolute;
							left: 50%;
							transform: translateX(-50%);
							-webkit-transform: translateX(-50%);
							-ms-transform: translateX(-50%);
							top: -15px;
							font-size: 24px;
							font-weight: bold;
						}
						.schedule .schedule_title {
							font-size:22px;
							font-weight:bold;
							margin-bottom:14px;
						}
						.schedule .schedule_detail {
							line-height:1.625;
						}
						.schedule .schedule_detail .triangle {
							font-size:10px;
							color:#EA5541;
						}
						.schedule .prepare {
							background:#fff;
							padding:10px 25px 10px 19px;
							margin: 30px 0 0;
						}
							.schedule .prepare dl dt {
								font-size:22px;
								font-weight:bold;
								margin-bottom:5px;
							}
							.schedule .prepare dl dd {
								line-height:1.75;
							}
						.schedule .schedule_wrap table {
							width:100%;
							border-collapse: collapse;
							table-layout: fixed;
						}
							.schedule .schedule_wrap table th {
								font-size:22px;
								vertical-align: middle;
								width: 116px;
								word-break: break-all;
								border-bottom: 1px dotted #9A9A9A;
							}
							.schedule .schedule_wrap table td {
								vertical-align: top;
								text-align: left;
								padding: 25px 1% 24px;
								border-bottom: 1px dotted #9A9A9A;
								font-size: 16px;
								line-height: 1.375;
								width:209px;
							}
							@media screen and (max-width: 1400px) {
								.schedule .schedule_wrap table th {
									width:calc(116 / 1500 * 100%);
								}
								.schedule .schedule_wrap table td {
									width:calc(209 / 1500 * 100%);
								}
							}
							.schedule .schedule_wrap table td.pc {
								display:table-cell;
							}
								.schedule .schedule_wrap table td span {
									display:block;
								}
									.schedule .schedule_wrap table td span.time {
										text-align:center;
										font-weight:bold;
										color:#fff;
										max-width:208px;
										line-height:2;
										margin-bottom: 10px;
									}
							@media screen and (max-width: 640px) { 
							.toggle:checked + .Label + .schedule {
								padding:calc(15 / 640 * 100vw) 0 0
							}
							.toggle:checked + .Label .time_btn::after {
								top:calc(10 / 640 * 100vw) !important;
							}
								.schedule .schedule_wrap {
									padding:calc(20 / 640 * 100vw) calc(24 / 640 * 100vw);
								}
								.schedule .table_caption {
									top: calc(-22 / 640 * 100vw);
									font-size:calc(24 / 640 * 100vw);
								}
								.schedule .schedule_title {
									font-size:calc(22 / 640 * 100vw);
									margin-bottom:calc(14 / 640 * 100vw);
								}
								.schedule .schedule_detail .triangle {
									font-size:calc(10 / 640 * 100vw);
								}
								.schedule .schedule_wrap table th {
									width:100% !important;
									display:block;
									font-size:calc(24 / 640 * 100vw);
									border-bottom:none;
									padding: calc(12 / 640 * 100vw) 0 0;
								}
								.schedule .schedule_wrap table td {
									width:100% !important;
									display:flex;
									align-items: baseline;
									font-size:calc(18 / 640 * 100vw);
									padding: calc(10 / 640 * 100vw) 1% calc(13 / 640 * 100vw);
								}
								.schedule .schedule_wrap table td.pc {
									display:none;
								}
								.schedule .schedule_wrap table td span.time {
									width:calc(146 / 640 * 100vw) !important;
									margin-right:calc(12 / 640 * 100vw);
									flex-shrink:0;
								}
								.schedule .prepare {
									margin: calc(20 / 640 * 100vw) 0 0;
									padding:calc(20 / 640 * 100vw);
								}
									.schedule .prepare dl dt {
										font-size:calc(18 / 640 * 100vw);
									}
							}
		
			#seminer #course #course01 .course_title{
				background:#EA5541;
			}
			#seminer #course #course01 .course_body .course_dt {
				color:#EA5541;
			}
			#seminer #course #course01 .course_body .course_dt .small {
				font-size:14px;
			}
			#seminer #course #course01 .course_body .time_btn {
				background:#ea564333;
				color:#EA5541;
			}
			#seminer #course #course01 .course_body .time_btn::after {
				background-image:url(../img/arrow01.png);
			}
			#seminer #course #course01 .schedule .schedule_title,#course #course01 .schedule .prepare dl dt {
				color:#EA5541;
			}
		@media screen and (max-width: 640px) {	
				#seminer #course #course01 .course_body .course_dt .thin {
					letter-spacing:-0.06em;
				}
				#seminer #course #course01 .course_body .course_dt .pc {
					display:inline;
				}
				#seminer #course #course01 .course_body .mt_30 {
					margin:calc(40 / 640 * 100vw) 0 calc(16 / 640 * 100vw);
				}
				#seminer #course #course01 .course_body .course_dt .small {
					font-size: calc(14 / 640 * 100vw);
				}
		}
		
		#seminer #course #course02 {
			margin-bottom:40px;
		}
			#seminer #course #course02 .course_title{
				background:#EA5541;
			}
			#seminer #course #course02 .course_body .course_dt {
				color:#EA5541;
			}
			#seminer #course #course02 .course_body .time_btn {
				background:#ea564333;
				color:#EA5541;
			}
			#seminer #course #course02 .course_body .time_btn::after {
				background-image:url(../img/arrow02.png);
			}
			#seminer #course #course02 .schedule .schedule_title,#seminer #course #course02 .schedule .prepare dl dt {
				color:#EA5541;
			}
			@media screen and (max-width: 640px) {
				#seminer #course #course02 {
					margin-bottom: calc(36 / 640 * 100vw);
				}
				#seminer #course #course02 .course_body p:nth-child(2) {
					margin-top:calc(20 / 640 * 100vw);
				}
				#seminer #course #course02 .course_body p:nth-child(3) {
					margin-top:calc(15 / 640 * 100vw);
				}
				#seminer #course #course02 .course_body ul {
					margin-top:calc(25 / 640 * 100vw);
				}
			}
			
		#seminer #course #course03 {
			margin-bottom:40px;
		}
			#seminer #course #course03 .course_title{
				background:#26B7BC;
			}
			#seminer #course #course03 .course_body .course_dt {
				color:#26B7BC;
			}
			#seminer #course #course03 .course_body h5 {
				font-size:16px;
				background:linear-gradient(transparent 60%, #26B7BC33 60%);
				width:206px;
				margin:31px 0 18px;
				padding-left: 3px;
			}
			#seminer #course #course03 .course_body h5:nth-of-type(2){
				margin:26px 0 17px;
			}
			#seminer #course #course03 .course_body .mt_15 {
				line-height:1.7;
				text-indent: -1em;
				margin-left: 1em;
			}
			#seminer #course #course03 .course_body ul {
				min-height:100px;
				align-items:stretch;
			}
				#seminer #course #course03 .course_body ul li:nth-child(3) {
					margin-right:0;
				}
				
			@media screen and (max-width: 1350px) {
				#seminer #course #course03 .course_body ul li {
					margin-bottom:calc(41 / 640 * 100vw);
				}
					#seminer #course #course03 .course_body ul li:nth-child(3) {
						margin-right:calc(20 / 640 * 100vw);
					}
			}
			#seminer #course #course03 .course_body .price {
				line-height:1.1;
				padding:5px 0;
			}
			#seminer #course #course03 .course_body ul li {
				margin-bottom:10px;
			}
				#seminer #course #course03 .course_body ul li:nth-child(2) .price {
					line-height:1.4;
				}
				#seminer #course #course03 .course_body ul li .small {
					line-height:1.33;
				}
				#seminer #course #course03 .course_body ul li.wide {
					width:100%;
					padding: 6px 8% 10px;
					margin-bottom:15px;
					line-height: 1.6;
				}
					#seminer #course #course03 .course_body ul li.wide .nowrap {
						margin-top:10px;
						display:block;
					}
				#seminer #course #course03 .course_body p:nth-child(5) {
					line-height:1.7;
				}
				#seminer #course #course03 .course_body p:nth-child(8) {
					line-height:1.7;
				}
			#seminer #course #course03 .course_body .time_btn {
				background:#26b7bc33;
				color:#26B7BC;
			}
			#seminer #course #course03 .course_body .time_btn::after {
				background-image:url(../img/arrow03.png);
			}
			#seminer #course #course03 .toggle:checked + .Label + .schedule
			{
				padding:28px 0 0;
			}
				#seminer #course #course03 .schedule .schedule_wrap {
					padding: 15px 20px;
				}
				#seminer #course #course03 .schedule .schedule_wrap:nth-child(1) {
					margin-bottom: 35px;
					padding-bottom: 24px;
				}
				#seminer #course #course03 .schedule .schedule_wrap:nth-child(2) {
					padding-bottom: 28px;
				}
				#seminer #course #course03 .schedule .schedule_wrap .table_caption,#seminer #course #course03 .schedule .schedule_wrap table th,#seminer #course #course03 .schedule .prepare dl dt{
					color:#26B7BC;
				}
				#seminer #course #course03 .schedule .schedule_wrap table td span.time {
					background:#26B7BC;
				}
				#seminer #course #course03 .schedule .schedule_wrap:nth-child(2) td {
					padding:25px 1% 22px;
				}
				#seminer #course #course03 .schedule .schedule_wrap .prepare {
					margin-top:23px;
				}
			
			@media screen and (max-width: 640px) {
				#seminer #course #course03 {
					margin-bottom:calc(30 / 640 * 100vw);
				}
				#seminer #course #course03 .course_body {
					margin-top:calc(24 / 640 * 100vw);
				}
					#seminer #course #course03 .course_body h5 {
						font-size: calc(16 / 640 * 100vw);
						width: calc(206 / 640 * 100vw);
						margin: calc(31 / 640 * 100vw) 0 calc(18 / 640 * 100vw);
					}
					#seminer #course #course03 .course_body h5:nth-of-type(2) {
						margin: calc(26 / 640 * 100vw) 0 calc(17 / 640 * 100vw);
					}
					#seminer #course #course03 .course_body ul li {
						margin-bottom:calc(20 / 640 * 100vw);
					}
					#seminer #course #course03 .course_body ul li:nth-child(3) {
						margin-bottom: calc(10 / 640 * 100vw);
					}
					#seminer #course #course03 .course_body .price {
						line-height:1;
						padding: 2px 0;
					}
						#seminer #course #course03 .course_body .price .small {
							line-height:1;
						}
						#seminer #course #course03 .course_body .price .nowrap {
							line-height:1.5;
						}
					#seminer #course #course03 .course_body ul {
						min-height:inherit;
					}
					#seminer #course #course03 .course_body ul li.wide {
						padding:calc(6 / 640 * 100vw) 8% calc(6 / 640 * 100vw);
						margin-bottom:calc(10 / 640 * 100vw);
					}
						#seminer #course #course03 .course_body ul li.wide .nowrap {
							margin-top:0;
						}
						#seminer #course #course03 .course_body p:nth-child(8) {
							margin-bottom:calc(30 / 640 * 100vw);
						}
						#seminer #course #course03 .toggle:checked + .Label + .schedule {
							padding: calc(28 / 640 * 100vw) 0 0;
						}
						#seminer #course #course03 .schedule .schedule_wrap {
							padding:calc(16 / 640 * 100vw) calc(20 / 640 * 100vw);
						}
						#seminer #course #course03 .schedule .schedule_wrap:nth-child(1) {
							padding-bottom:calc(15 / 640 * 100vw);
							margin-bottom:calc(30 / 640 * 100vw);
						}
						#seminer #course #course03 .schedule .schedule_wrap:nth-child(2) {
							padding-bottom:calc(28 / 640 * 100vw);
						}
						#seminer #course #course03 .schedule .schedule_wrap:nth-child(2) td {
							padding: calc(14 / 640 * 100vw) 1% calc(15 / 640 * 100vw);
						}
						#seminer #course #course03 .schedule .schedule_wrap .prepare {
							margin-top:calc(23 / 640 * 100vw);
						}
				
			}
			
		#seminer #course #course04 {
			margin-bottom:36px;
		}
			#seminer #course #course04 .course_title{
				background:#8F82BC;
			}
			#seminer #course #course04 .course_body .course_dt {
				color:#8F82BC;
			}
			#seminer #course #course04 .course_body>p:nth-child(2) {
				line-height:1.875;
				margin:8px 0 15px;
			}
			#seminer #course #course04 .course_body .time_btn {
				background:#8F82BC33;
				color:#8F82BC;
			}
			#seminer #course #course04 .course_body .time_btn::after {
				background-image:url(../img/arrow04.png);
			}
			#seminer #course #course04 .toggle:checked + .Label + .schedule {
				padding: 35px 0 0;
			}
				#seminer #course #course04 .schedule .schedule_wrap:nth-child(1) {
					margin-bottom:36px;
				}
					#seminer #course #course04 .schedule .schedule_wrap .table_caption,#seminer #course #course04 .schedule .schedule_wrap .schedule_title ,#seminer #course #course04 .schedule .schedule_wrap table th,#seminer #course #course04 .schedule .prepare dl dt {
						color:#8F82BC;
					}
					#seminer #course #course04 .schedule .schedule_wrap .schedule_title {
						margin: 7px 0 6px;
					}
					#seminer #course #course04 .schedule .schedule_wrap table td {
						padding: 25px 1% 40px;
					}
					#seminer #course #course04 .schedule .schedule_wrap table td span.time {
						background:#8F82BC;
					}
					#seminer #course #course04 .schedule .schedule_wrap table td:nth-of-type(3) {
						vertical-align: middle;
					}
					#seminer #course #course04 .schedule .schedule_wrap table td .red {
					color:#FF0000;
				}
				#seminer #course #course04 .schedule .schedule_wrap .prepare {
					margin:22px 0 0;
				}
				
			@media screen and (max-width: 640px) {
				#seminer #course #course04 {
					margin-bottom:calc(30 / 640 * 100vw);
				}
				#seminer #course #course04 .toggle:checked + .Label + .schedule {
					padding: calc(35 / 640 * 100vw) 0 0;
				}
				#seminer #course #course04 .schedule .schedule_wrap:nth-child(1) {
					margin-bottom:calc(28 / 640 * 100vw);
				}
				#seminer #course #course04 .schedule .schedule_wrap table td {
					padding:calc(14 / 640 * 100vw) 1% calc(15 / 640 * 100vw);
				}
				#seminer #course #course04 .schedule .schedule_wrap .prepare {
					margin-bottom:calc(37 / 640 * 100vw);
				}
				#seminer #course #course04 .schedule .schedule_wrap:nth-child(2) table {
					margin-bottom:calc(5 / 640 * 100vw);
				}
			}
			
		#seminer #course #course05 {
			margin-bottom:45px;
		}
			#seminer #course #course05 .course_title{
				background:#EF8FA2;
			}
			#seminer #course #course05 .course_body .course_dt {
				color:#EF8FA2;
			}
			#seminer #course #course05 .course_body p:nth-child(2) {
				margin:16px 0 20px;
			}
			#seminer #course #course05 .course_body .time_btn {
				background:#EF8FA233;
				color:#EF8FA2;
			}
			#seminer #course #course05 .course_body .time_btn::after {
				background-image:url(../img/arrow05.png);
			}
				#seminer #course #course05 .toggle:checked + .Label + .schedule {
					padding:25px 0 0;
				}
					#seminer #course #course05 .schedule .schedule_wrap {
						padding-top:24px;
					}
						#seminer #course #course05 .schedule .schedule_wrap .table_caption,#seminer #course #course05 .schedule .schedule_wrap table th,#seminer #course #course05 .schedule .prepare dl dt{
							color:#EF8FA2;
						}
						#seminer #course #course05 .schedule .schedule_wrap table td {
							padding: 26px 1% 28px;
						}
						#seminer #course #course05 .schedule .schedule_wrap table td span.time {
							background:#EF8FA2;
						}
						#seminer #course #course05 .schedule .schedule_wrap table td span:nth-child(2) {
							min-height:2em;
						}
				#seminer #course #course05 .schedule .schedule_wrap .prepare {
					margin:22px 0 13px;
				}
			@media screen and (max-width: 640px) {
				#seminer #course #course05 {
					margin-bottom:calc(31 / 640 * 100vw);
				}
					#seminer #course #course05 .toggle:checked + .Label + .schedule {
						padding: calc(25 / 640 * 100vw) 0 0;
					}
					#seminer #course #course05 .course_body p:nth-child(2) {
						margin-bottom:calc(30 / 640 * 100vw);
					}
					#seminer #course #course05 .course_title ul {
						width:calc(40 / 640 * 100vw);
					}
					#seminer #course #course05 .course_body {
						margin: calc(20 / 640 * 100vw) 0 0;
					}
					#seminer #course #course05 .schedule .schedule_wrap table td {
						padding:calc(14 / 640 * 100vw) 1% calc(15 / 640 * 100vw);
					}
			}
			
		#seminer #course #course06 {
			margin-bottom:26px;
		}
			#seminer #course #course06 .course_title{
				background:#6AA9C0;
			}
			#seminer #course #course06 .course_body .course_dt {
				color:#6AA9C0;
			}
			#seminer #course #course06 .course_body .course_dt{
				margin-bottom:25px;
			}
			#seminer #course #course06 .course_body .time_btn {
				background:#6AA9C033;
				color:#6AA9C0;
			}
			#seminer #course #course06 .course_body .time_btn::after {
				background-image:url(../img/arrow06.png);
			}
				#seminer #course #course06 .toggle:checked + .Label + .schedule {
					padding:25px 0 0;
				}
				#seminer #course #course06 .schedule .schedule_wrap {
					padding:13px 24px 30px;
				}
				#seminer #course #course06 .schedule .schedule_wrap .table_caption,#seminer #course #course06 .schedule .schedule_wrap table th,#seminer #course #course06 .schedule .prepare dl dt{
					color:#6AA9C0;
				}
				#seminer #course #course06 .schedule .schedule_wrap table td span.time {
					background:#6AA9C0;
				}
				#seminer #course #course06 .schedule .schedule_wrap table td {
					width:166px;
				}
				#seminer #course #course06 .schedule .prepare {
					padding: 4px 25px 24px 19px;
					margin: 25px 0 7px;
				}
				@media screen and (max-width: 1400px) {
						#seminer #course #course06 .schedule .schedule_wrap table th {
							width:calc(116 / 1500 * 100%);
						}
						#seminer #course #course06 .schedule .schedule_wrap table td {
							width:calc(166 / 1500 * 100%);
						}
						#seminer #course #course06 .schedule .prepare {
							margin:25px 0 20px
						}
				}
	
			@media screen and (max-width: 640px) {			
					#seminer #course #course06 {
						margin-bottom:calc(26 / 640 * 100%);
						padding-bottom: calc(30 / 640 * 100%);
					}
					#seminer #course #course06 .toggle:checked + .Label + .schedule {
						padding: calc(25 / 640 * 100vw) 0 0;
					}
			}

		#course .caution {
			line-height:1.875;
			margin-bottom: 45px;
		}
		@media screen and (max-width: 640px) {
			#course .caution {
				margin-bottom: calc(40 / 640 * 100vw);
				font-size: calc(16 / 640 * 100vw);
			}
					#course #course06 .schedule .schedule_wrap table td {
						padding:calc(14 / 640 * 100vw) 1% calc(15 / 640 * 100vw);
					}
		}
		
		
		#course #attention {
			padding-bottom:22px;
		}
			#course #attention ul li {
				overflow:hidden;
			}
				#course #attention ul li dl {
					background:#fff;
					border-radius:10px;
					padding:25px;
					margin-bottom:50px;
				}
					#course #attention ul li dl dt {
						background: #0082C8;
						border-radius:10px;
						color: #fff;
						font-size:24px;
						font-weight:bold;
						line-height: 60px;
						padding: 0 25px;
						margin-bottom: 20px;
					}
					#course #attention ul li dl dd {
						font-size:18px;
						padding:0 25px;
					}
		@media screen and (max-width: 640px) {
				#course #attention ul li dl {
					padding:calc(25 / 640 * 100vw) calc(20 / 640 * 100vw) calc(20 / 640 * 100vw);
					margin-bottom:calc(27 / 640 * 100vw);
				}
				#course #attention ul li:last-child dl {
					padding:calc(25 / 640 * 100vw);
					margin-bottom:calc(20 / 640 * 100vw);
				}
					#course #attention ul li dl dt {
						padding: calc(15 / 640 * 100vw) calc(20 / 640 * 100vw);
						line-height: 1.25;
						font-size:calc(24 / 640 * 100vw);
					}
					#course #attention ul li dl dd {
						font-size:calc(18 / 640 * 100vw);
						padding:0;
					}
		}

         .invitation{
			 background-color:#fff;
			 border-radius:10px;
			 padding: 27px 25px 20px;
			 margin-bottom:30px;
		 }
        .invitation h4{
			 border-radius:10px;
			 background: #fff9e8;
			 color: #c20d23;
			 font-size:24px;
			 line-height:60px;
			 padding:0 5px 0 25px;
		}
        .place{
			font-size:18px;
			font-weight:bold;
			padding-top:20px;
			padding-left:20px;
		}
        .guidance{
			padding-top:20px;
			padding-left:20px;
		}

        @media screen and (max-width: 640px) {
			.invitation{
				padding: calc(26 / 640 * 100vw) calc(20 / 640 * 100vw) calc(25 / 640 * 100vw);
			}
			.invitation h4{
				line-height:calc(30 / 640 * 100vw);
				padding: calc(15 / 640 * 100vw) 0 calc(12 / 640 * 100vw);
				font-size:calc(24 / 640 * 100vw);
				padding:0 calc(8 / 640 * 100vw) 0 calc(20 / 640 * 100vw);
			}
			.place{
				font-size:calc(22 / 640 * 100vw);
				padding-left:10px;
			}
			.guidance{
				font-size:calc(22 / 640 * 100vw);
				padding-left:10px;
			}
		}
				
/*footer_banner*/
.footer_banner {
	padding:0 50px 186px;
}
@media screen and (max-width: 640px) {
	.footer_banner {
		padding:0 30px 65px;
	}
}

/*footer_nav*/
.footer_nav {
	position:fixed;
	bottom:0;
	background:rgba(255,255,255,0.9);
	width:100%;
	padding:10px;
}
	.footer_nav ul {
		display:flex;
		justify-content:center;
		width:1150px;
		margin:0 auto;
	}
	.footer_nav ul li a:hover {
		opacity:0.8;
	}
	@media screen and (max-width: 1150px) {
		.footer_nav ul {
			width:auto;
		}
	}
	@media screen and (max-width: 640px) {
		.footer_nav {
			padding:calc(11 / 640 * 100vw);
		}
		.footer_nav ul {
			width:100%;
		}
			.footer_nav ul li {
				width:calc(202 / 640 * 100vw);
				padding:0 calc(4.5 / 640 * 100vw)
			}
	}

/*footer*/
footer {
}

a.btn_04 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 300px;
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	border: 2px solid #27acd9;
	background: #27acd9;
	color: #fff;
	border-radius: 100vh;
	transition: 0.5s;
}
a.btn_04:hover {
	color: #27acd9;
	background: #fff;
}


#course #attention ul li.orange dl dt {
    background: #f39400;
}

#course #attention ul li a.btn {
    text-decoration: none;
    display: inline-block;
    background: #EA5541;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    border-radius: 9em;
    padding: 0.5em 1.5em;
	margin-top: 0.5em;
}

@media screen and (max-width: 640px) {
	#course #attention ul li a.btn {font-size: calc(20 / 640 * 100vw);}
}