@charset "utf-8";
header.xs-new-header .sp-nav > .btn-toggle a {
	padding: 8px;
}
header.xs-new-header .sp-nav > .btn-toggle {
	background-color: rgba(255, 255, 255, 0.8);
	color: #00a896;
}
header.xs-new-header .sp-nav > .btn-toggle {
	top: 1px;
}
header.xs-new-header.menu-fixed .sp-nav > .btn-toggle {
	top: 0;
}
header.xs-new-header .sp-nav > .btn-toggle .menu-hamburger {
	position: relative;
	height: 5vw;
	width: 8vw;
	display: inline-block;
	box-sizing: border-box;
}
header.xs-new-header .sp-nav > .btn-toggle .menu-hamburger p {
	position: absolute;
	left: 0;
	height: 0.8vw;
	width: 100%;
	background-color: #00a896;
	display: inline-block;
	box-sizing: border-box;
}
header.xs-new-header .sp-nav > .btn-toggle .menu-hamburger p:nth-of-type(1) {
	top: 0;
}
header.xs-new-header .sp-nav > .btn-toggle .menu-hamburger p:nth-of-type(2) {
	top: 2.2vw;
}
header.xs-new-header .sp-nav > .btn-toggle .menu-hamburger p:nth-of-type(3) {
	top: 4.2vw;
}
header.xs-new-header .sp-nav > .btn-toggle span {
	display: block;
	color: #00a896;
	font-size: 2.5vw;
	line-height: 0.8;
	text-align: center;
	font-weight: bold;
}
header.xs-new-header + .site-logo.pre {
	border-bottom: solid 1px #ccc;
	margin: 0 0 0;
	padding: 1.4vw 0 3.1vw 0;
	font-weight: bold;
	text-align: center;
}
header.xs-new-header + .site-logo.pre {
	border-bottom: solid 1px #ccc;
	margin: 0 0 0;
	padding: 0 0 10px 0;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
header.xs-new-header + .site-logo.pre > div:first-child {
	width: 100%;
	padding: 6px;
	font-weight: normal;
	background: #eee;
	display: none;
}
header.xs-new-header + .site-logo.pre > div {
	display: block;
	padding-top: 10px;
}
header.xs-new-header + .site-logo.pre > div img {
	width: 34%;
	margin: 0 0 0 3vw;
}
/* トップだけファーストビューで追従ボタンを見えなくする */
#toppage .btn-area.sp-fixed-top {
	display: none;
}
/* ------------------------------------------- */
.btn-area.sp-fixed-top {
	background-color: rgba(213, 237, 237, 0.7);
	width: 100%;
	padding: 10px 0;
	top: auto;
	bottom: 0;
	left: 0;
	animation-name: slideUp;
	-webkit-animation-name: slideUp;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-timing-function: ease;
	-webkit-animation-timing-function: ease;
}
.btn-area.sp-fixed-top .btn {
	font-size: 18px !important;
	padding: 7px 12px 5px !important;
}
.btn-agreement-ele {
	font-family: Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Roboto, "Droid Sans", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	font-weight: 600;
	background: -moz-linear-gradient(top, rgb(245, 118, 44) 0%, rgb(239, 164, 15) 100%);
	background: -webkit-linear-gradient(top, rgb(245, 118, 44) 0%, rgb(239, 164, 15) 100%);
	background: linear-gradient(to top, rgb(245, 118, 44) 0%, rgb(239, 164, 15) 100%);
	box-shadow: 0 2px 0 #d16324;
	border: 0;
}
.btn-agreement-ele span {
	text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
}
.btn-agreement-ele::before {
	content: "";
}
.btn-request-ele {
	font-family: Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Roboto, "Droid Sans", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	font-weight: 600;
	background: -moz-linear-gradient(top, rgb(106, 194, 74) 0%, rgb(123, 230, 16) 100%);
	background: -webkit-linear-gradient(top, rgb(106, 194, 74) 0%, rgb(123, 230, 16) 100%);
	background: linear-gradient(to top, rgb(106, 194, 74) 0%, rgb(123, 230, 16) 100%);
	box-shadow: 0 2px 0 #58aa3c;
	border: 0;
	text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
}
.btn-request-ele::before {
	content: "";
}
.bg_00a896 {
	background: #00a896;
	color: white;
}
.bg_white {
	background: white;
	color: #333;
}
.bg_f8efd9 {
	background: #f8efd9;
	color: #5a483b;
}
.bg_fafbfc {
	background: #fafbfc;
	color: #333;
}
.bg_ffe9d9 {
	background: #ffe9d9;
	color: #333;
}
.bg_tile {
	background: url(/youji/local/images/bg_tile.png) left center repeat-y;
	background-size: 100%;
}
.fontsize_large {
	font-size: 7.2vw !important;
}
.fontsize_middle {
	font-size: 5.2vw !important;
	font-weight: bold !important;
	line-height: 1.5 !important;
}
.fontsize_normal {
	font-size: 3.6vw !important;
}
.iframe_wrapper {
	position: relative;
	width: 100%;
	height: 0;
	/*padding-top:; javascript auto*/
	overflow: hidden;
}
.iframe_wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 2000px;
	max-width: 100%;
	height: 100%;
	border: 0;
}
.line_hukidasi {}
.line_hukidasi:before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 15vw;
	background: url(/youji/local/images/line_hukidasi.png) center top no-repeat;
	background-size: 120%;
	top: 0;
	left: 0;
}
.line_wave:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 1.7vw;
	background: url(/youji/local/images/line_wave.png) left top no-repeat;
	background-size: 100%;
	top: -1.6vw;
	left: 0;
}
.line_wave2:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 3vw;
	background: url(/youji/local/images/line_wave_02.png) left bottom no-repeat;
	background-size: 100%;
	top: -2.9vw;
	left: 0;
}
.line_wave3:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 3vw;
	background: url(/youji/local/images/line_wave_03.png) left top no-repeat;
	background-size: 100%;
	top: 0;
	left: 0;
}
.line_wave4:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 3vw;
	background: url(/youji/local/images/line_wave_04.png) left top no-repeat;
	background-size: 100%;
	top: 0;
	left: 0;
}
.line_wave5:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 3vw;
	background: url(/youji/local/images/line_wave_05.png) left top no-repeat;
	background-size: 100%;
	top: 0;
	left: 0;
}
.btn-primary {
	color: #ffffff;
	background-color: transparent;
	border-color: #0BB5CC;
	background-image: -moz-linear-gradient(90deg, rgb(68, 138, 255) 0%, rgb(130, 177, 255) 100%);
	background-image: -webkit-linear-gradient(90deg, rgb(68, 138, 255) 0%, rgb(130, 177, 255) 100%);
	background-image: -ms-linear-gradient(90deg, rgb(68, 138, 255) 0%, rgb(130, 177, 255) 100%);
	box-shadow: 0 0.2em rgb(68, 138, 213);
	border: 1px solid rgb(68, 138, 255);
}
/* トップページ 日付 */
#youji-top-banner {
	position: relative;
	margin: 0 2.5774vw 10px;
	overflow: hidden;
	z-index: 1;
}
#youji-top-banner p {
	margin: 0;
	line-height: 1;
}
#youji-top-banner .animation-base {
	position: relative;
}
#youji-top-banner .animation-item {
	display: block;
	position: absolute;
	top: 12%;
	right: 18%;
	width: 6vw;
	height: 7vw;
	background: url("/youji/local/images/top_bnr_item.png") no-repeat top;
	background-size: contain;
	z-index: 1;
	opacity: 0;
}
#youji-top-banner .animation-item::before {
	content: "";
	position: absolute;
	top: 38%;
	left: -10%;
	width: 26.7vw;
	height: 5.5vw;
	background: url("/youji/local/images/top_bnr_item2.png") no-repeat top;
	background-size: contain;
}
#youji-top-banner.on .animation-item {
	animation: top-bnr-item .6s cubic-bezier(0, 0, 0.43, 1.19) both;
}
@keyframes top-bnr-item {
	0% {
		right: 0;
		top: 40%;
		opacity: 1;
		transform: rotate(-25deg);
	}
	100% {
		top: 12%;
		right: 18%;
		opacity: 1;
		transform: rotate(0deg);
	}
}
@keyframes top-bnr-item2 {
	/* 0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  } */
}
#youji-top-banner .animation-date {
	position: absolute;
	right: 2%;
	bottom: 0;
	width: 24vw;
	height: 18vw;
	z-index: 2;
	opacity: 0;
}
#youji-top-banner .animation-date img {
	width: 100%;
}
#youji-top-banner.on .animation-date {
	animation: top-bnr-date .4s ease-out .4s both;
}
@keyframes top-bnr-date {
	0% {
		opacity: 0;
		transform: scale(.3);
	}
	1% {
		opacity: 1;
	}
	65% {
		transform: scale(1.15);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}
/* 2019.02 修正 */
@media (max-width: 767px) {
	#youji-top-banner {
		margin: 0;
		transform: translateY(-25px);
	}
}
/* トップページMV */
@media (max-width: 767px) {
	#youji-top-mv .pb-2 {
		padding-bottom: 0 !important;
	}
}
/* トップページMV page-catch-area */
.page-catch-area {}
.page-catch-area.line_wave1:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 10px;
	background: url(/youji/local/images/line_wave_01.png) left top repeat-x;
	background-size: contain;
	bottom: -10px;
	left: 0;
	z-index: 10;
}
.page-catch-area #youji-top-mv-second {
	background: -webkit-radial-gradient(center, circle cover, #2db795 0%, #00a896 40%, #00a896 100%);
	background: -moz-radial-gradient(center, circle cover, #2db795 0, #00a896 40%, #00a896 100%);
	background: -o-radial-gradient(center, circle cover, #2db795 0, #00a896 40%, #00a896 100%);
	background: radial-gradient(#2db795 0, #00a896 40%, #00a896 100%);
}
.page-catch-area #youji-top-mv-second .catch-text p {
	text-align: left;
	font-size: 3.6vw;
	line-height: 7.2vw;
	font-weight: 300;
	width: 80%;
	margin: 0 auto;
	margin-bottom: 1.8em;
}
.page-catch-area #youji-top-mv-second .catch-text ol {
	text-align: left;
	font-size: 2.6vw;
	width: 80%;
	margin: 0 auto;
	padding: 0;
	counter-reset: item;
	list-style: none !important;
}
.page-catch-area #youji-top-mv-second .catch-text ol li {
	line-height: 1.5;
	font-weight: 300;
	font-size: 1em;
	list-style-type: none;
	position: relative;
	padding-left: 1.5em;
}
.page-catch-area #youji-top-mv-second .catch-text ol li:before {
	counter-increment: item;
	content: "*"counter(item);
	font-size: 0.9em;
	display: block;
	position: absolute;
	top: 0.05em;
	left: 0.3em;
}
/* サブページMV subpage-catch-area */
.subpage-catch-area {}
.subpage-catch-area .catch-title {
	padding: 0 0;
	display: table;
	height: 32.5vw;
}
.subpage-catch-area .catch-title p {
	display: table-cell;
	vertical-align: middle;
	color: #69584a;
	font-family: Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Roboto, "Droid Sans", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 7.2vw;
	letter-spacing: 0;
	line-height: 1.6;
	font-weight: 300;
	width: 90%;
	margin: 0 auto;
}
/*   pre-content-paragraph */
.pre-content-paragraph {
	position: relative;
}
.pre-content-paragraph .head-area {}
.pre-content-paragraph .head-area .head-title {
	text-align: center;
	position: relative;
}
.pre-content-paragraph .head-area .head-title.dotted:after {
	content: "";
	display: block;
	width: 100%;
	height: 150%;
	position: absolute;
	background: url(/youji/local/images/bg_title_left.gif) 5% center no-repeat;
	background-size: contain;
	top: -25%;
	left: 0;
}
.pre-content-paragraph .head-area .head-title.dotted:before {
	content: "";
	display: block;
	width: 100%;
	height: 150%;
	position: absolute;
	background: url(/youji/local/images/bg_title_right.gif) 95% center no-repeat;
	background-size: contain;
	top: -25%;
	left: 0;
}
.pre-content-paragraph .head-area .head-title b {
	font-weight: 300;
	font-size: 1.6em;
	color: #00a896;
}
.pre-content-paragraph .head-area .head-title strong {
	font-weight: normal;
	font-size: 1.3em;
	letter-spacing: 0.1vw;
}
.pre-content-paragraph .head-area .head-text {
	text-align: center;
}
.pre-content-paragraph .head-area .head-text b {
	font-weight: normal;
	font-size: 1.3em;
	letter-spacing: 0;
	color: #00a896;
}
.pre-content-paragraph .head-paragraph p {}
.pre-content-paragraph .head-paragraph2 {}
.pre-content-paragraph .head-paragraph2 h2 {
	text-align: center;
}
.pre-content-paragraph .block-image {}
.pre-content-paragraph .block-image2 {
	border: 2px solid #d3d5da;
	border-radius: 0.6em;
	text-align: center;
}
.pre-content-paragraph .block-image2 p:nth-child(1) {
	display: inline-block;
	padding: 0 3%;
	margin-top: -1.25em;
}
.pre-content-paragraph .block-image2 p:nth-child(2) {
	margin-top: -1.25em;
}
.pre-content-paragraph .block-image2 p:nth-child(3) {
	width: 84%;
	margin: 0 auto;
	text-align: left;
}
.pre-content-paragraph .block-icon-title {
	text-align: left;
}
.pre-content-paragraph .block-icon-title .block-icon-title-wrapper {
	display: inline-block;
	padding: 0;
	text-align: left;
	margin-left: 2vw;
	margin-bottom: 3vw;
}
.pre-content-paragraph .block-icon-title .block-icon-title-wrapper .icon {
	width: 11vw;
	height: 12vw;
	float: left;
	margin-top: 0vw;
	margin-right: 3vw;
	margin-left: 1.2vw;
}
.pre-content-paragraph .block-icon-title .block-icon-title-wrapper .icon img {
	width: 100%;
}
.pre-content-paragraph .block-icon-title .block-icon-title-wrapper h3 {
	float: right;
	margin-top: -0.25em;
	margin-bottom: 0;
	line-height: 1.1em;
}
.pre-content-paragraph .block-noicon-title {}
.pre-content-paragraph .block-noicon-title .block-noicon-title-wrapper {}
.pre-content-paragraph .block-noicon-title .block-noicon-title-wrapper h3 {
	text-align: left;
	width: 80%;
	margin: 0 auto;
	position: relative;
	color: #5a483b;
}
.pre-content-paragraph .block-noicon-title .block-noicon-title-wrapper h3:before {
	content: "";
	width: 5px;
	height: 1em;
	background: #5a483b;
	display: block;
	position: absolute;
	top: 1vw;
	left: -4vw;
}
.pre-content-paragraph .block-icon-title h3, .pre-content-paragraph .block-noicon-title h3 {}
.pre-content-paragraph .block-icon-title h3 em, .pre-content-paragraph .block-noicon-title h3 em {
	font-size: 0.5em;
	font-weight: normal;
}
/* æ±Žç”¨ãƒ–ãƒ­ãƒƒã‚¯è¦ç´  pre-content-box */
.pre-content-box {
	position: relative;
}
.pre-content-box:after {
	content: "";
	display: block;
	width: 80%;
	height: 2px;
	background: #dcdcdc;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.pre-content-box.last:after {
	content: "";
	display: block;
	width: 100%;
	height: 2vw;
	background: url(/youji/local/images/line_wave.png) left center no-repeat;
	background-size: 100% auto;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.pre-content-box.last_white:after {
	content: "";
	display: block;
	width: 80%;
	height: 2px;
	background: #ffffff;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.pre-content-box .head-number {
	text-align: center;
}
.pre-content-box .head-title {}
.pre-content-box .head-title.dotted {}
#toppage .pre-content-box .head-image {
	position: relative;
	overflow: hidden;
}
#toppage .pre-content-box .head-image .image-title {
	position: absolute;
	top: -0.5em;
	width: 100%;
	text-align: center;
	z-index: 10;
	font-size: 7.2vw;
	line-height: 1.3em;
	color: #333;
}
#toppage .pre-content-box .head-image .image-title small {
	font-size: 0.4em;
	color: #333;
}
#toppage .pre-content-box .head-image:after {
	content: "";
	display: block;
	position: absolute;
	width: 120%;
	height: 80%;
	background: white;
	border-radius: 0 0 0 0 0;
	border-radius: 50% 50% 50% 50%;
	top: -48%;
	left: -10%;
	z-index: 2;
}
.pre-content-box .block-image {}
.pre-content-box .block-image .banner_target {
	color: #333;
	font-size: 3.6vw;
	position: relative;
	line-height: 1.5;
	padding: 0;
	margin: 0;
	margin-left: 1.75em;
	margin-bottom: 0.5em;
}
.pre-content-box .block-image .banner_target:after {
	position: absolute;
	content: "";
	top: 0.4em;
	left: -1.75em;
	width: 1.25em;
	height: 1.25em;
	background: url(/youji/lib/images/icon_exclamation.svg) center center no-repeat;
	background-size: contain;
}
.pre-content-box .block-image .banner_target b {
	color: #218EA3;
	font-weight: bold;
	position: relative;
	z-index: 1;
}
.pre-content-box .block-image .banner_target b:after {
	position: absolute;
	content: "";
	bottom: 1vw;
	left: 0;
	width: 100%;
	height: 1vw;
	background: #FBFA90;
	z-index: -1;
}
.pre-content-box .block-image .banner_target b strong {
	font-size: 1.3em;
}
.pre-content-box .block-image .banner_target .emp {
	color: #F55778;
	font-weight: bold;
	font-size: 1.3em;
}
.pre-content-box .block-image .banner_text {
	position: relative;
	margin: 0;
	padding: 0;
}
.pre-content-box .block-image .banner_text span {
	position: absolute;
	display: block;
	top: 21%;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 5.2vw;
	color: #218EA3;
}
.pre-content-box .block-image .banner_text span:after {
	content: "　";
	position: absolute;
	display: block;
	right: 13%;
	top: 25%;
	background: url(/youji/lib/images/icon_arrow_218EA3.svg) center center no-repeat;
	background-size: 45%;
}
.pre-content-box .block-image .banner_text strong {
	font-size: 1.5em;
}
.pre-content-box .block-image .annotation {
	font-size: 2.9vw;
	margin: 0;
	padding: 0.75em 0 0 0;
	color: #999;
	text-align: center;
}
.pre-content-box .block-icon-title {
	text-align: center;
	font-size: 0;
}
.pre-content-box .block-icon-title .block-icon-title-wrapper {
	display: inline-block;
	padding: 0;
	text-align: left;
}
.pre-content-box .block-icon-title .block-icon-title-wrapper .icon {
	width: 9vw;
	height: 11.5vw;
	float: left;
	margin-top: 2vw;
	margin-right: 1.5vw;
}
.pre-content-box .block-icon-title .block-icon-title-wrapper .icon.middle {
	width: 11.5vw;
	height: 11.5vw;
}
.pre-content-box .block-icon-title .block-icon-title-wrapper .icon.wide {
	width: 14vw;
	height: 11.5vw;
}
.pre-content-box .block-icon-title .block-icon-title-wrapper .icon img {
	width: 100%;
	height: 100%;
}
.pre-content-box .block-icon-title .block-icon-title-wrapper h3 {
	float: right;
}
.pre-content-box .block-noicon-title {}
.pre-content-box .block-icon-title h3, .pre-content-box .block-noicon-title h3 {}
.pre-content-box .block-icon-title h3 em, .pre-content-box .block-noicon-title h3 em {
	font-size: 0.5em;
	font-weight: normal;
	letter-spacing: 0.3vw;
}
.pre-content-box .block-button {
	padding-top: 6vw;
	padding-bottom: 6vw;
}
.pre-content-box .block-button p.button {
	text-align: center;
	width: 80%;
	margin: 0 auto;
	background-image: -moz-linear-gradient(90deg, rgb(68, 138, 255) 0%, rgb(130, 177, 255) 100%);
	background-image: -webkit-linear-gradient(90deg, rgb(68, 138, 255) 0%, rgb(130, 177, 255) 100%);
	background-image: -ms-linear-gradient(90deg, rgb(68, 138, 255) 0%, rgb(130, 177, 255) 100%);
	box-shadow: 0 0.2em rgb(68, 138, 213);
	border-radius: 0.5em;
	border: 1px solid rgb(68, 138, 255);
}
.pre-content-box .block-button p.button a {
	display: block;
	color: white;
	font-weight: bold;
	font-size: 4.8vw;
	padding: 2vw 0;
}
/* 汎用ブロック要素  pre-content-column */
.pre-content-column {
	position: relative;
}
.pre-content-column .head-area {}
.pre-content-column .head-area .head-title {
	text-align: center;
	font-size: 6vw;
	line-height: 1;
	font-weight: normal;
	letter-spacing: 0.5vw;
}
.pre-content-column .head-area .head-title b {
	font-weight: bold;
	font-size: 1.8em;
}
.pre-content-column .head-area .head-title strong {
	font-weight: normal;
	font-size: 1.2em;
}
.pre-content-column .head-text {}
.pre-content-column .head-text p {
	font-size: 4.2vw;
	font-weight: normal;
	letter-spacing: 0.2vw;
}
.pre-content-column .column-box {
	background: white;
	width: 84%;
	margin: 0 auto 18vw auto;
	padding: 6vw 7%;
	border-radius: 0.6em;
}
.pre-content-column .column-box.last {
	margin-bottom: 0vw;
}
.pre-content-column .column-box .column-icon {
	width: 30%;
	height: 20vw;
	margin-right: 0;
	float: left;
	position: relative;
}
.pre-content-column .column-box .column-icon img {
	width: 130%;
	position: absolute;
	top: -60%;
	left: -40%;
}
.pre-content-column .column-box .column-title {
	width: 70%;
	margin-left: 0%;
	color: #ea54a9;
	float: right;
	position: relative;
}
.pre-content-column .column-box .column-title:after {
	content: "";
	display: block;
	position: absolute;
	bottom: -3.6vw;
	width: 100%;
	height: 1.5vw;
	background: url(/youji/local/images/line_dot_pink.gif) left center repeat-x;
	background-size: contain;
}
.pre-content-column .column-box .column-text {
	clear: both;
}
/* コース料金  pre-content-course */
.pre-content-course {
	padding-bottom: 0 !important;
	position: relative;
}
.pre-content-course .head-area {
	margin-bottom: 18vw;
}
.pre-content-course .head-area .head-title {
	font-size: 5.4vw;
	line-height: 1.8;
	text-align: center;
	position: relative;
}
.pre-content-course .head-area .head-title strong {
	font-weight: normal;
	font-size: 1.3em;
	letter-spacing: 0.1vw;
}
.pre-content-course .head-area .head-text {
	font-size: 5.4vw;
	text-align: center;
}
.pre-content-course .block-course {
	margin: 0 0 3vw 0;
}
.pre-content-course .block-course .course-fee {
	width: 86%;
	margin: 0 auto;
	clear: both;
}
.pre-content-course .block-course .course-fee .left {
	width: 65%;
	float: right;
}
.pre-content-course .block-course .course-fee .left p {
	color: #00a896;
	font-family: Futura, Century Gothic, Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Roboto, "Droid Sans", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	font-weight: 300;
	padding: 0;
	margin: 0;
}
.pre-content-course .block-course .course-fee .left p:nth-child(1) {
	font-size: 3vw;
	line-height: 1;
	padding: 2vw 0 2vw 0;
}
.pre-content-course .block-course .course-fee .left p:nth-child(2) {
	font-size: 3.6vw;
	line-height: 1;
	padding: 1vw 0 2vw 0;
}
.pre-content-course .block-course .course-fee .left p b {
	font-size: 2.75em;
	position: relative;
	font-weight: normal;
}
.pre-content-course .block-course .course-fee .left p:nth-child(2) b:before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 0.2em;
	background: #f8fa90;
	left: 0;
	bottom: 0.2em;
	z-index: -1;
}
.pre-content-course .block-course .course-fee .right {
	width: 30%;
	float: left;
}
.pre-content-course .block-course .course-fee .right p {
	text-align: center;
	color: white;
	font-size: 3.6vw;
	width: 100%;
	margin: 1.5vw auto;
	padding: 1vw 0;
}
.pre-content-course .block-course .course-fee .right p.nencho {
	background: #2290cd;
}
.pre-content-course .block-course .course-fee .right p.nenchu {
	background: #f5aa0f;
}
.pre-content-course .block-tips {}
.pre-content-course .block-tips .tips-list {
	width: 86%;
	margin: 0 auto;
	border: 2px solid #00a896;
	border-radius: 1.5vw;
	position: relative;
}
.pre-content-course .block-tips .tips-list:after {
	content: "";
	position: absolute;
	border: 3vw solid transparent;
	border-bottom: 3vw solid #00a896;
	top: -6vw;
	left: 45%;
	box-sizing: border-box;
}
.pre-content-course .block-tips .tips-list:before {
	content: "";
	position: absolute;
	border: 3vw solid transparent;
	border-bottom: 3vw solid white;
	top: -5.4vw;
	left: 45%;
	z-index: 2;
	box-sizing: border-box;
}
.pre-content-course .block-tips .tips-list ul {
	width: 80%;
	margin: 6vw auto;
	padding: 0;
	list-style: none;
}
.pre-content-course .block-tips .tips-list ul li {
	color: #333;
	font-size: 3.6vw;
	font-family: Futura, Century Gothic, Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Roboto, "Droid Sans", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	font-weight: 300;
	padding: 0.4em 0 0.4em 2em;
	margin: 0 0 0 0;
	line-height: 1.8;
	position: relative;
}
.pre-content-course .block-tips .tips-list ul li:before {
	content: "";
	display: block;
	position: absolute;
	top: 0.72em;
	left: 0;
	font-size: 3.6vw;
	width: 1.1em;
	height: 1.1em;
	background: url(/youji/local/images/icon_check.svg) left center no-repeat;
	background-size: contain;
	padding: 0.4em 0;
}
.pre-content-course .block-tips .tips-list ul li b {
	color: #00a896;
	font-weight: bold;
}
.pre-content-course .block-buttons {}
.pre-content-course .block-buttons .button {
	width: 96%;
	margin: 6vw auto;
	border: 2px solid #00a896;
	text-align: center;
	font-size: 4.2vw;
	border-radius: 1.5vw;
	font-weight: bold;
}
.pre-content-course .block-buttons .button a {
	display: block;
	padding: 4.2vw 0;
	color: #00a896;
	background: url(/youji/lib/images/icon_arrow_4aafa0.svg) 95% center no-repeat;
	background-size: 3% auto;
}
.pre-content-course .block-image {}
.pre-content-course .block-image p {
	width: 100%;
	margin: 6vw auto 0 auto;
}
/* 体験  pre-content-experience */
.pre-content-experience {
	padding-bottom: 0 !important;
}
.pre-content-experience .head-experience {}
.pre-content-experience .head-experience h2 {
	padding: 0;
	margin: 0;
	position: relative;
}
.pre-content-experience .head-experience h2 span {
	position: absolute;
	top: 2.3em;
	left: 1em;
	font-size: 5.8vw;
	color: #333;
	line-height: 1.6;
}
.pre-content-experience .block-experience {
	padding-bottom: 6vw;
	position: relative;
}
.pre-content-experience .block-experience:after {
	content: "";
	display: block;
	width: 80%;
	height: 2px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	background: #dcdcdc;
}
.pre-content-experience .block-experience .experience-box {
	width: 86%;
	margin: 4.2vw auto 6vw auto;
	border: 2px solid #00a896;
	border-radius: 2vw;
	overflow: hidden;
}
.pre-content-experience .block-experience .experience-box a {
	display: block;
	width: 100%;
	margin: 0 auto;
	color: #333;
	background: url(/youji/lib/images/icon_arrow_4aafa0.svg) 95% center no-repeat;
	background-size: 3% auto;
}
.pre-content-experience .block-experience .experience-box .left {
	width: 50%;
	float: left;
}
.pre-content-experience .block-experience .experience-box .right {
	width: 45%;
	height: 100%;
	float: right;
}
.pre-content-experience .block-experience .experience-box .right p.text01 {
	margin: 9vw 0 0 0;
	font-size: 3vw;
}
.pre-content-experience .block-experience .experience-box .right p.text02 {
	margin: 1vw 0 0 0;
	font-size: 4.8vw;
	font-weight: 300;
}
.pre-content-experience .block-experience .experience-box .clear {
	clear: both;
}
/* 学年選択  pre-content-grades */
.pre-content-grades {}
.pre-content-grades .head-grades {}
.pre-content-grades .head-grades h2 {
	padding: 0;
	margin: 0;
}
.pre-content-grades .head-grades p.more {
	text-align: center;
	font-size: 3.6vw;
	padding: 0;
	margin: 1.8vw 0;
}
.pre-content-grades .head-grades p.more a {
	color: #6d6d6d;
}
.pre-content-grades .head-grades p.more a:after {
	content: "";
	display: inline-block;
	margin-left: 0.5em;
	font-size: 1em;
	width: 1em;
	height: 1em;
	background: url(/youji/lib/images/icon_arrow_down.svg) left 90% no-repeat;
	background-size: contain;
	transition: 0.3s all;
}
.pre-content-grades .head-grades p.more.closed a:after {
	transform: scaleY(-1) translateY(-1vw);
}
.pre-content-grades .head-grades div.more_info {
	width: 90%;
	margin: 0 auto;
	font-size: 3.2vw;
	line-height: 1.6;
}
.pre-content-grades .block-grades {
	padding-top: 4.8vw;
}
.pre-content-grades .block-grades p {
	text-align: center;
	color: #333;
	font-size: 4.8vw;
	font-family: Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Roboto, "Droid Sans", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	font-weight: bold;
	line-height: 1.5;
}
.pre-content-grades .block-grades p b {
	color: #c7254f;
	font-weight: bold;
}
.pre-content-grades .block-grades p a {
	color: white;
	display: block;
	padding: 4vw 0;
}
.pre-content-grades .block-grades p.nenchu {
	background: #f5aa0f url(/youji/lib/images/icon_arrow_white.svg) 90% center no-repeat;
	background-size: auto 26%;
	border-radius: 2vw;
	width: 84%;
	font-size: 6vw;
	margin-left: 4%;
}
.pre-content-grades .block-grades p.nencho {
	background: #2290cd url(/youji/lib/images/icon_arrow_white.svg) 90% center no-repeat;
	background-size: auto 26%;
	border-radius: 2vw;
	width: 84%;
	font-size: 6vw;
	margin-left: 13%;
}
/* [キャンペーンバナーエリア] */
.campaign-area .container {
	padding: 0 0;
	background: #e9e9e9;
}
.campaign-area .container .slick-initialized .slick-slide {}
.slider-center {
	display: none;
	opacity: 0;
	transition: opacity .80s ease-in-out;
	-moz-transition: opacity .80s ease-in-out;
	-webkit-transition: opacity .80s ease-in-out;
}
.slider-center.loaded {
	display: block;
	opacity: 1;
}
/* [キャンペーンバナーエリア:テキスト入り] */
.campaign-area .container .slick-initialized .slick-track {
	display: flex;
	padding: 12vw 0;
}
.campaign-area .container .slick-initialized .slick-track > div {
	transition: .30s all;
	-webkit-backface-visibility: hidden !important;
	backface-visibility: hidden !important;
}
.campaign-area .container .slick-initialized .slick-slide:not(.slick-center) {
	transform: scale(0.9);
}
.campaign-area .container .slick-initialized .slick-center {
	transform: scale(1.0);
}
.campaign-area .container .slick-initialized .slick-center.txtincl a div.title {}
.campaign-area .container .slick-initialized .slick-next::before, .campaign-area .container .slick-initialized .slick-prev::before {
	font-size: 10vw;
	line-height: 1;
	opacity: 0.8;
	color: #00a896;
}
.campaign-area .container .slick-initialized .slick-prev {
	width: 10vw;
	height: 10vw;
	left: 2vw;
	z-index: 1;
}
.campaign-area .container .slick-initialized .slick-next {
	width: 10vw;
	height: 10vw;
	right: 2vw;
	z-index: 1;
}
.campaign-area .container .slick-initialized .slick-slide.txtincl {
	background: #fff;
	padding: 0px;
	margin: 0 2vw;
	border-radius: 0;
	box-shadow: 0 0 4vw #999;
}
.campaign-area .container .slick-initialized .slick-slide.txtincl:hover {
	opacity: 0.7;
}
.campaign-area .container .slick-initialized .slick-slide.txtincl a {
	display: block;
}
.campaign-area .container .slick-initialized .slick-slide.txtincl a > div {
	font-weight: 300;
}
.campaign-area .container .slick-initialized .slick-slide.txtincl a img {
	width: 100%;
	margin-bottom: 3.6vw;
}
.campaign-area .container .slick-initialized .slick-slide.txtincl a div.title {
	text-align: center;
	color: #333;
	font-weight: 300;
	font-size: 4.2vw;
	margin-bottom: 3.2vw;
	-webkit-backface-visibility: hidden !important;
	backface-visibility: hidden !important;
}
.campaign-area .container .slick-initialized .slick-slide.txtincl a div.txt {
	color: #333;
	font-weight: 300;
	font-size: 3vw;
	width: 90%;
	margin: 0 auto;
	margin-bottom: 3.6vw;
	-webkit-backface-visibility: hidden !important;
	backface-visibility: hidden !important;
}
.campaign-area .container .slick-initialized .slick-slide.txtincl a:after {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	content: ".";
}
.back-page-top {
	color: #4aafa0;
}
.sitemap.pre {
	border-top: 2px solid #00a896;
	padding-bottom: 6vw;
}
.sitemap.pre .site-logo {
	background: white;
	padding-top: 4vw;
}
.sitemap.pre .site-logo img {
	max-width: 33%;
	margin-left: 1vw;
}
.sitemap.pre .site-logo span {
	font-size: 3vw;
	padding: 0;
	margin-left: 1em;
	line-height: 1.3;
}
.sitemap.pre .nav {
	border-top: 0;
}
.modal-dialog .nav > li, .sitemap.pre .nav > li {
	font-weight: 300;
	font-size: 3.6vw;
	text-indent: 0.5em;
	padding-top: 0;
	padding-bottom: 0;
}
.modal-dialog .nav > li > a, .sitemap.pre .nav > li > a {
	padding-top: 3vw;
	padding-bottom: 3vw;
}
.modal-dialog .nav > li.grades, .sitemap.pre .nav > li.grades {
	background: white;
	text-indent: 0;
	padding-top: 3vw;
	padding-bottom: 0;
}
.modal-dialog .nav > li.grades .notice, .sitemap.pre .nav > li.grades .notice {
	font-size: 3vw;
	text-indent: 1.25em;
	letter-spacing: 0.05em;
	margin: 0 0 0.25em 0;
}
.modal-dialog .nav > li.grades .notice b, .sitemap.pre .nav > li.grades .notice b {
	color: #e6365b;
	font-weight: bold;
}
header .sp-nav .nav > li > a::after, .sitemap.pre .nav > li > a::after {
	color: #5a483b;
	font-size: 4vw;
	position: absolute;
	top: 25%;
	right: 3%;
}
header .sp-nav h1.site-logo img {
	width: auto;
	height: 8vw;
	margin-top: 1vw;
	margin-left: 1vw;
}
header .sp-nav .nav > li:first-child {
	border: 0;
}
.modal-dialog .nav > li.grades > a, .sitemap.pre .nav > li.grades > a {
	content: "";
	padding: 0;
	box-sizing: border-box;
	border-top: 1px solid #c8c8c8;
}
.modal-dialog .nav > li.grades > a:nth-last-child(1), .sitemap.pre .nav > li.grades > a:nth-last-child(1) {
	border-bottom: 1px solid #c8c8c8;
}
.modal-dialog .nav > li.grades > a::after, .sitemap.pre .nav > li.grades > a::after {
	font-size: 4vw;
	position: absolute;
	top: 35%;
	right: 3%;
}
.modal-dialog .nav > li.grades > a.pre::after, .sitemap.pre .nav > li.grades > a.pre::after {
	color: #F06E00;
}
.modal-dialog .nav > li.grades > a.nencho::after, .sitemap.pre .nav > li.grades > a.nencho::after {
	color: #1c8dcc;
}
.modal-dialog .nav > li.grades > a.nenchu::after, .sitemap.pre .nav > li.grades > a.nenchu::after {
	color: #f5aa0f;
}
.modal-dialog .nav > li.grades > a.nensho::after, .sitemap.pre .nav > li.grades > a.nensho::after {
	color: #f05096;
}
.modal-dialog .nav > li.grades > a.new-1st-year::after, .sitemap.pre .nav > li.grades > a.new-1st-year::after {
	color: #77caf5;
}
.modal-dialog .nav > li.grades .btn-grade, .sitemap.pre .nav > li.grades .btn-grade {
	text-align: center;
	line-height: 1;
	padding: 2.5vw 0 2.5vw 0;
	margin: 0;
	position: relative;
}
.modal-dialog .nav > li.grades .btn-grade.pre, .sitemap.pre .nav > li.grades .btn-grade.pre {
	border-left: 8px solid #F06E00;
}
.modal-dialog .nav > li.grades .btn-grade.nencho, .sitemap.pre .nav > li.grades .btn-grade.nencho {
	border-left: 8px solid #1c8dcc;
}
.modal-dialog .nav > li.grades .btn-grade.nenchu, .sitemap.pre .nav > li.grades .btn-grade.nenchu {
	border-left: 8px solid #f5aa0f;
}
.modal-dialog .nav > li.grades .btn-grade.nensho, .sitemap.pre .nav > li.grades .btn-grade.nensho {
	border-left: 8px solid #f05096;
}
.modal-dialog .nav > li.grades .btn-grade.new-1st-year, .sitemap.pre .nav > li.grades .btn-grade.new-1st-year {
	border-left: 8px solid #77caf5;
}
.modal-dialog .nav > li.grades .btn-grade p, .sitemap.pre .nav > li.grades .btn-grade p {
	padding: 0;
	margin: 0;
}
.modal-dialog .nav > li.grades a div.btn-grade.pre p:nth-child(1), .sitemap.pre .nav > li.grades a div.btn-grade.pre p:nth-child(1) {
	color: #F06E00;
}
.modal-dialog .nav > li.grades a div.btn-grade.nencho p:nth-child(1), .sitemap.pre .nav > li.grades a div.btn-grade.nencho p:nth-child(1) {
	color: #1c8dcc;
}
.modal-dialog .nav > li.grades a div.btn-grade.nenchu p:nth-child(1), .sitemap.pre .nav > li.grades a div.btn-grade.nenchu p:nth-child(1) {
	color: #f5aa0f;
}
.modal-dialog .nav > li.grades a div.btn-grade.nensho p:nth-child(1), .sitemap.pre .nav > li.grades a div.btn-grade.nensho p:nth-child(1) {
	color: #f05096;
}
.modal-dialog .nav > li.grades a div.btn-grade.new-1st-year p:nth-child(1), .sitemap.pre .nav > li.grades a div.btn-grade.new-1st-year p:nth-child(1) {
	color: #77caf5;
}
.modal-dialog .nav > li.grades .btn-grade p:nth-child(1), .sitemap.pre .nav > li.grades .btn-grade p:nth-child(1) {
	font-size: 4.5vw;
	font-weight: bold;
	line-height: 1.5;
}
.modal-dialog .nav > li.grades .btn-grade p:nth-child(2), .sitemap.pre .nav > li.grades .btn-grade p:nth-child(2) {
	font-size: 2.6vw;
	font-weight: normal;
	line-height: 1.5;
	letter-spacing: 0.05em;
}
/* [見守るネットログインボタン] */
.btn-login-pre {
	display: table;
	height: 50px;
	padding: 6px 0 3px;
	font-size: 12px;
}
.btn-login-pre > span > em {
	font-weight: bold;
	font-size: 16px;
}
@media screen and (max-width: 767px) {
	.btn-login-pre > span > em {
		padding-right: 3px;
	}
}
.btn-login-pre > span {
	display: table-cell;
	padding: 0;
	line-height: 1.3;
	vertical-align: middle;
}
.btn-login-pre > span:first-child {
	font-size: 24px;
	padding-right: 3px;
	text-align: right;
}
.btn-login-pre > span:last-child {
	padding-right: 5px;
	font-size: 16px;
}
/* CSSアニメーション  toppage-function1 */
.animation_func1 {
	position: relative;
	width: 100%;
}
@media screen and (min-width: 768px) {
	.animation_func1::before {
		background-image: url(/youji/local/images/toppage-function1/func01_pc.png);
	}
}
.animation_func1 > div {
	position: absolute;
	width: 100%;
	z-index: 1;
}
.animation_func1 .item1 {
	-webkit-animation-duration: 6.6s;
	animation-duration: 6.6s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: func1_1;
	animation-name: func1_1;
}
.animation_func1 .item2 {
	-webkit-animation-duration: 6.6s;
	animation-duration: 6.6s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: func1_2;
	animation-name: func1_2;
}
.animation_func1 .item3 {
	-webkit-animation-duration: 6.6s;
	animation-duration: 6.6s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: func1_3;
	animation-name: func1_3;
}
.animation_func1 .item4 {
	-webkit-animation-duration: 6.6s;
	animation-duration: 6.6s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: func1_4;
	animation-name: func1_4;
}
.animation_func1 .item5 {
	-webkit-animation-duration: 6.6s;
	animation-duration: 6.6s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: func1_5;
	animation-name: func1_5;
}
@-webkit-keyframes func1_1 {
	0% {
		opacity: 1;
	}
	8% {
		opacity: 1;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
@keyframes func1_1 {
	0% {
		opacity: 1;
	}
	8% {
		opacity: 1;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
@-webkit-keyframes func1_2 {
	0% {
		opacity: 1;
	}
	28% {
		opacity: 1;
	}
	40% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
@keyframes func1_2 {
	0% {
		opacity: 1;
	}
	28% {
		opacity: 1;
	}
	40% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
@-webkit-keyframes func1_3 {
	0% {
		opacity: 1;
	}
	48% {
		opacity: 1;
	}
	60% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
@keyframes func1_3 {
	0% {
		opacity: 1;
	}
	48% {
		opacity: 1;
	}
	60% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
@-webkit-keyframes func1_4 {
	0% {
		opacity: 1;
	}
	68% {
		opacity: 1;
	}
	80% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
@keyframes func1_4 {
	0% {
		opacity: 1;
	}
	68% {
		opacity: 1;
	}
	80% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
@-webkit-keyframes func1_5 {
	0% {
		opacity: 1;
	}
	88% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes func1_5 {
	0% {
		opacity: 1;
	}
	88% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
/*------ここまで------*/
.content_slide {}
.content_slide figure {
	position: relative;
}
.content_slide figure:before {
	position: absolute;
	content: " ";
	display: block;
	background: transparent;
	width: 100%;
	height: 100%;
	z-index: 10;
}
.content_slide .toppage_slider img {
	width: 100%;
}
.content_slide .toppage_slider .slick-slide {
	margin-left: 10px;
	margin-right: 10px;
}
.content_slide .toppage_slider .slick-center {
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	transition-delay: 0.5s;
	transform: scale(1.05, 1.05);
	transform-origin: 50% 0%;
}
.content_slide .toppage_slider p:not(.slick-center) {
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	transition-delay: 0.5s;
	zoom: 1;
	-moz-transform: scale(0.95, 0.95);
	-moz-transform-origin: 50% 0%;
}
@media screen and (min-width: 768px) and (max-width: 1060px) {
	header > .container {
		height: 90px !important;
	}
	header .nav-change-course.pre ul {
		margin: 0 auto !important;
		padding-top: 15px;
	}
	header .nav-change-course.pre ul li {
		font-size: 0.8em;
		margin-right: 0.5em;
	}
	.page-catch-area {
		max-width: 100%;
		margin: 0 auto;
	}
	.page-catch-area > .container {
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
		padding-left: 0;
		padding-right: 0;
	}
	#toppage .pre-content-box .head-image .image-title {
		font-size: 30px !important;
		line-height: 1.2em !important;
	}
	.pre-content-box .block-image {}
	.pre-content-box .block-image .banner_target {
		font-size: 19px !important;
	}
	.pre-content-box .block-image .banner_target:after {}
	.pre-content-box .block-image .banner_target b {}
	.pre-content-box .block-image .banner_target b:after {
		bottom: 5px;
		left: 0;
		width: 100%;
		height: 5px;
	}
	.pre-content-box .block-image .banner_target b strong {}
	.pre-content-box .block-image .banner_target .emp {}
	.pre-content-box .block-image .banner_text {}
	.pre-content-box .block-image .banner_text span {
		font-size: 3.4vw !important;
		top: 3.2vw;
	}
	.pre-content-box .block-image .banner_text:hover span {
		opacity: 0.8;
	}
	.pre-content-box .block-image .banner_text strong {
		font-size: 1.5em;
	}
	.pre-content-box .block-image .annotation {
		font-size: 16px !important;
	}
}
@media screen and (min-width: 768px) {
	header .site-logo.pre {
		width: 190px;
		float: left;
	}
	header .site-logo.pre img {
		width: 190px;
		height: 50px;
	}
	header > .container {
		height: 62px;
	}
	header .nav-change-grade {
		position: absolute !important;
		right: 220px !important;
		bottom: 0px;
		margin: 0 auto 0 0;
	}
	header .nav-change-grade ul {
		display: table;
		margin: 0;
	}
	header .nav-change-grade li {
		display: table-cell;
		vertical-align: bottom;
	}
	header .nav-change-grade.pre li {
		width: 160px;
		height: 30px;
	}
	header .nav-change-grade li > a {
		border-radius: 4px 4px 0 0;
		border-bottom: solid 2px #666;
		display: block;
		padding: 1px 0 0;
		font-size: 12px;
		font-weight: bold;
		line-height: 24px;
		text-align: center;
	}
	.nav-change-grade.pre li > a {
		font-family: 'GenJyuuGothic';
		transform: rotate(0.1deg);
	}
	header .nav-change-grade.pre li.btn-nencho > a {
		border-color: #2290cd;
		color: #2290cd;
	}
	header .nav-change-grade.pre li.btn-nenchu > a {
		border-color: #f5aa0f;
		color: #f5aa0f;
	}
	header .nav-change-grade.pre li.btn-nensho > a {
		border-color: #f05096;
		color: #f05096;
	}
	header .nav-change-grade.pre li.btn-nencho > a:hover, header .nav-change-grade.pre li.btn-nencho > a.is-active {
		background-color: #2290cd;
	}
	header .nav-change-grade.pre li.btn-nenchu > a:hover, header .nav-change-grade.pre li.btn-nenchu > a.is-active {
		background-color: #f5aa0f;
	}
	header .nav-change-grade.pre li.btn-nensho > a:hover, header .nav-change-grade.pre li.btn-nensho > a.is-active {
		background-color: #f05096;
	}
	header .nav-change-course.pre {
		top: 5px;
		/* right: 440px; */
	}
	header .nav-change-course.pre li::before {
		color: #5a483b;
	}
	.bg_00a896 {
		background: #00a896;
		color: white;
	}
	/*
.bg_f8efd9{
  background:#fbf6e6;
  color:#5a483b;
}*/
	.fontsize_large {
		font-size: 32px !important;
	}
	.fontsize_middle {
		font-size: 24px !important;
		font-weight: bold !important;
		line-height: 1.4 !important;
	}
	.fontsize_normal {
		font-size: 16px !important;
	}
	.line_hukidasi:before {
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		max-width: 1000px;
		height: 70px;
		background: url(/youji/local/images/line_hukidasi_pc.png) center top no-repeat;
		background-size: contain;
		top: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	.line_wave:after {
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		height: 11px;
		background: url(/youji/local/images/line_wave.png) left top repeat-x;
		background-size: contain;
		top: -11px;
		left: 0;
	}
	.line_wave2:after {
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		height: 11px;
		background: url(/youji/local/images/line_wave_02.png) left bottom repeat-x;
		background-size: contain;
		top: -11px;
		left: 0;
	}
	.line_wave3:after {
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		height: 11px;
		background: url(/youji/local/images/line_wave_03.png) left top repeat-x;
		background-size: contain;
		top: 0;
		left: 0;
	}
	.line_wave4:after {
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		height: 11px;
		background: url(/youji/local/images/line_wave_04.png) left top repeat-x;
		background-size: contain;
		top: 0;
		left: 0;
	}
	.line_wave5:after {
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		height: 11px;
		background: url(/youji/local/images/line_wave_05.png) left top repeat-x;
		background-size: contain;
		top: 0;
		left: 0;
	}
	/* トップページ 日付 */
	#youji-top-banner {
		max-width: 480px;
		margin: 0 auto;
	}
	#youji-top-banner .animation-item {
		max-width: 30px;
		max-height: 35px;
	}
	#youji-top-banner .animation-item::before {
		max-width: 136px;
		max-height: 28px;
	}
	#youji-top-banner .animation-date {
		max-width: 112px;
		max-height: 88px;
	}
	/* -------------------- */
	.page-catch-area {
		max-width: 1000px;
		margin: 3px auto 0 auto;
	}
	.page-catch-area > .container {
		width: 1000px;
		margin: 0 auto;
		padding-left: 0;
		padding-right: 0;
	}
	.page-catch-area > .container > .row > div {
		padding-left: 0;
		padding-right: 0;
	}
	.page-catch-area.line_wave1:after {
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		height: 10px;
		background: url(/youji/local/images/line_wave_01.png) left top repeat-x;
		background-size: contain;
		bottom: -10px;
		left: 0;
		z-index: 10;
	}
	.page-catch-area #youji-top-mv-second {
		padding-top: 48px;
	}
	.page-catch-area #youji-top-mv-second .catch-text p {
		text-align: left;
		font-size: 16px;
		line-height: 1.8;
		font-weight: 300;
		width: 70%;
		margin: 0 auto;
		margin-bottom: 1.8em;
	}
	.page-catch-area #youji-top-mv-second .catch-text ol {
		font-size: 12px;
		width: 70%;
		margin: 0 auto;
	}
	/* サブページMV subpage-catch-area */
	.subpage-catch-area {
		max-width: 1000px;
		margin: 0 auto;
	}
	.subpage-catch-area > .container {
		width: 100%;
		max-width: 1000px;
		margin: 0 auto;
		padding-left: 0;
		padding-right: 0;
	}
	.subpage-catch-area > .container > .row > div {
		padding-left: 0;
		padding-right: 0;
	}
	.subpage-catch-area .catch-title {
		padding: 0 0;
		height: 100px;
	}
	.subpage-catch-area .catch-title p {
		color: #69584a;
		font-size: 26px;
		letter-spacing: 0;
		line-height: 1.4;
		width: 90%;
		margin: 0 auto;
	}
	/* 汎用ブロック要素 pre-content-paragraph */
	.pre-content-paragraph {
		position: relative;
	}
	.pre-content-paragraph .head-area {}
	.pre-content-paragraph .head-area .head-title {
		text-align: center;
		position: relative;
	}
	.pre-content-paragraph .head-area .head-title.dotted:after {
		content: "";
		display: block;
		width: 100%;
		height: 150%;
		position: absolute;
		background: url(/youji/local/images/bg_title_left.gif) 5% center no-repeat;
		background-size: contain;
		top: -25%;
		left: 0;
	}
	.pre-content-paragraph .head-area .head-title.dotted:before {
		content: "";
		display: block;
		width: 100%;
		height: 150%;
		position: absolute;
		background: url(/youji/local/images/bg_title_right.gif) 95% center no-repeat;
		background-size: contain;
		top: -25%;
		left: 0;
	}
	.pre-content-paragraph .head-area .head-title b {
		font-weight: 300;
		font-size: 1.6em;
		color: #00a896;
	}
	.pre-content-paragraph .head-area .head-title strong {
		font-weight: normal;
		font-size: 1.3em;
		letter-spacing: 0.05em;
	}
	.pre-content-paragraph .head-area .head-text {
		text-align: center;
	}
	.pre-content-paragraph .head-area .head-text b {
		font-weight: normal;
		font-size: 1.3em;
		letter-spacing: 0;
		color: #00a896;
	}
	.pre-content-paragraph .head-paragraph p {}
	.pre-content-paragraph .head-paragraph2 {}
	.pre-content-paragraph .head-paragraph2 h2 {
		text-align: center;
	}
	.pre-content-paragraph .block-image {}
	.pre-content-paragraph .block-image2 {
		border: 2px solid #d3d5da;
		border-radius: 0.6em;
		text-align: center;
	}
	.pre-content-paragraph .block-image2 p:nth-child(1) {
		display: inline-block;
		padding: 0 3%;
		margin-top: -1.25em;
	}
	.pre-content-paragraph .block-image2 p:nth-child(2) {
		margin-top: -1.25em;
	}
	.pre-content-paragraph .block-image2 p:nth-child(3) {
		width: 84%;
		margin: 0 auto;
		text-align: left;
	}
	.pre-content-paragraph .block-icon-title {
		text-align: left;
	}
	.pre-content-paragraph .block-icon-title .block-icon-title-wrapper {
		display: inline-block;
		padding: 0;
		text-align: left;
		margin-left: 0;
		margin-bottom: 10px;
	}
	.pre-content-paragraph .block-icon-title .block-icon-title-wrapper .icon {
		width: 45px;
		height: 45px;
		margin-top: 0.25em;
		margin-right: 0.5em;
		margin-left: 0em;
	}
	.pre-content-paragraph .block-noicon-title .block-noicon-title-wrapper h3:before {
		content: "";
		width: 5px;
		height: 1em;
		top: 0.3em;
		left: -0.5em;
	}
	/* 汎用ブロック要素 pre-content-box */
	.pre-content-box {
		position: relative;
	}
	.pre-content-box:after {
		content: "";
		display: block;
		width: 80%;
		height: 2px;
		background: #dcdcdc;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	.pre-content-box.last:after {
		content: "";
		display: block;
		width: 100%;
		height: 12px;
		background: url(/youji/local/images/line_wave.png) left center repeat-x;
		background-size: contain;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	.pre-content-box .head-image {}
	#toppage .pre-content-box .head-image .image-title {
		top: 0em;
		left: 0px;
		width: 100%;
		font-size: 31px;
		line-height: 1.2em;
	}
	#toppage .pre-content-box#toppage-function1 .head-image .image-title {
		top: 0.25em;
	}
	#toppage .pre-content-box#toppage-function2 .head-image .image-title {
		top: -0.5em;
	}
	#toppage .pre-content-box#toppage-function3 .head-image .image-title {
		top: -0.5em;
	}
	#toppage .pre-content-box .head-image .image-title small {
		font-size: 0.5em;
	}
	#toppage .pre-content-box .head-image:after {
		content: "";
		display: block;
		position: absolute;
		width: 120%;
		height: 75%;
		background: white;
		border-radius: 0 0 0 0 0;
		border-radius: 50% 50% 50% 50%;
		top: -48%;
		left: -10%;
		z-index: 2;
	}
	.pre-content-box .block-image {}
	.pre-content-box .block-image .banner_target {
		width: 120%;
		font-size: 18px;
	}
	.pre-content-box .block-image .banner_target:after {}
	.pre-content-box .block-image .banner_target b {}
	.pre-content-box .block-image .banner_target b:after {
		bottom: 5px;
		left: 0;
		width: 100%;
		height: 5px;
	}
	.pre-content-box .block-image .banner_target b strong {}
	.pre-content-box .block-image .banner_target .emp {}
	.pre-content-box .block-image .banner_text {
		transition: all 0.3s;
	}
	.pre-content-box .block-image .banner_text span {
		top: 28%;
		font-size: 30px;
		transition: all 0.3s;
	}
	.pre-content-box .block-image .banner_text:hover {
		opacity: 0.7;
	}
	.pre-content-box .block-image .banner_text strong {
		font-size: 1.5em;
	}
	.pre-content-box .block-image .annotation {
		font-size: 14px;
	}
	.pre-content-box .block-icon-title .block-icon-title-wrapper {
		display: inline-block;
		padding: 0;
		text-align: left;
	}
	.pre-content-box .block-icon-title .block-icon-title-wrapper .icon {
		width: 35px;
		height: 35px;
		float: left;
		margin-top: 15px;
		margin-right: 12px;
	}
	.pre-content-box .block-icon-title .block-icon-title-wrapper .icon.middle {
		width: 48px;
		height: 48px;
		margin-top: 9px;
	}
	.pre-content-box .block-icon-title .block-icon-title-wrapper .icon.wide {
		width: 50px;
		height: 50px;
		margin-top: 7px;
	}
	.pre-content-box .block-icon-title h3 em, .pre-content-box .block-noicon-title h3 em {
		font-size: 0.5em;
		font-weight: normal;
		letter-spacing: 0.05em;
	}
	.pre-content-box .block-button {
		padding-top: 18px;
		padding-bottom: 18px;
	}
	.pre-content-box .block-button p.button {
		width: 70%;
		margin: 0 auto;
		border-radius: 1em;
		transition: all 0.3s;
	}
	.pre-content-box .block-button p.button a {
		font-size: 20px;
		padding: 0.75em 0;
	}
	.pre-content-box .block-button p.button:hover {
		opacity: 0.8;
	}
	.pc-margin-gakusyu_tablet {
		margin-top: 38px;
	}
	.pc-margin-maru {
		margin-top: 55px;
	}
	.pc-margin-yomiage {
		/* margin-top: 35px; */
	}
	.pc-margin-tokei {
		margin-top: 6px;
	}
	.pc-margin-eigo {}
	#tanoshisa {
		padding-top: 15px;
	}
	.pc-margin-kurikaeshi {
		margin-top: 14px;
		padding-bottom: 14px;
	}
	.pc-margin-pen {
		margin-top: 0px;
		padding-bottom: 0px;
	}
	.pc-margin-yaruki {
		margin-top: 18px;
		padding-bottom: 18px;
	}
	.pc-margin-kazu {
		margin-top: 65px;
		margin-bottom: 65px;
	}
	.pc-margin-machigai{
		margin-top: 70px;
		padding-bottom: 120px;
	}
	pc-margin-net {}
	pc-margin-taikyu {}
	pc-margin-anshin_support {}
	pc-margin-shisei {}
	pc-margin-alert {}
	/* 汎用ブロック要素  pre-content-column */
	.pre-content-column {
		position: relative;
	}
	.pre-content-column .head-area {}
	.pre-content-column .head-area .head-title {
		text-align: center;
		font-size: 36px;
		line-height: 1;
		font-weight: normal;
		letter-spacing: 0.05em;
	}
	.pre-content-column .head-area .head-title b {
		font-weight: bold;
		font-size: 1.8em;
	}
	.pre-content-column .head-area .head-title strong {
		font-weight: normal;
		font-size: 1.2em;
	}
	.pre-content-column .head-text {}
	.pre-content-column .head-text p {
		font-size: 16px;
		font-weight: normal;
		letter-spacing: 0.05em;
	}
	.pre-content-column .column-box {
		background: white;
		width: 90%;
		margin: 0 auto 40px auto;
		padding: 40px 5%;
		border-radius: 0.6em;
	}
	.pre-content-column .column-box.last {
		margin-bottom: 0vw;
	}
	.pre-content-column .column-box .column-icon {
		width: 30%;
		height: 190px;
		margin-right: 0;
	}
	.pre-content-column .column-box .column-icon img {
		width: 130%;
		position: absolute;
		top: -20%;
		left: -40%;
	}
	.pre-content-column .column-box .column-title {
		width: 70%;
		margin-left: 0%;
		color: #ea54a9;
		float: right;
		position: relative;
	}
	.pre-content-column .column-box .column-title:after {
		content: "";
		display: block;
		position: absolute;
		bottom: -0.5em;
		width: 100%;
		height: 0.25em;
		background: url(/youji/local/images/line_dot_pink.gif) left center repeat-x;
		background-size: contain;
	}
	.pre-content-column .column-box .column-text {
		clear: both;
	}
	/* コース料金  pre-content-course */
	.pre-content-course {
		padding-bottom: 0 !important;
		position: relative;
	}
	.pre-content-course .head-area {
		width: 100%;
		max-width: 700px;
		margin: 0 auto;
		margin-bottom: 60px;
	}
	.pre-content-course .head-area .head-title {
		font-size: 24px;
		line-height: 1.3;
		text-align: center;
		position: relative;
	}
	.pre-content-course .head-area .head-title strong {
		font-weight: normal;
		font-size: 1.5em;
		letter-spacing: 0em;
	}
	.pre-content-course .head-area .head-text {
		font-size: 24px;
		line-height: 1.3;
		text-align: center;
	}
	.pre-content-course .block-course-area {
		width: 100%;
		max-width: 500px !important;
		margin: 0 auto 0 auto;
	}
	.pre-content-course .block-course {
		margin: 0 auto 80px auto;
	}
	.pre-content-course .block-course .course-fee {
		width: 100%;
		margin: 0 auto;
		clear: both;
	}
	.pre-content-course .block-course .course-fee .left {
		width: 55%;
		float: right;
	}
	.pre-content-course .block-course .course-fee .left p {
		color: #00a896;
		padding: 0;
		margin: 0;
	}
	.pre-content-course .block-course .course-fee .left p:nth-child(1) {
		font-size: 14px;
		line-height: 1;
		padding: 40px 0 0px 0;
	}
	.pre-content-course .block-course .course-fee .left p:nth-child(2) {
		font-size: 16px;
		line-height: 1;
		padding: 10px 0 10px 0;
	}
	.pre-content-course .block-course .course-fee .left p b {
		font-size: 2.75em;
		position: relative;
		font-weight: normal;
	}
	.pre-content-course .block-course .course-fee .left p:nth-child(2) b:before {
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		height: 0.2em;
		background: #f8fa90;
		left: 0;
		bottom: 0.2em;
		z-index: -1;
	}
	.pre-content-course .block-course .course-fee .right {
		width: 40%;
		float: left;
	}
	.pre-content-course .block-course .course-fee .right p {
		text-align: center;
		color: white;
		font-size: 30px;
		width: 100%;
		margin: 10px auto;
		padding: 6px 0;
	}
	.pre-content-course .block-course .course-fee .right p.nencho {
		background: #2290cd;
	}
	.pre-content-course .block-course .course-fee .right p.nenchu {
		background: #f5aa0f;
	}
	.pre-content-course .block-tips-area {
		width: 100%;
		max-width: 700px !important;
		margin: 0 auto 0 auto;
	}
	.pre-content-course .block-tips {}
	.pre-content-course .block-tips .tips-list {
		width: 86%;
		margin: 0 auto;
		border: 1px solid #00a896;
		border-radius: 1em;
		position: relative;
	}
	.pre-content-course .block-tips .tips-list:after {
		content: "";
		position: absolute;
		border: 20px solid transparent;
		border-bottom: 20px solid #00a896;
		top: -40px;
		left: 45%;
		box-sizing: border-box;
	}
	.pre-content-course .block-tips .tips-list:before {
		content: "";
		position: absolute;
		border: 20px solid transparent;
		border-bottom: 20px solid white;
		top: -38px;
		left: 45%;
		z-index: 2;
		box-sizing: border-box;
	}
	.pre-content-course .block-tips .tips-list ul {
		width: 82%;
		margin: 36px auto;
		padding: 0;
		list-style: none;
	}
	.pre-content-course .block-tips .tips-list ul li {
		color: #333;
		font-size: 20px;
		padding: 0.4em 0 0.4em 2em;
		margin: 0 0 0 0;
		line-height: 1.8;
		position: relative;
	}
	.pre-content-course .block-tips .tips-list ul li:before {
		content: "";
		display: block;
		position: absolute;
		top: 0.72em;
		left: 0;
		font-size: 20px;
		width: 1.1em;
		height: 1.1em;
		background: url(/youji/local/images/icon_check.svg) left center no-repeat;
		background-size: contain;
		padding: 0.4em 0;
	}
	.pre-content-course .block-tips .tips-list ul li b {
		color: #00a896;
		font-weight: bold;
	}
	.pre-content-course .block-buttons {}
	.pre-content-course .block-buttons .button {
		width: 35%;
		margin: 40px auto;
		border: 1px solid #00a896;
		text-align: center;
		font-size: 16px;
		border-radius: 1em;
		font-weight: bold;
	}
	.pre-content-course .block-buttons .button a {
		display: block;
		padding: 20px 0;
		color: #00a896;
		background: url(/youji/lib/images/icon_arrow_4aafa0.svg) 95% center no-repeat;
		background-size: 2% auto;
	}
	.pre-content-course .block-image {}
	.pre-content-course .block-image p {
		width: 100%;
		margin: 20px auto 0 auto;
	}
	.pre-content-course .block-image p img {
		margin: 0 auto;
	}
	/* 体験  pre-content-experience */
	.pre-content-experience {
		padding-bottom: 0 !important;
		width: 100%;
		max-width: 700px;
		margin: 0 auto;
	}
	.pre-content-experience .head-experience {}
	.pre-content-experience .head-experience h2 {
		padding: 0;
		margin: 0 auto;
		width: 670px;
	}
	.pre-content-experience .head-experience h2 span {
		position: absolute;
		top: 2.5em;
		left: 0.5em;
		font-size: 30px;
		color: #333;
		line-height: 1.6;
		letter-spacing: 0;
	}
	.pre-content-experience .block-experience-area {
		width: 100%;
		max-width: 700px !important;
		margin: 0 auto 0 auto;
	}
	.pre-content-experience .block-experience {
		padding-top: 30px;
		padding-bottom: 60px;
		position: relative;
	}
	.pre-content-experience .block-experience:after {
		height: 0px;
	}
	.pre-content-experience .block-experience .experience-box {
		width: 30%;
		margin: 0 5% 0 0;
		border: 1px solid #00a896;
		border-radius: 1em;
		float: left;
	}
	.pre-content-experience .block-experience .experience-box:nth-last-child(1) {
		margin: 0 0 0 0;
	}
	.pre-content-experience .block-experience .experience-box a {
		display: block;
		width: 100%;
		margin: 0 auto;
		color: #333;
		background: transparent;
		background-size: 3% auto;
	}
	.pre-content-experience .block-experience .experience-box .left {
		width: 100%;
		float: none;
	}
	.pre-content-experience .block-experience .experience-box .right {
		width: 100%;
		height: 130px;
		float: none;
		background: url(/youji/lib/images/icon_arrow_4aafa0.svg) 95% center no-repeat;
		background-size: 5% auto;
	}
	.pre-content-experience .block-experience .experience-box .right p.text01 {
		margin: 0px 0 0 0;
		padding: 35px 0 5px 0;
		font-size: 12px;
		text-align: center;
	}
	.pre-content-experience .block-experience .experience-box .right p.text02 {
		margin: 0px 0 0 0;
		font-size: 18px;
		text-align: center;
		font-weight: 300;
	}
	.pre-content-experience .block-experience .experience-box .clear {
		clear: both;
	}
	/* 学年選択  pre-content-grades */
	.pre-content-grades {}
	.pre-content-grades .head-grades {
		/*background:#fffcdc;*/
		position: relative;
	}
	.pre-content-grades .head-grades .head-grades-wrapper {
		/*background:#fffcdc;*/
		width: 100%;
	}
	.pre-content-grades .head-grades h2 {
		max-width: 700px !important;
		margin: 0 auto 0 auto;
	}
	.pre-content-grades .head-grades p.more {
		text-align: center;
		font-size: 16px;
		padding: 1em 0 0 0;
		margin: 0 0;
		position: relative;
	}
	.pre-content-grades .head-grades p.more a {
		color: #6d6d6d;
	}
	.pre-content-grades .head-grades p.more a:after {
		content: "";
		display: inline-block;
		margin-left: 0.5em;
		font-size: 1em;
		width: 1em;
		height: 1em;
		background: url(/youji/lib/images/icon_arrow_down.svg) left 90% no-repeat;
		background-size: contain;
	}
	.pre-content-grades .head-grades p.more.closed a:after {
		transform: scaleY(-1) translateY(-5px);
	}
	.pre-content-grades .head-grades div.more_info {
		width: 90%;
		max-width: 680px;
		margin: 0 auto;
		font-size: 14px;
		line-height: 1.3;
		padding-top: 20px;
	}
	.pre-content-grades .block-grades-area {
		width: 100%;
		max-width: 770px !important;
		margin: 0 auto 0 auto;
	}
	.pre-content-grades .block-grades {
		padding-top: 12px;
	}
	.pre-content-grades .block-grades p {
		text-align: center;
		color: #333;
		font-size: 24px;
		line-height: 1.5;
		transition: all 0.3s;
	}
	.pre-content-grades .block-grades p b {}
	.pre-content-grades .block-grades p a {
		color: white;
		display: block;
		padding: 20px 0;
	}
	.pre-content-grades .block-grades p.button:hover {
		opacity: 0.6;
	}
	.pre-content-grades .block-grades p.nenchu {
		background: #f5aa0f url(/youji/lib/images/icon_arrow_white.svg) 90% center no-repeat;
		background-size: auto 26%;
		border-radius: 0.5em;
		width: 55%;
		font-size: 30px;
		margin-left: 5%;
		margin-top: 60px;
	}
	.pre-content-grades .block-grades p.nencho {
		background: #2290cd url(/youji/lib/images/icon_arrow_white.svg) 90% center no-repeat;
		background-size: auto 26%;
		border-radius: 0.5em;
		width: 55%;
		font-size: 30px;
		margin-left: 40%;
		margin-top: 60px;
	}
	/* [キャンペーンバナーエリア] */
	.campaign-area .container {
		padding: 0 0;
		background: #e9e9e9;
	}
	.campaign-area .container .slick-initialized .slick-slide {}
	.slider-center {
		display: none;
		opacity: 0;
		transition: opacity .80s ease-in-out;
		-moz-transition: opacity .80s ease-in-out;
		-webkit-transition: opacity .80s ease-in-out;
	}
	.slider-center.loaded {
		display: block;
		opacity: 1;
	}
	/* [キャンペーンバナーエリア:テキスト入り] */
	.campaign-area .container .slick-initialized .slick-track {
		display: flex;
		padding: 80px 0;
	}
	.campaign-area .container .slick-initialized .slick-track > div {}
	.campaign-area .container .slick-initialized .slick-slide:not(.slick-center) {}
	.campaign-area .container .slick-initialized .slick-center {}
	.campaign-area .container .slick-initialized .slick-next::before, .campaign-area .container .slick-initialized .slick-prev::before {
		font-size: 50px;
		line-height: 1;
	}
	.campaign-area .container .slick-initialized .slick-prev {
		width: 50px;
		height: 50px;
		left: 20px;
	}
	.campaign-area .container .slick-initialized .slick-next {
		width: 50px;
		height: 50px;
		right: 20px;
	}
	.campaign-area .container .slick-initialized .slick-slide.txtincl {
		background: #fff;
		padding: 0px;
		margin: 0 10px;
		border-radius: 0;
		box-shadow: 0 0 4vw #999;
		box-shadow: 0 0 20px #999;
	}
	.campaign-area .container .slick-initialized .slick-slide.txtincl:hover {
		opacity: 0.7;
	}
	.campaign-area .container .slick-initialized .slick-slide.txtincl a {
		display: block;
	}
	.campaign-area .container .slick-initialized .slick-slide.txtincl a > div {}
	.campaign-area .container .slick-initialized .slick-slide.txtincl a img {
		width: 100%;
		margin-bottom: 10px;
	}
	.campaign-area .container .slick-initialized .slick-slide.txtincl a div.title {
		text-align: center;
		color: #333;
		font-weight: 300;
		font-size: 20px;
		margin-bottom: 10px;
	}
	.campaign-area .container .slick-initialized .slick-slide.txtincl a div.txt {
		color: #333;
		font-weight: 300;
		font-size: 16px;
		width: 90%;
		margin: 0 auto;
		margin-bottom: 3.6vw;
		margin-bottom: 20px;
	}
	.sitemap.pre {
		border-top: 2px solid #00a896;
		padding-bottom: 18px;
	}
	.sitemap.pre .site-logo {
		width: 200px;
		background: transparent;
		padding-top: 0;
	}
	.sitemap.pre .site-logo img {
		max-width: 100%;
		margin-left: 0;
	}
	.sitemap.pre .site-logo span {
		font-size: 14px;
		padding: 0.75em 0 0 0;
		margin-left: 0em;
		position: absolute;
		line-height: 1.5;
	}
	.sitemap.pre h2 {
		line-height: 1.5;
	}
	.sitemap.pre h2 b {
		font-weight: bold;
		color: #e6365b;
	}
	.sitemap.pre ul li::before {
		color: #5a483b;
	}
	.sitemap.pre .sitemap-group ul.list-unstyled {
		font-weight: 300;
	}
	.sitemap.pre .sitemap-group ul > li.grades {}
	.sitemap.pre .sitemap-group ul > li.grades > a {
		content: "";
		padding: 0;
	}
	.sitemap.pre .sitemap-group ul > li.grades::before {
		content: "";
		position: absolute;
	}
	.sitemap.pre .sitemap-group ul > li.grades .btn-grade {
		text-align: center;
		background: #f7f7f7;
		line-height: 1;
		padding: 0 0 0 0;
		margin: 15px 0 15px 0;
	}
	.sitemap.pre .sitemap-group ul > li.grades .btn-grade p {
		padding: 0;
		margin: 0;
		padding-left: 1.5em;
		padding-right: 1.5em;
	}
	.sitemap.pre .sitemap-group ul > li.grades .btn-grade.pre p {
		border-left: 4px solid #F06E00;
	}
	.sitemap.pre .sitemap-group ul > li.grades .btn-grade.nencho p {
		border-left: 4px solid #1c8dcc;
	}
	.sitemap.pre .sitemap-group ul > li.grades .btn-grade.nenchu p {
		border-left: 4px solid #f5aa0f;
	}
	.sitemap.pre .sitemap-group ul > li.grades .btn-grade.nensho p {
		border-left: 4px solid #f05096;
	}
	.sitemap.pre .sitemap-group ul > li.grades .btn-grade.new-1st-year p {
		border-left: 4px solid #77caf5;
	}
	.sitemap.pre .sitemap-group ul > li.grades a div.btn-grade.pre p:nth-child(1) {
		color: #F06E00;
	}
	.sitemap.pre .sitemap-group ul > li.grades a div.btn-grade.nencho p:nth-child(1) {
		color: #1c8dcc;
	}
	.sitemap.pre .sitemap-group ul > li.grades a div.btn-grade.nenchu p:nth-child(1) {
		color: #f5aa0f;
	}
	.sitemap.pre .sitemap-group ul > li.grades a div.btn-grade.nensho p:nth-child(1) {
		color: #f05096;
	}
	.sitemap.pre .sitemap-group ul > li.grades a div.btn-grade.new-1st-year p:nth-child(1) {
		color: #77caf5;
	}
	.sitemap.pre .sitemap-group ul > li.grades .btn-grade p:nth-child(1) {
		font-size: 16px;
		font-weight: bold;
		line-height: 1.5;
	}
	.sitemap.pre .sitemap-group ul > li.grades .btn-grade p:nth-child(2) {
		font-size: 12px;
		font-weight: normal;
		line-height: 1.5;
	}
	.content_slide p {
		margin-top: 0;
		margin-bottom: 0;
	}
}
/* =========================================================
 2019.06.12 夏キャンペーン
========================================================= */
.bnr-campaign-summer {
	width: 90%;
	max-width: 375px;
	margin: auto;
}
.bnr-campaign-summer img {
	width: 100%;
}
.bnr-campaign-summer li {
	margin-bottom: 20px;
}
.bnr-campaign-summer li:last-child {
	margin-bottom: 0;
}
/* =========================================================
 詳細
========================================================= */
.box-more {
	margin-top: 10px;
	text-align: left;
	opacity: .7;
}
.box-more input {
	display: none;
}
.box-more label {
	cursor: pointer;
	display: table-cell;
	height: 22px;
	margin: 0;
	padding: 0 10px;
	border-radius: 11px;
	background: rgba(0, 0, 0, 0.1);
	font-size: 11.20px;
	vertical-align: middle;
	line-height: 1;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.box-more .cnt-more {
	height: 0;
	padding: 0;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.box-more i {
	display: inline-block;
	position: relative;
	width: 9px;
	height: 9px;
	margin-left: 3px;
}
.box-more i::before, .box-more i::after {
	display: block;
	content: "";
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
	width: 100%;
	height: 1px;
	background: #333;
}
.box-more i:after {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.box-more i.light::before, .box-more i.light::after {
	background: #fff;
}
.box-more .cnt-more {
	height: 0;
	padding: 0;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.box-more .cnt-more * {
	font-size: 10px;
}
@media screen and (min-width: 768px) {
	.box-more .cnt-more * {
		font-size: 12px;
	}
}
.box-more input:checked + label i:after {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}
.box-more input:checked ~ .cnt-more {
	height: auto;
	padding-top: 10px;
	opacity: 1;
}
/* =========================================================
 2019.11.15追加
========================================================= */
/* fee
--------------------------------------------------------- */
.pre-content-course .block-course .course-fee {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.pre-content-course .block-course .course-fee .price {
	font-family: Futura, Century Gothic, Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Roboto, "Droid Sans", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
}
.pre-content-course .block-course .course-fee .price p {
	color: #00a896;
	padding: 0;
	margin: 0;
}
.pre-content-course .block-course .course-fee .price p:nth-child(1) {
	line-height: 1;
}
.pre-content-course .block-course .course-fee .price p:nth-child(2) {
	line-height: 1;
}
.pre-content-course .block-course .course-fee .price p b {
	font-size: 2.75em;
	position: relative;
	font-weight: normal;
}
.pre-content-course .block-course .course-fee .price p:nth-child(2) b:before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 0.2em;
	background: #f8fa90;
	left: 0;
	bottom: 0.2em;
	z-index: -1;
}
.pre-content-course .block-course .course-fee .list-course {
	margin: 0;
	padding: 0;
	list-style: none;
}
.pre-content-course .block-course .course-fee .list-course li {
	width: 100%;
	color: #fff;
	text-align: center;
	line-height: 1;
}
.pre-content-course .block-course .course-fee .list-course li:last-child {
	margin-bottom: 0;
}
.pre-content-course .block-course .course-fee .list-course li.nencho {
	background: #2290cd;
}
.pre-content-course .block-course .course-fee .list-course li.nenchu {
	background: #f5aa0f;
}
.pre-content-course .block-course .course-fee .list-course li.nensho {
	background: #f36fa9;
}
.pre-content-course .block-course .course-fee .list-course li.p-nensho {
	background: #f06e00;
}
@media (max-width: 767px) {
	.pre-content-course .block-course .course-fee .price {
		width: 65%;
	}
	.pre-content-course .block-course .course-fee .price p:nth-child(1) {
		font-size: 3vw;
	}
	.pre-content-course .block-course .course-fee .price p:nth-child(2) {
		margin-top: 3vw;
		font-size: 3.6vw;
	}
	.pre-content-course .block-course .course-fee .list-course {
		width: 30%;
	}
	.pre-content-course .block-course .course-fee .list-course li {
		margin-bottom: 1.5vw;
		padding: 1.5vw 0;
		font-size: 3.6vw;
	}
}
@media (min-width: 768px) {
	.pre-content-course .block-course .course-fee .price {
		width: 55%;
	}
	.pre-content-course .block-course .course-fee .price p:nth-child(1) {
		font-size: 14px;
	}
	.pre-content-course .block-course .course-fee .price p:nth-child(2) {
		margin-top: 10px;
		font-size: 16px;
	}
	.pre-content-course .block-course .course-fee .list-course {
		width: 40%;
	}
	.pre-content-course .block-course .course-fee .list-course li {
		margin-bottom: 10px;
		padding: 10px 0;
		font-size: 30px;
	}
}
/* link
--------------------------------------------------------- */
.link-grade {
	margin: 0;
	padding: 0;
	list-style: none;
}
.link-grade li {
	line-height: 1;
}
.link-grade a {
	display: block;
	background-repeat: no-repeat;
	background-image: url(/youji/lib/images/icon_arrow_white.svg);
	background-size: auto 26%;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
.link-grade a:hover {
	opacity: .6;
}
.link-grade .nencho a {
	background-color: #2290cd;
}
.link-grade .nenchu a {
	background-color: #f5aa0f;
}
.link-grade .nensho a {
	background-color: #f36fa9;
}
@media (max-width: 767px) {
	.link-grade {
		width: 86%;
		margin: auto;
	}
	.link-grade li {
		margin-bottom: 15px;
		font-size: 6vw;
	}
	.link-grade li:last-child {
		margin-bottom: 0;
	}
	.link-grade a {
		padding: 4.5vw 0;
		border-radius: 2vw;
		background-position: 90% center;
	}
}
@media (min-width: 768px) {
	.link-grade {
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
	}
	.link-grade li {
		width: calc(33% - 15px);
		font-size: 30px;
	}
	.link-grade a {
		border-radius: .5em;
		padding: 20px 0;
		background-position: 95% center;
	}
}
/* =========================================================
 2019.11.15追加
========================================================= */
/* fee
--------------------------------------------------------- */
.pre-content-course .block-course .course-fee {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.pre-content-course .block-course .course-fee .price {
	font-family: Futura, Century Gothic, Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Roboto, "Droid Sans", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
}
.pre-content-course .block-course .course-fee .price p {
	color: #00a896;
	padding: 0;
	margin: 0;
}
.pre-content-course .block-course .course-fee .price p:nth-child(1) {
	line-height: 1;
}
.pre-content-course .block-course .course-fee .price p:nth-child(2) {
	line-height: 1;
}
.pre-content-course .block-course .course-fee .price p b {
	font-size: 2.75em;
	position: relative;
	font-weight: normal;
}
.pre-content-course .block-course .course-fee .price p:nth-child(2) b:before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 0.2em;
	background: #f8fa90;
	left: 0;
	bottom: 0.2em;
	z-index: -1;
}
.pre-content-course .block-course .course-fee .list-course {
	margin: 0;
	padding: 0;
	list-style: none;
}
.pre-content-course .block-course .course-fee .list-course li {
	width: 100%;
	color: #fff;
	text-align: center;
	line-height: 1;
}
.pre-content-course .block-course .course-fee .list-course li:last-child {
	margin-bottom: 0;
}
.pre-content-course .block-course .course-fee .list-course li.nencho {
	background: #2290cd;
}
.pre-content-course .block-course .course-fee .list-course li.nenchu {
	background: #f5aa0f;
}
.pre-content-course .block-course .course-fee .list-course li.nensho {
	background: #f36fa9;
}
@media (max-width: 767px) {
	.pre-content-course .block-course .course-fee .price {
		width: 61%;
	}
	.pre-content-course .block-course .course-fee .price p:nth-child(1) {
		font-size: 3vw;
	}
	.pre-content-course .block-course .course-fee .price p:nth-child(2) {
		margin-top: 3vw;
		font-size: 3.6vw;
	}
	.pre-content-course .block-course .course-fee .list-course {
		width: 34%;
	}
	.pre-content-course .block-course .course-fee .list-course li {
		margin-bottom: 1.5vw;
		padding: 1.5vw 0;
		font-size: 3.6vw;
	}
	
	.pre-content-course .block-course .course-fee .list-course li:nth-of-type(n+2) {
		padding: 2.5vw 0;
	}
}
@media (min-width: 768px) {
	.pre-content-course .block-course .course-fee .price {
		width: 50%;
	}
	.pre-content-course .block-course .course-fee .price p:nth-child(1) {
		font-size: 14px;
	}
	.pre-content-course .block-course .course-fee .price p:nth-child(2) {
		margin-top: 10px;
		font-size: 16px;
	}
	.pre-content-course .block-course .course-fee .list-course {
		width: 45%;
	}
	.pre-content-course .block-course .course-fee .list-course li {
		margin-bottom: 10px;
		padding: 10px 0;
		font-size: 30px;
	}
	.pre-content-course .block-course .course-fee .list-course li:nth-of-type(n+2) {
		padding: 22px 0;
	}
	.pre-content-course .block-course .course-fee .list-course li span {
		font-size: 18px;
	}
}
/* link
--------------------------------------------------------- */
.link-grade {
	margin: 0;
	padding: 0;
	list-style: none;
}
.link-grade li {
	line-height: 1;
}
.link-grade a {
	display: block;
	background-repeat: no-repeat;
	background-image: url(/youji/lib/images/icon_arrow_white.svg);
	background-size: auto 26%;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
.link-grade a:hover {
	opacity: .6;
}
.link-grade .nencho a {
	background-color: #2290cd;
}
.link-grade .nenchu a {
	background-color: #f5aa0f;
}
.link-grade .nensho a {
	background-color: #f36fa9;
}
@media (max-width: 767px) {
	.link-grade {
		width: 86%;
		margin: auto;
	}
	.link-grade li {
		margin-bottom: 15px;
		font-size: 6vw;
	}
	.link-grade li:last-child {
		margin-bottom: 0;
	}
	.link-grade a {
		padding: 7.5vw 0;
		border-radius: 2vw;
		background-position: 90% center;
	}
	
	.link-grade .nencho a {
		padding: 4.5vw 0;
	}
}
@media (min-width: 768px) {
	.link-grade {
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
	}
	.link-grade li {
		width: calc(33% - 15px);
		font-size: 30px;
	}
	.link-grade li span {
		width: calc(33% - 15px);
		font-size: 18px;
	}
	.link-grade li a {
		border-radius: .5em;
		padding: 35px 0;
		background-position: 95% center;
	}
	.link-grade .nencho a {
		padding: 20px 0;
	}
}

/* =========================================================
 TOP クリスマスバナー 2019.12
========================================================= */
#youji-top-banner-xmas {
	position: relative;
	padding-top: 10vw;
	z-index: 1;
}
#youji-top-banner-xmas .animation-base {
	position: relative;
}
#youji-top-banner-xmas .animation-base span {
	display: block;
	position: absolute;
	bottom: 0;
	left: -3.2%;
	width: 30.934vw;
	height: 100%;
}
#youji-top-banner-xmas .animation-base span::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: url("/youji/local/images/top_bnr_box.png") no-repeat bottom center;
	background-size: contain;
	transform-origin: center bottom;
	transform: scale(0.75);
}
#youji-top-banner-xmas.on .animation-base span {
	animation: top-bnr-box-xmas 1.5s linear 1s infinite;
}
#youji-top-banner-xmas.on .animation-base span::before {
	animation: top-bnr-boxin-xmas .5s ease-out .5s both;
}
#youji-top-banner-xmas .animation-item {
	position: absolute;
	right: -8%;
	top: -56%;
	width: 29.334vw;
	height: 100%;
	opacity: 0;
	z-index: 2;
}
#youji-top-banner-xmas.on .animation-item {
	animation: santa-xmas .5s ease-out both;
}
#youji-top-banner-xmas .animation-item img {
	width: 100%;
	height: auto;
}
@media screen and (min-width: 768px) {
	#youji-top-banner-xmas {
		padding-top: 50px;
	}
