@charset "utf-8";
:root {
	--color--white: #ffffff;
	--color--black: #2E2E2E;
	--color--gray: #DDDDDD;
	--color--darkgray: #C7C7C7;
	--color--blackgray: #909090;
	--color--skyblue: #00A6CB;
	--color--lightblue: #5C7795;
	--color--bk_skyblue: #AAC2CC;
	--color--bk_blue: #819DAC;
	--color--bk_dark_blue: #8CAABC;
	--color--blue: #0966C4;
	--color--pink: #F4EFEF;
	--color--red: #CD461D;
	--color--green: #748565;
	--color--orange: #E79D56;
	--color--schedule_pink: #ED8599;
	--color--schedule_yellow: #FFE051;
	--color--schedule_blue: #4CA9A9;
	--color--schedule_gray: #D2D0BD;
	--color--navy: #1A3A45;
}

body {
	min-height: 100vh;
	margin: 0px;
	padding: 134px 0 0;
	background-color: var(--color--bk_skyblue);
	scroll-behavior: smooth;
	text-rendering: optimizeSpeed;
	color: #2E2E2E;
	font-family: 'Zen Kaku Gothic Antique', sans-serif;
	font-weight: 500;
	font-style: normal;
	line-height: 1.8;
	letter-spacing: 0.0em;
	position: relative;
}
body::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-image: url('../image/cmn-bk_mask@pc.png');
	background-position: top center;
	background-repeat: repeat-y;
	background-size: 100% auto;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	mix-blend-mode: multiply;
	pointer-events: none;
}
.din {
	font-family: "din-2014", sans-serif;
}
body.scroll-stop {
	overflow: hidden;
}
#l-wrapper {
	width: 100%;
	height: auto;
}
#wrap {
	width: 100%;
	height: auto;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	position: relative;
}

/*----- ヘッダー -----*/
header {
	width: 100%;
	height: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
}
	.header__inner {
		width: 95%;
		max-width: 1135px;
		height: auto;
		margin: 28px auto 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
		.global_nav {
			display: flex;
			justify-content: flex-start;
			align-items: center;
			column-gap: 2.7%;
			width: calc(100% - 86px);
			height: 78px;
			padding: 0 37px 0;
			border-radius: 39px;
			background-color: var(--color--white);
			filter: drop-shadow(0px 3px 10px rgba(0,0,0,.1));
		}
		.global_nav::after {
			content: '';
			display: block;
			width: 1px;
			height: 36px;
			background-color: var(--color--gray);
			order: 2;
		}
			.header__logo {
				width: 165px;
				height: auto;
				order: 1;
			}
				.header__logo__txt {
					width: 100%;
					height: auto;
					margin-bottom: 6px;
					font-size: 10px;
					font-weight: 400;
					line-height: 1;
					letter-spacing: 0.05em;
				}
				.header__logo img {
					width: 100%;
					height: auto;
				}
			.header__contact_tel {
				width: auto;
				height: auto;
				padding-top: 3px;
				order: 3;
			}
				.header__contact_tel__txt {
					width: 100%;
					height: auto;
					margin-bottom: 4px;
					font-size: 10px;
					font-weight: 700;
					line-height: 1;
					letter-spacing: 0.05em;
				}
				.header__contact_tel__number {
					display: block;
					font-size: 26px;
					font-weight: 700;
					line-height: 1;
					letter-spacing: 0em;
					color: var(--color--skyblue);
				}
			.global_nav__list__wrap {
				width: auto;
				height: auto;
				margin: 0 0 0 auto;
				order: 4;
			}
				.global_nav__list {
					display: flex;
					justify-content: flex-end;
					align-items: center;
					column-gap: 22px;
					font-size: 16px;
					font-weight: 500;
					line-height: 1.75;
					letter-spacing: 0.05em;
				}
					.global_nav__item {
						width: auto;
						height: auto;
						position: relative;
					}
						.global_nav__item__linktxt {
							color: var(--color--black);
							cursor: pointer;
							position: relative;
							transition: color .2s;
						}
							.global_nav__item__linktxt::after {
								content: '';
								display: block;
								width: calc(100% + 30px);
								height: 32px;
								border-radius: 16px;
								background-color: var(--color--pink);
								position: absolute;
								bottom: -3px;
								left: -15px;
								z-index: -1;
								opacity: 0;
								pointer-events: none;
								transition: opacity .2s;
							}

						/* ドロップダウンメニュー */
						.global_nav__item__child {
							display: flex;
							justify-content: space-between;
							align-items: flex-start;
							column-gap: 45px;
							width: auto;
							height: auto;
							padding: 35px 45px 35px;
							border-radius: 20px;
							background-color: var(--color--white);
							position: absolute;
							bottom: -40px;
							left: 50%;
							transform: translate(-50%,100%);
							opacity: 0;
							transition: bottom .2s,opacity .2s;
							transition-delay: .1s;
							pointer-events: none;
						}
							.global_nav__item__child::after {
								content: '';
								width: 0;
								height: 0;
								border-style: solid;
								border-width: 0 6.5px 13px 6.5px;
								border-color: transparent transparent var(--color--white) transparent;
								position: absolute;
								top: 0;
								left: 50%;
								transform: translate(-50%,-100%);
							}
								.global_nav__item__child__list__wrap {
									width: 170px;
									height: auto;
								}
								.global_nav__item__child__list__wrap:not(:first-of-type) {
									width: 150px;
								}
								.global_nav__item__child_course .global_nav__item__child__list__wrap {
									width: 195px;
								}
									.global_nav__item__child__list__heading {
										width: 100%;
										height: auto;
										padding-bottom: 8px;
										margin-bottom: 14px;
										border-bottom: dashed 1px var(--color--darkgray);
										font-size: 14px;
										font-weight: 700;
										line-height: 1.0;
										letter-spacing: 0.05em;
										color: var(--color--skyblue);
									}
									.global_nav__item__child__list {
										width: 100%;
										height: auto;
									}
										.global_nav__item__child__list::before {
											order: 1;
										}
										.global_nav__item__child__item {
											width: 100%;
											height: auto;
										}
										.global_nav__item__child__item:not(:last-of-type) {
											margin-bottom: 15px;
										}
											.global_nav__item__child__item__btn {
												display: flex;
												justify-content: flex-start;
												align-items: center;
												width: 100%;
												height: auto;
												padding: 3px 0;
												font-size: 14px;
												font-weight: 500;
												line-height: 1;
												letter-spacing: 0.05em;
												color: var(--color--black);
												position: relative;
												transition: color .2s;
											}
												.global_nav__item__child__item__btn_icon.student {
													background-color: var(--color--white);
													color: var(--color--skyblue);
												}
												.global_nav__item__child__item__btn_icon.general {
													background-color: var(--color--skyblue);
													color: var(--color--white);
												}
												.global_nav__item__child__item__btn .arrow {
													width: 8.22px;
													height: auto;
													position: absolute;
													top: 50%;
													right: 3px;
													transform: translate(0%,-50%);
													transition: right .2s;
												}

		.header__current_student {
			width: 78px;
			height: 78px;
			filter: drop-shadow(0px 3px 10px rgba(0,0,0,.1));
		}
			.header__current_student__btn {
				display: flex;
				justify-content: center;
				align-items: center;
				width: 100%;
				height: 100%;
				padding-top: 2px;
				padding-left: 2px;
				border-radius: 50%;
				background-color: var(--color--black);
				font-size: 14px;
				font-weight: 500;
				line-height: 1.3;
				letter-spacing: 0.05em;
				color: var(--color--white);
				transition: background-color .2s;
			}

/*----- 追従コンタクトボタン -----*/
#page__contact {
	width: 60px;
	height: 47.75vh;
	max-height: 382px;
	border-radius: 20px 0 0 20px;
	filter: drop-shadow(0px 3px 10px rgba(0,0,0,.1));
	position: fixed;
	top: 49.25%;
	right: 0;
	transform: translate(0%,-50%);
	z-index: 90;
}
	.page__contact__application,
	.page__contact__inquiry {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 50%;
		padding-left: 1px;
		font-size: 18px;
		font-weight: 700;
		line-height: 1;
		letter-spacing: 0.15em;
		-webkit-writing-mode: vertical-rl;
		-moz-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		-ms-writing-mode: vertical-rl;
		writing-mode: vertical-rl;
		text-align: left;
		color: var(--color--white);
	}
	.page__contact__application {
		padding-top: 2px;
		background-color: var(--color--skyblue);
		border-radius: 20px 0 0 0;
	}
	.page__contact__inquiry {
		padding-bottom: 2px;
		background-color: var(--color--blue);
		border-radius: 0 0 0 20px;
	}
		.page__contact__application img,
		.page__contact__inquiry img {
			width: 19px;
			height: auto;
			margin-top: 5px;
		}

