:root {
		--white: #fff;
		--brown: #442020;
		--bg-yellow: #FBFAEE;
		--bg-blue: #EAF2F5
}

html {
		scroll-behavior: smooth
}

body {
		color: var(--brown);
		font-family: fot-tsukuardgothic-std, sans-serif;
		font-weight: bold
}

img {
		width: 100%;
		height: auto;
}

a[href^="tel:"] {
		pointer-events: none
}

.mobile a[href^="tel:"] {
		pointer-events: auto;
}

.clearfix::after {
		content: "";
		display: block;
		clear: both;
}

@-webkit-keyframes close-animation {
		from {
				-webkit-transform: translateX(-50%) rotate(90deg);
				transform: translateX(-50%) rotate(90deg);
		}
		to {
				-webkit-transform: translateX(-50%) rotate(0deg);
				transform: translateX(-50%) rotate(0deg);
		}
}

@keyframes close-animation {
		from {
				-webkit-transform: translateX(-50%) rotate(90deg);
				transform: translateX(-50%) rotate(90deg);
		}
		to {
				-webkit-transform: translateX(-50%) rotate(0deg);
				transform: translateX(-50%) rotate(0deg);
		}
}

@-webkit-keyframes open-animation {
		from {
				-webkit-transform: translateX(-50%) rotate(0deg);
				transform: translateX(-50%) rotate(0deg);
		}
		to {
				-webkit-transform: translateX(-50%) rotate(90deg);
				transform: translateX(-50%) rotate(90deg);
		}
}

@keyframes open-animation {
		from {
				-webkit-transform: translateX(-50%) rotate(0deg);
				transform: translateX(-50%) rotate(0deg);
		}
		to {
				-webkit-transform: translateX(-50%) rotate(90deg);
				transform: translateX(-50%) rotate(90deg);
		}
}

.header {
		position: absolute;
		top: 0;
		left: 0;
		padding-top: 23px;
		padding-left: 37px;
		z-index: 1
}

@media(max-width: 768px) {
		.header {
				padding-top: 9px;
				padding-left: 11px;
		}
}

.header__logo {
		max-width: 314px;
}

@media(max-width: 1366px) {
		.header__logo {
				max-width: max(132px, 22.9868vw);
		}
}

@media(max-width: 768px) {
		.header__logo {
				max-width: 132px;
		}
}

.footer {
		position: relative;
		background-color: var(--brown);
}

.footer__page-top-btn {
		width: 92px;
		position: absolute;
		top: -48px;
		right: 27px;
}

@media(max-width: 768px) {
		.footer__page-top-btn {
				max-width: 49px;
				top: -23px;
				right: 11px;
		}
}

.footer__inner {
		max-width: 728px;
		-webkit-box-sizing: content-box;
		box-sizing: content-box;
		margin-inline: auto;
		padding: 58px 20px 32px;
}

@media(max-width: 768px) {
		.footer__inner {
				max-width: 330px;
				padding-top: 42px;
				padding-bottom: 11px;
		}
}

.footer__logo {
		width: 291px;
		font-size: 2.375rem;
		letter-spacing: .1em;
		text-align: center;
		text-indent: 17px;
		margin-inline: auto;
}

@media(max-width: 768px) {
		.footer__logo {
				width: 195px;
				height: 42px;
				font-size: 1.625rem;
				padding-top: 2px;
		}
}

@media(max-width: 310px) {
		.footer__logo {
				text-align: left;
				width: 80%;
		}
}

.footer__nav {
		margin: 79px auto 0;
}

@media(max-width: 768px) {
		.footer__nav {
				margin-top: 39px;
		}
}

.footer__nav-items {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between
}

@media(max-width: 1100px) {
		.footer__nav-items {
				-webkit-box-pack: center;
				-webkit-justify-content: center;
				-ms-flex-pack: center;
				justify-content: center;
				-webkit-column-gap: 10px;
				-moz-column-gap: 10px;
				column-gap: 10px;
		}
}

@media(max-width: 768px) {
		.footer__nav-items {
				-webkit-flex-wrap: wrap;
				-ms-flex-wrap: wrap;
				flex-wrap: wrap;
				-webkit-column-gap: 13px;
				-moz-column-gap: 13px;
				column-gap: 13px;
		}
}

.footer__nav-item {
		color: var(--white);
		font-family: fot-tsukubrdgothic-std, sans-serif;
		font-size: 1rem;
		line-height: 2.125;
		letter-spacing: .06em
}

@media(max-width: 1100px) {
		.footer__nav-item {
				font-size: max(1.4545vw, .75rem);
		}
}

@media(max-width: 768px) {
		.footer__nav-item {
				font-size: .75rem;
				line-height: 2.5
		}
}

.footer__copy {
		color: var(--white);
		font-size: 1rem;
		text-align: center;
		margin: 25px auto 0;
}

@media(max-width: 1100px) {
		.footer__copy {
				font-size: max(1.4545vw, .6875rem);
		}
}

@media(max-width: 768px) {
		.footer__copy {
				font-size: .6875rem;
				letter-spacing: .06em;
				white-space: nowrap;
				margin-top: 19px;
		}
}

@media(max-width: 500px) {
		.footer__copy {
				white-space: break-spaces;
		}
}

@media(hover: hover)and (pointer: fine) {
		.footer__page-top-btn {
				-webkit-transition: all .5s;
				-o-transition: all .5s;
				transition: all .5s
		}
		.footer__page-top-btn:hover {
				opacity: .7
		}
		.footer__nav-link {
				-webkit-transition: all .5s;
				-o-transition: all .5s;
				transition: all .5s
		}
		.footer__nav-link:hover {
				opacity: .7
		}
}

@media(min-width: 769px) {
		.br-sp-b {
				display: none
		}
}

@media(max-width: 768px) {
		.br-sp-n {
				display: none
		}
}