#youji-top-banner-xmas.bnr-def {
	padding-top: 0;
}
	#youji-top-banner-xmas .animation-item {
		max-width: 150px;
		padding-top: 16px;
	}
	#youji-top-banner-xmas .animation-base span {
		max-width: 176px;
	}
	.page-catch-area > .container > .row > div {
		padding-left: 0;
		padding-right: 0;
	}
}

/*! CSS Used keyframes */
@keyframes top-bnr-box-xmas {
	100%, 34% {
		transform: rotate(0deg);
	}
	30% {
		transform: rotate(5deg);
	}
	22% {
		transform: rotate(-5deg);
	}
	14% {
		transform: rotate(5deg);
	}
	6% {
		transform: rotate(-5deg);
	}
	0% {
		transform: rotate(0deg);
	}
}
@keyframes top-bnr-boxin-xmas {
	0% {
		transform: scale(0.75);
	}
	70% {
		transform: scale(1.06);
	}
	100% {
		transform: scale(1);
	}
}
@keyframes santa-xmas {
	0% {
		top: 20%;
		opacity: 1;
		transform: rotate(16deg);
	}
	70% {
		top: -80%;
		transform: rotate(6deg);
	}
	100% {
		top: -56%;
		opacity: 1;
		transform: rotate(0deg);
	}
}