/*----- フッターコンタクトボタン -----*/
#footer__contact {
	width: 100%;
	height: auto;
	margin: auto auto 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
	.footer__contact__application,
	.footer__contact__inquiry {
		display: flex;
		justify-content: center;
		align-items: flex-end;
		width: 50%;
		height: 250px;
		padding-bottom: 43px;
	}
	.footer__contact__application {
		background-color: var(--color--skyblue);
	}
	.footer__contact__inquiry {
		background-color: var(--color--blue);
	}
		.footer__contact__btn__wrap {
			position: relative;
		}
			.footer__contact__btn_icon {
				position: absolute;
				left: 50%;
				transform: translate(-50%,-100%);
			}
			.footer__contact__application .footer__contact__btn_icon {
				width: 196.73px;
				height: auto;
				top: -7px;
			}
			.footer__contact__inquiry .footer__contact__btn_icon {
				width: 225.12px;
				height: auto;
				top: -6px;
			}
			.footer__contact__btn_txt {
				display: flex;
				justify-content: center;
				align-items: center;
				font-size: 32px;
				font-weight: 700;
				line-height: 1.4375;
				letter-spacing: 0.05em;
				color: var(--color--white);
			}
				.footer__contact__btn_txt .arrow {
					width: 37px;
					height: auto;
					margin-left: 12px;
					position: relative;
					left: 0;
					transition: left .2s;
				}

