@charset "utf-8";
.page__contact__application {
	display: none;
}
.page__contact__inquiry {
	height: 100%;
	border-radius: 20px 0 0 20px;
}
.footer__contact__application {
	display: none;
}
.footer__contact__inquiry {
	width: 100%;
}

#course {
	width: 100%;
	height: auto;
	position: relative;
	padding: 22px 0 0;
	overflow: hidden;
}
	.course__inner {
		width: 100%;
		height: auto;
	}
		.course__contents {
			width: 100%;
			height: auto;
			padding: 76px 0 153px;
			border-radius: 60px 60px 0 0;
			background-color: var(--color--pink);
		}
			.course__contents__inner {
				width: 85%;
				max-width: 890px;
				height: auto;
				margin: 0 auto;
			}
				.course__contents__wrap {
					width: 100%;
					height: auto;
				}
				.course__contents__wrap:not(:last-of-type) {
					margin: 0 auto 80px;
				}
					.cmn_h2 {
						margin-bottom: 25px;
						position: relative;
						z-index: 3;
					}
					.course__contents__body {
						width: 100%;
						height: auto;
					}
						.cmn_h3 {
							margin: 25px auto 15px;
						}
						.course__contents__txt {
							width: 100%;
							height: auto;
							margin-bottom: 28px;
							font-size: 16px;
							font-weight: 700;
							line-height: 2.0;
							letter-spacing: 0.05em;
							position: relative;
							z-index: 3;	
						}
						.course__contents__note {
							width: 100%;
							height: auto;
							margin-top: 3px;
							font-size: 12px;
							line-height: 2.0;
							font-weight: 500;
							letter-spacing: 0em;
							position: relative;
							z-index: 3;
						}
						.course__contents__body dl {
							width: 100%;
							height: auto;
							margin: 20px auto 6px;
							display: flex;
							justify-content: flex-start;
							align-items: center;
							position: relative;
							z-index: 3;
						}
							.course__contents__body dl dt {
								display: flex;
								justify-content: center;
								align-items: center;
								min-width: 100px;
								height: 28px;
								padding: 0 20px 2px;
								margin-right: 9px;
								border-radius: 14px;
								background-color: var(--color--black);
								font-size: 16px;
								font-weight: 500;
								line-height: 1;
								letter-spacing: 0.04em;
								color: var(--color--white);
							}
							.course__contents__body dl dd {
								font-size: 16px;
								font-weight: 700;
								letter-spacing: 0.05em;
							}
								.course__contents__body dl dd .din {
									margin-right: 2px;
									font-size: 24px;
									font-weight: 600;
									line-height: 1;
									letter-spacing: 0.06em;
									color: var(--color--black);
									position: relative;
									top: 2px;
								}
								.course__contents__body dl dd small {
									margin-right: 5px;
									font-size: 14px;
								}
						.course__contents__body ol {
							width: 100%;
							height: auto;
							padding-left: 5px;
							counter-reset: number 0;
							position: relative;
							z-index: 3;
						}
						.course__contents__body ul {
							width: 100%;
							height: auto;
							padding-left: 5px;
							position: relative;
							z-index: 3;
						}
							.course__contents__body ol li,
							.course__contents__body ul li {
								width: 100%;
								height: auto;
								font-size: 16px;
								font-weight: 500;
								line-height: 2.0;
								letter-spacing: 0.01em;
								position: relative;
							}
							.course__contents__body ol li:not(:last-of-type),
							.course__contents__body ul li:not(:last-of-type) {
								margin-bottom: 5px;
							}
							.course__contents__body ol li {
								padding-left: 25px;
							}
							.course__contents__body ul li {
								padding-left: 18px;
							}
								.course__contents__body ol li::before {
									counter-increment: number 1;
									content: counter(number) ".";
									color: var(--color--lightblue);
									font-family: "din-2014", sans-serif;
									font-size: 20px;
									font-weight: 700;
									letter-spacing: 0em;
									position: absolute;
									top: -3px;
									left: 0;
								}
								.course__contents__body ul li::before {
									content: '';
									display: block;
									width: 7px;
									height: 7px;
									border-radius: 50%;
									background-color: var(--color--lightblue);
									position: absolute;
									top: 14px;
									left: 0;
								}
								.course__contents__body ol li dl,
								.course__contents__body ul li dl {
									margin: 0 auto;
								}
									.course__contents__body ol li dl dt,
									.course__contents__body ul li dl dt {
										height: 20px;
										padding: 0 15px;
										border-radius: 10px;
										margin-right: 9px;
										font-size: 11px;
										font-weight: 500;
										letter-spacing: 0.04em;
									}
										.course__contents__body ol li dl dd .din,
										.course__contents__body ul li dl dd .din {
											font-size: 18px;
											top: 0;
										}
										.course__contents__body ol li dl dd .dd_note,
										.course__contents__body ul li dl dd .dd_note {
											margin-left: 8px;
											font-size: 12px;
											font-weight: 500;
											letter-spacing: 0em;
										}
											.course__contents__body ul li dl dd .dd_note .din,
											.course__contents__body ul li dl dd .dd_note .din {
												font-size: 14px;
												font-weight: 400;
												top: 0;
											}