/* =========================================================
 year end banner
========================================================= */
.bnr-year_end {
	position: relative;
	margin: auto;
	/* on */
}
.bnr-year_end img {
	width: 100%;
}
@media (max-width: 767px) {
	.bnr-year_end {
		width: 86%;
		margin-top: 8vw;
	}
}
@media (min-width: 768px) {
	.bnr-year_end {
		width: 652px;
		margin-top: 100px;
	}
}
.bnr-year_end .bnr-base {
	position: relative;
	z-index: 5;
}
.bnr-year_end .elm {
	position: absolute;
}
.bnr-year_end .item-snowman {
	opacity: 0;
	-webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-transform: translate3d(0, 100px, 0);
	transform: translate3d(0, 100px, 0);
	z-index: 1;
	top: calc(120 / 222 * -100%);
	right: calc(65 / 652 * 100%);
	width: calc(162 / 652 * 100%);
}
.bnr-year_end .item-date {
	opacity: 0;
	-webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-transform: translate3d(0, 100px, 0);
	transform: translate3d(0, 100px, 0);
	z-index: 10;
	top: 0;
	right: calc(82 / 652 * 100%);
	width: calc(132 / 652 * 100%);
}
.bnr-year_end .item-date span.in-the-middle {
	display: block;
}
.bnr-year_end.on .item-date, .bnr-year_end.on .item-snowman {
	-webkit-animation-name: driveInBottom;
	animation-name: driveInBottom;
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.bnr-year_end.on .item-snowman {
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
}
.bnr-year_end.on .item-date {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
/* =========================================================
 keyframe
========================================================= */
@-webkit-keyframes driveInBottom {
	0% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-webkit-transform: translate3d(0, 100px, 0);
		transform: translate3d(0, 100px, 0);
	}
	30% {
		opacity: 1;
	}
	50% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0);
	}
	75% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	90% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0);
	}
	100% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes driveInBottom {
	0% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-webkit-transform: translate3d(0, 100px, 0);
		transform: translate3d(0, 100px, 0);
	}
	30% {
		opacity: 1;
	}
	50% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0);
	}
	75% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	90% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0);
	}
	100% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