/*----- フッター -----*/
footer {
	width: 100%;
	height: auto;
	padding: 80px 0 26px;
	margin: 0 auto 0;
	background-color: var(--color--pink);
	overflow: hidden;
}
	.footer__inner {
		display: flex;
		justify-content: space-between;
		align-items: stretch;
		width: 95%;
		max-width: 1000px;
		height: auto;
		margin: 0 auto;
		position: relative;
	}
		.footer__inner::after {
			content: '';
			display: block;
			width: 50vw;
			height: 100%;
			border-radius: 80px 0 0 80px;
			background-color: var(--color--white);
			position: absolute;
			top: 0;
			right: 42.6%;
			transform: translate(100%,0%);
		}
		.footer__contents {
			width: 57.4%;
			height: auto;
		}
			.footer__logo {
				width: 252px;
				height: auto;
				margin-bottom: 46px;
			}
				.footer__logo__txt {
					width: 100%;
					height: auto;
					margin-bottom: 9px;
					font-size: 12px;
					font-weight: 400;
					line-height: 1;
					letter-spacing: 0.05em;
				}
				.footer__logo a {
					display: block;
					width: 100%;
					height: auto;
				}
					.footer__logo img {
						width: 100%;
						height: auto;
					}
			.footer__info {
				width: 100%;
				height: auto;
				margin-bottom: 44px;
			}
				.footer__info__list {
					width: 100%;
					height: auto;
				}
					.footer__info__item {
						display: flex;
						justify-content: flex-start;
						align-items: center;
						width: 100%;
						height: auto;
					}
					.footer__info__item:not(:last-of-type) {
						margin-bottom: 15px;
					}
						.footer__info__item__heading {
							width: 43px;
							height: auto;
							padding: 7px 0px 6px 2px;
							margin-right: 12px;
							border: solid 1px var(--color--black);
							border-radius: 12px;
							font-size: 13px;
							font-weight: 500;
							line-height: 1.15;
							letter-spacing: 0.06em;
							text-align: center;
						}
						.footer__info__item__details {
							flex: 1;
							height: auto;
							font-size: 14px;
							font-weight: 500;
							line-height: 1.5;
							letter-spacing: 0.06em;
						}
						.footer__info__item__details.tel_number {
							font-size: 22px;
						}
							.footer__info__item__details .din {
								font-weight: 600;
							}
							.footer__info__item__details a {
								color: var(--color--black);
								transition: opacity .2s;
								opacity: 1;
							}
							.footer__info__time__list {
								width: 100%;
								height: auto;
							}
								.footer__info__time__item {
									display: flex;
									justify-content: flex-start;
									align-items: center;
									width: 380px;
									height: auto;
									font-size: 14px;
									font-weight: 500;
								}
									.footer__info__time__item::before {
										content: '';
										display: block;
										flex: 1;
										height: 2px;
										margin-right: 7px;
										background-image: url('../image/dot_line.svg');
										background-position: left top;
										background-repeat: repeat-x;
										background-size: 6px 2px;
										order: 2;
									}
									.footer__info__time__item__heading {
										order: 1;
										margin-right: 5px;
									}
									.footer__info__time__item__details {
										width: 290px;
										order: 3;
									}
										.footer__info__time__item__details .din.w400 {
											font-weight: 400;
										}
			.footer__banner {
				width: 100%;
				height: auto;
				position: relative;
				z-index: 3;
			}
				.footer__banner__list {
					width: 230px;
					height: auto;
				}
					.footer__banner__item {
						width: 100%;
						height: auto;
					}
					.footer__banner__item:not(:last-of-type) {
						margin-bottom: 8px;
					}
						.footer__banner__item a {
							display: block;
							width: 100%;
							height: auto;
							border-radius: 5px;
							opacity: 1;
							transition: opacity .2s;
						}
							.footer__banner__item a img {
								width: 100%;
								height: auto;
							}

		.footer__nav {
			display: flex;
			justify-content: flex-start;
			align-items: center;
			width: 42.6%;
			height: auto;
			padding: 0 0 0 9.2%;
			position: relative;
			z-index: 3;
		}
			.footer__menu {
				width: 100%;
				height: auto;
			}
				.footer__menu__list {
					width: 100%;
					height: auto;
				}
					.footer__menu__item {
						width: 100%;
						height: auto;
						font-size: 12px;
						font-weight: 700;
						line-height: 1.4;
						letter-spacing: 0em;
					}
					.footer__menu__item:not(:last-of-type) {
						margin-bottom: 14px;
					}
						.footer__menu__item__linktxt {
							display: inline-flex;
							justify-content: flex-start;
							align-items: center;
							color: var(--color--black);
						}
						a.footer__menu__item__linktxt {
							opacity: 1;
							transition: color .2s;
							position: relative;
						}
							a.footer__menu__item__linktxt::after {
								content: '';
								display: block;
								width: calc(100% - 21px);
								height: 1px;
								border-radius: 1px;
								background-color: var(--color--skyblue);
								position: absolute;
								bottom: -3px;
								right: 0;
								opacity: 0;
								transition: opacity .2s;
								pointer-events: none;
							}
							.footer__menu__item__linktxt .round_arrow {
								width: 15px;
								height: auto;
								margin-right: 6px;
							}
					.footer__menu__item__child {
						width: 100%;
						height: auto;
						margin-top: 6px;
					}
						.footer__menu__item__child__list {
							width: 100%;
							height: auto;
							display: flex;
							justify-content: space-between;
							align-items: flex-start;
							flex-wrap: wrap;
						}
						.footer__menu__item__child_course .footer__menu__item__child__list {
							display: block;
						}
						.footer__menu__item__child__list::before,
						.footer__menu__item__child__list::after {
							content: '';
							display: block;
							height: 0;
						}
						.footer__menu__item__child__list::before {
							width: 37%;
							max-width: 125px;
							order: 1;
						}
						.footer__menu__item__child__list::after {
							width: 20%;
							max-width: 66px;
						}
							.footer__menu__item__child__item {
								height: auto;
								padding-left: 6px;
								font-size: 11px;
								font-weight: 700;
								line-height: 1.45;
								letter-spacing: 0em;
							}
							.footer__menu__item__child__item:nth-of-type(3n-2) {
								width: 43%;
								max-width: 145px;
							}
							.footer__menu__item__child__item:nth-of-type(3n-1) {
								width: 37%;
								max-width: 125px;
							}
							.footer__menu__item__child__item:nth-of-type(3n) {
								width: 20%;
								max-width: 66px;
							}
							.footer__menu__item__child_course .footer__menu__item__child__item {
								width: 100%;
								max-width: initial;
							}
							.footer__menu__item__child__item:not(:nth-last-of-type(-n+3)) {
								margin-bottom: 8px;
							}
							.footer__menu__item__child_course .footer__menu__item__child__item:not(:last-of-type) {
								margin-bottom: 8px;
							}
								.footer__menu__item__child__item__linktxt {
									display: inline-flex;
									justify-content: flex-start;
									align-items: center;
									color: var(--color--black);
									position: relative;
									transition: color .2s;
								}
									.footer__menu__item__child__item__linktxt .arrow {
										width: 6.5px;
										height: auto;
										margin-right: 9px;
									}
									.footer__menu__item__child__item__linktxt::after {
										content: '';
										display: block;
										width: calc(100% - 15.5px);
										height: 1px;
										border-radius: 1px;
										background-color: var(--color--skyblue);
										position: absolute;
										bottom: -3px;
										right: 0;
										opacity: 0;
										transition: opacity .2s;
										pointer-events: none;
									}

	.footer__copyright {
		width: 100%;
		height: auto;
		margin-top: 50px;
		font-size: 12px;
		line-height: 1.4;
		letter-spacing: 0em;
		text-align: center;
		color: var(--color--black);
	}