/* PC ================================================== */
@media all and (min-width:1025px){
								.course__contents__body dl dd a.din {
									position: relative;
								}
									.course__contents__body dl dd a.din::after {
										content: '';
										display: block;
										width: 100%;
										height: 2px;
										background-color: var(--color--black);
										opacity: 0;
										transition: opacity .2s;
										position: absolute;
										bottom: 1px;
										left: 0;
									}
									.course__contents__body dl dd a.din:hover::after {
										opacity: 1;
									}
}

/* Tablet ================================================== */
@media all and (max-width:1024px){
.page__contact__inquiry {
	width: 100%;
	border-radius: 20px 20px 0 0;
}
.footer__contact__inquiry {
	width: 100%;
}
#course {
	padding: 28px 0 0;
}
		.course__contents {
			padding: 51px 0 45px;
			border-radius: 30px 30px 0 0;
		}
			.course__contents__inner {
				width: 87.2%;
				max-width: initial;
			}
				.course__contents__wrap:not(:last-of-type) {
					margin: 0 auto 60px;
				}
					.cmn_h2 {
						margin-bottom: 20px;
					}
						.cmn_h3 {
							margin: 20px auto 12px;
						}
						.course__contents__txt {
							margin-bottom: 22px;
							font-size: 15px;
						}
						.course__contents__body dl {
							display: block;
							margin: 18px auto 7px;
						}
							.course__contents__body dl dt {
								height: 30px;
								padding: 0;
								border-radius: 15px;
								margin-right: 0px;
								font-size: 14px;
							}
							.course__contents__body dl dd {
								margin-top: 10px;
								font-size: 15px;
								line-height: 1.4;
								text-align: center;
							}
								.course__contents__body dl dd .din {
									font-size: 24px;
									top: 1px;
								}
						.list_wrap {
							margin-bottom: 40px;
						}
							.course__contents__body ol li,
							.course__contents__body ul li {
								font-size: 15px;
							}
							.course__contents__body ol li:not(:last-of-type),
							.course__contents__body ul li:not(:last-of-type) {
								margin-bottom: 4px;
							}
							.course__contents__body ol li {
								padding-left: 23px;
							}
							.course__contents__body ul li {
								padding-left: 14px;
							}
								.course__contents__body ol li::before {
									font-size: 20px;
									top: -5px;
								}
								.course__contents__body ul li::before {
									width: 6px;
									height: 6px;
									top: 13px;
								}
								.course__contents__body ol li dl,
								.course__contents__body ul li dl {
									display: block;
									margin: 6px auto 0;
								}
									.course__contents__body ol li dl dt,
									.course__contents__body ul li dl dt {
										height: 30px;
										padding: 0;
										border-radius: 15px;
										margin-right: 0px;
										font-size: 12px;
									}
									.course__contents__body ol li dl dd,
									.course__contents__body ul li dl dd {
										margin-top: 8px;
										line-height: 1.4;
									}
										.course__contents__body ol li dl dd .dd_note,
										.course__contents__body ul li dl dd .dd_note {
											display: block;
											margin-top: 6px;
											margin-left: 0px;
											font-size: 12px;
											text-align: left;
										}
											.course__contents__body ul li dl dd .dd_note .din,
											.course__contents__body ul li dl dd .dd_note .din {
												font-size: 14px;
											}
}

/* SP ================================================== */
@media all and (max-width:599px){

}