/* =========================================================
 2021.11.25追加分
========================================================= */
@media (max-width: 991px) {
	#toppage-szmanabi {
		padding-bottom: 0;
	}
	#toppage-szmanabi:after {
		content: none;
	}
}
.spring_2022_new{
	position: relative;
	text-align: center;
}
.spring_2022_new .badge{
    color: #00baff;
    border-radius: 35px;
    border: solid 2px #00baff;
    height: 50px;
    padding: 13px 0px 0px 15px;
    width: 300px;
    text-align: center;
    margin: 20px auto;
	background-color: white;

}
.spring_2022_new .badge p{
    color: #00baff;
    font-size: calc(1.953rem * 1.04);
    font-weight: 500;
	letter-spacing: .1rem;
}
@media (max-width: 991px) {
	.spring_2022_new .badge{
		margin: 10px auto;
	}
}
.spring_2022_new .img{
	max-width: 100%;
	margin:0 auto; 
}
@media (max-width: 991px) {
	.spring_2022_new .img{
		max-width: 90%;
	}
}
.spring_2022_new .text{
	margin: 20px 0px;
	color: #5a463b;
}
.spring_2022_new .text p{
	font-size: 2.441rem;
	margin-bottom: 0px;
}
@media (max-width: 991px) {
	.spring_2022_new .text p{
		font-size: calc(1.953rem * 1.2);
	}
}
@media (max-width: 991px) {
	.spring_2022_new .text .contents{
		font-size: calc(1.953rem * 0.98);
	}
}
.spring_2022_new .text span{
	font-size: 3.052rem;
}
.spring_2022_new .coretore-wrapper{
	display: flex;
	justify-content: center;
	margin: 40px 0px;
}
.spring_2022_new .coretore-wrapper h3{
	line-height: 1.6;
	text-align: left;
	margin: auto 0px auto 20px;
}