/* ページ共通 */
	/* ページ名 */
	.page__heading {
		width: 100%;
		height: auto;
		font-size: 38px;
		font-weight: 700;
		line-height: 1.45;
		letter-spacing: 0.05em;
		text-align: center;
	}
	.page__contents {
		margin: 68px 0 0;
	}

	/* 山 */
	.page__wrap {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
	}
	.page__wrap::before {
		content: '';
		display: block;
		width: 100%;
		height: calc(50% + 80px);
		background-color: #91AEBE;
		position: absolute;
		top: 0;
		left: 0;
	}
		.page__bk_obj {
			width: 100%;
			height: auto;
			background-color: var(--color--bk_skyblue);
			position: absolute;
			top: 0%;
			left: 0;
			transform: translate(0%,0%);
			z-index: 1;
		}
			.page__bk_obj img {
				width: 100%;
				height: auto;
			}

	/* 各見出し */
	.cmn_h2 {
		width: 100%;
		height: auto;
		padding: 0 0 13px;
		margin: 0 auto;
		font-size: 32px;
		font-weight: 700;
		line-height: 1.5;
		letter-spacing: 0.05em;
		position: relative;
	}
		.cmn_h2::after {
			content: '';
			display: block;
			width: 100%;
			height: 5.08px;
			background-image: url('../image/h2_line@pc.png');
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
			position: absolute;
			bottom: 0;
			left: 0;
		}
	.cmn_h3 {
		width: 100%;
		height: auto;
		padding: 5px 0 6px 14px;
		background-color: #AAC2CC;
		background-image: url('../image/h3_bk_image@pc.png');
		background-position: center bottom;
		background-repeat: no-repeat;
		background-size: 100% auto;
		-webkit-mask-image: url('../image/h3_mask@pc.svg');
		-webkit-mask-repeat: no-repeat;
		-webkit-mask-position: 0 0;
		-webkit-mask-size: 100% 100%;
		mask-image: url('../image/h3_mask@pc.svg');
		mask-repeat: no-repeat;
		mask-position: 0 0;
		mask-size: 100% 100%;
		margin: 0 auto;
		font-size: 24px;
		font-weight: 500;
		line-height: 1.45;
		letter-spacing: 0.05em;
	}
	.cmn_h4 {
		width: 100%;
		height: auto;
		padding-left: 14px;
		padding-bottom: 12px;
		margin: 0 auto;
		font-size: 22px;
		font-weight: 700;
		line-height:  1.45;
		letter-spacing: 0.05em;
		position: relative;
	}
		.cmn_h4::after {
			content: '';
			display: block;
			width: 100%;
			height: 5.08px;
			background-image: url('../image/h4_line@pc.png');
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
			position: absolute;
			bottom: 0;
			left: 0;
		}
	.cmn_h5 {
		width: 100%;
		height: auto;
		padding: 5px 0 6px 14px;
		margin: 0 auto;
		background-color: #CCCCCC;
		-webkit-mask-image: url('../image/h5_mask@pc.svg');
		-webkit-mask-repeat: no-repeat;
		-webkit-mask-position: 0 0;
		-webkit-mask-size: 100% 100%;
		mask-image: url('../image/h5_mask@pc.svg');
		mask-repeat: no-repeat;
		mask-position: 0 0;
		mask-size: 100% 100%;
		font-size: 20px;
		font-weight: 500;
		line-height: 1.45;
		letter-spacing: 0.05em;
	}
	.cmn_h6 {
		width: 100%;
		height: auto;
		padding-left: 14px;
		margin: 0 auto;
		font-size: 18px;
		font-weight: 700;
		line-height: 1.4;
		letter-spacing: 0.05em;
		position: relative;
	}
		.cmn_h6::before {
			content: '';
			display: block;
			width: 7px;
			height: 7px;
			background-image: url('../image/h6_obj.svg');
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
			position: absolute;
			top: 10px;
			left: 0;
		}

/* PC ================================================== */
@media all and (min-width:1025px){
.tablet,.sp {display: none;}
.pc {display: inline-block;}
.view_sp {display: none;}
.view_tablet {display: none;}
.view_pc {display: block;}
body {}
h1{}
h2{}
h3{}
h4{}
h5{}

/*---- ヘッダー ----*/
		.hamburger {
			display: none;
		}
				.global_nav__logo {
					display: none;
				}
					.global_nav__item.has_child::before {
						content: '';
						display: block;
						width: 100%;
						height: 46px;
						position: absolute;
						bottom: 0;
						left: 0;
						transform: translate(0%,100%);
						opacity: 0;
						pointer-events: none;
					}
					.global_nav__item.has_child:hover::before {
						pointer-events: auto;
					}
						.global_nav__item__linktxt {
							display: inline-block;
							width: 100%;
							height: 100%;
						}
						.global_nav__item:hover .global_nav__item__linktxt {
							color: var(--color--skyblue);
						}
							.global_nav__item:hover .global_nav__item__linktxt::after {
								opacity: 1;
							}
						/* ドロップダウンメニュー */
						.global_nav__item__child::before {
							content: '';
							width: 35%;
							height: 46px;
							position: absolute;
							top: 0;
							left: 54%;
							transform: translate(-50%,-100%);
							opacity: 0;
						}
						.global_nav__item:hover .global_nav__item__child {
							opacity: 1;
							bottom: -46px;
							pointer-events: auto;
						}
											.global_nav__item__child_lesson .global_nav__item__child__list__wrap:first-of-type .global_nav__item__child__item__btn {
												padding-left: 48px;
											}
											.global_nav__item__child__item__btn:hover {
												color: var(--color--skyblue);
											}
												.global_nav__item__child__item__btn_icon {
													display: inline-flex;
													justify-content: center;
													align-items: center;
													width: 40px;
													height: 20px;
													padding-left: 0.05em;
													margin-right: 0px;
													border-radius: 10px;
													border: solid 1px var(--color--skyblue);
													font-size: 12px;
													font-weight: 500;
													line-height: 1;
													letter-spacing: 0.05em;
													text-align: center;
													position: absolute;
													top: 50%;
													left: 0;
													transform: translate(0%,-50%);
												}
												.global_nav__item__child__item__btn:hover .arrow {
													right: 1px;
												}
			.global_nav__contact_tel {
				display: none;
			}
			.header__current_student__btn:hover {
				background-color: var(--color--lightblue);
			}

/*----- 追従コンタクトボタン -----*/
	#page__contact > a {
		transition: filter .25s;
	}
	#page__contact > a:hover {
		filter: brightness(1.1) invert(0);
	}

	.hero__imaeg__twitter a {
		transition: transform .25s, filter .25s;
	}
	.hero__imaeg__twitter a:hover {
		transform: scale(1.03);
		filter: brightness(1.1) invert(0);
	}	

/*----- フッターコンタクトボタン -----*/
	.footer__contact__application,
	.footer__contact__inquiry {
		display: flex;
		justify-content: center;
		align-items: flex-end;
		width: 50%;
		height: 250px;
		padding-bottom: 43px;
		transition: filter .25s;
	}
	.footer__contact__application:hover,
	.footer__contact__inquiry:hover {
		filter: brightness(1.1) invert(0);
	}
				#footer__contact > a:hover .footer__contact__btn_txt .arrow {
					left: 4px;
				}