.sticky-btn {
		width: 143px;
		height: 106px;
		position: fixed;
		top: 23px;
		color: #fff;
		font-size: 18px;
		right: 0;
		background: -webkit-gradient(linear, left top, left bottom, from(#f3592d), to(#e3532a));
		background: -webkit-linear-gradient(top, #f3592d 0%, #e3532a 100%);
		background: -o-linear-gradient(top, #f3592d 0%, #e3532a 100%);
		background: linear-gradient(180deg, #f3592d 0%, #e3532a 100%);
		-webkit-box-shadow: 10px 10px 20px rgba(167, 22, 22, .1607843137);
		box-shadow: 10px 10px 20px rgba(167, 22, 22, .1607843137);
		border-top-left-radius: 20px;
		border-bottom-left-radius: 20px;
		padding-top: 31px;
		padding-left: 10px;
		z-index: 999;
}

@media(max-width: 768px) {
		.sticky-btn {
				width: 131px;
				height: 64px;
				top: 12px;
				padding-top: 13px;
				padding-left: 12px;
				font-size: 14px;
		}
}

.sticky-btn::before {
		content: "";
		width: 45px;
		position: absolute;
		top: -12px;
		left: -15px;
		aspect-ratio: 45/40;
		background: url(../images/sticky-btn-decoration.png) no-repeat center center/contain;
}

@media(max-width: 768px) {
		.sticky-btn::before {
				width: 25px;
				aspect-ratio: 25/23;
				top: -6px;
				left: -7px;
		}
}

.sticky-btn__text {
		font-size: 1.125rem;
		line-height: 1.5555555556;
		color: var(--white);
}

@media(max-width: 768px) {
		.sticky-btn__text {
				font-size: .9375rem;
				line-height: 1.4
		}
}

.sticky-btn__bottom {
		display: block;
		position: relative;
		padding-left: 13px;
		margin-top: 10px;
		cursor: pointer;
		font-size: 18px;
}

@media(max-width: 768px) {
		.sticky-btn__bottom {
				padding-left: 0;
				display: inline;
				font-size: 14px;
		}
}

.sticky-btn__bottom::before {
		content: "";
		width: 8px;
		position: absolute;
		top: 6px;
		right: 27px;
		aspect-ratio: 8/13;
		background: url(../images/sticky-btn-right-arrow.png) no-repeat center center/contain;
}

@media(max-width: 768px) {
		.sticky-btn__bottom::before {
				width: 6px;
				position: absolute;
				top: 4px;
				left: 74px;
				right: unset;
		}
}

@media(hover: hover)and (pointer: fine) {
		.sticky-btn {
				-webkit-transition: all .5s;
				-o-transition: all .5s;
				transition: all .5s
		}
		.sticky-btn:hover {
				opacity: .7
		}
}

.application-btn {
		width: 630px;
		min-width: 630px;
		height: 117px;
		display: block;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		background: url(../images/application-btn.png), -webkit-gradient(linear, left top, left bottom, from(#f3592d), to(#e3532a));
		background: url(../images/application-btn.png), -webkit-linear-gradient(#f3592d 0%, #e3532a 100%);
		background: url(../images/application-btn.png), -o-linear-gradient(#f3592d 0%, #e3532a 100%);
		background: url(../images/application-btn.png), linear-gradient(#f3592d 0%, #e3532a 100%);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 101% auto;
		background-image: image-set(url(../images/application-btn.png) 1x, url(../images/application-btn@2x.png) 2x), -webkit-gradient(linear, left top, left bottom, from(#f3592d), to(#e3532a));
		background-image: -webkit-image-set(url(../images/application-btn.png) 1x, url(../images/application-btn@2x.png) 2x), -webkit-linear-gradient(#f3592d 0%, #e3532a 100%);
		background-image: image-set(url(../images/application-btn.png) 1x, url(../images/application-btn@2x.png) 2x), -o-linear-gradient(#f3592d 0%, #e3532a 100%);
		background-image: image-set(url(../images/application-btn.png) 1x, url(../images/application-btn@2x.png) 2x), linear-gradient(#f3592d 0%, #e3532a 100%);
		border-radius: 65px;
		-webkit-box-shadow: 10px 10px 10px rgba(240, 152, 79, .24);
		box-shadow: 10px 10px 10px rgba(240, 152, 79, .24);
}

@media(max-width: 768px) {
		.application-btn {
				max-width: 270px;
				min-width: inherit;
				height: 54px;
				background: url(../images/application-btn_sp.png), -webkit-gradient(linear, left top, left bottom, from(#f3592d), to(#e3532a));
				background: url(../images/application-btn_sp.png), -webkit-linear-gradient(#f3592d 0%, #e3532a 100%);
				background: url(../images/application-btn_sp.png), -o-linear-gradient(#f3592d 0%, #e3532a 100%);
				background: url(../images/application-btn_sp.png), linear-gradient(#f3592d 0%, #e3532a 100%);
				background-image: image-set(url(../images/application-btn_sp.png) 1x, url(../images/application-btn_sp@2x.png) 2x), -webkit-gradient(linear, left top, left bottom, from(#f3592d), to(#e3532a));
				background-image: -webkit-image-set(url(../images/application-btn_sp.png) 1x, url(../images/application-btn_sp@2x.png) 2x), -webkit-linear-gradient(#f3592d 0%, #e3532a 100%);
				background-image: image-set(url(../images/application-btn_sp.png) 1x, url(../images/application-btn_sp@2x.png) 2x), -o-linear-gradient(#f3592d 0%, #e3532a 100%);
				background-image: image-set(url(../images/application-btn_sp.png) 1x, url(../images/application-btn_sp@2x.png) 2x), linear-gradient(#f3592d 0%, #e3532a 100%);
				-webkit-box-shadow: 5px 5px 10px rgba(240, 152, 79, .24);
				box-shadow: 5px 5px 10px rgba(240, 152, 79, .24);
		}
}

@media(max-width: 320px) {
		.application-btn {
				width: 95%;
				min-width: auto;
		}
}

.application-btn_emphasis {
		position: relative;
}

.application-btn_emphasis::before {
		content: "";
		max-width: 582px;
		width: 100%;
		position: absolute;
		top: -158px;
		aspect-ratio: 582/190;
		background: url(../images/application-btn-emphasis.png) no-repeat center top/contain;
		background-image: -webkit-image-set(url(../images/application-btn-emphasis.png) 1x, url(../images/application-btn-emphasis@2x.png) 2x);
		background-image: image-set(url(../images/application-btn-emphasis.png) 1x, url(../images/application-btn-emphasis@2x.png) 2x);
}

@media(max-width: 768px) {
		.application-btn_emphasis::before {
				max-width: 282px;
				top: -73px;
				aspect-ratio: 116/37;
				background: url(../images/application-btn-emphasis_sp.png) no-repeat center top/contain;
				background-image: -webkit-image-set(url(../images/application-btn-emphasis_sp.png) 1x, url(../images/application-btn-emphasis_sp@2x.png) 2x);
				background-image: image-set(url(../images/application-btn-emphasis_sp.png) 1x, url(../images/application-btn-emphasis_sp@2x.png) 2x);
		}
}

.application-btn_price {
		position: relative;
}

.application-btn_price::after {
		content: "";
		max-width: 197px;
		width: 100%;
		position: absolute;
		top: -46px;
		left: -87px;
		aspect-ratio: 197/200;
		background: url(../images/application-btn-price.png) no-repeat center top/contain;
		background-image: -webkit-image-set(url(../images/application-btn-price.png) 1x, url(../images/application-btn-price@2x.png) 2x);
		background-image: image-set(url(../images/application-btn-price.png) 1x, url(../images/application-btn-price@2x.png) 2x);
}

@media(max-width: 768px) {
		.application-btn_price::after {
				max-width: 76px;
				top: -18px;
				left: -21px;
				aspect-ratio: 76/78;
				background: url(../images/application-btn-price_sp.png) no-repeat center top/contain;
				background-image: -webkit-image-set(url(../images/application-btn-price_sp.png) 1x, url(../images/application-btn-price_sp@2x.png) 2x);
				background-image: image-set(url(../images/application-btn-price_sp.png) 1x, url(../images/application-btn-price_sp@2x.png) 2x);
		}
}

.application-btn__top-text {
		color: var(--white);
		font-size: 2.5rem;
		letter-spacing: .1em;
		margin-top: -3px;
}

@media(max-width: 768px) {
		.application-btn__top-text {
				font-size: 1.0625rem
		}
}

.application-btn__bottom-text {
		font-size: 1.625rem;
		letter-spacing: .01em;
		margin-top: 10px;
}

@media(max-width: 768px) {
		.application-btn__bottom-text {
				font-size: .75rem;
				margin-top: 4px;
		}
}

.application-btn__triangle {
		width: 14px;
		display: inline-block;
		background: url(../images/application-triangle.png) no-repeat center center/contain;
		aspect-ratio: 14/13;
		vertical-align: 2px;
		margin-right: 9px;
		margin-left: 12px;
}

@media(max-width: 768px) {
		.application-btn__triangle {
				width: 6px;
				aspect-ratio: 6/7;
				vertical-align: 1px;
				margin-right: 4px;
				margin-left: 7px;
		}
}

@media(hover: hover)and (pointer: fine) {
		.application-btn {
				-webkit-transition: all .5s;
				-o-transition: all .5s;
				transition: all .5s
		}
		.application-btn:hover {
				opacity: .7
		}
}

.fv {
		width: 100%;
		position: relative;
		background: url(../images/fv-bg.png) no-repeat center center/cover;
		background-image: -webkit-image-set(url(../images/fv-bg.png) 1x, url(../images/fv-bg@2x.png) 2x);
		background-image: image-set(url(../images/fv-bg.png) 1x, url(../images/fv-bg@2x.png) 2x);
}

@media(max-width: 768px) {
		.fv {
				background: url(../images/fv-bg_sp.png) no-repeat center center/cover;
				background-image: -webkit-image-set(url(../images/fv-bg_sp.png) 1x, url(../images/fv-bg_sp@2x.png) 2x);
				background-image: image-set(url(../images/fv-bg_sp.png) 1x, url(../images/fv-bg_sp@2x.png) 2x);
		}
}

.fv__swiper-slide {
		aspect-ratio: 683/395
}

@media(max-width: 768px) {
		.fv__swiper-slide {
				aspect-ratio: 75/101
		}
}

/*1枚目通年用*/
.fv__swiper-slide_1 {
		background: url(../images/fv-slide-1_f3.png) no-repeat center center/cover;
		background-image: -webkit-image-set(url(../images/fv-slide-1_f3.png) 1x, url(../images/fv-slide-1_f3@2x.png) 2x);
		background-image: image-set(url(../images/fv-slide-1_f3.png) 1x, url(../images/fv-slide-1_f3@2x.png) 2x);
}
@media(max-width: 768px) {
		.fv__swiper-slide_1 {
				background: url(../images/fv-slide-1_sp_f3.png) no-repeat center center/cover;
				background-image: -webkit-image-set(url(../images/fv-slide-1_sp_f3.png) 1x, url(../images/fv-slide-1_sp_f3@2x.png) 2x);
				background-image: image-set(url(../images/fv-slide-1_sp_f3.png) 1x, url(../images/fv-slide-1_sp_f3@2x.png) 2x);
		}
}

/*夏用スライド
.fv__swiper-slide_1 {
	background: url(../images/fv-slide-summer2024-1.png) no-repeat center center/cover;
	background-image: -webkit-image-set(url(../images/fv-slide-summer2024-1.png) 1x, url(../images/fv-slide-summer2024-1@2x.png) 2x);
	background-image: image-set(url(../images/fv-slide-summer2024-1.png) 1x, url(../images/fv-slide-summer2024-1@2x.png) 2x);
}
@media(max-width: 768px) {
	.fv__swiper-slide_1 {
			background: url(../images/fv-slide-summer2024-1_sp.png) no-repeat center center/cover;
			background-image: -webkit-image-set(url(../images/fv-slide-summer2024-1_sp.png) 1x, url(../images/fv-slide-summer2024-1_sp@2x.png) 2x);
			background-image: image-set(url(../images/fv-slide-summer2024-1_sp.png) 1x, url(../images/fv-slide-summer2024-1_sp@2x.png) 2x);
	}
}*/

/*秋用スライド
.fv__swiper-slide_1 {
	background: url(../images/fv-slide-autumn2024-1.png) no-repeat center center/cover;
	background-image: -webkit-image-set(url(../images/fv-slide-autumn2024-1.png) 1x, url(../images/fv-slide-autumn2024-1_pc@2x.png) 2x);
	background-image: image-set(url(../images/fv-slide-autumn2024-1.png) 1x, url(../images/fv-slide-autumn2024-1_pc@2x.png) 2x);
}
@media(max-width: 768px) {
	.fv__swiper-slide_1 {
			background: url(../images/fv-slide-autumn2024-1_sp.png) no-repeat center center/cover;
			background-image: -webkit-image-set(url(../images/fv-slide-autumn2024-1_sp.png) 1x, url(../images/fv-slide-autumn2024-1_sp@2x.png) 2x);
			background-image: image-set(url(../images/fv-slide-autumn2024-1_sp.png) 1x, url(../images/fv-slide-autumn2024-1_sp@2x.png) 2x);
	}
}*/

/*2枚目通年用*/
.fv__swiper-slide_2 {
		background: url(../images/fv-slide-2_f.png) no-repeat center center/cover;
		background-image: -webkit-image-set(url(../images/fv-slide-2_f.png) 1x, url(../images/fv-slide-2_f@2x.png) 2x);
		background-image: image-set(url(../images/fv-slide-2_f.png) 1x, url(../images/fv-slide-2_f@2x.png) 2x);
}
@media(max-width: 768px) {
		.fv__swiper-slide_2 {
				background: url(../images/fv-slide-2_sp_f.png) no-repeat center center/cover;
				background-image: -webkit-image-set(url(../images/fv-slide-2_sp_f.png) 1x, url(../images/fv-slide-2_sp_f@2x.png) 2x);
				background-image: image-set(url(../images/fv-slide-2_sp_f.png) 1x, url(../images/fv-slide-2_sp_f@2x.png) 2x);
		}
}

/*夏用スライド2
.fv__swiper-slide_2 {
	background: url(../images/fv-slide-summer2024-2.png) no-repeat center center/cover;
	background-image: -webkit-image-set(url(../images/fv-slide-summer2024-2.png) 1x, url(../images/fv-slide-summer2024-2@2x.png) 2x);
	background-image: image-set(url(../images/fv-slide-summer2024-2.png) 1x, url(../images/fv-slide-summer2024-2@2x.png) 2x);
}
@media(max-width: 768px) {
	.fv__swiper-slide_2 {
			background: url(../images/fv-slide-summer2024-2_sp.png) no-repeat center center/cover;
			background-image: -webkit-image-set(url(../images/fv-slide-summer2024-2_sp.png) 1x, url(../images/fv-slide-summer2024-2_sp@2x.png) 2x);
			background-image: image-set(url(../images/fv-slide-summer2024-2_sp.png) 1x, url(../images/fv-slide-summer2024-2_sp@2x.png) 2x);
	}
}*/

/*秋用スライド2
.fv__swiper-slide_2 {
	background: url(../images/fv-slide-autumn2024-2.png) no-repeat center center/cover;
	background-image: -webkit-image-set(url(../images/fv-slide-autumn2024-2.png) 1x, url(../images/fv-slide-autumn2024-2@2x.png) 2x);
	background-image: image-set(url(../images/fv-slide-autumn2024-2.png) 1x, url(../images/fv-slide-autumn2024-2@2x.png) 2x);
}
@media(max-width: 768px) {
	.fv__swiper-slide_2 {
			background: url(../images/fv-slide-autumn2024-2_sp.png) no-repeat center center/cover;
			background-image: -webkit-image-set(url(../images/fv-slide-autumn2024-2_sp.png) 1x, url(../images/fv-slide-autumn2024-2_sp@2x.png) 2x);
			background-image: image-set(url(../images/fv-slide-autumn2024-2_sp.png) 1x, url(../images/fv-slide-autumn2024-2_sp@2x.png) 2x);
	}
}*/

.fv__swiper-slide_3 {
		background: url(../images/fv-slide-3_f2.png) no-repeat center center/cover;
		background-image: -webkit-image-set(url(../images/fv-slide-3_f2.png) 1x, url(../images/fv-slide-3_f2@2x.png) 2x);
		background-image: image-set(url(../images/fv-slide-3_f2.png) 1x, url(../images/fv-slide-3_f2@2x.png) 2x);
}

@media(max-width: 768px) {
		.fv__swiper-slide_3 {
				background: url(../images/fv-slide-3_sp_f2.png) no-repeat center center/cover;
				background-image: -webkit-image-set(url(../images/fv-slide-3_sp_f2.png) 1x, url(../images/fv-slide-3_sp_f2@2x.png) 2x);
				background-image: image-set(url(../images/fv-slide-3_sp_f2.png) 1x, url(../images/fv-slide-3_sp_f2@2x.png) 2x);
		}
}

.fv__swiper-slide_4 {
		background: url(../images/fv-slide-4_f.png) no-repeat center center/cover;
		background-image: -webkit-image-set(url(../images/fv-slide-4_f.png) 1x, url(../images/fv-slide-4_f@2x.png) 2x);
		background-image: image-set(url(../images/fv-slide-4_f.png) 1x, url(../images/fv-slide-4_f@2x.png) 2x);
}

@media(max-width: 768px) {
		.fv__swiper-slide_4 {
				background: url(../images/fv-slide-4_sp_f.png) no-repeat center center/cover;
				background-image: -webkit-image-set(url(../images/fv-slide-4_sp_f.png) 1x, url(../images/fv-slide-4_sp_f@2x.png) 2x);
				background-image: image-set(url(../images/fv-slide-4_sp_f.png) 1x, url(../images/fv-slide-4_sp_f@2x.png) 2x);
		}
}

.fv__swiper-slide_5 {
		background: url(../images/fv-slide-5_f.png) no-repeat center center/cover;
		background-image: -webkit-image-set(url(../images/fv-slide-5_f.png) 1x, url(../images/fv-slide-5_f@2x.png) 2x);
		background-image: image-set(url(../images/fv-slide-5_f.png) 1x, url(../images/fv-slide-5_f@2x.png) 2x);
}

@media(max-width: 768px) {
		.fv__swiper-slide_5 {
				background: url(../images/fv-slide-5_sp_f.png) no-repeat center center/cover;
				background-image: -webkit-image-set(url(../images/fv-slide-5_sp_f.png) 1x, url(../images/fv-slide-5_sp_f@2x.png) 2x);
				background-image: image-set(url(../images/fv-slide-5_sp_f.png) 1x, url(../images/fv-slide-5_sp_f@2x.png) 2x);
		}
}

.fv__swiper-slide_6 {
		background: url(../images/fv-slide-6.png) no-repeat center center/cover;
		background-image: -webkit-image-set(url(../images/fv-slide-6.png) 1x, url(../images/fv-slide-6@2x.png) 2x);
		background-image: image-set(url(../images/fv-slide-6.png) 1x, url(../images/fv-slide-6@2x.png) 2x);
}

@media(max-width: 768px) {
		.fv__swiper-slide_6 {
				background: url(../images/fv-slide-6_sp.png) no-repeat center center/cover;
				background-image: -webkit-image-set(url(../images/fv-slide-6_sp.png) 1x, url(../images/fv-slide-6_sp@2x.png) 2x);
				background-image: image-set(url(../images/fv-slide-6_sp.png) 1x, url(../images/fv-slide-6_sp@2x.png) 2x);
		}
}

.fv__top-decoration {
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		aspect-ratio: 683/395;
		background: url(../images/fv-top-decoration.png) no-repeat center center/cover;
		background-image: -webkit-image-set(url(../images/fv-top-decoration.png) 1x, url(../images/fv-top-decoration@2x.png) 2x);
		background-image: image-set(url(../images/fv-top-decoration.png) 1x, url(../images/fv-top-decoration@2x.png) 2x);
		z-index: o
}

@media(max-width: 768px) {
		.fv__top-decoration {
				aspect-ratio: 75/101;
				background: url(../images/fv-top-decoration_sp.png) no-repeat center center/cover;
				background-image: -webkit-image-set(url(../images/fv-top-decoration_sp.png) 1x, url(../images/fv-top-decoration_sp@2x.png) 2x);
				background-image: image-set(url(../images/fv-top-decoration_sp.png) 1x, url(../images/fv-top-decoration_sp@2x.png) 2x);
		}
}

.swiper {
		width: 100%;
}

.fv__swiper-pagination {
		max-width: 201px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		position: absolute;
		bottom: 4.5% !important;
		left: 50% !important;
		-webkit-transform: translate(-50%);
		-ms-transform: translate(-50%);
		transform: translate(-50%);
}

@media(max-width: 768px) {
		.fv__swiper-pagination {
				max-width: 137px;
				bottom: 11px !important
		}
}

.fv .swiper-pagination-bullet {
		width: 12px !important;
		height: 12px !important;
		margin: 0 0 0 10px !important;
		background: #92d1ed !important;
		opacity: 1;
		margin: 0 !important
}

@media(max-width: 768px) {
		.fv .swiper-pagination-bullet {
				width: 8px !important;
				height: 8px !important
		}
}

.fv .swiper-pagination-bullet.swiper-pagination-bullet-active {
		width: 19px !important;
		height: 19px !important;
		background: rgba(0, 0, 0, 0) !important;
		border: 4px solid #92d1ed
}

@media(max-width: 768px) {
		.fv .swiper-pagination-bullet.swiper-pagination-bullet-active {
				width: 14px !important;
				height: 14px !important;
				border: 3px solid #92d1ed
		}
}

.swiper-button-next,
.swiper-button-prev{
  color:#fff;
}
.swiper-button-next{
  right:3%;
}
.swiper-button-prev{
  left:3%;
}

.art-everywhere_pos {
		margin-top: 22px;
}

@media(max-width: 768px) {
		.art-everywhere_pos {
				margin-top: 7px;
		}
}

.art-everywhere__inner {
		max-width: 1260px;
		-webkit-box-sizing: content-box;
		box-sizing: content-box;
		margin: 0 auto;
		padding: 0 20px;
}

@media(max-width: 400px) {
		.art-everywhere__inner {
				padding: 0 8px;
		}
}

.art-everywhere__subtitle {
		max-width: 956px;
		margin: 10px auto 0;
		text-align: center;
}

@media(max-width: 768px) {
		.art-everywhere__subtitle {
				margin-top: 12px;
		}
}

.art-everywhere__logo {
		max-width: 314px;
		margin-inline: auto;
}

@media(max-width: 1000px) {
		.art-everywhere__logo {
				max-width: max(31.4vw, 149px);
		}
}

@media(max-width: 768px) {
		.art-everywhere__logo {
				max-width: 149px;
		}
}

.art-everywhere__subtitle {
		max-width: 956px;
		margin: 10px auto 0;
		text-align: center;
}

@media(max-width: 768px) {
		.art-everywhere__subtitle {
				margin-top: 12px;
		}
}

@media(max-width: 1000px) {
		.art-everywhere__subtitle-top {
				max-width: max(95.6vw, 352px);
		}
}

@media(max-width: 768px) {
		.art-everywhere__subtitle-top {
				max-width: 352px;
				margin: 0 auto;
		}
}

.art-everywhere__subtitle-bottom {
		font-size: 3.75rem;
		text-align: center;
		-webkit-text-stroke: 1px var(--brown);
		margin-top: 9px;
		margin-bottom: 50px;
}

@media(max-width: 1000px) {
		.art-everywhere__subtitle-bottom {
				font-size: max(6vw, 1.25rem);
		}
}

@media(max-width: 768px) {
		.art-everywhere__subtitle-bottom {
				font-size: 1.25rem;
				-webkit-text-stroke: inherit;
				margin-bottom: 30px;
				margin-top: 5px;
		}
}

.art-everywhere__subtitle h3 {
		text-align: center;
		display: inline-block;
		margin: 15px auto;
		font-size: 1.4rem;
		border-bottom: 2px dotted #ccc;
		line-height: 1.8;
}

@media(max-width: 838px) {
		.art-everywhere__subtitle h3 {
				margin: 10px auto;
		}
		.art-everywhere__subtitle a h3 {
				margin: 10px auto;
				width: 620px;
				background: transparent!important;
		}
}

@media(max-width: 768px) {
		.art-everywhere__subtitle h3 {
				margin: 5px auto;
				font-size: 1.0rem;
				border-bottom: 0;
				margin-bottom: 0;
		}
		.art-everywhere__subtitle a h3 {
				width: 100%;
				margin-top: 0;
		}
}

@media(max-width: 500px) {
		.art-everywhere__subtitle h3 {
				font-size: 0.8rem;
		}
}

.art-everywhere__subtitle h3 img {
		width: 25px;
		vertical-align: baseline;
		margin-right: 5px;
}

@media(max-width: 507px) {
		.art-everywhere__subtitle h3 img {
				vertical-align: bottom;
		}
}

@media(max-width: 440px) {
		.art-everywhere__subtitle h3 img {
				vertical-align: baseline;
				width: 17px;
		}
}

.art-everywhere__subtitle h3 small{
    font-size: 0.9rem;
    vertical-align: text-bottom;
    margin-bottom: 2px;
    display: inline-block;
}

@media(max-width: 768px) {
  .art-everywhere__subtitle h3 small{
  font-size: 0.7rem;
  margin-bottom: 0;    vertical-align: inherit;
  border-bottom: 2px dotted #ccc;
}
}

@media(max-width: 450px) {
  .art-everywhere__subtitle h3 small{
  font-size: 0.6rem;
}
}


.art-everywhere__application {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-column-gap: 13px;
		-moz-column-gap: 13px;
		column-gap: 13px;
		margin-top: 51px;
}

@media(max-width: 1100px) {
		.art-everywhere__application {
				display: grid;
				grid-template-columns: repeat(2, 1fr);
				justify-items: center;
				-webkit-column-gap: 200px;
				-moz-column-gap: 200px;
				column-gap: 200px;
		}
}

@media(max-width: 768px) {
		.art-everywhere__application {
				-webkit-column-gap: 132px;
				-moz-column-gap: 132px;
				column-gap: 132px;
				overflow: hidden;
				margin-top: 10px;
		}
}

.art-everywhere__application-btn-box {
		grid-area: 2/1/3/3;
		text-align: center;
		margin-top: 34px;
}

@media(max-width: 1100px) {
		.art-everywhere__application-btn-box {
				margin-top: -44px;
				z-index: 800;
		}
}

@media(max-width: 768px) {
		.art-everywhere__application-btn-box {
				margin-top: -20px;
		}
}

@media(max-width: 1100px) {
		.art-everywhere__application-boy {
				max-width: 200px;
		}
}

@media(max-width: 768px) {
		.art-everywhere__application-boy {
				grid-area: 1/1/2/2;
				-webkit-transform: translate(-8px);
				-ms-transform: translate(-8px);
				transform: translate(-8px);
				margin-left: auto;
		}
}

@media(max-width: 1100px) {
		.art-everywhere__application-girl {
				max-width: 200px;
		}
}

@media(max-width: 768px) {
		.art-everywhere__application-girl {
				grid-area: 1/2/2/3;
				-webkit-transform: translate(14px);
				-ms-transform: translate(14px);
				transform: translate(14px);
				margin-right: auto;
		}
}

.news-list_pos {
		/*margin-top: 70px;*/
}

@media(max-width: 768px) {
		.news-list_pos {
				margin-top: 54px;
		}
}


h3.art-everywhere_midashi {
    position: relative;
    padding: 1rem;
    border-radius: 5px;
    background: repeating-linear-gradient(45deg, #f8e56e 0 3px, #fff 3px 8px);
    font-weight: bold;
    font-size: 1.1rem;
    text-align: center;
    border-bottom: 0;
    color: var(--brown);
    padding-top: 7px;
    padding-right: 35px;
    margin-bottom: 10px;
    }

h3.art-everywhere_midashi::before {
    position: absolute;
        bottom: -8px;
        left: calc(50% - 6px);
          transform: rotate(36deg);
        height: 16px;
    width: 2px;
    background-color: var(--brown);
    content: "";
}

h3.art-everywhere_midashi::after {
    position: absolute;
    top: -6px;
    left: -3px;
    width: 100%;
    height: 100%;
    border: 2px solid  var(--brown);
    border-radius: 3px;
    content: '';
}
@media(max-width: 768px) {
h3.art-everywhere_midashi {
    font-size: .8rem;
  }
}
@media(max-width: 458px) {

h3.art-everywhere_midashi {
    padding: 0.8rem;
    font-size: .7rem;
    padding-top: 2px;
    width: 100%;
    padding-right: 0.8rem;
  }
}

.mb30{margin-bottom:30px;}


.news-list__inner {
		max-width: 737px;
		-webkit-box-sizing: content-box;
		box-sizing: content-box;
		margin: 0 auto;
		padding: 0 20px;
}

@media(max-width: 768px) {
		.news-list__inner {
				max-width: 500px;
		}
}

.news-list__title {
		position: relative;
		font-size: 1.375rem;
		letter-spacing: .1em;
		text-align: center
}

@media(max-width: 768px) {
		.news-list__title {
				font-size: 1.3125rem
		}
}

.news-list__title::after {
		content: "";
		width: 99px;
		position: absolute;
		bottom: -7px;
		left: 48.5%;
		-webkit-transform: translate(-48.5%);
		-ms-transform: translate(-48.5%);
		transform: translate(-48.5%);
		aspect-ratio: 179/32;
		background: url(../images/news-list-decoration.png) no-repeat center center/contain;
		z-index: -1
}

@media(max-width: 768px) {
		.news-list__title::after {
				width: 84px;
				bottom: -11px;
		}
}

.news-list__items {
		margin-top: 30px;
}

@media(max-width: 768px) {
		.news-list__items {
				margin-top: 20px;
		}
}

.news-list__item {
		border-bottom: 1px solid var(--brown);
}

.news-list__item:first-of-type {
		border-top: 1px solid var(--brown);
}

.news-list__link {
		display: block;
		font-size: .9rem;
		line-height: 1.444;
		padding: 15px 20px;
}

@media(max-width: 768px) {
		.news-list__link {
				font-size: .75rem;
				line-height: 1.5;
				padding: 9px 9px;
		}
}

@media(hover: hover)and (pointer: fine) {
		.news-list__link {
				-webkit-transition: all .5s;
				-o-transition: all .5s;
				transition: all .5s
		}
		.news-list__link:hover {
				opacity: .7
		}
}

.life-skills {
		position: relative;
}

.life-skills_pos {
		margin-top: 190px;
}

@media(max-width: 768px) {
		.life-skills_pos {
				margin-top: 94px;
		}
}

.life-skills__semicircle {
		aspect-ratio: 1366/293;
		background: url(../images/life-skills-top-bg.png) no-repeat center top/contain;
		background-image: -webkit-image-set(url(../images/life-skills-top-bg.png) 1x, url(../images/life-skills-top-bg@2x.png) 2x);
		background-image: image-set(url(../images/life-skills-top-bg.png) 1x, url(../images/life-skills-top-bg@2x.png) 2x);
}

@media(max-width: 768px) {
		.life-skills__semicircle {
				aspect-ratio: 375/52;
				background: url(../images/life-skills-top-bg_sp.png) no-repeat center top/contain;
				background-image: -webkit-image-set(url(../images/life-skills-top-bg_sp.png) 1x, url(../images/life-skills-top-bg_sp@2x.png) 2x);
				background-image: image-set(url(../images/life-skills-top-bg_sp.png) 1x, url(../images/life-skills-top-bg_sp@2x.png) 2x);
		}
}

.life-skills__title {
		max-width: 614px;
		position: absolute;
		top: -9.2%;
		left: 50%;
		-webkit-transform: translate(-50%);
		-ms-transform: translate(-50%);
		transform: translate(-50%);
}

@media(max-width: 768px) {
		.life-skills__title {
				max-width: 285px;
				min-width: 285px;
				top: -72px;
		}
}

@media(max-width: 470px) {
		.life-skills__title {
				max-width: 255px;
				min-width: 255px;
		}
}

@media(max-width: 360px) {
		.life-skills__title {
				max-width: auto;
				min-width: 80%;
		}
}

.life-skills__bg {
		background-color: var(--bg-yellow);
}

.life-skills__inner {
		max-width: 939px;
		-webkit-box-sizing: content-box;
		box-sizing: content-box;
		margin: 0 auto;
		padding: 0 20px 108px;
}

@media(max-width: 768px) {
		.life-skills__inner {
				max-width: 500px;
				padding-top: 56px;
				padding-bottom: 64px;
		}
}

.life-skills__subtitle {
		-webkit-transform: translateY(-23.3%);
		-ms-transform: translateY(-23.3%);
		transform: translateY(-23.3%);
		font-size: 2.25rem;
		line-height: 1.9444444444;
		letter-spacing: .04em;
		text-align: center
}

@media(max-width: 1000px) {
		.life-skills__subtitle {
				font-size: max(3.6vw, 1rem);
		}
}

@media(max-width: 768px) {
		.life-skills__subtitle {
				-webkit-transform: translateY(0);
				-ms-transform: translateY(0);
				transform: translateY(0);
				font-size: 1rem;
				line-height: 2;
				letter-spacing: 0;
		}
}

.life-skills__underline {
		position: relative;
}

.life-skills__underline::after {
		content: "";
		max-width: 177px;
		width: 100%;
		display: inline-block;
		position: absolute;
		bottom: -42%;
		left: 50%;
		-webkit-transform: translate(-50%);
		-ms-transform: translate(-50%);
		transform: translate(-50%);
		aspect-ratio: 177/40;
		background: url(../images/life-skills-underline.png) no-repeat center center/contain;
		z-index: -1
}

@media(max-width: 768px) {
		.life-skills__underline::after {
				max-width: 71px;
				bottom: -8px;
		}
}

.life-skills__quote {
		font-size: 1.25rem;
		line-height: 2.2;
		margin-top: -12px;
}

@media(max-width: 768px) {
		.life-skills__quote {
				font-size: .75rem;
				line-height: 2.5;
				letter-spacing: .02em;
				margin-top: 33px;
		}
}

.life-skills__quote-link {
		border-bottom: 1px solid var(--brown);
}

.life-skills__power {
		max-width: 898px;
		aspect-ratio: 898/795;
		background: url(../images/life-skills-bottom-bg.png) no-repeat center top/contain;
		background-image: -webkit-image-set(url(../images/life-skills-bottom-bg.png) 1x, url(../images/life-skills-bottom-bg@2x.png) 2x);
		background-image: image-set(url(../images/life-skills-bottom-bg.png) 1x, url(../images/life-skills-bottom-bg@2x.png) 2x);
		margin: 87px auto 0;
		padding-top: 22px;
}

@media(max-width: 768px) {
		.life-skills__power {
				min-width: 348px;
				max-height: 383px;
				-webkit-transform: translateX(-2%);
				-ms-transform: translateX(-2%);
				transform: translateX(-2%);
				aspect-ratio: 348/383;
				background: url(../images/life-skills-bottom-bg_sp.png) no-repeat center top/contain;
				background-image: -webkit-image-set(url(../images/life-skills-bottom-bg_sp.png) 1x, url(../images/life-skills-bottom-bg_sp@2x.png) 2x);
				background-image: image-set(url(../images/life-skills-bottom-bg_sp.png) 1x, url(../images/life-skills-bottom-bg_sp@2x.png) 2x);
				margin-top: 51px;
				padding-top: 14px;
		}
}

@media(max-width: 400px) {
		.life-skills__power {
				min-width: auto;
				margin: 0px auto;
				margin-top: 15px;
		}
}

.life-skills__power-text {
		font-size: 1.875rem;
		line-height: 2.3333333333;
		letter-spacing: .04em;
		text-align: center;
		white-space: pre-line;
}

@media(max-width: 1000px) {
		.life-skills__power-text {
				font-size: max(3vw, .875rem);
		}
}

@media(max-width: 768px) {
		.life-skills__power-text {
				font-size: .875rem;
				line-height: 2.1428571429
		}
}

@media(max-width: 360px) {
		.life-skills__power-text {
				font-size: .675rem;
		}
}

.life-skills__dot {
		position: relative;
}

.life-skills__dot::after {
		content: "";
		max-width: 335px;
		width: 100%;
		display: inline-block;
		position: absolute;
		top: -43%;
		left: 50%;
		-webkit-transform: translate(-50.3%);
		-ms-transform: translate(-50.3%);
		transform: translate(-50.3%);
		aspect-ratio: 335/15;
		background: url(../images/life-skills-dot.png) no-repeat center center/contain;
}

@media(max-width: 768px) {
		.life-skills__dot::after {
				top: -7px;
		}
}

.life-skills__three-power {
		max-width: 639px;
		margin: 4px auto 0;
}

@media(max-width: 1000px) {
		.life-skills__three-power {
				max-width: max(63.9vw, 316px);
		}
}

@media(max-width: 768px) {
		.life-skills__three-power {
				max-width: 316px;
		}
}

@media(hover: hover)and (pointer: fine) {
		.life-skills__quote-link {
				-webkit-transition: all .5s;
				-o-transition: all .5s;
				transition: all .5s
		}
		.life-skills__quote-link:hover {
				opacity: .7
		}
}

.art-kids {
		position: relative;
}

.art-kids__semicircle {
		aspect-ratio: 1366/293;
		background: url(../images/art-kids-top-bg.png) no-repeat center top/contain;
		background-image: -webkit-image-set(url(../images/art-kids-top-bg.png) 1x, url(../images/art-kids-top-bg@2x.png) 2x);
		background-image: image-set(url(../images/art-kids-top-bg.png) 1x, url(../images/art-kids-top-bg@2x.png) 2x);
}

@media(max-width: 768px) {
		.art-kids__semicircle {
				aspect-ratio: 375/52;
				background: url(../images/art-kids-top-bg_sp.png) no-repeat center top/contain;
				background-image: -webkit-image-set(url(../images/art-kids-top-bg_sp.png) 1x, url(../images/art-kids-top-bg_sp@2x.png) 2x);
				background-image: image-set(url(../images/art-kids-top-bg_sp.png) 1x, url(../images/art-kids-top-bg_sp@2x.png) 2x);
		}
}

.art-kids__title {
		max-width: 806px;
		width: 100%;
		position: absolute;
		top: -4.2%;
		left: 50%;
		-webkit-transform: translate(-50%);
		-ms-transform: translate(-50%);
		transform: translate(-50%);
		z-index: 1
}

@media(max-width: 1300px) {
		.art-kids__title {
				max-width: max(62vw, 322px);
		}
}

@media(max-width: 768px) {
		.art-kids__title {
				max-width: 322px;
				min-width: 322px;
				top: -58px;
		}
}

@media(max-width: 470px) {
		.art-kids__title {
				max-width: 282px;
				min-width: 282px;
		}
}

@media(max-width: 360px) {
		.art-kids__title {
				max-width: auto;
				min-width: auto;
		}
}

.art-kids__bg {
		background-color: var(--bg-blue);
		-webkit-transform: translateY(-1px);
		-ms-transform: translateY(-1px);
		transform: translateY(-1px);
}
.art-kids .art-kids__bg{
	padding-bottom:150px;
}
@media(max-width:1100px){
	.art-kids .art-kids__bg{
		margin-top:-4%;
		padding-bottom:7rem;
	}
}
@media(max-width:1000px){
	.art-kids .art-kids__bg{
		padding-bottom:110px;
		padding-top:2rem;
	}
}
@media(max-width:768px){
	.art-kids .art-kids__bg{
		padding-bottom:90px;
	}
}
@media(max-width:600px){
	.art-kids .art-kids__bg{
		padding-bottom:50px;
	}
}

.news__partition-top{
	margin-top:-7%;
	position:relative;
	z-index:1;
}


.art-kids__inner {
		max-width: 1164px;
		-webkit-box-sizing: content-box;
		box-sizing: content-box;
		margin: 0 auto;
		padding: 62px 20px 37px;
}

@media(max-width: 768px) {
		.art-kids__inner {
				padding: 74px 16px 36px;
		}
}

.art-kids__subtitle-top {
		font-size: 2.25rem;
		text-align: center
}

@media(max-width: 1100px) {
		.art-kids__subtitle-top {
				font-size: max(3.2727vw, 15px);
		}
}

@media(max-width: 768px) {
		.art-kids__subtitle-top {
				font-size: .9375rem
		}
}

.art-kids__feature-top {
		display: block;
		margin-top: 53px;
}

@media(max-width: 768px) {
		.art-kids__feature-top {
				max-width: 343px;
				margin: 30px auto 0;
		}
}

.art-kids__feature-bottom {
		max-width: 1080px;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		-webkit-column-gap: 50px;
		-moz-column-gap: 50px;
		column-gap: 50px;
		margin: 60px auto 0;
}

@media(max-width: 768px) {
		.art-kids__feature-bottom {
				max-width: 343px;
				display: -webkit-box;
				display: -webkit-flex;
				display: -ms-flexbox;
				display: flex;
				-webkit-flex-wrap: wrap;
				-ms-flex-wrap: wrap;
				flex-wrap: wrap;
				-webkit-box-pack: center;
				-webkit-justify-content: center;
				-ms-flex-pack: center;
				justify-content: center;
				-webkit-column-gap: 14px;
				-moz-column-gap: 14px;
				column-gap: 14px;
				row-gap: 15px;
				margin-top: 27px;
		}
}

.art-kids__feature-bottom-text {
		font-size: 1.375rem;
		line-height: 1.3636363636;
		letter-spacing: .03em;
		text-align: center;
		white-space: pre-line;
		margin-top: 22px;
}

@media(max-width: 768px) {
		.art-kids__feature-bottom-text {
				font-size: .75rem;
				line-height: 1.5;
				margin-top: 12px;
		}
}

.art-kids__subtitle-movie {
		margin: 76px auto 0;
}

@media(max-width: 768px) {
		.art-kids__subtitle-movie {
				margin-top: 45px;
		}
}

.entry__experience-lesson {
		max-width: 883px;
		display: block;
		-webkit-transform: translate(-4%);
		-ms-transform: translate(-4%);
		transform: translate(-4%);
		margin: 13px auto 0;
}

@media(max-width: 1200px) {
		.entry__experience-lesson {
				max-width: max(73.583vw, 309px);
		}
}

@media(max-width: 768px) {
		.entry__experience-lesson {
				max-width: 309px;
				-webkit-transform: translate(0);
				-ms-transform: translate(0);
				transform: translate(0);
				margin-top: 11px;
		}
		.kaiga_course .entry__experience-lesson img {
				margin-left: -10px;
		}
}

@media(max-width: 380px) {
		.entry__experience-lesson {
				margin-left: 0;
		}
}

.entry__formula {
		max-width: 662px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		position: relative;
		margin: 24px auto 0;
}

@media(max-width: 1100px) {
		.entry__formula {
				max-width: max(60.1818vw, 242px);
				-webkit-column-gap: 30px;
				-moz-column-gap: 30px;
				column-gap: 30px;
		}
}

@media(max-width: 768px) {
		.entry__formula {
				max-width: 242px;
				-webkit-column-gap: 0;
				-moz-column-gap: 0;
				column-gap: 0;
				margin-top: 0;
		}
}

.entry__formula-item {
		max-width: 307px;
}

.entry__formula.entry__formula_kaiga {
		max-width: 662px;
		display: block;
		margin: 40px auto 0;
}

@media(max-width: 1100px) {
		.entry__formula.entry__formula_kaiga {
				max-width: max(60.1818vw, 242px);
		}
}

@media(max-width: 768px) {
		.entry__formula.entry__formula_kaiga {
				max-width: 242px;
				margin-top: 15px;
		}
}

.entry__formula.entry__formula_kaiga h3 {
		font-size: 1.1rem;
		margin-bottom: 15px;
}

@media(max-width: 768px) {
		.entry__formula.entry__formula_kaiga h3 {
				font-size: 0.7rem;
				margin-bottom: 5px;
		}
}

.treasure {
		position: relative;
}

.treasure__title {
		max-width: 703px;
		width: 100%;
		position: absolute;
		left: 50%;
		-webkit-transform: translate(-50%);
		-ms-transform: translate(-50%);
		transform: translate(-50%);
		z-index: 1
}

@media(max-width: 1300px) {
		.treasure__title {
				max-width: max(54.0769vw, 280px);
		}
}

@media(max-width: 768px) {
		.treasure__title {
				max-width: 280px;
				min-width: 280px;
		}
}

@media(max-width: 361px) {
		.treasure__title {
				max-width: auto;
				min-width: auto;
		}
}

.treasure__bg {
		background-color: var(--bg-yellow);
		-webkit-transform: translateY(-1px);
		-ms-transform: translateY(-1px);
		transform: translateY(-1px);
}

@media(max-width: 768px) {
		.treasure__bg {
				padding-top: 61px;
		}
}

.treasure__subtitle {
		-webkit-transform: translateY(-30px);
		-ms-transform: translateY(-30px);
		transform: translateY(-30px);
		font-size: 2.25rem;
		line-height: 1.9444444444;
		letter-spacing: .04em;
		text-align: center
}

@media(max-width: 1300px) {
		.treasure__subtitle {
				-webkit-transform: translateY(0);
				-ms-transform: translateY(0);
				transform: translateY(0);
				font-size: max(2.769vw, 15px);
		}
}

@media(max-width: 768px) {
		.treasure__subtitle {
				-webkit-transform: translateY(0);
				-ms-transform: translateY(0);
				transform: translateY(0);
				font-size: .9375rem;
				line-height: 2
		}
}

.treasure__underline {
		position: relative;
}

.treasure__underline::after {
		content: "";
		max-width: 187px;
		width: 100%;
		display: inline-block;
		position: absolute;
		bottom: -59%;
		left: 50%;
		-webkit-transform: translate(-47%);
		-ms-transform: translate(-47%);
		transform: translate(-47%);
		aspect-ratio: 187/50;
		background: url(../images/treasure-underline.png) no-repeat center center/contain;
		z-index: -1
}

@media(max-width: 768px) {
		.treasure__underline::after {
				bottom: -10px;
		}
}

.treasure__contents-outer {
		overflow: hidden
}

.treasure__inner {
		max-width: 1366px;
		margin: 0 auto;
		padding: 0 20px;
}

@media(max-width: 768px) {
		.treasure__inner {
				max-width: 400px;
				padding: 0 16px;
		}
}

.treasure__contents {
		width: 113.5%;
		display: block;
		-webkit-transform: translate(-5.4%);
		-ms-transform: translate(-5.4%);
		transform: translate(-5.4%);
		margin-top: 31px;
}

@media(max-width: 768px) {
		.treasure__contents {
				width: 129%;
				margin-top: 5px;
				-webkit-transform: translate(-15%);
				-ms-transform: translate(-15%);
				transform: translate(-15%);
		}
}

.reason_pos {
		margin-top: -1px;
		margin-bottom: 210px;
}

@media(max-width: 768px) {
		.reason_pos {
				margin-bottom: 80px;
		}
}

.reason__2 {
		margin-top: 157px;
}

@media(max-width: 768px) {
		.reason__2 {
				margin-top: 90px;
		}
}

.reason__text-bule {
		color: #5fb4e2;
		font-size: 2.25rem;
		line-height: 1.6388888889;
		letter-spacing: .04em;
		text-align: center
}

@media(max-width: 1100px) {
		.reason__text-bule {
				font-size: max(3.2727vw, 1rem);
		}
}

@media(max-width: 768px) {
		.reason__text-bule {
				font-size: 1rem;
				line-height: 1.5;
				letter-spacing: 0;
		}
}

.reason1__subtitle {
		white-space: pre-line;
		margin-top: 39px;
}

@media(max-width: 768px) {
		.reason1__subtitle {
				margin-top: 18px;
		}
}

.reason1__text {
		font-size: 1.25rem;
		line-height: 2.3;
		max-width: 741px;
		text-align: left;
		margin: 10px auto;
		margin-top: 33px;
}

@media(max-width: 1100px) {
		.reason1__text {
				font-size: max(1.8181vw, .75rem);
				max-width: 611px;
		}
}

@media(max-width: 768px) {
		.reason1__text {
				font-size: .75rem;
				line-height: 2.1666666667;
				max-width: 450px;
				margin: 0 auto;
				text-align: left;
				margin-top: 8px;
		}
}

@media(max-width: 470px) {
		.reason1__text {
				max-width: 90%;
		}
}

@media(max-width: 406px) {
		.reason1__text {
				max-width: 97%;
		}
}

@media(max-width: 380px) {
		.reason1__text {
				font-size: .65rem;
		}
}

.reason1__dot-5 {
		position: relative;
}

.reason1__dot-5::before {
		content: "";
		max-width: 89px;
		width: 100%;
		display: inline-block;
		position: absolute;
		top: -65%;
		left: 50%;
		-webkit-transform: translate(-45%);
		-ms-transform: translate(-45%);
		transform: translate(-45%);
		aspect-ratio: 89/9;
		background: url(../images/reason1-dot-5.png) no-repeat center center/contain;
}

@media(max-width: 768px) {
		.reason1__dot-5::before {
				max-width: 57px;
				top: -8px;
				-webkit-transform: translate(-53%);
				-ms-transform: translate(-53%);
				transform: translate(-53%);
				aspect-ratio: 57/6
		}
}

.reason1__dot-8 {
		position: relative;
}

.reason1__dot-8::before {
		content: "";
		max-width: 145px;
		width: 100%;
		display: inline-block;
		position: absolute;
		top: -65%;
		left: 50%;
		-webkit-transform: translate(-49%);
		-ms-transform: translate(-49%);
		transform: translate(-49%);
		aspect-ratio: 145/9;
		background: url(../images/reason1-dot-8.png) no-repeat center center/contain;
}

@media(max-width: 768px) {
		.reason1__dot-8::before {
				max-width: 92px;
				top: -8px;
				-webkit-transform: translate(-50%);
				-ms-transform: translate(-50%);
				transform: translate(-50%);
				aspect-ratio: 92/6
		}
}

.reason1__dot-9 {
		position: relative;
}

.reason1__dot-9::before {
		content: "";
		max-width: 169px;
		width: 100%;
		display: inline-block;
		position: absolute;
		top: -65%;
		left: 50%;
		-webkit-transform: translate(-48%);
		-ms-transform: translate(-48%);
		transform: translate(-48%);
		aspect-ratio: 169/9;
		background: url(../images/reason1-dot-9.png) no-repeat center center/contain;
}

@media(max-width: 768px) {
		.reason1__dot-9::before {
				max-width: 102px;
				top: -8px;
				-webkit-transform: translate(-50.7%);
				-ms-transform: translate(-50.7%);
				transform: translate(-50.7%);
				aspect-ratio: 102/6
		}
}

.reason1__img {
		max-width: 1033px;
		display: block;
		margin: 35px auto 0;
}

@media(max-width: 768px) {
		.reason1__img {
				max-width: 335px;
				margin-top: 31px;
		}
}

.reason2 {
		position: relative;
}

.reason2__partition-top {
		aspect-ratio: 683/50;
		background: url(../images/reason-partition-top.png) no-repeat center bottom/contain;
		background-image: -webkit-image-set(url(../images/reason-partition-top.png) 1x, url(../images/reason-partition-top@2x.png) 2x);
		background-image: image-set(url(../images/reason-partition-top.png) 1x, url(../images/reason-partition-top@2x.png) 2x);
}

@media(max-width: 768px) {
		.reason2__partition-top {
				aspect-ratio: 15/2;
				background: url(../images/reason-partition-top_sp.png) no-repeat center top/contain;
				background-image: -webkit-image-set(url(../images/reason-partition-top_sp.png) 1x, url(../images/reason-partition-top_sp@2x.png) 2x);
				background-image: image-set(url(../images/reason-partition-top_sp.png) 1x, url(../images/reason-partition-top_sp@2x.png) 2x);
		}
}

.reason2__bg {
		background-color: var(--bg-blue);
}

.reason2__inner {
		max-width: 1108px;
		-webkit-box-sizing: content-box;
		box-sizing: content-box;
		margin-inline: auto;
		padding: 103px 20px 214px;
}

@media(max-width: 768px) {
		.reason2__inner {
				padding-top: 52px;
				padding-bottom: 99px;
		}
}

.reason2__text-top {
		max-width: 978px;
		font-size: 1.25rem;
		line-height: 2.3;
		margin: 26px auto 0;
}

@media(max-width: 1300px) {
		.reason2__text-top {
				font-size: max(1.5384vw, .75rem);
		}
}

@media(max-width: 768px) {
		.reason2__text-top {
				max-width: 335px;
				font-size: .75rem;
				line-height: 2.1666666667;
				margin-top: 17px;
		}
}

.reason3__img-top {
		max-width: 839px;
		margin: 56px auto 0;
}

@media(max-width: 1100px) {
		.reason3__img-top {
				max-width: max(76.27vw, 307px);
		}
}

@media(max-width: 768px) {
		.reason3__img-top {
				max-width: 307px;
				margin-top: 31px;
		}
}

.reason4__subtitle {
		margin-top: 58px;
}

@media(max-width: 768px) {
		.reason4__subtitle {
				margin-top: -11px;
		}
}

.reason4__contents {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		row-gap: 84px;
		margin-top: 79px;
}

@media(max-width: 768px) {
		.reason4__contents {
				row-gap: 21px;
				margin-top: 30px;
		}
}

.reason4__item {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-column-gap: 20px;
		-moz-column-gap: 20px;
		column-gap: 20px;
}

@media(max-width: 768px) {
		.reason4__item {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column
		}
}

.reason4__item_movie {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-webkit-flex-direction: row-reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse
}

@media(max-width: 768px) {
		.reason4__item_movie {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column
		}
}

.reason4__text-box {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1
}

.reason4__text-box_movie {
		margin-top: 24px;
}

@media(max-width: 768px) {
		.reason4__text-box_movie {
				margin: 0;
		}
}

.reason4__category {
		font-size: 1.875rem
}

@media(max-width: 1300px) {
		.reason4__category {
				font-size: max(2.3076vw, 1rem);
		}
}

@media(max-width: 768px) {
		.reason4__category {
				font-size: 1rem
		}
}

.reason4__category_online {
		color: #e6d84a
}

.reason4__category_movie {
		display: block;
		color: #92d1ed;
		text-align: right
}

@media(max-width: 768px) {
		.reason4__category_movie {
				text-align: start
		}
}

.reason4__item-title {
		font-size: 2.25rem;
		margin-top: 24px;
		padding-bottom: 17px;
}

@media(max-width: 1300px) {
		.reason4__item-title {
				font-size: max(2.769vw, 1.125rem);
		}
}

@media(max-width: 768px) {
		.reason4__item-title {
				font-size: 1.125rem;
				margin-top: 11px;
				padding-bottom: 13px;
		}
}

.reason4__item-title_online {
		background: url(../images/reason-spiral-bottom-yellow.png) no-repeat center bottom/contain;
		background-image: -webkit-image-set(url(../images/reason-spiral-bottom-yellow.png) 1x, url(../images/reason-spiral-bottom-yellow@2x.png) 2x);
		background-image: image-set(url(../images/reason-spiral-bottom-yellow.png) 1x, url(../images/reason-spiral-bottom-yellow@2x.png) 2x);
}

.reason4__item-title_movie {
		background: url(../images/reason-spiral-bottom-blue.png) no-repeat center bottom/contain;
		background-image: -webkit-image-set(url(../images/reason-spiral-bottom-blue.png) 1x, url(../images/reason-spiral-bottom-blue@2x.png) 2x);
		background-image: image-set(url(../images/reason-spiral-bottom-blue.png) 1x, url(../images/reason-spiral-bottom-blue@2x.png) 2x);
		text-align: right
}

@media(max-width: 768px) {
		.reason4__item-title_movie {
				text-align: start
		}
}

.reason4__item-text {
		font-size: 1.375rem;
		line-height: 2.0909090909;
		margin-top: 21px;
}

@media(max-width: 1300px) {
		.reason4__item-text {
				font-size: max(1.692vw, .75rem);
		}
}

.reason4__item_time .reason4__item-text {
		margin-top: 41px;
}

@media(max-width: 768px) {
		.reason4__item_time .reason4__item-text {
				margin-top: 10px;
		}
}

@media(max-width: 768px) {
		.reason4__item-text {
				font-size: .75rem;
				line-height: 1.8333333333;
				letter-spacing: .05em;
				margin-top: 15px;
		}
}

.reason4__item-text_movie {
		max-width: 515px;
}

@media(max-width: 768px) {
		.reason4__item-text_movie {
				max-width: 300px;
				margin-top: 22px;
		}
}

.reason4__item-text_movie small {
		font-size: 0.9rem;
}

@media(max-width: 768px) {
		.reason4__item-text_movie small {
				font-size: 0.7rem;
				line-height: 1.5;
				display: block;
				margin-top: 9px;
		}
}

.reason4__time {
		max-width: 355px;
		display: block;
		margin: 0 auto;
		margin-top: 30px;
		position: relative;
}

@media(max-width: 768px) {
		.reason4__time {
				margin-top: 27px;
				max-width: 284px;
		}
}

.reason4__time2 {
		margin-top: 10px;
}

.reason4__time .reason4__time_lupe {
		position: absolute;
		right: -24px;
		top: -15px;
		width: 40px;
}

@media(max-width: 768px) {
		.reason4__time .reason4__time_lupe {
				right: -16px;
				width: 30px;
		}
}

.reason4__time img, .reason4__time2 img {
		border-radius: 10px;
		box-shadow: 1px 1px 1px 1px #aaaaaa42;
}

.reason4__time .reason4__time_lupe img {
		box-shadow: 0 0 0 0;
}

.reason4__supplement {
		font-family: fot-tsukubrdgothic-std, sans-serif;
		font-size: .9375rem;
		line-height: 2.2666666667;
		text-indent: -0.7rem;
		white-space: pre-line;
		padding-left: .8rem
}

@media(max-width: 1300px) {
		.reason4__supplement {
				font-size: max(1.1538vw, .6875rem);
		}
}

@media(max-width: 768px) {
		.reason4__supplement {
				font-size: .6875rem;
				line-height: 1.6363636364
		}
}

.reason4__supplement_top {
		margin-top: 18px;
}

@media(max-width: 768px) {
		.reason4__supplement_top {
				margin-top: 13px;
		}
}

.reason4__img {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1
}

.reason4__img_online {
		max-width: 507px;
		margin-top: 15px;
}

@media(max-width: 768px) {
		.reason4__img_online {
				max-width: 293px;
				-webkit-transform: translate(23px);
				-ms-transform: translate(23px);
				transform: translate(23px);
				margin-top: 23px;
		}
}

@media(max-width: 340px) {
		.reason4__img_online {
				transform: translate(0);
		}
}

.reason4__img_movie {
		max-width: 514px;
}

@media(max-width: 768px) {
		.reason4__img_movie {
				max-width: 276px;
				-webkit-transform: translate(28px);
				-ms-transform: translate(28px);
				transform: translate(28px);
				margin-top: 20px;
		}
}

@media(max-width: 340px) {
		.reason4__img_movie {
				transform: translate(0px);
		}
}

.reason4__partition-bottom {
		aspect-ratio: 683/60;
		background: url(../images/reason4-partition-bottom.png) no-repeat center bottom/contain;
		background-image: -webkit-image-set(url(../images/reason4-partition-bottom.png) 1x, url(../images/reason4-partition-bottom@2x.png) 2x);
		background-image: image-set(url(../images/reason4-partition-bottom.png) 1x, url(../images/reason4-partition-bottom@2x.png) 2x);
		margin-top: -1px;
}

@media(max-width: 768px) {
		.reason4__partition-bottom {
				aspect-ratio: 15/2;
				background: url(../images/reason4-partition-bottom_sp.png) no-repeat center top/contain;
				background-image: -webkit-image-set(url(../images/reason4-partition-bottom_sp.png) 1x, url(../images/reason4-partition-bottom_sp@2x.png) 2x);
				background-image: image-set(url(../images/reason4-partition-bottom_sp.png) 1x, url(../images/reason4-partition-bottom_sp@2x.png) 2x);
		}
}

.reason6__inner {
		max-width: 970px;
		-webkit-box-sizing: content-box;
		box-sizing: content-box;
		margin-inline: auto;
		padding: 114px 20px 127px;
}

@media(max-width: 1100px) {
		.reason6__inner {
				padding: 114px 20px 177px;
		}
}

@media(max-width: 768px) {
		.reason6__inner {
				max-width: 356px;
				padding: 45px 8px 74px;
		}
}

@media (max-width: 552px) {
		.reason6__inner {
				padding: 45px 8px 94px;
		}
}

.reason6__supplement {
		font-size: 1.5rem;
		letter-spacing: .1em;
		text-align: center;
		margin-top: 14px;
}

@media(max-width: 1100px) {
		.reason6__supplement {
				font-size: max(2.1818vw, .875rem);
		}
}

@media(max-width: 768px) {
		.reason6__supplement {
				font-size: .875rem;
				letter-spacing: 0;
				margin-top: 9px;
		}
}

.reason6__img {
		max-width: 856px;
		margin: 50px auto 0;
}

@media(max-width: 1100px) {
		.reason6__img {
				max-width: max(77.8181vw, 324px);
		}
}

@media(max-width: 768px) {
		.reason6__img {
				max-width: 324px;
				margin-top: 24px;
		}
}

.reason6__text {
		font-size: 1.375rem;
		line-height: 2.0909090909;
		text-align: center;
		margin-top: 47px;
}

@media(max-width: 1100px) {
		.reason6__text {
				font-size: max(2vw, .75rem);
		}
}

@media(max-width: 768px) {
		.reason6__text {
				font-size: .75rem;
				line-height: 2.1666666667;
				max-width: 600px;
				text-align: left;
				margin: 10px auto;
				margin-top: 24px;
		}
}

@media(max-width: 368px) {
		.reason6__text {
				width: 90%;
				max-width: 90%;
		}
}

.reason6__application {
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-top: 155px;
}

@media(max-width: 1100px) {
		.reason6__application {
				margin-top: 225px;
		}
}

@media(max-width: 768px) {
		.reason6__application {
				overflow: inherit;
				margin-top: 108px;
		}
}

.reason6__satisfaction {
		max-width: 683px;
		display: block;
		margin: 70px auto 0;
}

@media(max-width: 768px) {
		.reason6__satisfaction {
				max-width: 332px;
				margin: 39px auto 0;
		}
}

@media(max-width: 500px) {
		.reason6__satisfaction {
				margin: 19px auto 0;
		}
}

.course__2 {
		/*margin-top: 119px;*/
}

@media(max-width: 768px) {
		.course__2 {
				margin-top: 68px;
		}
}

.course__6 {
		margin-top: 144px;
}

@media(max-width: 768px) {
		.course__6 {
				margin-top: 53px;
		}
}

.course1__text-top {
		font-size: 1.375rem;
		line-height: 2.0909090909;
		text-align: center;
		margin-top: -24px;
}

@media(max-width: 1100px) {
		.course1__text-top {
				font-size: max(2vw, .75rem);
		}
}

@media(max-width: 768px) {
		.course1__text-top {
				font-size: .75rem;
				line-height: 1.8333333333;
				letter-spacing: .05em;
				margin-top: 17px;
		}
}

.course1__signboard {
		max-width: 389px;
		margin: 45px auto 0;
}

@media(max-width: 1000px) {

		.course1__signboard {
				max-width: 329px;
		}
}

@media(max-width: 900px) {

		.course1__signboard {
				max-width: 279px;
		}
}

@media(max-width: 768px) {
		.course1__signboard {
				max-width: 166px;
				margin-top: 24px;
		}
}

.course1__selection {
		max-width: 1064px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-column-gap: 20px;
		-moz-column-gap: 20px;
		column-gap: 20px;
		margin: -143px auto 0;
}

@media(max-width: 1065px) {
		.course1__selection {
				max-width: 95%;
		}
}

@media(max-width: 768px) {
		.course1__selection {
				max-width: 100%;
				-webkit-column-gap: 5px;
				-moz-column-gap: 5px;
				column-gap: 5px;
				margin-top: -36px;
		}
}

@media(max-width: 405px) {
		.course1__selection {
				display: block;
				margin-top: 16px;
		}
}

.course1__selection-text {
		font-size: 1.875rem;
		line-height: 2.3;
		text-align: center
}

@media(max-width: 1200px) {
		.course1__selection-text {
				font-size: max(2.5vw, .75rem);
		}
}

@media(max-width: 768px) {
		.course1__selection-text {
				font-size: .75rem;
				line-height: 2
		}
}

.course1__selection-text_movie {
		margin-left: 18%;
}

@media(max-width: 768px) {
		.course1__selection-text_movie {
				margin-left: 4%;
		}
}

.course1__online-dot {
		position: relative;
}

.course1__online-dot::after {
		content: "";
		max-width: 342px;
		width: 100%;
		display: inline-block;
		position: absolute;
		top: -43%;
		left: 50%;
		-webkit-transform: translate(-50.3%);
		-ms-transform: translate(-50.3%);
		transform: translate(-50.3%);
		aspect-ratio: 342/15;
		background: url(../images/entry-online-dot.png) no-repeat center center/contain;
}

@media(max-width: 768px) {
		.course1__online-dot::after {
				max-width: 137px;
				top: -5px;
		}
}

.course1__movie-dot {
		position: relative;
}

.course1__movie-dot::after {
		content: "";
		max-width: 145px;
		width: 100%;
		display: inline-block;
		position: absolute;
		top: -41%;
		left: 50%;
		-webkit-transform: translate(-50.3%);
		-ms-transform: translate(-50.3%);
		transform: translate(-50.3%);
		aspect-ratio: 145/14;
		background: url(../images/entry-movie-dot.png) no-repeat center center/contain;
}

@media(max-width: 768px) {
		.course1__movie-dot::after {
				max-width: 52px;
				top: -5px;
		}
}

.course1__selection-img {
		max-width: 519px;
		display: block;
		margin-top: 6px;
}

@media(max-width: 768px) {
		.course1__selection-img {
				margin-top: 14px;
		}
}

@media(max-width: 405px) {
		.course1__selection-img {
				max-width: 209px;
				margin: 0 auto;
				display: block;
		}
}

.course1__selection-img_movie {
		-webkit-transform: translate(14px);
		-ms-transform: translate(14px);
		transform: translate(14px);
}

@media(max-width: 1200px) {
		.course1__selection-img_movie {
				-webkit-transform: translate(7px);
				-ms-transform: translate(7px);
				transform: translate(7px);
		}
}

@media(max-width: 768px) {
		.course1__selection-img_movie {
				-webkit-transform: translate(5px);
				-ms-transform: translate(5px);
				transform: translate(5px);
		}
}

.course1__text-bottom {
		font-size: 1.25rem;
		line-height: 1.8;
		text-align: left;
		margin: 28px auto 0;
}

@media(max-width: 1200px) {
		.course1__text-bottom {
				font-size: max(1.666vw, .75rem);
		}
}

@media(max-width: 768px) {
		.course1__text-bottom {
				font-size: .75rem;
				line-height: 1.6666666667;
				text-align: start;
				margin-top: 12px;
		}
}

.course1__text-bottom_online {
		max-width: 502px;
}

@media(max-width: 768px) {
		.course1__text-bottom_online {
				max-width: 158px;
		}
}

@media(max-width: 405px) {
		.course1__text-bottom_online {
				max-width: 90%;
				margin-bottom: 20px;
		}
}

.course1__text-bottom_movie {
		max-width: 512px;
		-webkit-transform: translate(17px);
		-ms-transform: translate(17px);
		transform: translate(17px);
		letter-spacing: .03em
}

@media(max-width: 1200px) {
		.course1__text-bottom_movie {
				-webkit-transform: translate(8px);
				-ms-transform: translate(8px);
				transform: translate(8px);
		}
}

@media(max-width: 768px) {
		.course1__text-bottom_movie {
				max-width: 158px;
				-webkit-transform: translate(0);
				-ms-transform: translate(0);
				transform: translate(0);
				letter-spacing: inherit;
				margin-left: 10px;
		}
}

@media(max-width: 405px) {
		.course1__text-bottom_movie {
				max-width: 90%;
				margin-left: auto;
		}
}

.course1__inner small {
		display: block;
		text-align: center;
		margin: 20px 0;
}

@media(max-width: 768px) {
		.course1__inner small {
				font-size: 0.6rem;
				line-height: 1.5;
				margin-top: 9px;
		}
}

.course2 {
		position: relative;
}

.course2__title {
		max-width: 386px;
		width: 100%;
		position: absolute;
		top: -82px;
		left: 50%;
		-webkit-transform: translate(-50%);
		-ms-transform: translate(-50%);
		transform: translate(-50%);
}

@media(max-width: 1100px) {
		.course2__title {
				max-width: max(35.09vw, 211px);
		}
}

@media(max-width: 1000px) {
		.course2__title {
				top: -62px;
		}
}

@media(max-width: 768px) {
		.course2__title {
				max-width: 181px;
				top: -47px;
		}
}

.course2__inner {
		max-width: 1140px;
		-webkit-box-sizing: content-box;
		box-sizing: content-box;
		margin-inline: auto;
		padding: 0 20px 0;
}

@media(max-width: 768px) {
		.course2__inner {
				max-width: 350px;
				padding: 0 12px 0;
		}
}

.course2__body {
		background-color: var(--white);
		border-radius: 50px;
		padding: 92px 20px 38px;
}

@media(max-width: 768px) {
		.course2__body {
				border-radius: 20px;
				padding: 44px 0 0px;
		}
}

.course2__body h4 {
		display: block;
		font-size: 1.2rem;
		text-align: center;
		line-height: 1.8;
}

@media(max-width: 768px) {
		.course2__body h4 {
				font-size: .7rem;
		}
}

.course2__body h4 span {
		font-size: 1.6rem;
		display: block;
		margin-top: 15px;
		color: #7cc7e9;
}

@media(max-width:900px) {
		.course2__body h4 span {
				margin-top: 6px;
		}
}

@media(max-width: 768px) {
		.course2__body h4 span {
				font-size: 1.1rem;
				margin-top: 0px;
		}
}

.course2__subtitle-top {
		max-width: 574px;
		margin-inline: auto;
}

@media(max-width: 1100px) {
		.course2__subtitle-top {
				max-width: max(52.1818vw, 350px);
		}
}

.course2__description {
		font-size: 1.125rem;
		line-height: 1.7777777778;
		white-space: pre-line;
}

@media(max-width: 1100px) {
		.course2__description {
				font-size: max(1.6363vw, .75rem);
		}
}

@media(max-width: 768px) {
		.course2__description {
				font-size: .75rem;
				line-height: 1.8333333333;
				letter-spacing: .05em;
				padding-right: 10px;
		}
}

@media(max-width: 335px) {
		.course2__description {
				padding: 0 5px;
		}
}

.course2__description_tonton {
		max-width: 482px;
		margin-top: 18px;
		margin-left: auto;
}

@media(max-width: 768px) {
		.course2__description_tonton {
				max-width: 333px;
				letter-spacing: .02em;
				margin-top: 14px;
		}
}

.course2__description_peto {
		max-width: 472px;
		margin-top: 18px;
		margin-left: auto;
}

@media(max-width: 768px) {
		.course2__description_peto {
				max-width: 326px;
				letter-spacing: .02em;
				margin-top: 18px;
				margin-left: 4.5%;
		}
}

.course2__item_illust .course2__description_peto {
		max-width: 482px;
}

.course2__categorys {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		-webkit-column-gap: 10px;
		-moz-column-gap: 10px;
		column-gap: 10px;
}

@media(max-width: 1000px) {
		.course2__categorys {
				-webkit-flex-wrap: wrap;
				-ms-flex-wrap: wrap;
				flex-wrap: wrap;
				max-width: 295px;
				row-gap: 10px;
				margin-left: auto;
		}
}

@media(max-width: 768px) {
		.course2__categorys {
				max-width: inherit;
				-webkit-flex-wrap: nowrap;
				-ms-flex-wrap: nowrap;
				flex-wrap: nowrap;
				-webkit-column-gap: 7px;
				-moz-column-gap: 7px;
				column-gap: 3px;
		}
}

.course2__categorys_top {
		margin-top: 30px;
		padding-right: 10px;
}

@media(max-width: 768px) {
		.course2__categorys_top {
				margin-top: 15px;
				padding-right: 17px;
		}
}

@media(max-width: 336px) {
		.course2__categorys_top {
				padding-right: 5px;
		}
}

.course2__categorys_tonton {
		line-height: 1.25;
		margin-top: 48px;
		padding-right: 17px;
}

@media(max-width: 768px) {
		.course2__categorys_tonton {
				margin-top: 18px;
		}
}

.course2__item_kaiga .course2__categorys_tonton {
		margin-top: 20px;
}

.course2__categorys_peto {
		line-height: 1.25;
		margin-top: 20px;
		padding-right: 19px;
}

@media(max-width: 768px) {
		.course2__categorys_peto {
				padding-right: 18px;
				width: 95%;
		}
}

@media(max-width: 336px) {
		.course2__categorys_peto {
				padding-right: 5px;
		}
		.course2__categorys_peto .course2__category {
				height: 51px;
		}
}

@media(max-width: 320px) {
		.course2__categorys.course2__categorys_peto {
				display: block;
		}
		.course2__categorys.course2__categorys_peto .course2__category {
				display: inline-block;
				float: left;
				margin-right: 3px;
				margin-bottom: 5px;
				padding: 7px 5px;
				height: 47px;
		}
}

.course2__category {
		min-width: 91px;
		height: 51px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		background-color: #7cc7e9;
		color: var(--white);
		font-family: fot-tsukubrdgothic-std, sans-serif;
		font-size: 1rem;
		line-height: 1.125;
		text-align: center;
		white-space: pre-line;
		border-radius: 5px;
		padding: 0 5px;
}

@media(max-width: 1100px) {
		.course2__category {
				font-size: max(1.4545vw, .875rem);
		}
}

@media(max-width: 768px) {
		.course2__category {
				min-width: 67px;
				height: 37px;
				font-size: .6875rem;
				padding: 0 5px;
				line-height: 1.3636363636
		}
}

@media(max-width: 320px) {
		.course2__category {
				min-width: auto;
		}
}

.course2__category_wide {
		max-width: 126px;
		width: 100%;
}

@media(max-width: 768px) {
		.course2__category_wide {
				max-width: 80px;
		}
}

.course2__btn {
		max-width: 457px;
		display: inline-block;
		border-radius: 50px;
		-webkit-box-shadow: 10px 10px 10px rgba(240, 152, 79, .24);
		box-shadow: 10px 10px 10px rgba(240, 152, 79, .24);
		overflow: hidden;
		cursor: pointer;
}

@media(max-width: 768px) {
		.course2__btn {
				max-width: 280px;
		}
}

.course2__btn_top {
		margin-top: 117px;
		margin-left: 5.8%;
}

@media(max-width: 768px) {
		.course2__btn_top {
				margin-top: 24px;
		}
}

.course2__btn_bottom {
		margin-top: 43px;
		margin-left: 10.8%;
		cursor: pointer;
}

@media(max-width: 768px) {
		.course2__btn_bottom {
				margin-top: 22px;
		}
}

@media(max-width: 368px) {
		.course2__btn_bottom {
				margin-left: 8%;
		}
}

.course2__table {
		max-width: 486px;
}

@media(max-width: 768px) {
		.course2__table {
				max-width: 313px;
		}
}

@media(max-width: 375px) {
		.course2__table {
				max-width: 95%;
				margin-top: 10px
		}
}

.course2__table_tonton {
		margin-top: 29px;
		margin: 29px auto 0;
}

@media(max-width: 768px) {
		.course2__table_tonton {
				margin-top: 21px;
		}
}

.course2__table_peto {
		margin-top: 29px;
		margin: 27px auto 0;
}

@media(max-width: 320px) {
		.course2__table_peto {
				clear: both;
		}
}

.course2__dl {
		max-width: 486px;
		display: grid;
		grid-template-columns: 104px auto;
		font-size: 1.125rem
}

@media(max-width: 1200px) {
		.course2__dl {
				grid-template-columns: max(8.666vw, 68px) auto;
		}
}

@media(max-width: 1100px) {
		.course2__dl {
				font-size: max(1.6363vw, .75rem);
		}
}

@media(max-width: 768px) {
		.course2__dl {
				font-size: .75rem
		}
}

.course2__dt {
		min-height: 60px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		background-color: #7cc7e9;
		color: var(--white);
		padding-top: 20px;
}

@media(max-width: 768px) {
		.course2__dt {
				min-height: 40px;
				padding-top: 14px;
		}
}

.course2__dt:not(:first-of-type) {
		border-top: 2px solid var(--white);
}

@media(max-width: 768px) {
		.course2__dt:not(:first-of-type) {
				border-top: 1px solid var(--white);
		}
}

.course2__dt_top {
		border-top-left-radius: 10px;
}

.course2__dt_bottom {
		border-bottom-left-radius: 10px;
}

.course2__dd {
		min-height: 60px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		background-color: var(--bg-blue);
		line-height: 1.6666666667;
		white-space: pre-line;
		padding-left: 35px;
		padding: 14px 10px 14px 10.8%;
}

@media(max-width: 1100px) {
		.course2__dd {
				padding-left: 5.8%;
		}
}

@media(max-width: 768px) {
		.course2__dd {
				min-height: 40px;
				line-height: 1.8333333333;
				padding: 9px 10px 9px 6.7%;
		}
}

.course2__dd:not(:first-of-type) {
		border-top: 2px solid var(--white);
}

@media(max-width: 768px) {
		.course2__dd:not(:first-of-type) {
				border-top: 1px solid var(--white);
		}
}

.course2__dd_top {
		border-top-right-radius: 10px;
}

.course2__dd_bottom {
		display: block;
		border-bottom-right-radius: 10px;
}

.course2__dd_bottom small {
		font-weight: normal;
		font-size: 0.7rem;
}

.course2__bottom-contents {
		max-width: 1083px;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		-webkit-column-gap: 17px;
		-moz-column-gap: 17px;
		column-gap: 17px;
		margin-top: 42px;
		background: url(../images/course1-hr.png) no-repeat center bottom/contain;
		margin-top: 43px;
		padding-bottom: 44px;
}

@media(max-width: 768px) {
		.course2__bottom-contents {
				grid-template-columns: 1fr;
				row-gap: 28px;
				padding-bottom: 34px;
				margin-top: 21px;
		}
}

@media(max-width: 360px) {
		.course2__bottom-contents {
				display: block;
		}
}

.course2__item {
		max-width: 533px;
}

.course2__item_peto {
		margin-left: auto;
}

@media(max-width: 768px) {
		.course2__item_tonton {
				background: url(../images/course1-hr.png) no-repeat center bottom/contain;
				padding-bottom: 34px;
		}
}

@media(hover: hover)and (pointer: fine) {
		.course2__btn {
				-webkit-transition: all .5s;
				-o-transition: all .5s;
				transition: all .5s
		}
		.course2__btn:hover {
				opacity: .7
		}
}

.course6__inner {
		max-width: 1221px;
		-webkit-box-sizing: content-box;
		box-sizing: content-box;
		margin-inline: auto;
		padding: 0 20px 215px;
}

@media(max-width: 768px) {
		.course6__inner {
				max-width: 375px;
				padding: 0 10px 182px;
		}
}

.course6__title {
		margin-inline: auto;
}

.course6__contents {
		display: grid;
		grid-template-columns: 1fr 2.948% 1fr;
		grid-template-rows: 11.3022% 25.2252% 1.8018% 9.5004% 2.6208% 24.4062% 12.1212%;
		margin-top: 50px;
}

@media(max-width: 980px) {
		.course6__contents {
				margin-bottom: 70px;
		}
}

@media(max-width: 768px) {
		.course6__contents {
				display: -webkit-box;
				display: -webkit-flex;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
				row-gap: 5px;
				margin-top: 23px;
		}
}

.course6__item_1 {
		grid-area: 1/1/3/3
}

.course6__item_2 {
		grid-area: 2/2/5/4
}

.course6__item_3 {
		grid-area: 4/1/7/3
}

.course6__item_4 {
		grid-area: 6/2/8/4
}

.course6__application {
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-top: 32px;
}

@media(max-width: 768px) {
		.course6__application {
				overflow: inherit;
				margin-top: 84px;
		}
}

.faq {
		position: relative;
}

.faq__semicircle {
		aspect-ratio: 1366/293;
		background: url(../images/treasure-top-bg.png) no-repeat center top/contain;
		background-image: -webkit-image-set(url(../images/treasure-top-bg.png) 1x, url(../images/treasure-top-bg@2x.png) 2x);
		background-image: image-set(url(../images/treasure-top-bg.png) 1x, url(../images/treasure-top-bg@2x.png) 2x);
		margin-top: -1px;
}

@media(max-width: 768px) {
		.faq__semicircle {
				aspect-ratio: 375/52;
				background: url(../images/treasure-top-bg_sp.png) no-repeat center top/contain;
				background-image: -webkit-image-set(url(../images/treasure-top-bg_sp.png) 1x, url(../images/treasure-top-bg_sp@2x.png) 2x);
				background-image: image-set(url(../images/treasure-top-bg_sp.png) 1x, url(../images/treasure-top-bg_sp@2x.png) 2x);
		}
}

.faq__title {
		max-width: 628px;
		width: 100%;
		position: absolute;
		top: -132px;
		left: 50%;
		-webkit-transform: translate(-50%);
		-ms-transform: translate(-50%);
		transform: translate(-50%);
}

@media(max-width: 1100px) {
		.faq__title {
				max-width: max(57.09vw, 285px);
		}
}

@media(max-width: 1000px) {
		.faq__title {
				top: -108px;
		}
}

@media(max-width: 768px) {
		.faq__title {
				max-width: 245px;
				top: -54px;
		}
}

.faq__bg {
		background-color: var(--bg-yellow);
		margin-top: -1px;
}

.faq__inner {
		max-width: 1052px;
		-webkit-box-sizing: content-box;
		box-sizing: content-box;
		margin-inline: auto;
		padding: 4px 20px 151px;
}

@media(max-width: 768px) {
		.faq__inner {
				padding: 33px 20px 62px;
		}
}

.faq__contents {
		max-width: 836px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		row-gap: 35px;
		margin: -33px auto 0 7.7%;
}

@media(max-width: 1100px) {
		.faq__contents {
				max-width: max(76vw, 335px);
				margin-left: auto;
		}
}

@media(max-width: 768px) {
		.faq__contents {
				max-width: 535px;
				row-gap: 30px;
				margin: 3px auto 0;
		}
}

@media(max-width: 550px) {
		.faq__contents {
				max-width: 100%;
		}
}

.faq__contents h3 {
		margin: 5px auto;
		margin-top: 50px;
		display: block;
		font-size: 1.2rem;
		text-align: center;
		background: url(../images/reason-spiral-bottom-blue.png) no-repeat center bottom/contain;
		background-image: -webkit-image-set(url(../images/reason-spiral-bottom-blue.png) 1x, url(../images/reason-spiral-bottom-blue@2x.png) 2x);
		background-image: image-set(url(../images/reason-spiral-bottom-blue.png) 1x, url(../images/reason-spiral-bottom-blue@2x.png) 2x);
		padding-bottom: 28px;
}

@media(max-width: 800px) {
		.faq__contents h3 {
				margin-top: 30px;
				padding-bottom: 18px;
		}
}

@media(max-width: 768px) {
		.faq__contents h3 {
				font-size: 0.9rem;
		}
}

.faq__details.is-opened .faq__summary-btn-vertical {
		-webkit-animation: .4s open-animation forwards;
		animation: .4s open-animation forwards
}

.faq__summary {
		display: block
}

.faq__summary::-webkit-details-marker {
		display: none
}

.faq__summary-inner {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: end;
		-webkit-align-items: flex-end;
		-ms-flex-align: end;
		align-items: flex-end;
		-webkit-column-gap: 10px;
		-moz-column-gap: 10px;
		column-gap: 10px;
		cursor: pointer
}

@media(max-width: 768px) {
		.faq__summary-inner {
				-webkit-column-gap: 8px;
				-moz-column-gap: 8px;
				column-gap: 8px;
		}
}

.faq__summary-icon {
		max-width: 91px;
		display: inline-block;
		margin-top: -1px;
}

@media(max-width: 1100px) {
		.faq__summary-icon {
				max-width: max(8.2727vw, 46px);
		}
}

@media(max-width: 768px) {
		.faq__summary-icon {
				max-width: 46px;
				-webkit-transform: translateY(-4px);
				-ms-transform: translateY(-4px);
				transform: translateY(-4px);
		}
}

@media(max-width: 768px) {
		.faq__summary-icon_3-row {
				-webkit-transform: translateY(-23px);
				-ms-transform: translateY(-23px);
				transform: translateY(-23px);
		}
}

.faq__summary-underline {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-column-gap: 10px;
		-moz-column-gap: 10px;
		column-gap: 10px;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
		border-bottom: 1px solid var(--brown);
}

@media(max-width: 768px) {
		.faq__summary-underline {
				-webkit-column-gap: 5px;
				-moz-column-gap: 5px;
				column-gap: 5px;
		}
}

.faq__summary-text {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
		font-size: 1.375rem;
		line-height: 1.3636363636;
		letter-spacing: .06em;
		padding-bottom: 24px;
		padding-left: 8px;
}

@media(max-width: 1100px) {
		.faq__summary-text {
				font-size: max(2vw, .875rem);
		}
}

@media(max-width: 768px) {
		.faq__summary-text {
				font-size: .875rem;
				line-height: 1.4285714286;
				letter-spacing: .04em;
				padding-left: 6px;
				padding-bottom: 17px;
		}
}

.faq__summary-btn {
		min-width: 30px;
		height: 30px;
		display: block;
		position: relative;
		margin-left: auto;
}

@media(max-width: 768px) {
		.faq__summary-btn {
				min-width: 18px;
				height: 18px;
		}
}

@media(max-width: 768px) {
		.faq__summary-btn_3-row {
				margin-top: 19px;
		}
}

.faq__summary-btn-horizontal {
		width: 30px;
		height: 3px;
		display: block;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		background-color: #7cc7e9
}

@media(max-width: 768px) {
		.faq__summary-btn-horizontal {
				height: 2px;
				width: 18px;
		}
}

.faq__summary-btn-vertical {
		width: 3px;
		height: 30px;
		display: block;
		position: absolute;
		left: 50%;
		-webkit-transform: translateX(-50%) rotate(0deg);
		-ms-transform: translateX(-50%) rotate(0deg);
		transform: translateX(-50%) rotate(0deg);
		background-color: #7cc7e9;
		-webkit-animation: .4s close-animation forwards;
		animation: .4s close-animation forwards
}

@media(max-width: 768px) {
		.faq__summary-btn-vertical {
				width: 2px;
				height: 18px;
		}
}

.faq__answer-inner {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		-webkit-column-gap: 16px;
		-moz-column-gap: 16px;
		column-gap: 16px;
		padding-top: 25px;
		padding-right: 16px;
}

@media(max-width: 768px) {
		.faq__answer-inner {
				-webkit-column-gap: 10px;
				-moz-column-gap: 10px;
				column-gap: 10px;
				padding: 28px 0 0 9px;
		}
}

@media(max-width: 550px) {
		.faq__answer-inner {
				padding: 28px 0 0 0;
		}
}

.faq__answer-icon {
		max-width: 78px;
		display: inline-block
}

@media(max-width: 1100px) {
		.faq__answer-icon {
				max-width: max(7.09vw, 41px);
		}
}

@media(max-width: 768px) {
		.faq__answer-icon {
				max-width: 41px;
		}
}

.faq__answer-text {
		max-width: 626px;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
		font-size: 1rem;
		line-height: 1.875;
		letter-spacing: .05em;
		margin-top: 8px;
		padding-bottom: 44px;
}

@media(max-width: 1100px) {
		.faq__answer-text {
				font-size: max(1.4545vw, .75rem);
		}
}

@media(max-width: 850px) {
		.faq__answer-text {
				padding-bottom: 4px;
		}
}

@media(max-width: 768px) {
		.faq__answer-text {
				font-size: .75rem;
				line-height: 1.8333333333;
				letter-spacing: 0;
				margin-top: 2px;
				padding-bottom: 14px;
		}
}

.faq__answer-text b {
		background: linear-gradient(transparent 50%, #f3e658 30%);
}

.faq__answer-text span {
		padding-left: 1em;
		text-indent: -1em;
		display: block;
		margin-bottom: 5px;
}

@media(max-width: 908px) {

		img.faq__answer-text_arrow {
				width: 15px!important;
		}
}

.faq__answer-underline {
		-webkit-text-decoration: underline #707070;
		text-decoration: underline #707070;
		text-underline-offset: 5px;
}

.faq__application {
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-top: 241px;
}

@media(max-width: 768px) {
		.faq__application {
				overflow: inherit;
				margin-top: 129px;
		}
}

.news-post__inner {
		max-width: 907px;
		-webkit-box-sizing: content-box;
		box-sizing: content-box;
		margin-inline: auto;
		padding: 0 20px 66px;
}

@media(max-width: 768px) {
		.news-post__inner {
				padding-bottom: 67px;
		}
}


a.toiawase_btn{
	display: inline-block;
	text-align: center;
	padding: 15px;
	width: 300px;
	position: relative;
    height: 80px;
    padding-top: 27px;
    position: relative;
    margin: 20px auto;
    background: #fff;
}
a.toiawase_btn::before,
a.toiawase_btn::after{
	content: '';
	width: 80px;
	height: 80px;
	position: absolute;
	background: #fff;
	border-radius: 50%;
    top: 0;
}
a.toiawase_btn::before{
    left: -40px;}

a.toiawase_btn::after{
    right: -40px;}

a.toiawase_btn span{
	position: relative;
	display: inline-block;
	font-size: 1.2rem;
}
a.toiawase_btn span::after{
	content: '';
    display: inline-block;
    background-image: url(../images/icon_arrow3.png);
    background-size: 71%;
    background-position: left;
    background-repeat: no-repeat;
    width: 24px;
    height: 26px;
    margin-left: 5px;
    vertical-align: middle;
}
@media(max-width: 768px) {

a.toiawase_btn {
    width: 240px;
    height: 69px;
    padding-top: 23px;
}
a.toiawase_btn::before, a.toiawase_btn::after {
    width: 69px;
    height: 69px;
}
a.toiawase_btn::before {
    left: -36px;
}
a.toiawase_btn::after {
    right: -36px;
}
a.toiawase_btn span {
    font-size: 1.0rem;
}
}

@media(max-width: 380px) {

a.toiawase_btn {
    width: 197px;
    height: 56px;
    padding-top: 17px;
}
a.toiawase_btn::before, a.toiawase_btn::after {
    width: 56px;
    height: 56px;
}
a.toiawase_btn::before {
    left: -36px;
}
a.toiawase_btn::after {
    right: -36px;
}
a.toiawase_btn span {
    font-size: .8rem;
}
}

.news-post__contents {
		margin-top: 114px;
}

@media(max-width: 768px) {
		.news-post__contents {
				margin-top: 44px;
		}
}

.news-post__title {
		font-size: 1.5rem;
		line-height: 1.6666666667;
		text-align: center
}

@media(max-width: 1100px) {
		.news-post__title {
				font-size: max(2.1818vw, .9375rem);
		}
}

@media(max-width: 768px) {
		.news-post__title {
				font-size: .9375rem;
				line-height: 1.6;
				letter-spacing: .04em
		}
}

.news-post__underline {
		display: block;
		width: 505px;
		aspect-ratio: 505/16;
		background: url(../images/news-post-spiral-underline.png) no-repeat center center/contain;
		background-image: -webkit-image-set(url(../images/news-post-spiral-underline.png) 1x, url(../images/news-post-spiral-underline@2x.png) 2x);
		background-image: image-set(url(../images/news-post-spiral-underline.png) 1x, url(../images/news-post-spiral-underline@2x.png) 2x);
		margin: 18px auto 0;
}

@media(max-width: 1100px) {
		.news-post__underline {
				max-width: max(45.9vw, 341px);
		}
}

@media(max-width: 768px) {
		.news-post__underline {
				width: 341px;
				aspect-ratio: 341/11;
				background: url(../images/news-post-spiral-underline_sp.png) no-repeat center center/contain;
				background-image: -webkit-image-set(url(../images/news-post-spiral-underline_sp.png) 1x, url(../images/news-post-spiral-underline_sp@2x.png) 2x);
				background-image: image-set(url(../images/news-post-spiral-underline_sp.png) 1x, url(../images/news-post-spiral-underline_sp@2x.png) 2x);
				margin-top: 11px;
		}
}

@media(max-width: 360px) {
		.news-post__underline {
				width: 100%;
		}
}

.news-post__body {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-column-gap: 20px;
		-moz-column-gap: 20px;
		column-gap: 20px;
		margin-top: 45px;
}

@media(max-width: 1100px) {
		.news-post__body {
				-webkit-box-pack: center;
				-webkit-justify-content: center;
				-ms-flex-pack: center;
				justify-content: center;
				-webkit-column-gap: 30px;
				-moz-column-gap: 30px;
				column-gap: 30px;
		}
}

@media(max-width: 768px) {
		.news-post__body {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
				-webkit-box-align: center;
				-webkit-align-items: center;
				-ms-flex-align: center;
				align-items: center;
				row-gap: 24px;
				margin-top: 19px;
		}
}

.news-post__body_clum1 {
		margin-top: 45px;
}

@media(max-width: 768px) {
		.news-post__body_clum1 {
				margin-top: 19px;
		}
}

.news-post__item {
		padding-bottom: 79px;
}

@media(max-width: 768px) {
		.news-post__item {
				padding-bottom: 30px;
		}
}

.news-post__item:not(:first-of-type) {
		padding-top: 34px;
}

.news-post__item:not(:last-of-type) {
		border-bottom: 2px dotted #88d5f0;
}

.news-post__text-box {
		max-width: 584px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
		row-gap: 10px;
}

@media(max-width: 1100px) {
		.news-post__text-box {
				max-width: max(53.09vw, 375px);
		}
}

@media(max-width: 768px) {
		.news-post__text-box {
				row-gap: 22px;
		}
}

.news-post__body_clum1 .news-post__text-box {
		max-width: 100%;
}

.news-post__text-top {
		font-size: 1.125rem;
		line-height: 1.6666666667;
		white-space: pre-line;
}

@media(max-width: 1100px) {
		.news-post__text-top {
				font-size: max(1.6363vw, .6875rem);
		}
}

@media(max-width: 768px) {
		.news-post__text-top {
				max-width: 315px;
				font-size: .6875rem;
				line-height: 1.8181818182;
				margin-inline: auto;
		}
}

.news-post__text-bottom {
		background-color: rgba(234, 242, 245, .83);
		font-family: fot-tsukubrdgothic-std, sans-serif;
		font-size: 1rem;
		line-height: 2.125;
		border-radius: 10px;
		white-space: pre-line;
		padding: 14px 15px 8px 30px;
}

@media(max-width: 1100px) {
		.news-post__text-bottom {
				font-size: max(1.4545vw, .75rem);
		}
}

@media(max-width: 768px) {
		.news-post__text-bottom {
				width: 335px;
				font-size: .75rem;
				line-height: 1.8333333333;
				padding: 14px 15px 11px 15px;
		}
}

@media(max-width:400px) {
		.news-post__text-bottom {
				width: 100%;
		}
}

.news-post__body_clum1 .news-post__text-bottom {
		margin-top: 25px;
		padding: 23px 15px 8px 30px;
}

@media(max-width: 768px) {
		.news-post__body_clum1 .news-post__text-bottom {
				margin-top: 20px;
				width: 100%;
				padding: 20px;
		}
}

.news-post__img {
		max-width: 278px;
}

@media(max-width: 1100px) {
		.news-post__img {
				max-width: max(25.2727vw, 190px);
		}
}

@media(max-width: 768px) {
		.news-post__img {
				max-width: 190px;
		}
}

@media(max-width: 768px) {
		.news-post__img_small {
				max-width: 180px;
		}
}

.news-post__img img {
		border-radius: 5px;
}

.news-post__btn {
		max-width: 458px;
		display: block;
		-webkit-box-shadow: 10px 10px 10px rgba(240, 152, 79, .2431372549);
		box-shadow: 10px 10px 10px rgba(240, 152, 79, .2431372549);
		border-radius: 76px;
		margin-top: 20px;
		margin-left: auto;
		margin: 49px auto 0;
}

@media(max-width: 1100px) {
		.news-post__btn {
				max-width: max(41.6363vw, 195px);
		}
}

@media(max-width: 768px) {
		.news-post__btn {
				max-width: 300px;
				margin-top: 30px;
		}
}

@media(hover: hover)and (pointer: fine) {
		.news-post__btn {
				-webkit-transition: all .5s;
				-o-transition: all .5s;
				transition: all .5s
		}
		.news-post__btn:hover {
				opacity: .7
		}
}

.news-post__item .application-btn {
		width: auto;
		min-width: auto;
		height: 51px;
		display: inline-block;
		display: -webkit-box;
		display: inline-block;
		display: -ms-flexbox;
		align-items: center;
		vertical-align: middle;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 105% 117%;
		border-radius: 15px;
		-webkit-box-shadow: 10px 10px 10px rgba(240, 152, 79, .24);
		box-shadow: 10px 10px 10px rgba(240, 152, 79, .24);
		color: #fff;
		font-size: 1.2rem;
		padding: 16px 70px;
		margin-right: 5px;
		margin-top: 20px;
		text-align: center;
}

@media(max-width: 768px) {
		.news-post__item .application-btn {
				font-size: 1.0rem;
				max-width: 90%;
				padding: 16px 30px;
				text-shadow: 1px 1px 1px #33333387;
		}
}

@media(max-width: 500px) {
		.news-post__item .application-btn {
				font-size: .8rem;
		}
}

.news-post__item .application-btn img {
		display: inline-block;
		width: 17px;
		margin-left: 10px;
		vertical-align: baseline;
}

@media(max-width: 768px) {
		.news-post__item .application-btn img {
				margin-left: 5px;
		}
}

.news-post__close {
		background: #999;
		border-radius: 5px;
		position: relative;
}

.news-post__close img {
		opacity: 0.3;
		display: block;
}

.news-post__close .news-post__close_txt {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		color: #fff;
		display: block;
		text-align: center;
		font-size: 1.3rem;
		width: 100%;
}

.news-post__body_clum1 iframe {
		width: 100%;
		height: 400px;
		margin-top: 10px;
		margin-bottom: 20px;
}

@media(max-width: 768px) {
		.news-post__body_clum1 iframe {
				height: 350px;
		}
}

@media(max-width: 450px) {
		.news-post__body_clum1 iframe {
				height: 250px;
		}
}

span.pc_txt {
		display: initial;
}

span.sp_txt {
		display: none;
}

@media(max-width: 768px) {
		span.pc_txt {
				display: none;
		}
		span.sp_txt {
				display: initial;
		}
}



/* --- ModalSection --- */

.JS_Click_ShowModal_Trigger,
.JS_Click_ShowModal_Trigger2 {
		cursor: pointer;
}

.JS_Click_ShowModal_Trigger span {
		font-size: 14px;
		margin-left: 3px;
}

@media(max-width: 768px) {
		.JS_Click_ShowModal_Trigger span {
				font-size: 11px;
				margin-left: 0;
		}
}

.ModalLayer,
.ModalLayer2 {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		transition: opacity 0.65s;
		pointer-events: none;
		opacity: 0;
		z-index: 10000;
}

.ModalLayer.isShow,
.ModalLayer2.isShow {
		transition: opacity 0.65s;
		pointer-events: auto;
		opacity: 1;
}

.ModalLayer-Mask {
		position: absolute;
		background: rgb(103 103 103 / 55%);
		width: 100%;
		height: 100vh;
}

.ModalLayer-Inner {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		max-width: 650px;
		border-radius: 30px;
		transform: translate(-50%, -50%);
		position: relative;
}

@media screen and (max-width: 768px) {
		.ModalLayer-Inner {
				padding-left: 24px;
				padding-right: 24px;
		}
}

.Modal-Inner_ill {
		position: absolute;
		left: -4%;
		top: -11%;
		display: inline-block;
		background: url(../images/illust01.png);
		background-size: 100% auto;
		background-repeat: no-repeat;
		transform: rotate(-23deg);
		width: 100px;
		height: 50px;
		background-image: image-set(url('../images/illust01.png') 1x, url('../images/illust01@2x.png') 2x);
}

@media screen and (max-width: 768px) {
		.Modal-Inner_ill {
				left: 0;
		}
}

.ModalSection {
		background: #fff;
		border-radius: 30px;
		box-shadow: 3px 4px 0px 3px #f3e658;
}

.Modal-Inner {
		margin-left: auto;
		margin-right: auto;
		line-height: 1.9;
		max-width: 650px;
		padding: 20px;
		display: block;
}

@media screen and (max-width: 660px) {
		.Modal-Inner {
				padding: 20px 5px;
		}
}

.Modal-Inner-Headline {
		text-align: center;
		font-size: 18px;
		margin-bottom: 10px;
}

@media screen and (max-width: 440px) {
		.Modal-Inner-Headline {
				font-size: 15px;
				margin-bottom: 0;
		}
}

.Modal-Inner-Text {
		text-align: center;
		display: flex;
		justify-content: space-around;
		align-items: stretch;
}

.Modal-Inner-Text .modal-btn {
		display: inline-block;
		padding: 0 15px;
		font-size: 21px;
		font-weight: bold;
		text-align: center;
		border-right: 2px dotted #ccc;
		width: 49%;
}

.Modal-Inner-Text .modal-btn:last-of-type {
		border-right: 0;
}

.Modal-Inner-Text .modal-btn_nensyo {
		height: 79px;
		width: 100%;
		position: relative;
}

.Modal-Inner-Text .modal-btn.modal-btn_kaiga {
		font-size: 18px;
}

.Modal-Inner-Text .modal-btn .modal-btn_kaiga {
		display: inline-block;
		font-size: 16px;
		border-bottom: 2px solid #f3e658;
		letter-spacing: 0;
		font-weight: bold;
		text-align: center;
		margin-bottom: 5px;
		padding-bottom: 5px;
		position: relative;
}

.Modal-Inner-Text .modal-btn .modal-btn_kaiga::after {
		position: absolute;
		right: -21%;
		top: 67%;
		display: inline-block;
		background: url(../images/icon_arrow3.png) no-repeat center center/contain;
		width: 20px;
		content: "";
		height: 25px;
}

@media screen and (max-width: 630px) {
		.Modal-Inner-Text .modal-btn .modal-btn_kaiga::after {
				right: -13%;
				width: 14px;
				height: 21px;
		}
}

@media screen and (max-width: 590px) {
		.Modal-Inner-Text .modal-btn .modal-btn_kaiga::after {
				width: 15px;
				height: 20px;
				right: -25%;
		}
}

@media screen and (max-width: 776px) {
		.Modal-Inner-Text .modal-btn .modal-btn_kaiga {
				font-size: 14px;
		}
}

.Modal-Inner-Text .modal-btn span {
		font-size: 13px;
		margin-top: 20px;
		display: block;
		font-weight: normal;
		line-height: 1.6;
}

@media screen and (max-width: 580px) {
		.Modal-Inner-Text .modal-btn span {
				font-size: 11px;
		}
}

.Modal-Inner-Text .modal-btn_nensyo span {
		height: 50px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 21px;
		margin-top: 0;
		display: block;
		font-weight: bold;
}

.Modal-Inner-Text .modal-btn_nensyo span::after {
		position: absolute;
		right: -59%;
		top: 7%;
		display: inline-block;
		background: url(../images/icon_arrow3.png) no-repeat center center/contain;
		width: 20px;
		content: "";
		height: 25px;
}

@media screen and (max-width: 630px) {
		.Modal-Inner-Text .modal-btn_nensyo span::after {
				right: -89%;
				top: 0%;
				width: 14px;
				height: 21px;
		}
}

@media screen and (max-width: 590px) {
		.Modal-Inner-Text .modal-btn_nensyo span::after {
				right: 40%;
				top: 7%;
				width: 15px;
				height: 20px;
		}
}

@media screen and (max-width: 515px) {
		.Modal-Inner-Text .modal-btn_nensyo span::after {
				right: 30%;
		}
}

.Modal-Inner .art-everywhere__coupon {
		display: block;
		font-size: 1.0rem;
		margin: 20px auto 0;
}

.Modal-Inner-Text .modal-btn.modal-btn_nenchu {
		position: relative;
}

.Modal-Inner-Text .modal-btn.modal-btn_nenchu::after {
		position: absolute;
		right: 14%;
		top: 17%;
		display: inline-block;
		background: url(../images/icon_arrow3.png) no-repeat center center/contain;
		width: 20px;
		content: "";
		height: 25px;
}

@media screen and (max-width: 630px) {
		.Modal-Inner-Text .modal-btn, .Modal-Inner-Text .modal-btn.modal-btn_kaiga, .Modal-Inner-Text .modal-btn_nensyo span {
				font-size: 16px;
		}
		.Modal-Inner-Text .modal-btn_nensyo {
				height: 62px;
		}
		.Modal-Inner-Text .modal-btn.modal-btn_nenchu span {
				margin-top: 23px;
		}
		.Modal-Inner-Text .modal-btn.modal-btn_nenchu::after {
				right: 19%;
				top: 14%;
				width: 14px;
				height: 21px;
		}
		.Modal-Inner-Text .modal-btn .modal-btn_kaiga {
				margin-bottom: 2px;
				padding-bottom: 2px;
		}
}

@media screen and (max-width: 590px) {
		.Modal-Inner_ill {
				left: 0%;
				top: -5%;
		}
		.Modal-Inner {
				padding-bottom: 10px;
		}
		.Modal-Inner-Text {
				flex-direction: column;
				margin: 0 15px;
		}
		.Modal-Inner-Text .modal-btn {
				display: block;
				padding: 15px 5px;
				border-bottom: 2px dotted #ccc;
				border-right: 0;
				width: 100%;
		}
		.Modal-Inner-Text .modal-btn span {
				margin-top: 0;
		}
		.Modal-Inner-Text .modal-btn_nensyo {
				height: auto;
		}
		.Modal-Inner-Text .modal-btn_nensyo span {
				height: auto;
				position: relative;
				text-align: center;
				transform: none;
				top: auto;
				left: auto;
		}
		.Modal-Inner-Text .modal-btn.modal-btn_nenchu::after {
				right: 32%;
				top: 25%;
				width: 15px;
				height: 20px;
		}
		.modal-btn.modal-btn_nenchu br {
				display: none;
		}
		.Modal-Inner-Text .modal-btn.modal-btn_nenchu span {
				margin-top: 0px;
		}
		.Modal-Inner .art-everywhere__coupon {
				font-size: 0.8rem;
				margin: 10px auto 10px;
		}
}

@media screen and (max-width: 515px) {
		.Modal-Inner-Text .modal-btn.modal-btn_nenchu::after {
				right: 25%;
		}
}



/* ふきだし */

.balloon1 {
		position: relative;
		margin: 0 auto;
		display: block;
		margin: 0 auto;
		padding: 12px 10px;
		min-width: 120px;
		max-width: 200px;
		color: #fff;
		font-size: 16px;
		background: #88d7ec;
		border-radius: 20px;
		text-align: center;
		margin-bottom: 40px;
		box-shadow: 1px 1px 1px 1px #eee;
}
@media screen and (max-width: 1100px) {
	.balloon1 {
		margin-bottom:25px;
	}
}
@media screen and (max-width: 768px) {
		.balloon1 {
				margin: 10px auto;
				padding: 8px 10px;
				max-width: 150px;
				font-size: 12px;
				margin-bottom: 0px;
		}
}

.balloon1:before {
		content: "";
		position: absolute;
		top: 90%;
		left: 50%;
		margin-left: -15px;
		border: 15px solid transparent;
		border-top: 15px solid #88d7ec;
}

@media screen and (max-width: 768px) {
		.balloon1:before {
				top: 80%;
		}
}

.balloon1 p {
		margin: 0;
		padding: 0;
}

@media screen and (max-width: 768px) {
		.news-post__item .news-post__text-bottom a img.news-post__line, footer a img.news-post__line {
				max-width: 120px!important
		}
}

@media screen and (max-width: 400px) {
		.news-post__item .news-post__text-bottom a img.news-post__line, footer a img.news-post__line {
				max-width: 110px!important
		}
}



/* modal */

.modal__button--open, .modal__button--open2, .modal__button--open3, .modal__button--open4, .modal__button--open5, .modal__button--open6, .modal__button--open7 {
		@extend .modal__button;
}

.modal__button--close, .modal__button--close2, .modal__button--close3, .modal__button--close4, .modal__button--close5, .modal__button--close6, .modal__button--close7 {
		@extend .modal__button;
		background: #88d7ec;
		display: block;
		width: 100px;
		text-align: center;
		margin: 10px auto;
		padding: 5px 15px;
		border-radius: 5px;
		margin-bottom: 0;
}

@media (max-width: 500px) {
		.modal__button--close, .modal__button--close2, .modal__button--close3, .modal__button--close4, .modal__button--close5, .modal__button--close6, .modal__button--close7 {
				font-size: 0.6rem;
		}
}

.modal__button--closeb, .modal__button--close2b, .modal__button--close3b, .modal__button--close4b, .modal__button--close5b, .modal__button--close6b, .modal__button--close7b {
		@extend .modal__button;
		position: absolute;
		top: -2px;
		right: 4px;
		border-radius: 50%;
		padding: 5px;
		font-size: 1.1rem;
		background: #fff;
		box-shadow: 1px 1px 3px 1px #76757566;
}

.modal__item, .modal__item2, .modal__item3, .modal__item4, .modal__item5, .modal__item6, .modal__item7 {
		display: none;
		height: 100vh;
		position: fixed;
		top: 0;
		width: 100%;
		background: rgb(103 103 103 / 55%);
		overflow-y: scroll;
		z-index: 1000;
}

.modal__bg {
		min-height: 100vh;
		position: absolute;
		width: 100%;
}

.modal__content, .modal__content2, .modal__content3, .modal__content4, .modal__content5, .modal__content6, .modal__content7 {
		background: #fff;
		margin: 10px auto;
		/*max-width: 680px;*/
		padding: 20px;
		position: relative;
		width: 90%;
		z-index: 1;
		border-radius: 10px;
		box-shadow: 3px 4px 0px 3px #f3e658;
}

@media (max-width: 400px) {
		.modal__content, .modal__content2, .modal__content3, .modal__content4, .modal__content5, .modal__content6, .modal__content7 {
				padding: 20px 5px;
				width: 93%;
				box-shadow: 3px 3px 0px 2px #f3e658;
		}
}

.modal__content4, .modal__content5 {
		max-width: 860px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		-webkit-transform: translateY(-50%) translateX(-50%);
		margin: auto;
}

.modal__content4 h4, .modal__content5 h4 {
		display: block;
		text-align: center;
		font-size: 1.2rem;
}

.modal__content4 h4 img, .modal__content5 h4 img {
		display: block;
		width: 80px;
		margin: 5px auto;
		margin-bottom: 18px;
}

@media (max-width: 768px) {
		.modal__content4 h4, .modal__content5 h4 {
				font-size: .9rem;
		}
		.modal__content4 h4 img, .modal__content5 h4 img {
				width: 60px;
		}
}

.modal__content7 {
		top: 5%;
}

.modal__content3 {
		text-align: center;
}

@media (max-width: 500px) {
		.modal__content3 {
				padding: 20px 10px;
				width: 93%;
		}
}

.modal__content3 h3 {
		display: block;
		margin: 0;
		text-align: center;
		margin-top: 0;
}

.modal__content3 pre {
		color: var(--brown);
		font-family: fot-tsukuardgothic-std, sans-serif;
		font-weight: normal;
		font-size: 0.7rem;
		border: 2px dotted #eee;
		display: block;
		width: 90%;
		padding: 10px;
		border-radius: 10px;
		margin: 10px auto;
		white-space: break-spaces;
		line-height: 1.6;
		text-align: left;
		margin-bottom: 20px;
		background: #fff;
}

.modal__content3 img {
		width: auto;
		max-width: 90%;
}

@media (max-width: 768px) {
		.modal__content3 img {
				max-width: 100%;
		}
}

img.modal__item3_sp {
		display: none;
}

@media (max-width: 768px) {
		img.modal__item3_sp {
				display: block;
				width: 80%;
				margin-top: -30px;
				margin-bottom: 10px;
		}
}

.modal__content3 img.hatena {
		vertical-align: middle;
		width: 30px;
}

@media (max-width: 600px) {
		.modal__content3 img.hatena {
				width: 20px;
				margin-left: 10px;
				margin-bottom: 5px;
		}
}

.modal__content3 center {
		font-size: 0.9rem;
		display: block;
}

@media (max-width: 500px) {
		.modal__content3 h3 {
				font-size: 0.9rem;
		}
		.modal__content3 center {
				font-size: 0.8rem;
		}
}

.modal__content3 .modal__item3_box {
		display: block;
		padding: 10px;
		border-radius: 10px;
		margin: 10px auto;
		line-height: 1.6;
		margin-bottom: 20px;
		background-color: var(--bg-blue);
}



/* ---- */

.img_auto {
		width: auto;
		height: auto;
}



/* -----------202401renewal------------- */

a.anchor {
		display: block;
		padding-top: 70px;
		margin-top: -70px;
}

@media(max-width: 430px) {
		.art-everywhere__inner {
				padding: 0 5px;
		}
}

@media screen and (max-width:1400px) {
		.art-everywhere__logo {
				max-width: 264px;
		}
		.art-everywhere__subtitle {
				max-width: 490px;
		}
		.art-everywhere__subtitle-bottom {
				font-size: 1.9rem;
		}
}

@media(max-width: 500px) {
		.art-everywhere__subtitle-bottom {
				font-size: 1.6rem;
				margin-top: 9px;
		}
}

@media screen and (max-width:430px) {
		.art-everywhere__logo {
				max-width: 224px;
		}
		.art-everywhere__subtitle-top {
				max-width: 312px;
		}
		.art-everywhere__subtitle-bottom {
				font-size: 1.4rem;
		}
}

.art-everywhere .top-anchor {
		display: block;
		margin: 10px auto;
		text-align: center;
}

@media screen and (max-width:768px) {
		.art-everywhere .top-anchor {
				margin-bottom: 50px;
		}
}

@media screen and (max-width:480px) {
		.art-everywhere .top-anchor {
				margin-bottom: 30px;
		}
}

.art-everywhere .top-anchor ul {
		max-width: 900px;
		display: flex;
		justify-content: space-between;
		flex-wrap: nowrap;
		align-self: center;
		margin: 0 auto;
}

@media screen and (max-width:768px) {
		.art-everywhere .top-anchor ul {
				flex-wrap: wrap;
				gap: 10px 0;
		}
}

.art-everywhere .top-anchor ul li {
		display: inline-block;
		text-align: center;
		padding: 6px 15px;
		flex-grow: 1;
		border-right: 1px solid var(--brown);
		margin: auto;
}

.art-everywhere .top-anchor ul li:first-child,
.art-everywhere .top-anchor ul li:nth-child(3) {
		padding: 13px 15px;
}

@media screen and (max-width:1100px) {
		.art-everywhere .top-anchor ul li {
				padding: 5px 15px;
		}
}

@media screen and (max-width:810px) {
		.art-everywhere .top-anchor ul li {
				padding: 5px 5px;
		}
}

@media screen and (max-width:768px) {
		.art-everywhere .top-anchor ul li {
				width: 33%;
				border-right: 1px solid #c2bcbc;
		}
}

@media screen and (max-width:670px) {
		.art-everywhere .top-anchor ul li {
				width: 30%;
		}
		.art-everywhere .top-anchor ul li:nth-child(2n) {
				width: 34%;
		}
		.art-everywhere .top-anchor ul li:last-child {
				width: 30%;
		}
}

@media screen and (max-width:480px) {
		.art-everywhere .top-anchor ul li:nth-child(2) {
				width: 39%;
		}
}

@media screen and (max-width:435px) {
		.art-everywhere .top-anchor ul li:nth-child(3) {
				width: 25%;
		}
		.art-everywhere .top-anchor ul li:nth-child(2) {
				width: 43%;
		}
}

.art-everywhere .top-anchor ul li:last-child {
		border-right: 0;
}

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

		.art-everywhere .top-anchor ul li:nth-child(3) {
				border-right: 0;
		}
}

.art-everywhere .top-anchor ul li a {
		display: flex;
		justify-content: center;
		gap: 0 10px;
		text-align: left;
		align-items: center;
}

@media screen and (max-width:900px) {

		.art-everywhere .top-anchor ul li a {
				font-size: 0.9rem;
		}
}

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

		.art-everywhere .top-anchor ul li a br {
				display: none;
		}

		.art-everywhere .top-anchor ul li:first-child,
		.art-everywhere .top-anchor ul li:nth-child(3) {
				padding: 5px 5px;
		}
}

@media screen and (max-width:670px) {
		.art-everywhere .top-anchor ul li:first-child {
				padding: 13px 5px;
		}
		.art-everywhere .top-anchor ul li a br {
				display: inherit;
		}
}

@media screen and (max-width:420px) {

		.art-everywhere .top-anchor ul li a {
				font-size: 0.8rem;
		}
}

@media screen and (max-width:1100px) {
		.art-everywhere .top-anchor ul li a span img {
				width: 17px;
				vertical-align: baseline;
		}
}

@media screen and (max-width:1400px) {
		.art-everywhere__application {
				max-width: 900px;
				margin: 0 auto;
				margin-top: 30px;
		}
		.application-btn {
				width: 550px;
				min-width: 550px;
				height: 105px;
		}
		.application-btn__top-text {
				font-size: 2rem;
		}
}

@media screen and (max-width:1100px) {
		.application-btn {
				width: 520px;
				min-width: 520px;
				height: 99px;
		}
}

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

		.application-btn {
				width: 425px;
				min-width: 425px;
				height: 83px;
				background-size: 102% 100%;
				background-position: center;
		}

		.application-btn__top-text {
				font-size: 1.6rem
		}
}

@media screen and (max-width:480px) {

		.application-btn {
				min-width: 375px;
				height: 72px;
		}
		.application-btn__top-text {
				font-size: 1.4rem
		}
}

@media screen and (max-width:420px) {

		.application-btn {
				min-width: 325px;
				height: 62px;
		}
}

.news-list_pos {
		margin-bottom: 90px;
}

@media(max-width: 1000px) {
		.news-list_pos {
				margin-bottom: 6rem;
		}
}

@media(max-width: 768px) {
		.news-list_pos {
				margin-bottom: 120px;
		}
}

@media(max-width: 480px) {
		.news-list_pos {
				margin-top: 34px;
				margin-bottom: 90px;
		}
}

@media(max-width: 1100px) {
		.news-list_pos .news-list__title {
				font-size: 1.2rem
		}
		.news-list_pos .news-list__title::after {
				left: 49.5%;
		}
}

@media(max-width: 480px) {
		.news-list_pos .news-list__title {
				font-size: 1.0rem
		}
}

.price__inner {
		max-width: 1164px;
		margin: 10px auto;
		display: block;
		padding-top: 20px;
}
@media(max-width:1100px){
	.price__inner{
		margin-top:0;
	}
}
@media screen and (max-width:940px){
	.price__inner{
		padding-top:0;
	}
}

.price__title {
		max-width: 553px;
		display: block;
		margin: 0 auto;
}

@media screen and (max-width:1400px) {
		.price__title {
				max-width: 483px;
		}
}

@media screen and (max-width:1100px) {
		.price__title {
				max-width: 433px;
				margin-bottom:1rem;
		}
}

@media screen and (max-width:900px) {
		.price__title {
				max-width: 373px;
		}
}

@media screen and (max-width:670px) {
		.price__title {
				max-width: 323px;
		}
}

@media screen and (max-width:500px) {
		.price__title {
				max-width: 303px;
		}
}
@media screen and (max-width:405px) {
		.price__title {
				max-width: 283px;
		}
}
@media screen and (max-width:490px) {
		.price__title {
				max-width: 263px;
		}
}

.balloon1 {
		margin-top: -20px;
}
@media screen and (max-width:940px){
	.balloon1 {
		margin-top:0;
	}
}
@media screen and (max-width:810px) {

		.balloon1 {
				margin-top: -8px;
		}
}

@media screen and (max-width:768px) {
		.balloon1 {
				margin-top: 0;
		}
}

.art-kids__semicircle {
		aspect-ratio: 1366/293;
		background: url(../images/back-img-blue.png) no-repeat center top/contain;
		background-image: -webkit-image-set(url(../images/back-img-blue.png) 1x, url(../images/back-img-blue@2x.png) 2x);
		background-image: image-set(url(../images/back-img-blue.png) 1x, url(../images/back-img-blue_sp@2x.png) 2x);
}

@media screen and (max-width:780px) {

		.art-kids__semicircle {
				aspect-ratio: 1358/293;
		}
}

.art-kids__title {
		top: -6.2%;
		max-width: 736px;
}

@media screen and (max-width:1400px) {
		.art-kids__title {
				max-width: 656px;
		}
}

@media screen and (max-width:1100px) {
		.art-kids__title {
				max-width: 566px;
		}
}

@media screen and (max-width:900px) {

		.art-kids__title {
				max-width: 476px;
		}
}

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

		.art-kids__title {
				top: -3.2%;
				max-width: 426px;
		}
}

@media screen and (max-width:670px) {

		.art-kids__title {
				max-width: 386px;
		}
}

@media screen and (max-width:500px) {

		.art-kids__title {
				max-width: 356px;
		}
}
@media screen and (max-width:405px) {

		.art-kids__title {
				max-width:316px;
		}
}

.art-kids__inner {
		padding: 0 20px 0;
		margin-top: -30px;
		margin-bottom: -30px;
}

@media(max-width: 1535px) {
		.art-kids__inner {
				margin-top: 0px;
		}
}

@media(max-width: 1400px) {
		.art-kids__inner {
				margin-top: -20px;
		}
}

@media(max-width: 1245px) {
		.art-kids__inner {
				margin-top: 0px;
		}
}

@media(max-width: 940px){
	.art-kids__inner {
		padding-top:2em;
	}
}

@media(max-width: 900px) {
		.art-kids__inner {
				padding-top: 20px;
		}
}

@media(max-width: 768px) {
		.art-kids__inner {
				padding-top: 0;
				margin-bottom:1rem;
		}
}
@media screen and (max-width:670px){
	.art-kids__inner {
		padding-top: 3rem;
	}
}
@media(max-width: 565px) {

		.art-kids__inner {
				padding-top: 32px;
		}
}

@media(max-width: 430px) {

		.art-kids__inner {
				padding-top:1.5rem;
		}
}

.art-kids__subtitle-top {
		font-size: 1.5rem;
}

@media(max-width: 1100px) {
		.art-kids__subtitle-top {
				font-size: 1.2rem;
		}
}

@media(max-width: 768px) {
		.art-kids__subtitle-top {
				font-size: 1.0rem;
		}
}

@media(max-width: 430px) {
		.art-kids__subtitle-top {
				font-size: 0.9rem;
		}
}
@media(max-width: 405px) {
		.art-kids__subtitle-top {
				font-size: 0.8rem;
		}
}

.art-kids__subtitle {
		font-size: 2.25rem;
		text-align: center;
		display: block;
		margin: 80px auto;
		position: relative;
}

@media(max-width: 1400px) {
		.art-kids__subtitle {
				font-size: 2.0rem;
		}
}

@media(max-width: 1245px) {
		.art-kids__subtitle {
				font-size: 1.8rem;
				margin: 70px auto;
		}
}

@media(max-width: 1000px) {
		.art-kids__subtitle {
				margin: 60px auto;
		}
}

@media(max-width: 900px) {
		.art-kids__subtitle {
				font-size: 1.6rem;
		}
}

@media(max-width: 810px) {
		.art-kids__subtitle {
				font-size: 1.4rem;
		}
}

@media(max-width: 768px) {
		.art-kids__subtitle {
				font-size: 1.2rem;
				margin: 34px auto;
				margin-bottom: 10px;
		}
}


@media(max-width: 420px) {
		.art-kids__subtitle {
				font-size: 1rem;
		}
}

.art-kids__subtitle::before, .art-kids__subtitle::after {
		display: block;
		width: 100%;
		content: "";
		height: 3px;
		position: absolute;
		background: url(../images/line1.png) no-repeat center top/contain;
		background-image: -webkit-image-set(url(../images/line1.png) 1x, url(../images/line1@2x.png) 2x);
		background-image: image-set(url(../images/line1.png) 1x, url(../images/line1@2x.png) 2x);
}

.art-kids__subtitle::before {
		top: -35px;
}

.art-kids__subtitle::after {
		bottom: -35px;
}

@media(max-width: 1245px) {
		.art-kids__subtitle::before {
				top: -25px;
		}
		.art-kids__subtitle::after {
				bottom: -25px;
		}
}

@media(max-width: 768px) {
		.art-kids__subtitle::before {
				top: -15px;
				left: 10.5%;
				width: 80%;
		}
		.art-kids__subtitle::after {
				bottom: -15px;
				left: 10.5%;
				width: 80%;
		}
}

@media(max-width: 500px) {
		.art-kids__subtitle::before {
				left: 30.5%;
				width: 40%;
		}
		.art-kids__subtitle::after {
				left: 30.5%;
				width: 40%;
		}
}

.art-kids__feature-top {
		display: block;
		margin: 0 auto;
		max-width: 940px;
		margin-top: 53px;
}

@media(max-width: 768px) {

		.art-kids__feature-top {
				max-width: 460px;
				width: 80%;
				margin-top: 33px;
		}
}

@media(max-width: 480px) {

		.art-kids__feature-top {
				width: 90%;
		}
}

.art-kids__feature-bottom {
		max-width: 620px;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		-webkit-column-gap: 50px;
		-moz-column-gap: 50px;
		column-gap: 50px;
		margin: 60px auto 0;
}

@media(max-width: 768px) {
		.art-kids__feature-bottom {
				margin: 46px auto 0;
		}
}

@media(max-width: 680px) {
		.art-kids__feature-bottom {
				column-gap: 20px;
		}
}

@media(max-width: 565px) {
		.art-kids__feature-bottom {
				max-width: 95%;
		}
}

@media(max-width: 450px) {
		.art-kids__feature-bottom {
				margin: 39px auto 0;
		}
}


.art-kids__midashi {
		font-size: 2.25rem;
		text-align: center;
		display: block;
		margin: 0 auto 70px auto;
		margin-bottom: 20px;
}

@media screen and (max-width:1100px) {
		.art-kids__midashi {
				font-size: 1.8rem;
		}
}

@media screen and (max-width:810px) {
		.art-kids__midashi {
				font-size: 1.4rem;
		}
}

@media screen and (max-width:768px) {
		.art-kids__midashi {
				margin: 0 auto 40px auto;
				margin-bottom: 20px;
		}
}

@media screen and (max-width:450px) {
		.art-kids__midashi {
        font-size: 1.2rem;
		}
}
@media screen and (max-width:405px) {
		.art-kids__midashi {
        font-size: 1.0rem;
		}
}

.art-kids__midashi b {
		display: inline-block;
		margin-right: 4px;
		font-size: 4.25rem;
}

@media screen and (max-width:1100px) {
		.art-kids__midashi b {
				font-size: 3.25rem;
		}
}

@media screen and (max-width:600px) {
		.art-kids__midashi b {
				font-size: 2.25rem;
		}
}

@media screen and (max-width:450px) {
		.art-kids__midashi b {
				font-size:1.9rem;
		}
}

.art-kids__sakuhin {
		padding-bottom: 20px;
		padding-top: 40px;
}

@media screen and (max-width:1100px) {
		.art-kids__sakuhin {
				padding-bottom: 60px;
		}
}
@media screen and (max-width:820px) {
	.art-kids__sakuhin {
			padding-bottom: 20px;
	}
}

@media screen and (max-width:768px) {
		.art-kids__sakuhin {
				padding-top: 10px;
				padding-bottom: 0;
		}
		.art-kids__sakuhin ul{
			margin-bottom:3rem!important;
		}
}

.art-kids__sakuhin ul {
		display: flex;
		margin: 0px auto;
		max-width: 1260px;
		justify-content: space-around;
		gap: 0 15px;
		text-align: left;
		align-items: center;
}

@media screen and (max-width:1270px) {
		.kids__sakuhin ul {
				max-width: 95%;
		}
}

.art-kids__sakuhin ul li img {
		filter: drop-shadow(0 2px 2px #999);
		max-height: 130px;
}

.art-kids__partition-bottom {
		margin-top: -62px;
		aspect-ratio: 784/48;
		background: url(../images/back-img-blue2.png) repeat center bottom/contain;
		background-image: -webkit-image-set(url(../images/back-img-blue2.png) 1x, url(../images/back-img-blue2@2x.png) 2x);
		background-image: image-set(url(../images/back-img-blue2.png) 1x, url(../images/back-img-blue2@2x.png) 2x);
}

.reason_pos {
		text-align: center;
		margin-top: 119px;
		margin-bottom: 230px;
}

.entry__experience-lesson {
		text-align: center;
}

@media screen and (max-width:1400px) {
		.entry__experience-lesson {
				max-width: 783px;
		}
}

@media screen and (max-width:1100px) {

		.entry__experience-lesson {
				max-width: 713px;
				margin-top: 50px;
		}
}

@media screen and (max-width:768px) {
		.entry__experience-lesson {
				max-width: 583px;
				margin-top:2em;
		}
}

@media screen and (max-width:565px) {
		.entry__experience-lesson {
				max-width: 95%;
				font-size: .8rem;
		}
		.entry__experience-lesson img {
				margin-left: -15px;
		}
}

@media screen and (max-width:390px) {
		.entry__experience-lesson {
				font-size: .7rem;
		}
		.entry__experience-lesson img {
        margin-right: 10px;
		}
}

.entry__formula.entry__formula_kaiga {
		/*margin-bottom: 90px;*/
}

@media screen and (max-width:1100px) {

		.entry__formula.entry__formula_kaiga {
				max-width: max(49.1818vw, 242px);
				margin: 22px auto 0;
		}
}

@media screen and (max-width:500px) {

		.entry__formula.entry__formula_kaiga {
				max-width: 70%;
		}
}


.course1__online-dot::after, .course1__movie-dot::after {
		display: none;
}

.course1__text-bottom {
		font-size: 1rem;
}

@media screen and (max-width:1100px) {
		.course1__text-bottom {
				font-size: 0.8rem;
		}
}

@media screen and (max-width:900px) {
		.course1__text-bottom {
				margin: 19px auto 0;
		}
}

@media screen and (max-width:390px) {
		.course1__text-bottom {
      font-size: 0.7rem;
		}
}

.course1__selection-text_movie {
		margin-left: 0;
}

.course1__text-bottom_online, .course1__text-bottom_movie {
		max-width: 462px;
}

.course1__text-top {
		font-size: 1rem;
}

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

		.course1__text-top {
				font-size: 0.8rem;
		}
}

@media screen and (max-width:480px) {
		.course1__text-top {
				padding: 0 10px;
		}
}

@media screen and (max-width:440px) {
		.course1__text-top br.br_sp {
				display: none;
		}
}

.course1__selection {
		margin: -83px auto 0;
		max-width: 1164px;
}

.course1__selection {
		margin: -83px auto 0;
		max-width: 100%;
}

@media screen and (max-width:1200px) {
		.course1__selection {
				max-width: 98%;
		}
}

@media screen and (max-width:1000px) {
		.course1__selection {
				column-gap: 50px;
		}
}

@media screen and (max-width:768px) {
		.course1__selection {
				margin: -83px auto 0;
		}
}

@media screen and (max-width:670px) {
		.course1__selection {
				max-width: 96%;
				margin: -63px auto 0;
				column-gap: 40px;
		}
}

@media screen and (max-width:450px) {
		.course1__selection {
				margin: -53px auto 0;
		}
}

@media screen and (max-width:405px) {
		.course1__selection {
				margin: 13px auto 0;
		}
}

.course1__selection-text {
		line-height: 1.3;
		font-size: 1.3rem;
}

.course1__selection-text_online {
		color: #eee996;
}

.course1__selection-text_movie {
		color: #d3e9f2;
}

.course1__online-dot, .course1__movie-dot {
		color: var(--brown);
		font-size: 2.0rem;
}

@media screen and (max-width:1100px) {
		.course1__online-dot, .course1__movie-dot {
				font-size: 1.8rem;
		}
}

@media screen and (max-width:900px) {
		.course1__online-dot, .course1__movie-dot {
				font-size: 1.6rem;
		}
}

@media screen and (max-width:810px) {
		.course1__online-dot, .course1__movie-dot {
				font-size: 1.4rem;
		}
}
@media screen and (max-width:610px) {

.course1__online-dot, .course1__movie-dot {
    line-height: 1.1;
    display: inline-block;
}
}
@media screen and (max-width:500px) {
		.course1__online-dot, .course1__movie-dot {
				font-size: 1.0rem;
		}
}

.course1__price-bottom {
		font-size: 1rem;
		margin-top: 20px;
		line-height: 1.8;
		text-align: center;
}

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

		.course1__price-bottom {
				font-size: 0.8rem;
		}
}

.course1__selection-item_movie .course1__price-bottom {
		padding-top: 10px;
}

@media screen and (max-width:768px) {
		.course1__selection-item_movie .course1__price-bottom {
				padding-top: 30px;
		}
}

@media screen and (max-width:405px) {
.course1__selection-item{
      display: flex;
    flex-wrap: wrap;
    align-items: center;}
    .course1__selection-text{
    flex: 1.0;
  }
    .course1__selection-img{
max-width: 100%;
        flex: 2;
      }

    .course1__text-bottom_online, .course1__text-bottom_movie {
    margin: 9px 5px;
      width: 100%;
    }
    .course1__selection-img_online {
    order: 1;
}
.course1__selection-text_online{
  order: 2;
}
.course1__text-bottom_online{
  order: 3;
}
}

.course1__selection-item .br_sp_a{
	display: none;
}
@media screen and (max-width:610px) {

.course1__selection-item .br_sp_a{
	display:inherit;
}
}

.course1__price-bottom img {
		width: 15px;
		height: 21px;
		vertical-align: sub;
}

.course1__price {
		margin: 0 auto;
		display: block;
		margin-top: -67px;
		margin-bottom: 60px;
		max-width: 1164px;
		text-align: center;
}

.course1__price img {
		height: 80px;
		width: auto;
}

@media screen and (max-width:768px) {
		.course1__price {
				margin-top: -57px;
		}
		.course1__price img {
				height: 62px;
		}
}

.course1__price span {
		text-align: right;
		display: block;
}

.art-kids__bg {
		padding-bottom: 150px;
		padding-bottom:40px;
}
.art-kids2 .art-kids__bg{
	padding-top:20px;
	padding-bottom:150px;
}

@media screen and (max-width:1100px) {
		.art-kids__bg {
				padding-bottom: 35px;
		}
		.art-kids2 .art-kids__bg{
			padding-bottom:135px;
			padding-top:2rem;
		}
		.art-kids2{
			padding-top:2rem;
		}
}
@media screen and (max-width:820px){
	.art-kids2 .art-kids__bg{
		padding-bottom:110px;
	}
}
@media screen and (max-width:768px) {
		.art-kids__bg {
				padding-bottom: 0;
		}
		.art-kids2{
			margin-top:-3rem;
		}
		.art-kids2 .art-kids__bg{
			padding-bottom:4rem;
			padding-top:0;
		}
}
@media screen and (max-width:480px){
	.art-kids2{
		margin-top:-4rem;
	}
}

.life-skills_pos {
		margin-top: -1px;
}

.life-skills__inner {
		margin-top: 71px;
		padding: 150px 20px 108px;
}

@media screen and (max-width:1100px) {
		.life-skills__inner {
				padding: 120px 20px 108px;
		}
}

@media screen and (max-width:900px) {
		.life-skills__inner {
				padding: 120px 20px 108px;
		}
}

@media screen and (max-width:768px) {
		.life-skills__inner {
				max-width: 100%;
				padding: 37px 20px 108px;
		}
}

@media screen and (max-width:730px) {
		.life-skills__inner {
				padding: 57px 20px 108px;
		}
}

@media screen and (max-width:565px) {
		.life-skills__inner {
				padding: 73px 20px 108px;
		}
}

@media screen and (max-width:430px) {
		.life-skills__inner {
				padding: 73px 10px 108px;
		}
}
.life-skills__bg {
		margin-top: 0;
}

.life-skills__semicircle {
		margin-top: -10px;
		background-color: var(--bg-blue);
}

.life-skills__title {
		max-width: 517px;
		top: -5.2%;
}

@media screen and (max-width:1400px) {
		.life-skills__title {
				max-width: 447px;
		}
}

@media screen and (max-width:1100px) {
		.life-skills__title {
				max-width: 407px;
		}
}

@media screen and (max-width:900px) {
		.life-skills__title {
				max-width: 357px;
		}
}

@media screen and (max-width:768px) {
		.life-skills__title {
				top: -3.2%;
		}
}

.life-skills__title picture {
		max-width: 567px;
}

.life-skills__subtitle {
		font-size: 1.55rem;
		margin-top: 40px;
}

@media screen and (max-width:1100px) {
		.life-skills__subtitle {
				font-size: 1.2rem;
				line-height: 1.8;
		}
}

@media screen and (max-width:768px) {
		.life-skills__subtitle {
				font-size: 1.0rem;
		}

		.life-skills__subtitle .br-sp-b {
				display: none;
		}
		.life-skills__subtitle .br-sp-n {
				display: inline;
		}
}
@media screen and (max-width:405px) {
	.life-skills__subtitle {
    	font-size: .9rem;
	}
}

.life-skills__bg {
		margin-top: -72px;
		padding-bottom:120px;
}
@media screen and (max-width:1100px){
	.life-skills__bg{
		padding-bottom:85px;
	}
}
@media(max-width:1000px){
	.life-skills__bg{
		padding-bottom:4rem;
	}
}
@media screen and (max-width:940px){
	.life-skills__bg{
		padding-bottom:3rem;
	}
}
@media screen and (max-width:820px){
	.life-skills__bg{
		padding-bottom:1rem;
	}
}

.life-skills__inner .life-skills__subtitle {
		display: block;
		margin-top: 0;
}

.life-skills__power_column {
		display: flex;
		margin: 20px auto;
		margin-top: 0;
		max-width: 1164px;
		gap: 0 30px;
		justify-content: center;
		text-align: left;
		align-items: center;
}

@media screen and (max-width:1785px) {
		.life-skills__power_column {
				margin-top: 0;
		}
}


@media screen and (max-width:768px) {
		.life-skills__power_column {
				margin-top: 15px;
				gap: 0 10px;
		}
}


@media screen and (max-width:565px) {
		.life-skills__power_column {
				display: grid;
				gap: 0px;
				max-width: 350px;
		}
}

.life-skills__power {
		flex: 1.5;
		padding-left: 10px;
		background-size: 100% 100%;
		margin: 7px auto 0;
}

@media screen and (max-width:1600px) {
		.life-skills__power {
				margin-top: 0;
		}
}
@media screen and (max-width:405px) {

.life-skills__power {
    min-width: 80%;
    max-width: 80%;
  }
}

.life-skills__three-power {
		max-width: 400px;
}
@media screen and (max-width:405px) {

  .life-skills__three-power {

      max-width: 90%;
  }
}

.life-skills__power-text {
		font-size: 1.175rem;
		line-height: 1.8;
}

@media screen and (max-width:1100px) {
		.life-skills__power-text {
				font-size: 0.9rem;
		}
}

@media screen and (max-width:480px) {
		.life-skills__power-text {
				font-size: 0.8rem;
		}
}
@media screen and (max-width:405px) {
.life-skills__power-text{
    letter-spacing: 0;
}
}
@media screen and (max-width:390px) {
.life-skills__power-text{
  font-size: 0.7rem;
}
}

.life-skills__power_column .life-skills__quote {
		font-size: .7rem;
		flex: 1;
		font-weight: normal;
		position: relative;
}

@media screen and (max-width:768px) {
		.life-skills__power_column .life-skills__quote {
				letter-spacing: 0;
		}
}

@media screen and (max-width:660px) {
		.life-skills__power_column .life-skills__quote {
				line-height: 2.0;
		}
}

@media screen and (max-width:480px) {
		.life-skills__power_column .life-skills__quote {
			display: none;
		}
}

.life-skills__power_column .life-skills__quote::before, .life-skills__power_column .life-skills__quote::after {
		content: "";
		width: 40px;
		height: 40px;
		display: inline-block;
		position: absolute;
}

.life-skills__power_column .life-skills__quote::before {
		background: url(../images/icon-quotation1.png) repeat center bottom/contain;
		left: -20px;
		top: -30px;
}

.life-skills__power_column .life-skills__quote::after {
		background: url(../images/icon-quotation2.png) repeat center bottom/contain;
		right: 0;
		bottom: -30px;
}

@media(max-width:565px) {

		.life-skills__power_column .life-skills__quote::before {
				left: -42px;
				top: -12px;
		}
		.life-skills__power_column .life-skills__quote::after {
				right: -26px;
				bottom: -20px;
		}
}

.reason3__img-top {
		position: relative;
}

@media(max-width: 768px) {
		.reason3__img-top {
				max-width: 467px;
				margin-top: 5rem;
		}
}

.treasure {
		text-align: center;
}

@media(max-width: 768px) {
		.treasure__inner {
				max-width: 98%;
		}
}
@media screen and (max-width:670px){
	.reason3__img-top{
		margin-top:3rem;
	}
}

@media(max-width: 480px) {
		.treasure__inner {
				padding: 0 6px;
				max-width: 100%;
		}
}

.treasure__title {
		max-width: 603px;
		bottom: -39%;
}

@media screen and (max-width:1400px) {
		.treasure__title {
				max-width: 533px;
				bottom: -35%;
		}
}

@media screen and (max-width:1100px) {
		.treasure__title {
				max-width: 483px;
		}
}

@media screen and (max-width:900px) {
		.treasure__title {
				max-width: 403px;
				bottom: -32%;
		}
}

@media screen and (max-width:772px) {
		.treasure__title {
				max-width: 343px;
				bottom: -39%;
		}
}

@media screen and (max-width:730px) {
		.treasure__title {
				max-width: 323px;
		}
}

@media screen and (max-width:450px) {
		.treasure__title {
				bottom: -46%;
		}
}

@media screen and (max-width:405px) {
		.treasure__title {
      max-width: 293px;
		}
}
.treasure__bg {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		padding-top: 40px;
		padding-bottom: 150px;
}

@media screen and (max-width:1100px) {
		.treasure__bg {
				padding-top: 25px;
		}
}

@media screen and (max-width:900px) {
		.treasure__bg {
				padding-top: 23px;
		}
}

@media screen and (max-width:768px) {
		.treasure__bg {
				padding-top: 0;
		}
}

.treasure__subtitle {
		-webkit-transform: translateY(0px);
		-ms-transform: translateY(0px);
		transform: translateY(0px);
		font-size: 1.55rem;
}

@media screen and (max-width:1100px) {
		.treasure__subtitle {
				font-size: 1.2rem;
		}
}

@media screen and (max-width:480px) {
		.treasure__subtitle {
				font-size: 1.0rem;
		}
}

@media screen and (max-width:405px) {
		.treasure__subtitle {
				font-size: 0.9rem;
		}
}

.treasure__contents {
		margin-top: -10px;
}

@media screen and (max-width:1400px) {
		.treasure__contents {
				width: 93.5%;
				-webkit-transform: translate(0);
				-ms-transform: translate(0);
				transform: translate(0);
				margin: 0 auto;
		}
}

@media screen and (max-width:900px) {
		.treasure__contents {
				width: 98%;
		}
}

@media screen and (max-width:480px) {
		.treasure__contents {
				width: 105%;
				margin-left: -5%;
		}
}

.reason1__subtitle.reason__text-bule {
		display: inline-block;
		margin: 0 auto;
		margin-top: 30px;
		padding: 10px 20px;
		background-color: var(--bg-yellow);
		font-size: 1.55rem;
}

@media screen and (max-width:1100px) {
		.reason1__subtitle.reason__text-bule {
				font-size: 1.55rem;
				line-height: 1.4;
		}
}

@media screen and (max-width:900px) {

		.reason1__subtitle.reason__text-bule {
				font-size: 1.2rem;
		}
}

@media screen and (max-width:480px) {

		.reason1__subtitle.reason__text-bule {
				font-size: 1.0rem;
		}
}

.reason1__text {
		display: block;
		max-width: 1000px;
		margin: 10px auto;
		margin-bottom: 60px;
		padding: 25px;
		padding-top: 60px;
		border-radius: 10px;
		border: 4px solid #fff;
		font-size: 0.9rem;
		margin-top: -60px;
		line-height: 2;
}

@media screen and (max-width:1100px) {
		.reason1__text {
				margin-top: -50px;
				width: 90%;
				margin-bottom:50px;
		}
}

@media screen and (max-width:768px) {
		.reason1__text {
				padding-top: 50px;
				margin-bottom: 20px;
				font-size: 0.8rem;
		}
}

@media screen and (max-width:500px) {
		.reason1__text {
				font-size: 0.7rem;
				padding-top: 45px;
				margin-top: -40px;
		}
}

@media screen and (max-width:450px) {

		.reason1__text {
				width: 95%;
				margin: 5px auto;
				padding: 15px;
				padding-top: 45px;
				margin-top: -40px;
		}
}

@media screen and (max-width:405px) {

		.reason1__text {
				width: 90%;
        margin-bottom: 20px;
		}
}

@media screen and (max-width:1100px) {

		.reason1__text h5 {
				font-size: 1.0rem;
		}
}

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

		.reason1__text h5 {
				font-size: 0.8rem;
				margin-bottom: 6px;
		}
}

@media screen and (max-width:450px) {
		.reason1__text h5 {
				line-height: 2.0;
		}
		.reason1__text h5 br {
				display: none;
		}
}

.reason__2 {
		margin-top: -114px;
}

.reason2__bg {
		margin-top: 0px;
}

.reason2__partition-top {
		background-size: cover;
}
.voice__partition-top{
	margin-top:-3rem;
}

.voice__title {
		max-width: 400px;
		display: block;
		margin: 0px auto;
		margin-top: -130px;
		text-align: center;
}

@media screen and (max-width:1200px) {
		.voice__title {
				max-width: 360px;
				margin-top: -113px;
		}
}

@media screen and (max-width:900px) {
		.voice__title {
				max-width: 310px;
				margin-top: -96px;
		}
}

@media screen and (max-width:768px) {
		.voice__title {
				max-width: 280px;
		}
}

@media screen and (max-width:500px) {
		.voice__title {
				max-width: 230px;
				margin-top: -82px;
		}
}

@media screen and (max-width:405px) {
		.voice__title {
      margin-top: -71px;
		}
}

.reason2__inner {
		padding: 10px 20px 214px;
}

@media screen and (max-width:405px) {
  .reason2__inner {
      padding: 30px 20px 31px;
  }
}

.course6__contents {
		display: none;
}

.reason6__inner {
		padding: 34px 20px 0;
}
@media screen and (max-width:1100px) {
	.reason6__inner {
			padding: 0 20px 0;
	}
}

@media screen and (max-width:768px) {
		.reason6__inner {
				max-width: 90%;
				padding: 34px 20px 37px;
		}
}

@media screen and (max-width:600px) {
		.reason6__inner {
				max-width: 100%;
		}
}

@media screen and (max-width:500px) {
		.reason6__inner {
				padding: 54px 20px 37px;
		}
}

@media screen and (max-width:450px) {
		.reason6__inner {
				padding: 54px 10px 37px;
		}
}

.reason6__inner ul {
		display: flex;
		margin: 20px auto;
		max-width: 934px;
		gap: 0;
		justify-content: center;
		text-align: left;
		align-items: center;
}

@media screen and (max-width:1100px) {
		.reason6__inner ul {
				max-width: 100%;
		}
}

@media screen and (max-width:768px) {
		.reason6__inner ul {
				margin: 0 auto;
		}
}

@media screen and (max-width:490px) {
  .reason6__inner ul {
    margin-left: -5%;
    max-width: 105%;
}
}

.reason6__inner ul li:first-child {
		flex: 2;
}

.reason6__inner ul li:last-child {
		flex: 1.5;
}

@media screen and (max-width:1100px) {
		.reason6__inner ul li:first-child {
				flex: 1.5;
		}
}

@media screen and (max-width:565px) {
		.reason6__inner ul li:last-child {
				flex: 2;
		}
}

.reason6__inner ul li span {
		display: block;
		font-size: .9rem;
		text-align: center;
}
@media screen and (max-width:400px) {

  .reason6__inner ul li span {
  		font-size: .8rem;
    }
  }
.reason6__subtitle.reason__text-bule {
		display: block;
		margin: 0 auto;
		margin-left: -20%;
		margin-top: 20px;
		padding: 0;
		width: 140%;
		background-color: transparent;
		text-shadow: 1px 1px 0 var(--bg-blue), -1px -1px 0 var(--bg-blue), -1px 1px 0 var(--bg-blue), 1px -1px 0 var(--bg-blue), 0px 1px 0 var(--bg-blue), 0-1px 0 var(--bg-blue), -1px 0 0 var(--bg-blue), 1px 0 0 var(--bg-blue);
		font-size: 1.8rem;
}

@media screen and (max-width:1200px) {
		.reason6__subtitle.reason__text-bule {
				margin-left: 0%;
				width: 100%;
		}
}

@media screen and (max-width:1100px) {
		.reason6__subtitle.reason__text-bule {
				font-size: 1.6rem;
				margin-top: 10px;
		}
}

@media screen and (max-width:810px) {
		.reason6__subtitle.reason__text-bule {
				font-size: 1.4rem;
		}
}

@media screen and (max-width:768px) {
		.reason6__subtitle.reason__text-bule {
				margin-left: -7%;
				width: 107%;
		}
}

@media screen and (max-width:670px) {
		.reason6__subtitle.reason__text-bule {
				margin-left: -25%;
				width: 125%;
		}
}

@media screen and (max-width:500px) {
		.reason6__subtitle.reason__text-bule {
				font-size: 1.2rem;
		}
}

@media screen and (max-width:430px) {
		.reason6__subtitle.reason__text-bule {
      width: 135%;
		}
}

@media screen and (max-width:400px) {
		.reason6__subtitle.reason__text-bule {
          font-size: 1.0rem;
		}
}

.reason6__supplement {
		font-size: .9rem;
}

@media screen and (max-width:1100px) {
		.reason6__supplement {
				margin-top: 8px;
		}
}
@media screen and (max-width:400px) {
		.reason6__supplement {
      font-size: .8rem;
		}
}

@media (min-width: 769px) {
		.reason__text-bule .br-sp-b {
				display: inherit;
		}
}

@media screen and (max-width:768px) {
		.reason6__inner ul li span, .reason6__supplement {
				margin-left: -7%;
		}
}

@media screen and (max-width:670px) {
		.reason6__inner ul li span, .reason6__supplement {
				margin-left: -25%;
		}
}

.reason6__text {
		font-size: 0.9rem;
		line-height: 2.0909090909;
		text-align: left;
		margin: 0 auto;
		margin-top: 27px;
		max-width: 613px;
}

@media (max-width: 768px) {
		.reason6__text {
				font-size: 0.8rem;
		}
}

@media (max-width: 405px) {
		.reason6__text {
				font-size: 0.7rem;
          margin-top: 11px;	}
}

.reason6__satisfaction {
		max-width: 613px;
		display: block;
		margin: 20px auto 0;
}

@media (max-width: 768px) {
		.reason6__satisfaction {
				max-width: 413px;
		}
}

.reason6__application {
		margin-top: 195px;
}

@media screen and (max-width:1100px) {
		.reason6__application {
				margin-top: 225px;
		}
}

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

		.reason6__application {
				margin-top: 100px;
		}
}

.reason2__inner {
		padding: 10px 20px 31px;
}
@media screen and (max-width:768px){
	.reason2__inner {
		padding: 0;
	}
}

@media screen and (max-width:600px) {

		.reason2__inner picture img {
				max-width: 80%;
		}
}

.faq__contents {
		margin: -13px auto 0 7.7%;
}

@media screen and (max-width:710px) {

		.faq__contents {
				margin: -13px auto 0;
		}
}

@media screen and (max-width:500px) {
		.faq__contents {
				row-gap: 20px;
		}
}

.faq__title {
		max-width: 567px;
		top: -72px;
}

@media screen and (max-width:1400px) {
		.faq__title {
				max-width: 497px
		}
}

@media screen and (max-width:1100px) {
		.faq__title {
				max-width: 437px;
		}
}

@media screen and (max-width:900px) {
		.faq__title {
				max-width: 387px;
				top: -55px;
		}
}

@media screen and (max-width:768px) {
		.faq__title {
				max-width: 337px;
				top: -13px;
		}
}

@media screen and (max-width:670px) {
		.faq__title {
				max-width: 307px;
		}
}
@media screen and (max-width:405px) {
		.faq__title {
				max-width:267px;
		}
}

.faq__partition-top {
		aspect-ratio: 685/50;
		background: url(../images/faq-partition-top.png) no-repeat center bottom/contain var(--bg-yellow);
		background-image: -webkit-image-set(url(../images/faq-partition-top.png) 1x, url(../images/faq-partition-top@2x.png) 2x);
		background-image: image-set(url(../images/faq-partition-top.png) 1x, url(../images/faq-partition-top@2x.png) 2x);
		background-size: cover;
		margin-top:-2px;
}

@media(max-width: 768px) {
		.faq__partition-top {
				aspect-ratio: 15/2;
				background: url(../images/faq-partition-top_sp.png) no-repeat center top/contain var(--bg-yellow);
				background-image: -webkit-image-set(url(../images/faq-partition-top_sp.png) 1x, url(../images/faq-partition-top_sp@2x.png) 2x);
				background-image: image-set(url(../images/faq-partition-top_sp.png) 1x, url(../images/faq-partition-top_sp@2x.png) 2x);
				background-size: cover;
		}
}

.faq__inner {
		padding: 150px 20px 111px;
}
@media(max-width: 1100px) {

	.faq__inner {
			padding: 110px 20px 50px;
	}
}

@media(max-width: 768px) {

		.faq__inner {
				padding: 94px 20px 39px;
		}
}

.faq__answer-text, .faq__summary-text {
		font-size: 1rem;
		text-align: left;
}

@media(max-width: 565px) {
		.faq__answer-text, .faq__summary-text {
				font-size: .9rem;
		}
}

@media(max-width: 480px) {

		.faq__answer-text {
				font-size: .8rem;
		}
}
@media(max-width: 400px) {
  .faq__summary-text {
      font-size: .8rem;
  }
		.faq__answer-text {
				font-size: .7rem;
		}
}


.faq__summary-text {
		padding-bottom: 21px;
}

@media(max-width: 500px) {
		.faq__summary-text {
				padding-bottom: 11px;
		}
}


.faq__summary-icon {
		max-width: 61px;
}
@media(max-width: 420px) {

.faq__summary-icon {
		max-width: 51px;
}
}

.course__2 {
		/*margin-top: 169px;*/
}

@media screen and (max-width:820px) {

		.course__2 {
				margin-top: 10px;
		}
}

@media screen and (max-width:670px) {

		.course__2 {
				margin-top: 1rem;
		}
}

@media screen and (max-width:480px) {

		.course__2 {
				margin-top: 0;
		}
}

@media screen and (max-width:900px) {
		.course2__body {
				padding: 72px 20px 38px;
		}
}

@media screen and (max-width:768px) {
		.course2__body {
				padding: 52px 20px 38px;
		}
}

@media screen and (max-width:405px) {
		.course2__body {
				padding: 52px 20px 25px;
		}
}

.course2__title {
		max-width: 336px;
		top: -62px;
}

@media screen and (max-width:900px) {
		.course2__title {
				max-width: 306px;
		}
}

@media screen and (max-width:768px) {
		.course2__title {
				max-width: 256px;
		}
}

@media screen and (max-width:670px) {
		.course2__title {
				max-width: 216px;
				top: -50px;
		}
}

@media(max-width: 405px) {
	.course2__title {
          max-width: 176px;
            top: -37px;	}
}


@media(max-width: 768px) {
		.course2__inner {
				max-width: 530px;
		}
}

@media(max-width: 480px) {
		.course2__body h4 {
				max-width: 330px;
				margin: 0 auto;
		}
}


.course2__description, .course2__dd {
		font-size: 1.0rem;
}

@media screen and (max-width:1100px) {
		.course2__description, .course2__dd, .course2__category_wide, .course2__category {
				font-size: 0.8rem;
		}
}

@media screen and (max-width:450px) {
	.course2__category_wide, .course2__category {
				font-size: 0.7rem;
		}
}

@media screen and (max-width:380px) {
	.course2__category_wide, .course2__category {
				font-size: 0.6rem;
		}
}


.course2__btn_bottom {
		margin-top: 20px;
}
@media screen and (max-width:480px) {
  .course2__btn_bottom {
            width: 70%;}
}

@media screen and (max-width:1100px) {

		.course2__categorys {
				min-width: 79px;
				max-width: 100%;
		}
		.course2__category_wide {
				max-width: 99px;
		}
}

.course2__categorys_tonton {
		margin-top: 38px;
}

@media screen and (max-width:405px) {
  .course2__table {
      max-width: 100%;
  }
}

.course2__table_tonton {
		margin: 19px auto 0;
}

.course2__categorys_peto {
		margin-top: 10px
}

@media screen and (max-width:1100px) {
		.course2__categorys_tonton, .course2__categorys_peto {
				padding-right: 0;
		}
}

@media screen and (max-width:768px) {
		.course2__item_tonton {
				background: transparent;
				padding-bottom: 0;
		}
		.course2__description_tonton, .course2__description_peto {
				max-width: 100%;
				margin: 10px 0;
				padding: 0;
		}
		.course2__categorys_tonton, .course2__categorys_peto {
				margin-top: 8px;
		}
}

.course2__table_peto {
		margin: 19px auto 0;
}

@media screen and (max-width:768px) {
		.course2__table_tonton, .course2__table_peto {
				margin: 15px auto 0;
		}
}

@media screen and (max-width:405px) {
  .course2__description_tonton, .course2__description_peto,
		.course2__dd {
      font-size: 0.7rem;
      letter-spacing: 0;
		}
}

/*.course2__bottom-contents {
		background: transparent;
		padding-bottom: 14px;
}

@media screen and (max-width:768px) {
		.course2__bottom-contents {
				margin-top: 0;
		}
}*/

@media screen and (max-width:768px) {
		.course2__btn_bottom {
				margin: 0 auto;
				margin-top: 20px;
				display: block;
		}
}

.reason4__contents {
		margin-top: 19px;
		padding: 0 23px;
}

@media screen and (max-width: 430px) {

.reason4__contents {
		padding: 0 10px;
}
}

.course__2 .reason__text-bule {
		font-size: 1.6rem;
}

@media screen and (max-width: 768px) {
		.course__2 .reason__text-bule {
				font-size: 1.2rem;
				margin-top: 32px;
		}
}

@media screen and (max-width: 480px) {
		.course__2 .reason__text-bule {
				max-width: 100%;
		}
}

@media screen and (max-width: 430px) {
		.course__2 .reason__text-bule {
        font-size: 1.0rem;
		}
}

@media screen and (max-width: 390px) {
		.course__2 .reason__text-bule {
        font-size: .9rem;
		}
}

.reason4__subtitle {
		margin-top: 48px;
		font-size: 1.6rem;
}

.reason__text-bule, .reason4__item-title {
		font-size: 1.55rem;
}

@media screen and (max-width: 1100px) {
		.reason__text-bule, .reason4__item-title {
				font-size: 1.2rem;
		}
}

@media screen and (max-width: 1100px) {
		.reason4__item-title_online {
				background-size: 80%;
				background-position-x: 1px;
		}
}

@media screen and (max-width: 480px) {
		.reason__text-bule, .reason4__item-title {
				font-size: 1.0rem;
		}
}

@media screen and (max-width: 430px) {
		.reason__text-bule, .reason4__item-title {
				font-size: .9rem;
		}
}

.reason4__item_time .reason4__item-text {
		margin-top: 30px;
		font-size: 1.0rem;
}

@media screen and (max-width:430px) {
	.reason4__item_time .reason4__item-text {
      font-size: .9rem;
        line-height: 1.7;	}
}

@media screen and (max-width:405px) {
	.reason4__item_time .reason4__item-text {
      font-size: .8rem;
		}
}

@media screen and (max-width:380px) {
	.reason4__item_time .reason4__item-text {
      font-size: .7rem;
		}
}

@media screen and (max-width:768px) {
		.reason4__text-box, .reason4__img_online {
				max-width: 360px;
				margin: 0 auto;
		}
}

.reason4__img_online, .reason4__item_time .reason4__item-text {
		margin-top: 10px;
}

.reason4__img_online {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0);
}

.reason4__text-box_online img {
		max-width: 450px;
}

.reason4__supplement {
		font-size: .7rem;
}

@media screen and (max-width:405px) {
.reason4__supplement {
    font-size: .6rem;
    margin-top: 8px;
}
}

.course6__inner {
		padding: 20px 20px 15px;
}

.course__6 {
		margin-top: 204px;
}

@media screen and (max-width:1100px) {

		.course__6 {
				margin-top: 214px;
		}
}

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

		.course__6 {
				margin-top: 104px;
		}
}

.news-post {
		background-color: var(--bg-yellow);
		padding-bottom: 60px;
		padding-top:40px;
		margin-top:-1px;
}
@media(max-width:1100px){
	.news-post{
		padding-bottom:3rem;
	}
}

.news-post__inner {
		max-width: 972px;
		padding: 60px 20px 0;
		border-radius: 15px;
		background: #fff;
}

@media screen and (max-width:1050px) {
		.news-post__inner {
				margin: 0 10px;
		}
}

.news-post .news-list__title {
		font-size: 1.875rem;
		margin-bottom: 35px;
}

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

		.news-post .news-list__title {
				font-size: 1.6rem;
		}
		.news-post{
			padding-top:0;
			padding-bottom:6rem;
		}
		.news-post__inner{
			padding:2rem 20px 0;
		}
}

@media screen and (max-width:500px) {

		.news-post .news-list__title {
				font-size: 1.4rem;
		}
}

.news-post .news-list__title span {
		z-index: 2;
		display: block;
		position: relative;
}

.news-post .news-list__title::after {
		width: 119px;
		left: 49.5%;
		z-index: 1;
}

.news-post__contents {
		margin-top: 60px;
		display: block;
}

@media screen and (max-width:500px) {

		.news-post__contents {
				margin-top: 40px;
		}
}

.sticky-btn__bottom {
		margin-top: 0;
}

/*
*{  border: 1px red solid;} */

/*LP_Blue_Btn*/
.sticky-btn2 {
	top: 147px;
	background: -webkit-gradient(linear, left top, left bottom, from(#2e66f2), to(#2b5fe3));
	background: -webkit-linear-gradient(top, #2e66f2 0%, #2b5fe3 100%);
	background: -o-linear-gradient(top, #2e66f2 0%, #2b5fe3 100%);
	background: linear-gradient(180deg, #2e66f2 0%, #2b5fe3 100%);
  }
  @media(max-width: 768px) {
	.sticky-btn2 {
	  top: 83px;
	}
  }
  .sticky-btn2 span {
	/*font-size: 14px;
	margin-left: 3px;*/
  }
  @media(max-width: 768px) {
	.sticky-btn2 span {
	  /*font-size: 11px;*/
	  margin-left: 0;
	}
  }

/*Fee_Kaiga_Illustration
.course2__bottom-contents {
	max-width: 1083px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	-webkit-column-gap: 17px;
	-moz-column-gap: 17px;
	column-gap: 17px;
	margin-top: 42px;
	background: url(../images/course1-hr.png) no-repeat center bottom/contain;
	margin-top: 43px;
	padding-bottom: 44px;
  }
@media(max-width: 768px) {
	.course2__item_kaiga {
	  background: url(../images/course1-hr.png) no-repeat center bottom/contain;
	  padding-bottom: 34px;
	}
  }
*/

/* blog */
.top_notice{
	display:flex;
	flex-wrap:wrap;
	margin:0 -2%;
}
.top_notice > a{
	width:calc(100% / 3);
	padding:0 2%;
	margin-bottom:5%;
}
.top_notice > a:hover{
	opacity:0.8;
}
.top_notice .category{
	background-color: #FBFAEE;
	display: inline-block;
	padding: 0.3em;
	font-size: 0.9em;
	margin: 1em 0;
}
.top_notice .title{
	font-size:1.2em;
	line-height:1.6em;
	margin-bottom:0.5em;
}
.top_notice .ct{
	line-height:1.6em;
}
.top_notice .ct .desc{
	margin-bottom:0.5em;
	opacity:0.6;
}

@media(max-width: 768px){
	.top_notice > a{
		width:50%;
	}
	.top_notice .category{
		font-size:0.8em;
	}
	.top_notice .title{
		font-size:1em;
	}
	.top_notice .ct{
		font-size:0.8em;
	}
}

.taiken_nensho{
	text-align:center;
	border-bottom:2px dotted #ccc;
	padding-bottom:1em;
	margin-bottom:1em;
  }
  .taiken_nensho > a{
	position:relative;
  }
  .taiken_nensho > a span{
	font-size:21px;
  }
  .taiken_nensho > a::after{
	position:absolute;
	right:-3em;
	top:50%;
	transform:translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	display:inline-block;
	background:url(../images/icon_arrow3.png) no-repeat center center/contain;
	width:20px;
	content:"";
	height:25px;
  }
  @media screen and (max-width:630px){
	.taiken_nensho{
	  margin-top:1em;
	}
	.taiken_nensho > a span{
	  font-size:unset;
	}
	.taiken_nensho > a::after{
	  width:15px;
	  height:20px;
	}
  }

.reason6__application.taiken_submit_btn{
	margin-top:0;
}
@media screen and (max-width:1100px){
	.reason6__application.taiken_submit_btn{
		margin-top:0;
	}
	.reason6__application.taiken_submit_btn.taiken_submit_btn_voice{
		margin-top:4rem;
	}
}
@media(max-width:768px){
	.reason6__application.taiken_submit_btn.taiken_submit_btn_voice{
		margin-top:3rem;
	}
}

/* 202411改修 */
.top-text{
	max-width:940px;
	margin:3em auto 0 auto;
	text-align:center;
	line-height:2;
	font-size:1.2em;
}
@media(max-width:1100px){
	.top-text{
		margin:2em auto 0 auto;
	}
}
@media screen and (max-width:940px){
	.top-text{
		max-width:90%;
		font-size:1rem;
		margin-top:2rem;
	}
}
@media(max-width:768px){
	.top-text{
		font-size:0.9rem;
		line-height:1.6;
	}
}

.course-section-container{
	display:flex;
	max-width:940px;
	margin:0 auto;
}
.course-video{
	margin-bottom:3em;
}
.course-section-container > div:nth-child(1){
	width:calc( 100% / 5 * 3 );
}
.course-section-container > div:nth-child(2){
	width:calc( 100% / 5 * 2 );
	padding-left:5%;
}
.course-section-inner_img p{
	margin-bottom:0.5em;
}
.course-section-inner_text ul{
	display:flex;
	flex-direction:column;
	height:100%;
	justify-content:center;
}
.course-section-inner_text ul li{
	padding:1em;
	display:flex;
	flex-direction:column;
	justify-content:center;
	min-height:100px;
	margin:1em 0;
	border-radius:1em;
}
.course-video .course-section-inner_text ul li{
	background-color:#99ddf4;
}
.course-online .course-section-inner_text ul li{
	background-color:#f1e754;
}
.course-video .course-section-inner_text ul li.course-section-text-common{
	position:relative;
}
.course-video .course-section-inner_text ul li.course-section-text-common::after{
	content:"";
	display:block;
	border-radius:1em;
	top:1em;
	left:1em;
	background-color:#f1e754;
	width:100%;
	height:100%;
	position:absolute;
	z-index:-1;
}
@media(max-width:768px){
	.course-video .course-section-inner_text ul li.course-section-text-common::after{
		top:0.5em;
		left:0.5em;
	}
}

.course-section-inner_text ul li p{
	font-size:1.2em;
	line-height:1.4;
	text-align:center;
}
@media screen and (max-width:940px){
	.course-wrapper{
		margin-bottom:85px;
	}
	.course-section-container{
		max-width:90%;
	}
	.course-section-inner_text ul li p{
		font-size:1.1rem;
	}
}
@media screen and (max-width:820px){
	.course-video{
		margin-bottom:1em;
	}
}
@media screen and (max-width:768px){
	.course-wrapper{
		margin-top:0;
		margin-bottom:5em;
	}
	.course-section-container{
		align-items:center;
	}
	.course-video{
		margin-top:2em;
	}
}
@media screen and (max-width:768px){
	.course-section-container{
		flex-direction:column;
	}
	.course-section-container > div:nth-child(1),
	.course-section-container > div:nth-child(2){
		width:100%;
	}
	.course-section-container > div:nth-child(1){
		margin-bottom:1rem;
	}
	.course-section-container > div:nth-child(2){
		padding-left:0;
	}
	.course-section-inner_text ul li{
		margin:0;
		padding:0.5rem;
		min-height:auto;
	}
	.course-section-inner_text ul li:not(:nth-child(1)){
		margin-top:0.5rem;
	}
	.course-section-inner_text ul li p{
		font-size:1rem;
	}
	.course-video{
		margin-top:1.5rem;
		margin-bottom:2rem;
	}
}

.course-select{
	margin-bottom:180px;
}
.course-select .inner{
	max-width:940px;
	margin:0 auto;
}
.course-select h2{
	text-align:center;
	font-size:1.5rem;
	line-height:1.8;
	margin-bottom:3rem;
}
.course-modal-btn{
	position:relative;
	padding:1.5em;
}
.course-modal-btn p{
	text-align:center;
	font-size:2em;
	line-height:1.6;
}
.course-modal-btn .course-modal-btn-sub{
	font-size:1.4em;
}
.course-modal-btn::before{
	right:0;
	top:0;
}
.course-modal-btn::after{
	left:0;
	bottom:0;
}
.course-modal-btn::before,
.course-modal-btn::after{
	position:absolute;
	display:block;
	content:"";
	width:97%;
	height:80%;
	background-color:#f1e754;
	border-radius:0.5em;
	z-index:-1;
}
@media(max-width:768px){
	.course-modal-btn{
		padding:1rem;
	}
}

.sp-view{
	display:none;
}
@media screen and (max-width:670px){
	.sp-view{
		display:block;
	}
}
.ModalLayer2 .Modal-Inner_ill{
	top:-2%;
}
.ModalLayer2 .modal-course-container{
	height:85vh;
	overflow:scroll;
}
.ModalLayer2 .modal-course-container > div:not(:last-child){
	margin-bottom:2em;
}
.ModalLayer2 .modal-course-container p{
	margin-bottom:1em;
}
@media screen and (max-width:1100px){
	.course-select{
		margin-top:-35px;
		margin-bottom:150px;
	}
	.course-select h2{
		font-size:1.2rem;
		margin-bottom:1rem;
	}
	.course-modal-btn p{
		font-size:1.5rem;
	}
	.course-modal-btn .course-modal-btn-sub{
		font-size:1.2rem;
	}
}
@media(max-width:1000px){
	.course-select{
		margin-bottom:-6rem;
	}
}
@media screen and (max-width:940px){
	.course-select{
		margin-bottom:120px;
	}
	.course-select .inner{
		max-width:90%;
	}
	.course-select h2{
		font-size:1.1rem;
	}
	.course-modal-btn p{
		font-size:1.1rem;
	}
	.course-modal-btn .course-modal-btn-sub{
		font-size:1rem;
	}
}
@media screen and (max-width:768px){
	.course-select{
		margin-bottom:-9rem;
	}
	.course-select h2{
		font-size:1rem;
	}
	.course-modal-btn p{
		font-size:1rem;
	}
}

.monthly-fee{
	margin:3em 0 2em 0;
}
.monthly-fee .inner{
	max-width:90%;
	margin:0 auto;
}
.monthly-fee .monthly-fee-subtitle{
	text-align:center;
	margin-bottom:1em;
	font-size:1.4em;
}
.monthly-fee .monthly-fee-title{
	text-align:center;
	margin-bottom:1em;
	font-size:2.25rem;
}
.monthly-fee .monthly-fee-img{
	text-align:center;
}
.monthly-fee .monthly-fee-img img{
	width:100%;
	max-width:800px;
}
.monthly__partition-top {
	aspect-ratio: 683/50;
	background: url(../images/monthly-partition-top.png) no-repeat center bottom/contain;
	background-image: -webkit-image-set(url(../images/monthly-partition-top.png) 1x, url(../images/monthly-partition-top@2x.png) 2x);
	background-image: image-set(url(../images/monthly-partition-top.png) 1x, url(../images/monthly-partition-top@2x.png) 2x);
	background-size:cover;
	margin-top:-2px;
}
@media(max-width: 768px) {
	.monthly__partition-top {
			aspect-ratio: 15/2;
			background: url(../images/monthly-partition-top_sp.png) no-repeat center top/contain;
			background-image: -webkit-image-set(url(../images/monthly-partition-top_sp.png) 1x, url(../images/monthly-partition-top_sp@2x.png) 2x);
			background-image: image-set(url(../images/monthly-partition-top_sp.png) 1x, url(../images/monthly-partition-top_sp@2x.png) 2x);
	}
}
@media screen and (max-width:1100px){
	.monthly-fee .monthly-fee-subtitle{
		font-size:1rem;
	}
	.monthly-fee .monthly-fee-title{
		font-size:1.7rem;
	}
}

.news-post .news-post-title{
	text-align:center;
	font-size:1.2rem;
	line-height:1.4;
	margin-bottom:2em;
}
.news__partition-top {
	aspect-ratio: 683/50;
	background: url(../images/news-partition-top.png) no-repeat center bottom/contain;
	background-image: -webkit-image-set(url(../images/news-partition-top.png) 1x, url(../images/news-partition-top@2x.png) 2x);
	background-image: image-set(url(../images/news-partition-top.png) 1x, url(../images/news-partition-top@2x.png) 2x);
	background-size:cover;
	margin-bottom:-3px;
}
@media(max-width: 768px) {
	.news__partition-top {
			aspect-ratio: 15/2;
			background: url(../images/news-partition-top_sp.png) no-repeat center top/contain;
			background-image: -webkit-image-set(url(../images/news-partition-top_sp.png) 1x, url(../images/news-partition-top_sp@2x.png) 2x);
			background-image: image-set(url(../images/news-partition-top_sp.png) 1x, url(../images/news-partition-top_sp@2x.png) 2x);
	}
}
@media screen and (max-width:768px){
	.news-post .news-post-title{
		font-size:1rem;
	}
}

@media(maxi-width:1100px){
	.art-kids2_message__partition-top{
		margin-top:-4%;
	}
}

.message__partition-top {
	aspect-ratio: 683/50;
	background: url(../images/message-partition-top.png) no-repeat center bottom/contain;
	background-image: -webkit-image-set(url(../images/message-partition-top.png) 1x, url(../images/message-partition-top@2x.png) 2x);
	background-image: image-set(url(../images/message-partition-top.png) 1x, url(../images/message-partition-top@2x.png) 2x);
	background-size:cover;
	background-color:var(--bg-yellow);
	margin-bottom:-2px;
}
@media(max-width: 768px) {
	.message__partition-top {
			aspect-ratio: 15/2;
			background: url(../images/message-partition-top_sp.png) no-repeat center top/contain;
			background-image: -webkit-image-set(url(../images/message-partition-top_sp.png) 1x, url(../images/message-partition-top_sp@2x.png) 2x);
			background-image: image-set(url(../images/message-partition-top_sp.png) 1x, url(../images/message-partition-top_sp@2x.png) 2x);
			margin-top:-4rem;
			margin-bottom:-3px;
	}
	.message__partition-top2{
		margin-top:0;
		background-color:var(--bg-yellow);
	}
}
@media screen and (max-width:670px){
	.message__partition-top2{
		margin-top:0;
	}
}
@media screen and (max-width:480px){
	.message__partition-top{
		margin-bottom:3rem;
	}
}
.message{
	padding:25px 0 0 0;
	background-color: var(--bg-blue);
}
.message .inner{
	max-width:940px;
	margin:0 auto;
	display: flex;
  	flex-direction: column;
  	align-items: center;
}
.message .message-top-text{
	font-size:1.4rem;
	text-align:center;
	line-height:1.8;
	margin-bottom:1em;
}
.message h2{
	font-size:2.5rem;
	color:#5fb4e2;
	text-align:center;
	font-weight:bold;
	/*margin-bottom:1.5em;*/
	text-shadow:1px 1px 0 var(--bg-blue), -1px -1px 0 var(--bg-blue), -1px 1px 0 var(--bg-blue), 1px -1px 0 var(--bg-blue), 0px 1px 0 var(--bg-blue), 0-1px 0 var(--bg-blue), -1px 0 0 var(--bg-blue), 1px 0 0 var(--bg-blue);
}
.message ul li:not(:first-child){
	margin-top:1em;
}
.message ul li{
	font-size:1.2rem;
}
@media screen and (max-width:1100px){
	.message{
		padding:15px 0 25px 0;
	}
	.message .message-top-text{
		font-size:1.2rem;
	}
	.message h2{
		font-size:2.2rem;
		margin-bottom:0;
	}
	.message ul li{
		font-size:1rem;
	}
}
@media screen and (max-width:940px){
	.message .inner{
		max-width:90%;
	}
	.message h2{
		font-size:2rem;
	}
}
@media screen and (max-width:820px){
	.message ul li:not(:first-child){
		margin-top:0.5em;
	}
}
@media screen and (max-width:768px){
	.message{
		padding:0;
	}
	.message .message-top-text{
		font-size:1rem;
	}
	.message h2{
		font-size:1.6rem;
	}
}
@media screen and (max-width:480px){
	.message__partition-top2{
		margin-bottom:-2px;
	}
}

.international{
	padding:60px 0 130px 0;
	background-color: var(--bg-blue);
}
.international .inner{
	max-width:940px;
	margin:0 auto;
}
.international h2{
	font-size: 2rem;
  	color: #5fb4e2;
  	text-align: center;
  	font-weight: bold;
	margin-bottom:1em;
	text-shadow:1px 1px 0 var(--bg-blue), -1px -1px 0 var(--bg-blue), -1px 1px 0 var(--bg-blue), 1px -1px 0 var(--bg-blue), 0px 1px 0 var(--bg-blue), 0-1px 0 var(--bg-blue), -1px 0 0 var(--bg-blue), 1px 0 0 var(--bg-blue);
}
.international-banner{
	margin-bottom:3rem;
	border-radius:1em;
	overflow:hidden;
}
.international .international-text{
	margin-bottom:2rem;
}
.international .international-text p{
	line-height:2;
}
.international .international-text p:not(:last-child){
	margin-bottom:1em;
}
.international-img{
	display:flex;
	margin:0 -1rem;
}
.international-img > div{
	width:50%;
	padding:1rem;
}
.international-img > div img{
	border-radius:1rem;
}
@media screen and (max-width:1100px){
	.international{
		padding:35px 0 110px 0;
	}
	.international h2{
		font-size:1.6rem;
	}
	.international-banner{
		margin-bottom:2rem;
	}
	.international .international-text{
		margin-bottom:1rem;
	}
}
@media(max-width:1000px){
	.international{
		margin-top:-1px;
	}
}
@media screen and (max-width:940px){
	.international .inner{
		max-width:90%;
	}
	.international h2{
		font-size:1.4rem;
	}
}
@media screen and (max-width:820px){
	.international{
		padding:1em 0 5em 0;
	}
}
@media screen and (max-width:768px){
	.international{
		padding:0em 0 3em 0;
	}
	.international h2{
		line-height:1.6;
	}
	.international-banner{
		margin-bottom:1rem;
		border-radius:0.5rem;
	}
	.international-img > div img{
		border-radius:0.5rem;
	}
	.international .international-text p{
		font-size:0.9rem;
		line-height:1.6;
	}
	.international .international-text{
		margin-bottom:0;
	}
}
@media screen and (max-width:480px){
	.international h2{
		font-size:1.2rem;
	}
}

/* スターターセット */
.course__3 {
    margin-top: 89px;
  }
  @media(max-width:1100px){
	.course__3{
		margin-top:3rem;
	}
  }
  @media(max-width: 768px) {
    .course__3 {
      margin-top: 3rem;
    }
  }

  .course3__inner {
    max-width: 1140px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin-inline: auto;
  }
  
  @media(max-width: 768px) {
    .course3__inner {
      max-width: 375px;
    }
  }
  
  .course3__title {
    max-width: 1054px;
    margin: 0 auto;
  }
  
  @media(max-width: 1300px) {
    .course3__title {
      max-width: max(81.0769vw, 375px);
    }
  }
  
  .course3__contents {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    margin-top: 37px;
  }
  
  @media(max-width: 1300px) {
    .course3__contents {
      max-width: max(87.692vw, 375px);
      margin: 37px auto 0;
    }
  }
  
  @media(max-width: 768px) {
    .course3__contents {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      row-gap: 36px;
      margin-top: 5px;
      width: 90%;
    }
    .course3__contents2 {
      margin-top: 35px;
    }
  }
  
  .course3__text {
    position: relative;
    font-size: 2.25rem;
    line-height: 1.1111111111;
    text-align: center;
    white-space: pre-line;
    z-index: 1
  }
  
  @media(max-width: 1100px) {
    .course3__text {
      font-size: max(3.2727vw, 1.25rem);
    }
  }
  
  @media(max-width: 768px) {
    .course3__text {
      font-size: 1.25rem;
      line-height: 1.3
    }
  }
  
  .course3__text span {
    font-size: 1.6rem;
    letter-spacing: -2px;
  }
  
  @media(max-width: 768px) {
    .course3__text span {
      font-size: 0.9rem;
      margin-top: 0px;
      display: block;
    }
  }
  
  .course3__img {
    display: block;
    margin-top: -40px;
  }
  
  @media(max-width: 768px) {
    .course3__img {
      margin-top: -30px;
    }
  }
  
  @media(max-width: 368px) {
    .course3__img {
      margin-top: -52px;
    }
  }

  .course3__subtext{
	line-height:2em;
	margin:1em 0;
	text-align:center;
	display:flex;
	align-items:center;
	flex-direction:column;
  }
  @media(max-width: 768px) {
    .course3__subtext{
		margin:1em 0 2em 0;
	  }
  }

  .course3__subtext p{
	text-align:center;
  }
  .course3__subtext_caution{
	font-size:0.8em;
	line-height:1.8;
	margin-top:1em;
  }
  @media(max-width: 768px) {
    .course3__subtext p{
		text-align:left;
		line-height:1.8;
	  }
  }

/* 料金表 */
.course-table{
	margin-top:6em;
	margin-bottom:15em;
}
.course-table > div:not(:last-of-type){
	margin-bottom:5em;
}
.course-table-title{
	display:flex;
	justify-content:space-between;
	border-radius:0.5em;
	margin-bottom:3em;
}
@media(max-width:1100px){
	.course-table{
		margin-top:4rem;
		margin-bottom:12rem;
	}
	.course-table-title{
		margin-bottom:2rem;
	}
	.course-table > div:not(:last-of-type){
		margin-bottom:4rem;
	}
}
@media(max-width:1000px){
	.course-table-title{
		flex-direction:column;
		align-items:center;
	}
}
.course-table-title > div{
	padding:1em;
	align-content:center;
}

@media(max-width:1000px){
	.course-table-title > div.course-table-title-name{
		padding-bottom:0;
	}
}

.course-table-title-name h3{
	color:#fff;
	font-size:2.5em;
}
.course-table-title-name p{
	font-size:1.5em;
	white-space:nowrap;
}
@media(max-width:1100px){
	.course-table-title-name p{
		font-size:1.2rem;
	}
}
@media(max-width:768px){
	.course-table-title-name h3{
		font-size:1.6em;
	}
	.course-table-title-name p{
		font-size:1em;
	}
	.course-table-title-name p .pc-view{
		display:none;
	}
	.course-table{
		margin-top:2rem;
		margin-bottom:11rem;
	}
}

.course-table-tonton .course-table-title{
	background-color:#f7b777;
}
.course-table-tonton .course-table-title-name h3{
	text-shadow:1px 1px 0 #c44620, -1px -1px 0 #c44620, -1px 1px 0 #c44620, 1px -1px 0 #c44620, 0px 1px 0 #c44620,  0 -1px 0 #c44620, -1px 0 0 #c44620, 1px 0 0 #c44620;
}
.course-table-peto .course-table-title{
	background-color:#a4d8e5;
}
.course-table-peto .course-table-title-name h3{
	text-shadow:1px 1px 0 #118fa5, -1px -1px 0 #118fa5, -1px 1px 0 #118fa5, 1px -1px 0 #118fa5, 0px 1px 0 #118fa5,  0 -1px 0 #118fa5, -1px 0 0 #118fa5, 1px 0 0 #118fa5;
}
.course-table-illust .course-table-title{
	background-color:#dda8c4;
}
.course-table-illust .course-table-title-name h3{
	text-shadow:1px 1px 0 #e20a86, -1px -1px 0 #e20a86, -1px 1px 0 #e20a86, 1px -1px 0 #e20a86, 0px 1px 0 #e20a86,  0 -1px 0 #e20a86, -1px 0 0 #e20a86, 1px 0 0 #e20a86;
}
.course-table-kaiga .course-table-title{
	background-color:#afd6a1;
}
.course-table-kaiga .course-table-title-name h3{
	text-shadow:1px 1px 0 #2d7510, -1px -1px 0 #2d7510, -1px 1px 0 #2d7510, 1px -1px 0 #2d7510, 0px 1px 0 #2d7510,  0 -1px 0 #2d7510, -1px 0 0 #2d7510, 1px 0 0 #2d7510;
}

.course-table-title-btn{
	display:flex;
}
@media(max-width:768px){
	.course-table-title-btn{
		flex-wrap:wrap;
		justify-content:center;
	}
	.course-table-title-btn > div:nth-child(3){
		margin-top:0.5rem;
	}
}
.course-table-title-btn > div{
	padding:0 0.5rem;
	max-width:205px;
}
.course-table-title-btn > div > span{
	margin-top:0.5em;
	font-size:0.8rem;
	text-indent:-1em;
	display:inline-block;
	padding-left:1em;
}
@media(max-width:768px){
	.course-table-title-btn > div:nth-child(2) > span{
		font-size:0.7rem;
	}
}

.course-table-title-btn p{
	padding:0.5em 1em;
	background-color:#fff;
	border-radius:50px;
	text-align:center;
	align-content:center;
	line-height:1.4;
	width:fit-content;
	white-space:nowrap;
}
.course-table-title-btn p span{
	font-size:1.2em;
}
@media(max-width:768px){
	.course-table-title-btn > div{
		width:50%;
		max-width:unset;
	}
	.course-table-illust .course-table-title-btn > div,
	.course-table-kaiga .course-table-title-btn > div{
		width:100%;
	}
	.course-table-title-btn p{
		font-size:0.8rem;
		margin:0 auto;
	}
	.course-table-title-btn p > span{
		font-size:1rem;
	}
}

.course-table-subtext{
	text-align:center;
}
.course-table-subtext p:not(:last-of-type){
	margin-bottom:1em;
}
.course-table-subtext-title{
	font-size:1.4em;
}
.course-table-subtext img{
	margin:3em 0;
	max-width:450px;
}
@media(max-width:1100px){
	.course-table-subtext img{
		margin:2rem 0;
	}
}
@media(max-width:1000px){
	.course-table-subtext-title{
		font-size:1.2rem;
	}
}
@media(max-width:768px){
	.course-table-subtext-title{
		font-size:1em;
	}
	.course-table-subtext p:not(:last-of-type){
		margin-bottom:0.5rem;
		line-height:1.6;
	}
	.course-table-subtext p:not(:nth-child(1)){
		font-size:0.8rem;
		line-height:1.6;
	}
	.course-table-title{
		margin-bottom:1.5rem;
	}
	.course-table > div:not(:last-of-type){
		margin-bottom:2rem;
	}
	.course-table-subtext img{
		margin:1rem auto;
		max-width:80%;
	}
}

.course-table table{
	border-radius:1em;
	overflow:hidden;
	width:100%;
}
.course-table table th,
.course-table table td{
	border:2px solid #fff;
	padding:1em;
	line-height:1.4;
	font-size:1.1rem;
}
@media(max-width:1100px){
	.course-table table th,
	.course-table table td{
		font-size:1rem;
	}
}
@media(max-width:768px){
	.course-table table th,
	.course-table table td{
		font-size:0.8rem;
	}
}

.course-table table thead{
	color:#fff;
}
.course-table-tonton table thead{
	background-color:#f7b777;
}
.course-table-peto table thead{
	background-color:#a4d8e5;
}
.course-table-illust table thead{
	background-color:#dda8c4;
}
.course-table-kaiga table thead{
	background-color:#afd6a1;
}

.course-table table tbody{
	background-color:#fbfaee;
}
.course-table table tbody td span{
	font-size:0.8em;
}

.course-table table tbody td.bg-pink{
	background-color:#f4dae7;
}
.course-table table tbody td.bg-red{
	background-color:#efcbcb;
}
.course-table table tbody td.bg-orange{
	background-color:#f6dac4;
}
.course-table table tbody td.bg-yellow{
	background-color:#f5f3b8;
}
.course-table table tbody td.bg-green{
	background-color:#bfdebe;
}
.course-table table tbody td.bg-lightgreen{
	background-color:#e7ecd6;
}
.course-table table tbody td.bg-purple{
	background-color:#d1c3e6;
}

.course-table table .td-day{
	font-size:1.2rem;
}
.course-table table .td-feature{
	font-size:0.9rem;
}
@media(max-width:768px){
	.course-table table .td-day{
		font-size:1rem;
	}
	.course-table table .td-feature{
		font-size:0.8rem;
	}
}

.course-table-illust .course-illust-kaiga-img{
	margin-bottom:5em;
}
@media(max-width:1100px){
	.course-table-illust .course-illust-kaiga-img{
		margin-bottom:3rem;
	}
}
@media(max-width:768px){
	.course-table-illust .course-illust-kaiga-img{
		margin-bottom:2rem;
	}
}

/* アートで育つ5つの力 */
.power__inner {
	max-width: 1000px;
	overflow: hidden;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	margin: 0 auto;
	padding: 0 20px 0;
  }
  
  @media(max-width: 768px) {
	.power__inner {
	  padding: 0 8px 0;
	}
  }
  
  @media(max-width: 375px) {
	.power__inner {
	  padding: 0 8px 0;
	}
  }
  
  .power__items {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	row-gap: 32px;
	margin-top: 68px;
  }
  @media(max-width:1100px){
	.power__items{
		margin-top:2rem;
	}
  }
  
  @media(max-width: 900px) {
	.power__items {
	  -webkit-column-gap: 10px;
	  -moz-column-gap: 10px;
	  column-gap: 10px;
	}
  }
  
  @media(max-width: 768px) {
	.power__items {
	  grid-template-columns: 84px 84px 95.5px 95.5px;
	  -webkit-box-pack: center;
	  -webkit-justify-content: center;
	  -ms-flex-pack: center;
	  justify-content: center;
	  -webkit-column-gap: 0;
	  -moz-column-gap: 0;
	  column-gap: 0;
	  row-gap: 21px;
	  margin-top: 30px;
	}
  }
  
  @media(max-width: 400px) {
	.power__items {
	  grid-template-columns: auto;
	}
  }
  .power__item {
	max-width: 500px;
  }
  
  .power__item_1 {
	grid-area: 1/1/2/3
  }
  
  .power__item_2 {
	grid-area: 1/3/2/5
  }
  
  .power__item_3 {
	grid-area: 2/1/3/3
  }
  
  .power__item_4 {
	grid-area: 2/3/3/5
  }
  
  .power__item_5 {
	grid-area: 3/2/4/4
  }
  
  @media(max-width: 768px) {
	.power__img_1 {
	  min-width: 168px;
	}
  }
  
  @media(max-width: 768px) {
	.power__img_2 {
	  min-width: 191px;
	  -webkit-transform: translateX(-10px);
	  -ms-transform: translateX(-10px);
	  transform: translateX(-10px);
	}
  }
  
  .power__text {
	max-width: 400px;
	font-size: 1.25rem;
	line-height: 1.8;
	text-align: center;
	margin: 14px auto 0;
  }
  
  @media(max-width: 768px) {
	.power__text {
	  max-width: 162px;
	  font-size: .75rem;
	  line-height: 1.6666666667;
	  text-align: start;
	  margin: 8px auto 0;
	}
  }
  
  @media(max-width: 768px) {
	.power__text_1 {
	  -webkit-transform: translateX(7px);
	  -ms-transform: translateX(7px);
	  transform: translateX(7px);
	}
	.power__text_2, .power__text_4 {
	  margin-left: 25px;
	}
  }
  
  @media(max-width: 768px) {
	.power__text_3 {
	  -webkit-transform: translateX(7px);
	  -ms-transform: translateX(7px);
	  transform: translateX(7px);
	}
  }
  
  .power__text_5 {
	-webkit-transform: translateY(-15px);
	-ms-transform: translateY(-15px);
	transform: translateY(-15px);
  }
  
  @media(max-width: 768px) {
	.power__text_5 {
	  -webkit-transform: translate(15px, -3px);
	  -ms-transform: translate(15px, -3px);
	  transform: translate(15px, -3px);
	}
  }

  /* 説明会 */
  .setsumeikai-btn{
	line-height:1.6;
	margin-bottom:2em;
	font-size:1.2em;
}
.setsumeikai-btn a{
	background-color: #f3592d;
	color: #fff;
	padding: 0.5em 1em;
	border-radius: 2em;
	margin: 0.5em;
	display: inline-block;
	box-shadow:10px 10px 10px rgba(240, 152, 79, .24);
}
.setsumeikai-btn a:hover{
	opacity:0.7;
	transition:0.5s;
}
.setsumeikai-btn .tb-view{
	display:none;
}
@media screen and (max-width:1100px){
	.setsumeikai-btn .tb-view{
		display:inline-block;
	}
}
@media screen and (max-width:768px){
	.setsumeikai-btn{
		font-size:1em;
	}
}