.spring_2022_new .btn_spring_2022_new{
	margin: 0 auto 0;
}
.spring_2022_new .btn_spring_2022_new a{
		display: block;
		position: relative;
		height: 70px;
		max-width: 290px;
		margin: 0 auto;
		border-radius: 35px;
		background: #1dafe8;
		color: white;
		box-shadow: 0px 3px 7px 0px #ccc;
		text-align: center;
		padding-top: 13px;
		font-weight: bold;
		font-size: 20px;
		line-height: 45px;
		padding-right: 16px;
}
@media (max-width: 991px) {
	.spring_2022_new .btn_spring_2022_new a {
	  padding-top: 13px;
	}
}
.spring_2022_new .btn_spring_2022_new a:hover {
    opacity: .6;
  }
.spring_2022_new .btn_spring_2022_new a:before {
    content: url(/youji/local/images/introduction/arrow.svg);
    position: absolute;
    right: 20px;
    top: 18px;
    width: 26px;
}
.spring_2022_new  .title{
	position: relative;
	display: inline-block;
	font-size: 3.052rem;
}
@media (max-width: 991px) {
	.spring_2022_new  .title {
		font-size: calc(1.953rem * 1.5);
	}
}
.spring_2022_new  .title .particle{
	font-size: 2.441rem;
}
@media (max-width: 991px) {
	.spring_2022_new  .title .particle{
		font-size: calc(1.953rem * 1.3);
		margin-left: -6px;
	}	
}
.spring_2022_new .title.brown{
	color: #5a463b;
}
.spring_2022_new .title.blue{
	color: #00baff;
}
.spring_2022_new .title::after, 
.spring_2022_new .title::before {
	content: "";
    display: block;
    width: 59px;
    height: 2px;
	background-image: linear-gradient(to right, #5a463b, #5a463b 2px, transparent 2px, transparent 4px);
    background-size: 5px 2px;
    background-repeat: repeat-x;
    transform: rotate(-117deg);
    position: absolute;
    top: 16px;
    left: -49px;
}
.spring_2022_new .title.blue::after, 
.spring_2022_new .title.blue::before {
	width: 33px;
	background-image: linear-gradient(to right, #00baff, #00baff 2px, transparent 2px, transparent 4px);
}
.spring_2022_new .title::after {
	transform: rotate(-63deg);
	left: auto;
	right: -49px;
}
@media (max-width: 991px) {
	.spring_2022_new .title::after{
		right: -49px;
		top: 15px;
	}
}
@media (max-width: 991px) {
	.spring_2022_new .title::before{
		left: -49px;
		top: 15px;
	}
}
.spring_2022_new .title.blue::after {
	right: -39px;
}
.spring_2022_new .title.blue::before {
	left: -39px;
}
.spring_2022_new .title.blue{
	position: relative;
}
.spring_2022_new .title_spring_2022_new.blue::after,.spring_2022_new .title_spring_2022_new.blue::before{
	content: "";
	background-image: linear-gradient(to right, #00baff, #00baff 5px, transparent 1px, transparent 8px);
    background-size: 9px 2px;
    height: 4px;
    width: 32px;
	background-repeat: repeat-x;
	position: absolute;
	transform: rotate(113deg);
	-webkit-transform: rotate(113deg);
	right: 34%;
	top: 15px;
}
.spring_2022_new .title_spring_2022_new.blue::after{
	transform: rotate(-113deg);
	-webkit-transform: rotate(-113deg);
	left: 34%;
}
@media (max-width: 991px) {
	.spring_2022_new .title_spring_2022_new.blue::before{
		right: 40px;
	}
}
@media (max-width: 991px) {
	.spring_2022_new .title_spring_2022_new.blue::after{
		left: 40px;
	}
}
#toppage-coretraining .spring_2022_new .text {
	margin: 10px 0 0;
}