/*----- フッター -----*/
							.footer__info__item__details a:hover {
								opacity: .7;
							}

						.footer__banner__item a:hover {
							opacity: .7;
						}
						a.footer__menu__item__linktxt:hover {
							color: var(--color--skyblue);
						}
							a.footer__menu__item__linktxt:hover::after {
								opacity: 1;
							}
									.footer__menu__item__child__item__linktxt:hover {
										color: var(--color--skyblue);
									}
									.footer__menu__item__child__item__linktxt:hover::after {
										opacity: 1;
									}
}

/* Tablet ================================================== */
@media all and (max-width:1024px){
.pc,.sp {display: none;}
.tablet {display: inline-block;}
.view_pc {display: none;}
.view_sp {display: none;}
.view_tablet {display: block;}
body {
	padding: 84px 0 0;
}
h1{}
h2{}
h3{}
h4{}
h5{}


/*----- ヘッダー -----*/
	.header__inner {
		display: block;
		width: 100%;
		max-width: initial;
		margin: 0 auto 0;
		position: relative;
	}
		.global_nav {
			display: block;
			width: 100%;
			height: 64px;
			padding: 0;
			border-radius: 0px;
			background-color: unset;
		}
		.global_nav::after {
			display: none;
		}
			.header__logo {
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: flex-start;
				width: 210px;
				height: 64px;
				padding-left: 24px;
				border-radius: 0 0 30px 0;
				background-color: var(--color--white);
			}
				.header__logo__txt {
					width: 148px;
					margin-bottom: 4px;
				}
				.header__logo img {
					width: 148px;
					height: auto;
				}
			.header__contact_tel {
				display: none;
			}
			.global_nav__list__wrap {
				display: none;
				background-color: var(--color--white);
				width: 100%;
				height: 100vh;
				height: 100svh;
				padding: 102px 0 100px;
				margin: 0;
				overflow: scroll;
				position: fixed;
				top: 0;
				left: 0;
				z-index: 10;
			}
			.global_nav__list__wrap::after {
				content: '';
				display: block;
				width: 100%;
				height: inherit;
				background-image: url('../image/cmn-bk_mask@sp.png');
				background-position: top center;
				background-repeat: repeat-y;
				background-size: 100% auto;
				position: fixed;
				top: 0;
				left: 0;
				z-index: 1;
				mix-blend-mode: multiply;
				pointer-events: none;
			}
				.global_nav__logo {
					display: flex;
					flex-direction: column;
					justify-content: center;
					align-items: flex-start;
					width: 210px;
					height: 64px;
					padding-left: 24px;
					border-radius: 0 0 30px 0;
					background-color: var(--color--white);
					filter: drop-shadow(0px 3px 11px rgba(0,0,0,.1));
					position: fixed;
					top: 0;
					left: 0;
					z-index: 2;
				}
					.global_nav__logo__txt {
						width: 148px;
						margin-bottom: 4px;
						font-size: 10px;
						font-weight: 400;
						line-height: 1;
						letter-spacing: 0.05em;
					}
					.global_nav__logo img {
						width: 148px;
						height: auto;
					}
				.global_nav__list {
					display: block;
					width: 78%;
					margin: 0 auto 30px;
					font-size: 20px;
				}
					.global_nav__item {
						width: 100%;
						height: auto;
						border-bottom: solid 1.5px var(--color--darkgray);
						position: relative;
					}
						.global_nav__item.has_child::before,
						.global_nav__item::after {
							content: '';
							display: block;
							width: 25px;
							height: 25px;
							background-position: center;
							background-repeat: no-repeat;
							background-size: 100% 100%;
							position: absolute;
							top: 33px;
							right: 4px;
							transform: translate(0%,-50%);
							pointer-events: none;
						}
						.global_nav__item.has_child::before {
							background-image: url('../image/sp_header_round_minus.svg');
							opacity: 0;
							transition: opacity .2s;
						}
						.active.global_nav__item.has_child::before {
							opacity: 1;
						}
						.global_nav__item::after {
							background-image: url('../image/sp_header_round_arrow.svg');
							opacity: 1;
							transition: opacity .2s, transform .2s;
						}
						.global_nav__item.has_child::after {
							background-image: url('../image/sp_header_round_plus.svg');
						}
						.active.global_nav__item.has_child::after {
							transform: translate(0%,-50%) rotate(90deg);
							opacity: 0;
						}
						.global_nav__item__linktxt {
							display: block;
							width: 100%;
							height: auto;
							padding: 15px 0 15px 5px;
						}
							.global_nav__item__linktxt::after {
								display: none;
							}

						/* ドロップダウンメニュー */
						.global_nav__item__child {
							display: none;
							width: 100%;
							padding: 0;
							border-radius: 0;
							background-color: unset;
							position: relative;
							bottom: 0;
							left: 0;
							transform: translate(0%,0%);
							opacity: 1;
							pointer-events: auto;
						}
							.global_nav__item__child::after {
								display: none;
							}
								.global_nav__item__child__list__wrap {
									width: 100%;
									padding-bottom: 20px;
									border-top: dashed 1px var(--color--darkgray);
								}
								.global_nav__item__child__list__wrap:not(:first-of-type) {
									width: 100%;
								}
								.global_nav__item__child_course .global_nav__item__child__list__wrap {
									width: 100%;
								}
									.global_nav__item__child__list__heading {
										width: 100%;
										height: auto;
										padding-top: 8px;
										padding-bottom: 8px;
										padding-left: 5px;
										margin-bottom: 14px;
										border-bottom: dashed 1px var(--color--darkgray);
										font-size: 14px;
										font-weight: 700;
										line-height: 1.0;
										letter-spacing: 0.05em;
										color: var(--color--skyblue);
									}
									.global_nav__item__child__list {
										width: 100%;
										height: auto;
										padding-left: 10px;
									}
										.global_nav__item__child__list::before {
											order: 1;
										}
										.global_nav__item__child__item {
											width: 100%;
											height: auto;
										}
										.global_nav__item__child__item:not(:last-of-type) {
											margin-bottom: 15px;
										}
											.global_nav__item__child__item__btn {
												display: flex;
												justify-content: flex-start;
												align-items: center;
												width: 100%;
												height: auto;
												padding: 3px 0;
												font-size: 14px;
												font-weight: 500;
												line-height: 1;
												letter-spacing: 0.05em;
												color: var(--color--black);
												position: relative;
												transition: color .2s;
											}
												.global_nav__item__child__item__btn_icon {
													display: inline-flex;
													justify-content: center;
													align-items: center;
													width: 40px;
													height: 20px;
													padding-left: 0.05em;
													margin-right: 8px;
													border-radius: 10px;
													border: solid 1px var(--color--skyblue);
													font-size: 12px;
													font-weight: 500;
													line-height: 1;
													letter-spacing: 0.05em;
													text-align: center;
													position: relative;
													top: 1px;
												}
												.global_nav__item__child__item__btn_icon.student {
													background-color: var(--color--white);
													color: var(--color--skyblue);
												}
												.global_nav__item__child__item__btn_icon.general {
													background-color: var(--color--skyblue);
													color: var(--color--white);
												}
												.global_nav__item__child__item__btn .arrow {
													right: 13px;
												}

			.global_nav__contact_tel {
				width: 100%;
				max-width: 280px;
				height: auto;
				padding-top: 0px;
				margin: 0 auto;
				position: relative;
			}
				.global_nav__contact_tel__contents {
					width: 100%;
					height: auto;
				}
					.global_nav__contact_tel__contents img {
						width: 100%;
						height: auto;
					}
				.global_nav__contact_tel__icon {
					width: 77.32px;
					height: auto;
					position: absolute;
					left: -13px;
					bottom: -30px;
				}
					.global_nav__contact_tel__icon img {
						width: 100%;
						height: auto;
					}

		.header__current_student {
			width: 70px;
			height: 48px;
			position: absolute;
			bottom: 0;
			right: 80px;
			z-index: 11;
		}
			.header__current_student__btn {
				padding-top: 2px;
				padding-left: 1px;
				border-radius: 24px;
				font-size: 11px;
			}
		.hamburger {
			width: 48px;
			height: 48px;
			filter: drop-shadow(0px 3px 10px rgba(0,0,0,.1));
			position: absolute;
			bottom: 0;
			right: 24px;
			z-index: 11;
		}
			.hbg_btn {
				display: flex;
				justify-content: center;
				align-items: center;
				width: 100%;
				height: 100%;
				border-radius: 50%;
				background-color: var(--color--white);
			}
				.hbg_btn_line {
					display: block;
					width: 16px;
					height: 2px;
					border-radius: 1px;
					background-color: var(--color--black);
					position: relative;
				}
				.hbg_btn_line::before,
				.hbg_btn_line::after {
					content: '';
					display: block;
					height: 2px;
					border-radius: 1px;
					background-color: var(--color--black);
					position: absolute;
					right: 0;
				}
				.hbg_btn_line::before {
					width: 16px;
					top: -7px;
				}
				.hbg_btn_line::after {
					width: 10px;
					bottom: -7px;
				}
				@keyframes open_line {
					0% {
						width: 20px;
						opacity: 1;
						background-color: rgba(46, 46, 46, 0);
					}
					35% {
						width: 20px;
						opacity: 0;
						background-color: rgba(46, 46, 46, 0);
					}
					65% {
						width: 16px;
						opacity: 0;
						background-color: rgba(46, 46, 46, 1);
					}
					100% {
						opacity: 1;
					}
				}
				@-webkit-keyframes open_line {
					0% {
						width: 20px;
						opacity: 1;
						background-color: rgba(46, 46, 46, 0);
					}
					35% {
						width: 20px;
						opacity: 0;
						background-color: rgba(46, 46, 46, 0);
					}
					65% {
						width: 16px;
						opacity: 0;
						background-color: rgba(46, 46, 46, 1);
					}
					100% {
						opacity: 1;
					}
				}
				.open .hbg_btn_line {
					animation: open_line .25s linear 1 forwards;
				}
				@keyframes open_line_before {
					0% {
						width: 20px;
						top: 0;
						transform: rotate(45deg);
					}
					35% {
						width: 20px;
						top: 0;
						transform: rotate(45deg);
					}
					65% {
						width: 16px;
						top: -7px;
						transform: rotate(0deg);
					}
					100% {

					}
				}
				@-webkit-keyframes open_line_before {
					0% {
						width: 20px;
						top: 0;
						transform: rotate(45deg);
					}
					35% {
						width: 20px;
						top: 0;
						transform: rotate(45deg);
					}
					65% {
						width: 16px;
						top: -7px;
						transform: rotate(0deg);
					}
					100% {

					}
				}
				.open .hbg_btn_line::before {
					animation: open_line_before .25s linear 1 forwards;
				}
				@keyframes open_line_after {
					0% {
						width: 20px;
						bottom: 0;
						transform: rotate(-45deg);
					}
					35% {
						width: 20px;
						bottom: 0;
						transform: rotate(-45deg);
					}
					65% {
						width: 10px;
						bottom: -7px;
						transform: rotate(0deg);
					}
					100% {
					}
				}
				@-webkit-keyframes open_line_after {
					0% {
						width: 20px;
						bottom: 0;
						transform: rotate(-45deg);
					}
					35% {
						width: 20px;
						bottom: 0;
						transform: rotate(-45deg);
					}
					65% {
						width: 10px;
						bottom: -7px;
						transform: rotate(0deg);
					}
					100% {
					}
				}
				.open .hbg_btn_line::after {
					animation: open_line_after .25s linear 1 forwards;
				}
				@keyframes close_line {
					0% {
						opacity: 1;
					}
					35% {
						width: 16px;
						opacity: 0;
						background-color: rgba(46, 46, 46, 1);
					}
					65% {
						width: 20px;
						opacity: 0;
						background-color: rgba(46, 46, 46, 0);
					}
					100% {
						width: 20px;
						opacity: 1;
						background-color: rgba(46, 46, 46, 0);
					}
				}
				@-webkit-keyframes close_line {
					0% {
						opacity: 1;
					}
					35% {
						width: 16px;
						opacity: 0;
						background-color: rgba(46, 46, 46, 1);
					}
					65% {
						width: 20px;
						opacity: 0;
						background-color: rgba(46, 46, 46, 0);
					}
					100% {
						width: 20px;
						opacity: 1;
						background-color: rgba(46, 46, 46, 0);
					}
				}
				.close .hbg_btn_line {
					animation: close_line .25s linear 1 forwards;
				}
				@keyframes close_line_before {
					0% {
					}
					35% {
						width: 16px;
						top: -7px;
						transform: rotate(0deg);
					}
					65% {
						width: 20px;
						top: 0;
						transform: rotate(45deg);
					}
					100% {
						width: 20px;
						top: 0;
						transform: rotate(45deg);
					}
				}
				@-webkit-keyframes close_line_before {
					0% {
					}
					35% {
						width: 16px;
						top: -7px;
						transform: rotate(0deg);
					}
					65% {
						width: 20px;
						top: 0;
						transform: rotate(45deg);
					}
					100% {
						width: 20px;
						top: 0;
						transform: rotate(45deg);
					}
				}
				.close .hbg_btn_line::before {
					animation: close_line_before .25s linear 1 forwards;
				}
				@keyframes close_line_after {
					0% {
					}
					35% {
						width: 10px;
						bottom: -7px;
						transform: rotate(0deg);
					}
					65% {
						width: 20px;
						bottom: 0;
						transform: rotate(-45deg);
					}
					100% {
						width: 20px;
						bottom: 0;
						transform: rotate(-45deg);
					}
				}
				@-webkit-keyframes close_line_after {
					0% {
					}
					35% {
						width: 10px;
						bottom: -7px;
						transform: rotate(0deg);
					}
					65% {
						width: 20px;
						bottom: 0;
						transform: rotate(-45deg);
					}
					100% {
						width: 20px;
						bottom: 0;
						transform: rotate(-45deg);
					}
				}
				.close .hbg_btn_line::after {
					animation: close_line_after .25s linear 1 forwards;
				}

/*----- 追従コンタクトボタン -----*/
#page__contact {
	display: flex;
	justify-content: space-between;
	width: 100%;
	height: 60px;
	max-height: initial;
	background-color: var(--color--white);
	border-radius: 20px 20px 0 0;
	/* filter: drop-shadow(0px 3px 10px rgba(0,0,0,.1)); */
	position: fixed;
	top: auto;
	bottom: 0;
	right: 0;
	transform: translate(0%,0%);
	z-index: 101;
}
	.page__contact__application,
	.page__contact__inquiry {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 50%;
		height: 100%;
		padding-left: 0px;
		font-size: 16px;
		font-weight: 700;
		line-height: 1;
		letter-spacing: 0.15em;
		-webkit-writing-mode: initial;
		-moz-writing-mode: initial;
		-ms-writing-mode: initial;
		writing-mode: initial;
		text-align: left;
		color: var(--color--white);
	}
	.page__contact__application {
		padding-top: 0px;
		border-radius: 20px 0 0 0;
	}
	.page__contact__inquiry {
		padding-bottom: 0px;
		border-radius: 0 20px 0 0;
	}
		.page__contact__application img,
		.page__contact__inquiry img {
			width: 19px;
			height: auto;
			margin-top: 0px;
			margin-left: 13px;
		}

/*----- フッターコンタクトボタン -----*/
	.footer__contact__application,
	.footer__contact__inquiry {
		height: 188px;
		padding-bottom: 25px;
	}
			.footer__contact__application .footer__contact__btn_icon {
				width: 111.89px;
				height: auto;
				top: -7px;
			}
			.footer__contact__inquiry .footer__contact__btn_icon {
				width: 128.03px;
				height: auto;
				top: -6px;
			}
			.footer__contact__btn_txt {
				display: flex;
				flex-direction: column;
				justify-content: flex-start;
				align-items: center;
				font-size: 18px;
			}
				.footer__contact__btn_txt .arrow {
					width: 25px;
					height: auto;
					margin-top: 9px;
					margin-left: 0px;
				}

/*----- フッター -----*/
footer {
	padding: 48px 0 85px;
}
	.footer__inner {
		display: block;
		width: 87.2%;
		max-width: initial;
	}
		.footer__inner::after {
			display: none;
		}
		.footer__contents {
			width: 100%;
			height: auto;
			margin: 0 auto 40px;
		}
			.footer__logo {
				width: 252px;
				height: auto;
				margin: 0 auto 39px 0;
			}
			.footer__info {
				margin-bottom: 40px;
			}
				.footer__info__list {
					width: 100%;
					height: auto;
				}
						.footer__info__item__heading {
							padding: 7px 0px 6px 1px;
						}
			.footer__banner {
				width: 100%;
				height: auto;
			}
				.footer__banner__list {
					width: 100%;
				}
					.footer__banner__list .slick-list {
						border-radius: 5px;
					}
					.footer__banner__item {
						width: 100%;
						margin: 0 3.5px;
					}
					.footer__banner__item:not(:last-of-type) {
						margin-bottom: 0px;
					}
					.footer__banner__list .slick-dots {
						bottom: -14px;
					}
						.footer__banner__list .slick-dots li button {
							border-radius: 50%;
							background-color: var(--color--white);
							transition: background-color .2s;
						}
						.footer__banner__list .slick-dots li.slick-active button {
							background-color: var(--color--black);
						}

		.footer__nav {
			display: block;
			width: 100%;
			height: auto;
			padding: 45px 10%;
			border-radius: 40px 0 0 40px;
			background-color: var(--color--white);
			position: relative;
			z-index: initial;
		}
			.footer__nav::after {
				content: '';
				display: block;
				width: 6.4vw;
				height: 100%;
				background-color: var(--color--white);
				position: absolute;
				top: 0;
				right: 0;
				transform: translate(100%,0%);
			}
						.footer__menu__item__child__list::before {
							max-width: initial !important;
						}
						.footer__menu__item__child__list::after {
							max-width: initial !important;
						}
							.footer__menu__item__child__item {
								max-width: initial !important;
							}

	.footer__copyright {
		margin-top: 25px;
	}

/* ページ共通 */
	/* ページ名 */
	.page__heading {
		font-size: 32px;
	}
	.page__contents {
		margin: 46px 0 0;
	}

	/* 山 */
	.page__wrap::before {
		height: calc(50% + 50px);
		top: 45px;
	}
	.page__bk_obj {
		top: 45px;
	}

	/* 各見出し */
	.cmn_h2 {
		padding: 0 0 10px;
		margin: 0 auto;
		font-size: 24px;
		letter-spacing: 0.03em;
	}
		.cmn_h2::after {
			height: 3.55px;
		}
	.cmn_h3 {
		padding: 4px 0 4px 12px;
		margin: 0 auto;
		font-size: 22px;
		line-height: 1.4;
		letter-spacing: 0.02em;
	}
	.cmn_h4 {
		padding: 0 0 10px 12px;
		margin: 0 auto;
		font-size: 20px;
		line-height:  1.35;
	}
		.cmn_h4::after {
			height: 3.55px;
		}
	.cmn_h5 {
		padding: 3px 0 4px 12px;
		margin: 0 auto;
		font-size: 18px;
		line-height: 1.4;
	}
	.cmn_h6 {
		padding-left: 12px;
		margin: 0 auto;
		font-size: 16px;
	}
}

@media all and (max-width:850px){

}

/* SP ================================================== */
@media all and (max-width:599px){
.pc,.tablet {display: none;}
.sp {display: inline-block;}
.view_pc {display: none;}
.view_tablet {display: none;}
.view_sp {display: block;}
body {}
body::after {
	background-image: url('../image/cmn-bk_mask@sp.png');
}
h1{}
h2{}
h3{}
h4{}
h5{}

/*----- ヘッダー -----*/
		.header__current_student {
			right: 72px;
		}
		.hamburger {
			right: 14px;
		}

/*----- フッター -----*/
					.footer__info__item:nth-last-of-type(-n+2) {
						align-items: stretch;
					}
					.footer__info__item:not(:last-of-type) {
						margin-bottom: 10px;
					}
						.footer__info__item__heading {
							display: flex;
							justify-content: center;
							align-items: center;
							margin-right: 11px;
							border-radius: 10px;
						}
						.footer__info__item__details {
							display: flex;
							justify-content: flex-start;
							align-items: center;
						}
						.footer__info__item:nth-last-of-type(-n+2) .footer__info__item__details {
							padding: 1px 0;
						}
								.footer__info__time__item {
									width: 100%;
								}
								.footer__info__time__item:not(:last-of-type) {
									margin-bottom: 7px;
								}
									.footer__info__time__item__heading {
										order: 1;
										margin-right: 5px;
									}
									.footer__info__time__item__details {
										width: 67%;
										line-height: 1;
										order: 3;
									}
										.enrollment {
											font-size: 12px;
										}
				.footer__banner__list {
					width: 100%;
				}
					.footer__banner__list .slick-list {
						border-radius: 5px;
					}
					.footer__banner__item {
						width: 100%;
						margin: 0 3.5px;
					}
					.footer__banner__item:not(:last-of-type) {
						margin-bottom: 0px;
					}
					.footer__banner__list .slick-dots {
						bottom: -14px;
					}
						.footer__banner__list .slick-dots li button {
							border-radius: 50%;
							background-color: var(--color--white);
							transition: background-color .2s;
						}
						.footer__banner__list .slick-dots li.slick-active button {
							background-color: var(--color--black);
						}

		.footer__nav {
			padding: 38px 0 38px 12.4%;
		}
					.footer__menu__item:not(:last-of-type) {
						margin-bottom: 12px;
					}
					.footer__menu__item__child {
						width: 100%;
						height: auto;
						margin-top: 8px;
					}
						.footer__menu__item__child__list {
							display: flex;
							justify-content: space-between;
							align-items: flex-start;
							flex-wrap: wrap;
						}
						.footer__menu__item__child__list::before,
						.footer__menu__item__child__list::after {
							display: none;
						}
							.footer__menu__item__child__item {
								height: auto;
								padding-left: 6px;
								margin-bottom: 8px;
								font-size: 11px;
								font-weight: 700;
								line-height: 1.45;
								letter-spacing: 0em;
							}
							.footer__menu__item__child__item:nth-of-type(1) {order: 1; width: 50%;}
							.footer__menu__item__child__item:nth-of-type(4) {order: 2; width: 50%;}
							.footer__menu__item__child__item:nth-of-type(7) {order: 3; width: 50%;}
							.footer__menu__item__child__item:nth-of-type(10) {order: 4; width: 50%;}
							.footer__menu__item__child__item:nth-of-type(2) {order: 5; width: 50%;}
							.footer__menu__item__child__item:nth-of-type(5) {order: 6; width: 50%;}
							.footer__menu__item__child__item:nth-of-type(8) {order: 7; width: 50%;}
							.footer__menu__item__child__item:nth-of-type(11) {order: 8; width: 50%;}
							.footer__menu__item__child__item:nth-of-type(14) {order: 9; width: 50%;}
							.footer__menu__item__child__item:nth-of-type(13) {order: 10; width: 50%;}
							.footer__menu__item__child__item:nth-of-type(3) {order: 11; width: 50%;}
							.footer__menu__item__child__item:nth-of-type(6) {order: 12; width: 50%;}
							.footer__menu__item__child__item:nth-of-type(9) {order: 13; width: 50%;}
							.footer__menu__item__child__item:nth-of-type(12) {order: 14; width: 50%; margin-bottom: 0px;}
							.footer__menu__item__child__item:nth-of-type(15) {order: 15; width: 50%; margin-bottom: 0px;}
							.footer__menu__item__child_course .footer__menu__item__child__item {
								width: 100% !important;
							}

	.footer__copyright {
		font-size: 11px;
	}

/* ページ共通 */
	/* ページ名 */
	.page__heading {
		font-size: 28px;
	}
	.page__contents {
		margin: 36px 0 0;
	}

	/* 各見出し */
		.cmn_h2::after {
			background-image: url('../image/h2_line@sp.png');
		}
	.cmn_h3 {
		background-image: url('../image/h3_bk_image@sp.png');
		-webkit-mask-image: url('../image/h3_mask@sp.svg');
		mask-image: url('../image/h3_mask@sp.svg');
	}
		.cmn_h3::after {
			background-image: url('../image/h3_frame@sp.svg');
		}
		.cmn_h4::after {
			background-image: url('../image/h4_line@sp.png');
		}
	.cmn_h5 {
		-webkit-mask-image: url('../image/h5_mask@sp.svg');
		mask-image: url('../image/h5_mask@sp.svg');
	}
}