/*! sanitize.css v4.0.0 | CC0 License | github.com/10up/sanitize.css */article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
	display:block
}
audio, canvas, progress, video {
	display:inline-block
}
audio:not([controls]) {
display:none;
height:0
}
template, [hidden] {
display:none
}
*, ::before, ::after {
background-repeat:no-repeat;
-webkit-box-sizing:inherit;
box-sizing:inherit
}
::before, ::after {
text-decoration:inherit;
vertical-align:inherit
}
html {
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	cursor:default;
	font-family:sans-serif;
	line-height:1.5;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%
}
body {
	margin:0
}
h1, h2, h3, h4, h5, h6 {
	line-height:1.0;
	font-size:inherit;
	margin:0;
	padding:0
}
code, kbd, pre, samp {
	font-family:monospace, monospace;
	font-size:1em
}
hr {
	height:0;
	overflow:visible
}
nav ol, nav ul {
	list-style:none
}
abbr[title] {
	border-bottom:1px dotted;
	text-decoration:none
}
b, strong {
	font-weight:inherit
}
b, strong {
	font-weight:bolder
}
dfn {
	font-style:italic
}
mark {
	background-color:#ffff00;
	color:#000000
}
progress {
	vertical-align:baseline
}
small {
	font-size:83.3333%
}
sub, sup {
	font-size:83.3333%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}
sub {
	bottom:-.25em
}
sup {
	top:-.5em
}
::selection {
background-color:#b3d4fc;
color:#000000;
text-shadow:none
}
audio, canvas, iframe, img, svg, video {
	vertical-align:middle
}
img {
	border-style:none
}
svg {
	fill:currentColor
}
svg:not(:root) {
overflow:hidden
}
a {
	background-color:transparent;
	-webkit-text-decoration-skip:objects
}
:hover {
	outline-width:0
}
table {
	border-collapse:collapse;
	border-spacing:0
}
button, input, select, textarea {
	background-color:transparent;
	border-style:none;
	color:inherit;
	font-size:1em;
	margin:0
}
button, input {
	overflow:visible
}
button, select {
	text-transform:none
}
button, html [type="button"], [type="reset"], [type="submit"] {
-webkit-appearance:button
}
::-moz-focus-inner {
border-style:none;
padding:0
}
:-moz-focusring {
outline:1px dotted ButtonText
}
fieldset {
	border:1px solid #c0c0c0;
	margin:0 2px;
	padding:.35em .625em .75em
}
legend {
	display:table;
	max-width:100%;
	padding:0;
	white-space:normal
}
textarea {
	overflow:auto;
	resize:vertical
}
[type="checkbox"], [type="radio"] {
padding:0
}
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
height:auto
}
[type="search"] {
-webkit-appearance:textfield;
outline-offset:-2px
}
::-webkit-search-cancel-button, ::-webkit-search-decoration {
-webkit-appearance:none
}
::-webkit-input-placeholder {
color:inherit;
opacity:.54
}
::-webkit-file-upload-button {
-webkit-appearance:button;
font:inherit
}
[aria-busy="true"] {
cursor:progress
}
[aria-controls] {
cursor:pointer
}
[aria-disabled] {
cursor:default
}
a, area, button, input, label, select, textarea, [tabindex] {
-ms-touch-action:manipulation;
touch-action:manipulation
}
[hidden][aria-hidden="false"] {
clip:rect(0, 0, 0, 0);
display:inherit;
position:absolute
}
[hidden][aria-hidden="false"]:focus {
	clip:auto
}
p {
	margin:0
}
ul {
	margin:0;
	padding:0;
	list-style-type:none
}
html * {
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
body {
	font-size:14px;
	overflow-x:hidden;
	-webkit-font-feature-settings:"palt";
	font-feature-settings:"palt";
	color:#525252
}
@media screen and (max-width: 767px) {
body {
padding-top:0;
overflow-y:scroll
}
}
img {
	width:100%;
	height:auto
}
a {
	text-decoration:none;
	color:#525252
}
a:hover img {
	opacity:1
}
a:hover {
	text-decoration:none
}
.w970 {
	max-width:970px;
	width:90%;
	margin:0 auto
}
.flo_l {
	float:left
}
.flo_r {
	float:right
}
.btn {
-webkit-transition:.2s ease-in-out;
transition:.2s ease-in-out;
	max-width:210px;
	width:100%;
	display:block;
	margin:0 auto;
	text-align:center;
	padding:16px 14px 14px;
	border:2px solid;
	border-radius:9999px;
	font-size:15px;
	position:relative
}
a .arrow,
.btn .arrow {
-webkit-transition:.2s ease-in-out;
transition:.2s ease-in-out;
	vertical-align:-7px;
	display:inline-block;
	border-top:13px solid #D3D3D3;
	border-right:5px solid transparent;
	border-bottom:0 solid transparent;
	border-left:5px solid transparent
}
a .arrow_right,
.btn .arrow_right {
	-webkit-transform:translate(0, -50%) rotate(-90deg);
	-ms-transform:translate(0, -50%) rotate(-90deg);
	transform:translate(0, -50%) rotate(-90deg);
	margin-left:10px
}
a .arrow_left,
.btn .arrow_left {
	-webkit-transform:translate(0, -50%) rotate(90deg);
	-ms-transform:translate(0, -50%) rotate(90deg);
	transform:translate(0, -50%) rotate(90deg);
	margin-right:10px
}
.btn.red {
	background:#F04D50;
	color:#FFF;
	border-color:#F04D50
}
.btn.red .arrow {
	border-top:13px solid #fff
}
.btn.red:hover {
	background:#fff;
	color:#F04D50;
	border-color:#F04D50
}
.btn.red:hover .arrow {
	border-top:13px solid #F04D50
}
.btn.blue {
	background:#21B0EB;
	color:#FFF;
	border-color:#21B0EB
}
.btn.blue:hover {
	background:#fff;
	color:#21B0EB;
	border-color:#21B0EB
}
.btn.blue {
	background:#21B0EB;
	color:#FFF;
	border-color:#21B0EB
}
.btn.blue .arrow {
	border-top:13px solid #fff
}
.btn.blue:hover .arrow {
	border-top:13px solid #21B0EB
}
.btn .pdf{
	margin-left: 3em;
}
.btn.blue .pdf path{
	-webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
	fill: #fff;
}
.btn.blue:hover .pdf path{
	fill: #21B0EB;
}
.arrow.black{
	border-top: 13px solid #000;
}
.btn.white {
	background:#fff;
	color:#F04D50;
	border-color:#F04D50
}
.btn.white .arrow {
	border-top:13px solid #F04D50
}
.btn.white:hover {
	background:#F04D50;
	color:#FFF;
	border-color:#F04D50
}
.btn.white:hover .arrow {
	border-top:13px solid #fff
}
.fade {
-webkit-transition:.5s ease-in-out;
transition:.5s ease-in-out;
	opacity:0
}
.fade.fadeIn {
-webkit-transition-delay:.3s;
transition-delay:.3s;
	opacity:1
}
.wrapper {
	font-family:tbudrgothic-std, sans-serif;
	position:relative
}
.nav_wrapper {
-webkit-transition:.2s ease-in-out;
transition:.2s ease-in-out;
	position:fixed;
	height:80px;
	max-width:80px;
	width:80px;
	top:150px;
	right:28px;
	z-index:100;
	background:#FFF;
	border:1px solid #E0E0E0;
	border-radius:99999px;
	padding:25px 0 20px 60px;
	-webkit-transition-delay:0.1s;
	transition-delay:0.1s
}
.nav_wrapper .nav__inner {
	font-size:0;
	width:510px;
	overflow:hidden
}
.nav_wrapper .nav__trigger {
	margin-left:40px;
	position:absolute;
	right:19px;
	top:50%;
	-webkit-transform:translate(0, -50%);
	-ms-transform:translate(0, -50%);
	transform:translate(0, -50%);
	height:40px
}
.nav_wrapper .nav__trigger a {
	display:block;
	width:40px;
	height:40px
}
.nav_wrapper .nav__trigger span {
-webkit-transition:.2s ease-in-out;
transition:.2s ease-in-out;
	width:25px;
	height:4px;
	background:#000;
	position:absolute;
	left:50%;
	border-radius:9999px
}
.nav_wrapper .nav__trigger span:nth-of-type(1) {
top:8px;
-webkit-transform:translate(-50%, 0);
-ms-transform:translate(-50%, 0);
transform:translate(-50%, 0);
background:#21b0eb
}
.nav_wrapper .nav__trigger span:nth-of-type(2) {
top:50%;
-webkit-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
background:#95be31
}
.nav_wrapper .nav__trigger span:nth-of-type(3) {
bottom:8px;
-webkit-transform:translate(-50%, 0);
-ms-transform:translate(-50%, 0);
transform:translate(-50%, 0);
background:#ff4d80
}
.nav_wrapper .nav__trigger:hover {
	cursor:pointer
}
.nav_wrapper .nav__item {
-webkit-transition-delay:.5s;
transition-delay:.5s;
-webkit-transition:.2s ease-in-out;
transition:.2s ease-in-out;
	float:left;
	opacity:0;
	margin-left:30px
}
.nav_wrapper .nav__item:first-child {
	margin-left:0
}
.nav_wrapper .nav__item a {
	font-size:18px;
	font-family:tbudrgothic-std, sans-serif;
	color:#525252
}
.nav_wrapper .nav__item .arrow_bottom {
	margin-left:5px;
	display:inline-block;
	border-top:13px solid #D3D3D3;
	border-right:5px solid transparent;
	border-bottom:0 solid transparent;
	border-left:5px solid transparent
}
.nav_wrapper.active {
	max-width:600px;
	width:100%;
	padding:25px 90px 20px 60px
}
.nav_wrapper.active .nav__item {
-webkit-transition-delay:.3s;
transition-delay:.3s;
	opacity:1;
	width:auto;
	height:auto
}
.nav_wrapper.active .nav__trigger span:nth-of-type(1) {
top:17px;
-webkit-transform:translate(-50%, 0) rotate(-45deg);
-ms-transform:translate(-50%, 0) rotate(-45deg);
transform:translate(-50%, 0) rotate(-45deg)
}
.nav_wrapper.active .nav__trigger span:nth-of-type(2) {
opacity:0;
top:50%;
-webkit-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
transform:translate(-50%, -50%)
}
.nav_wrapper.active .nav__trigger span:nth-of-type(3) {
bottom:19px;
-webkit-transform:translate(-50%, 0) rotate(45deg);
-ms-transform:translate(-50%, 0) rotate(45deg);
transform:translate(-50%, 0) rotate(45deg)
}
.sp_nav_wrapper, .sp_nav_trigger {
	display:none
}
@media screen and (max-width: 767px) {
.nav_wrapper {
display:none
}
.sp_nav_wrapper {
-webkit-transition:.2s ease-in-out;
transition:.2s ease-in-out;
width:0;
opacity:0;
display:block;
position:fixed;
top:0;
width:100%;
height:100vh;
z-index:-1;
background:#D1F0FF url("../images/common/sp_nav_bg@2x.png") no-repeat center center;
background-size:cover
}
.sp_nav_wrapper .sp_nav__inner {
width:calc( 480 / 750 * 100%);
position:absolute;
left:50%;
top:50%;
-webkit-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
transform:translate(-50%, -50%)
}
.sp_nav_wrapper .sp_nav__item {
border-bottom:2px dashed #21B0EB
}
.sp_nav_wrapper .sp_nav__item a {
display:block;
text-align:center;
font-size:23px;
font-family:tbudrgothic-std, sans-serif;
font-weight:800;
padding:20px 0
}
.sp_active .sp_nav_wrapper {
opacity:1;
z-index:100
}
.sp_nav_trigger {
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	position:fixed;
	right:20px;
	top:100px;
	display:block;
	width:45px;
	height:45px;
	border-radius:99999px;
	border:1px solid #E0E0E0;
	background:#FFF;
	z-index:200
}
.sp_nav_trigger a {
display:block;
width:45px;
height:45px
}
.sp_nav_trigger span {
-webkit-transition:.2s ease-in-out;
transition:.2s ease-in-out;
width:25px;
height:4px;
background:#000;
position:absolute;
left:50%;
border-radius:9999px
}
.sp_nav_trigger span:nth-of-type(1) {
top:12px;
-webkit-transform:translate(-50%, 0);
-ms-transform:translate(-50%, 0);
transform:translate(-50%, 0);
background:#21b0eb
}
.sp_nav_trigger span:nth-of-type(2) {
top:50%;
-webkit-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
background:#95be31
}
.sp_nav_trigger span:nth-of-type(3) {
bottom:11px;
-webkit-transform:translate(-50%, 0);
-ms-transform:translate(-50%, 0);
transform:translate(-50%, 0);
background:#ff4d80
}
.sp_active .sp_nav_trigger span:nth-of-type(1) {
top:20px;
-webkit-transform:translate(-50%, 0) rotate(-45deg);
-ms-transform:translate(-50%, 0) rotate(-45deg);
transform:translate(-50%, 0) rotate(-45deg)
}
.sp_active .sp_nav_trigger span:nth-of-type(2) {
opacity:0;
top:50%;
-webkit-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
transform:translate(-50%, -50%)
}
.sp_active .sp_nav_trigger span:nth-of-type(3) {
bottom:19px;
-webkit-transform:translate(-50%, 0) rotate(45deg);
-ms-transform:translate(-50%, 0) rotate(45deg);
transform:translate(-50%, 0) rotate(45deg)
}
}
.lower_home_logo {
	position:absolute;
	top:30px;
	left:30px;
	max-width:80px;
	width:100%;
	z-index:2
}
@media screen and (max-width: 767px) {
.lower_home_logo {
top:20px;
left:20px;
max-width:45px;
width:100%
}
}
.lower_page {
	background:#D1F0FF
}
.lower_page .lower_item_bird {
	position:absolute;
	width:30px
}
.lower_page .main_section {
	position:relative;
	background:#D1F0FF url("../images/common/lower_common_header_bg@2x.png") no-repeat center top;
	background-size:1080px;
	padding-top:350px
}
.lower_page .main_section .title {
	text-align:center;
	width:95%;
	font-size:30px;
	font-family:tbudrgothic-std, sans-serif;
	font-weight:800;
	position:absolute;
	left:50%;
	top:40%;
	-webkit-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%)
}
@media screen and (max-width: 767px) {
.lower_page .main_section .title {
font-size:25px
}
}
@media screen and (min-width: 768px) {
.lower_page .main_section {
background:#D1F0FF url("../images/common/lower_common_header_bg@2x.png") no-repeat center 40px;
background-size:860px
}
}
@media screen and (max-width: 767px) {
.lower_page .main_section {
padding-top:calc( 360 / 750 * 100%)
}
}
.lower_page .lower_page_bottom_bg {
	width:100%;
padding:calc( 105 / 1080 * 100%);
height:calc( 290 / 1080 * 100%);
	background:#D1F0FF url("../images/common/lower_footer_bg@2x.gif") no-repeat center bottom;
	background-size:contain
}
@media screen and (max-width: 767px) {
.lower_page .lower_page_bottom_bg {
padding:calc( 220 / 750 * 100%);
height:calc( 440 / 750 * 100%);
background:#D1F0FF url("../images/common/lower_footer_bg_sp@2x.png") no-repeat center bottom;
background-size:cover
}
}
.lesson .circle {
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #fff;
    font-size: 12px;
    width: 60px;
    height: 60px;
    text-align: center;
    display: flex;
    background: #f04d50;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.lesson .pict {
	position:absolute;
	left:-9px;
	top:20px;
	color:#fff;
	font-size:12px;
	width:87px;
	height:32px;
	text-align:center;
	padding-top:3px
}
.lesson .pict.pict_create {
	background:url("../images/common/pict_create@2x.png") no-repeat center center/100% auto
}
.lesson .pict.pict_eat {
	background:url("../images/common/pict_eat@2x.png") no-repeat center center/100% auto
}
.lesson .pict.pict_special {
	background:url("../images/common/pict_special@2x.png") no-repeat center center/100% auto
}
.lesson .pict.pict_study {
	background:url("../images/common/pict_study@2x.png") no-repeat center center/100% auto
}
.lesson .pict.pict_works {
	background:url("../images/common/pict_works@2x.png") no-repeat center center/100% auto
}
.lesson .lesson_info {
	background:#fafafa;
	padding:20px 30px;
	position:relative;
	border-radius:0 0 10px 10px
}
.lesson .lesson_info .lesson_stat_list {
	position:absolute;
	top:-35px;
	left:20px
}
.lesson .lesson_info .lesson_stat_list:after {
	content:"";
	display:block;
	clear:both
}
.lesson .lesson_info .lesson_stat_list .lesson_stat {
	position:relative;
	float:left;
	width:60px;
	height:60px;
	background:#000;
	border-radius:9999px 9999px 0 9999px;
	margin-left:-5px;
	z-index:1
}
.lesson .lesson_info .lesson_stat_list .lesson_stat:first-child {
	z-index:10
}
.lesson .lesson_info .lesson_stat_list .lesson_stat.now_open {
	background:#f04d50
}
.lesson .lesson_info .lesson_stat_list .lesson_stat.now_open::after {
border-top:30px solid #f04d50
}
.lesson .lesson_info .lesson_stat_list .lesson_stat.new {
	background:#ffd421
}
.lesson .lesson_info .lesson_stat_list .lesson_stat.new::after {
border-top:30px solid #ffd421
}
.lesson .lesson_info .lesson_stat_list .lesson_stat .lesson_stat_inner {
	font-family:tbudrgothic-std, sans-serif;
	text-align:center;
	font-size:15px;
	width:100%;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	color:#fff
}
.lesson .lesson_info__open_data {
	color:#f04d50;
	margin:10px 0 15px;
	padding-left:22px;
	font-size:14px;
	position:relative;
}
.lesson .lesson_info__open_data i{
	font-size:18px;
	position:absolute;
	top:0;
	left:0;
}
.lesson .lesson_info__open_data.close {
	color:#525252
}
.lesson .lesson_info__lesson_title {
	font-size:18px;
	font-weight:800;
	margin-bottom:15px
}
.lesson .lesson_info__orderfin{
	margin-bottom:10px;
}
.lesson .lesson_info__lesson_status{}
.lesson .lesson_info__lesson_status span{
	color:#f04d50;
}

.lesson .lesson_info__desc {
	font-size:16px;
	margin-bottom:15px
}
@media screen and (max-width: 767px) {
.lesson .lesson_info__open_data {
margin:10px 0 10px;
font-size:14px
}
.lesson .lesson_info__lesson_title {
font-size:18px;
margin-bottom:10px
}
.lesson .lesson_info__desc {
font-size:16px;
margin-bottom:10px
}
}
.lesson .reserves_stat {
	overflow:hidden;
	display:block;
	text-align:center;
	font-size:15px;
	height:40px;
	line-height:40px;
	margin:0;
}

.lesson .reserves_stat.open_reserves {
	background:#ffd421;
	color:#525252;
}
.lesson .reserves_stat.close_reserves {
	background:#525252;
	color:#fff;
}
.lesson .reserves_stat.free_reserves {
	background:#80be5f;
	color:#fff;
}
.lesson .reserves_stat.other_reserves {
	background:#f89a2d;
	color:#fff;
}
.lesson .reserves_stat.end_reserves {
	background:#9a9a9a;
	color:#fff;
}
@media screen and (max-width: 767px) {
.lesson .reserves_stat {
font-size:16px
}
}
.lesson__list {
	margin-bottom:20px
}
#commingsoon{
	text-align:center;
	margin-bottom:50px;
}
.lesson__list:after {
	content:"";
	display:block;
	clear:both
}
.lesson__item {
	position:relative;
width:calc( 310 / 970 * 100%);
	float:left;
margin:0 calc( 20 / 970 * 100%) 20px 0
}
.lesson__item .img {
	border-radius:10px 10px 0 0;
	position:relative
}
.lesson__item .img img {
	border-radius:10px 10px 0 0
}
.lesson__item .img .closeTxt {
	color:#FFF;
	padding:5px;
	text-align:center;
	position:absolute;
	width:100%;
	bottom:0
}
.lesson__item .img.special .closeTxt {
	background:#ffd421
}
.lesson__item .img.eat .closeTxt {
	background:#f93d89
}
.lesson__item .img.works .closeTxt {
	background:#975ebc
}
.lesson__item .img.study .closeTxt {
	background:#95BE31
}
.lesson__item .img.create .closeTxt {
	background:#21b0eb
}
.lesson__item:nth-child(3n) {
margin-right:0
}
@media screen and (max-width: 767px) {
.lesson__item {
width:100%;
float:none;
margin:0 0 20px
}
}
.footer__inner {
	max-width:800px;
	width:100%;
	margin:0 auto;
	position:relative
}
@media screen and (max-width: 767px) {
	.footer__inner {
	padding:30px;
	}
}
.footer__go_top {
	position:absolute;
	right:-100px;
	top:-10px;
	border-radius:9999px;
	background:#FFD421;
	width:100px;
	height:100px;
	text-align:right
}
.tax2019 {
	border: 1px solid #ddd;
    width: 720px;
    margin: 0 auto;
    margin-top: 20px;
    padding: 10px;
}
.tax2019 p{
	font-size: 11px;
    text-align: center;
}
@media screen and (max-width: 1023px) {
.footer__go_top {
right:10px
}
.tax2019 {
    width: 95%;
    margin: 0 10px;
}
}
@media screen and (max-width: 767px) {
.footer__go_top {
width:80px;
height:80px;
right:auto;
left:50%;
top:-40px;
-webkit-transform:translate(-50%, 0);
-ms-transform:translate(-50%, 0);
transform:translate(-50%, 0)
}
}
.footer__go_top a {
	position:absolute;
	top:50%;
	left:50%;
	border-radius:99999px;
	padding:28px;
	-webkit-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	display:block;
	color:#525252
}
.footer__go_top a span {
	display:block;
	position:relative;
	margin-top:20px
}
.footer__go_top a span::before {
position:absolute;
top:-20px;
left:50%;
content:"";
display:block;
display:inline-block;
border-top:14px solid #525252;
border-right:5px solid transparent;
border-bottom:0 solid transparent;
border-left:5px solid transparent;
-webkit-transform:translate(-50%, 0) rotate(180deg);
-ms-transform:translate(-50%, 0) rotate(180deg);
transform:translate(-50%, 0) rotate(180deg)
}
.footer__logo {
	max-width:250px;
	width:100%;
	margin:0 auto 13px
}
.footer__copy {
	text-align:center;
	font-size:10px
}
@media screen and (max-width: 767px) {
.footer__copy {
font-size:8px
}
}
.index {
	overflow:hidden;
	background:#FFF
}
.index .lower_home_logo {
	display:none
}
@media screen and (max-width: 767px) {
.index .lower_home_logo {
display:block;
position:absolute;
width:100%;
z-index:2;
top:20px;
left:20px;
max-width:45px
}
}
.index .main_section {
	position:relative;
	margin-bottom:65px;
	background:#FFF;
}
@media screen and (max-width: 767px) {
.index .main_section {
background:url("../images/index/main_img_sp_bg@2x.png") no-repeat top center;
background-size:calc( 750 / 750 * 100%);
padding-top:calc( 502 / 750 * 100%)
}
}
.index .main_section__txt_area {
	text-align:center;
	background:url("../images/index/top_txt_area_bg@2x.png") repeat center top/100%;
	padding:40px 20px 50px;
	position:relative
}
.index .main_section__txt_area .readTxt {
	font-family:tbudrgothic-std, sans-serif;
	font-size:18px;
	color:#FFF;
	line-height:34px
}
@media screen and (max-width: 768px) {
.index .main_section__txt_area .readTxt {
font-size:15px
}
}
.index .main_section__txtArea_item_left {
	position:absolute;
left:calc( 20 / 1080 * 100%);
top:calc( 450 / 1080 * 100%);
	max-width:136px;
	width:100%
}
@media screen and (max-width: 767px) {
.index .main_section__txtArea_item_left {
display:none
}
}
.index .main_section__txtArea_item_right {
	position:absolute;
right:calc( 20 / 1080 * 100%);
top:calc( 100 / 1080 * 100%);
	max-width:73px;
	width:100%
}
@media screen and (max-width: 767px) {
.index .main_section__txtArea_item_right {
display:none
}
}
@media screen and (min-width: 1270px) {
.index .main_section {
	padding-top:50px;
}
.index .main_section__logo {
max-width:420px;
width:100%;
margin:0 auto;
padding-top:34px
}
.index .main_section__item_left {
position:absolute;
max-width:364px;
width:100%;
left:7%;
top:120px;
z-index:3
}
.index .main_section__item_right {
position:absolute;
max-width:386px;
width:100%;
right:10%;
top:121px;
z-index:3
}
.index .main_section__txt_area {
margin-top:70px
}
}
@media screen and (min-width: 768px) and (max-width: 1269px) {
.index .main_section__logo {
width:calc( 420 / 1080 * 100%);
margin:0 auto;
padding-top:34px
}
.index .main_section__item_left {
position:absolute;
width:calc( 364 / 1080 * 100%);
left:calc( -70 / 1080 * 100%);
top:34px;
z-index:3
}
.index .main_section__item_right {
position:absolute;
width:calc( 389 / 1080 * 100%);
right:calc( -26 / 1080 * 100%);
top:42px;
z-index:3
}
.index .main_section__txt_area {
margin-top:28px
}
}
@media screen and (max-width: 767px) {
.index .main_section__logo {
width:calc( 510 / 750 * 100%);
margin:0 auto;
position:absolute;
top:20px;
left:50%;
-webkit-transform:translate(-50%, 0);
-ms-transform:translate(-50%, 0);
transform:translate(-50%, 0)
}
.index .main_section__item_left {
display:none
}
.index .main_section__item_right {
display:none
}
.index .main_section__txt_area {
margin-top:0;
padding-top:0;
padding-bottom:0
}
.index .main_section__txt_area_inner {
background:url("../images/index/main_img_sp_bottom_bg@2x.png") no-repeat center bottom;
background-size:100% auto;
padding-bottom:60px
}
.index .main_section__txt_area_inner .readTxt {
font-size:16px;
text-align:left
}
.index .main_section__txt_area_inner .readTxt br:nth-of-type(3) {
display:none
}
}
.index .lesson_section {
	margin-bottom:80px
}
.index .lesson_section .title {
	text-align:center;
	max-width:262px;
	width:100%;
	margin:0 auto 40px
}
.index .lesson__pickup {
	position:relative;
	margin-bottom:20px
}
.index .lesson__pickup>a {
	display:block;
	background:#FAFAFA
}
.index .lesson__pickup>a:after {
	content:"";
	display:block;
	clear:both
}
@media screen and (min-width: 768px) and (max-width: 969px) {
.index .lesson__pickup>a {
padding:50px 30px 20px
}
.index .lesson__pickup>a .pict {
top:70px
}
}
.index .lesson__pickup .img {
	float:left;
width:calc( 485 / 970 * 100%);
	border-radius:10px 0 0 10px;
	overflow:hidden
}
.index .lesson__pickup .lesson_info {
	float:right;
width:calc( 485 / 970 * 100%);
	background:#FAFAFA;
	padding:40px
}
.index .lesson__pickup .lesson_info .lesson_stat_list {
	top:-20px;
	left:40px
}
@media screen and (max-width: 767px) {
.index .lesson__pickup .img, .index .lesson__pickup .lesson_info {
float:none;
width:100%
}
.index .lesson__pickup .img {
border-radius:10px 10px 0 0;
overflow:hidden
}
.index .lesson__pickup .lesson_info {
background:#FAFAFA;
padding:calc( 50 / 750 * 100%)
}
.index .lesson__pickup .lesson_info .lesson_stat_list {
top:-45px;
left:25px
}
}
.index .enjoy_section {
	background:#D1F0FF url("../images/index/sec_enjoy_bg@2x.png") no-repeat center top;
	background-size:1110px auto;
	padding-bottom:100px;
	position:relative
}
@media screen and (min-width: 768px) and (max-width: 1079px) {
.index .enjoy_section {
background-size:100% auto
}
}
@media screen and (max-width: 767px) {
.index .enjoy_section {
background:#D1F0FF url("../images/index/enjoy_sp_bg@2x.png") no-repeat center top;
background-size:cover;
padding-bottom:20px
}
}
.index .enjoy_section .enjoy__inner {
	position:relative;
	padding:80px 0
}
.index .enjoy_section .enjoy__inner .title {
	max-width:388px;
	width:100%;
	margin:0 auto 45px
}
.index .enjoy_section .enjoy__inner .item_bird {
	position:absolute;
top:calc( 90 / 970 * 100%);
right:calc( 150 / 970 * 100%);
width:calc( 30 / 970 * 100%)
}
@media screen and (max-width: 767px) {
.index .enjoy_section .enjoy__inner {
padding-bottom:0
}
.index .enjoy_section .enjoy__inner .item_bird {
position:absolute;
top:calc( 180 / 750 * 100%);
right:calc( 20 / 750 * 100%);
width:calc( 56 / 750 * 100%)
}
}
.index .enjoy_section .enjoy__list:after {
	content:"";
	display:block;
	clear:both
}
@media screen and (max-width: 767px) {
.index .enjoy_section .enjoy__list {
text-align:center
}
}
@media screen and (min-width: 767px) {
	.index .enjoy_section .enjoy__list {
	
	}
}

/*.index .enjoy_section .enjoy__item {
	-webkit-transition:.2s ease-in-out;
	transition:.2s ease-in-out;
	position:relative;
	width:calc( 300 / 970 * 100%);
	height:calc( 300 / 970 * 100%);
	padding:calc( 150 / 970 * 100%);
	background-size:100% !important;
	border-radius:9999px
}*/
.index .enjoy_section .enjoy__item {
	-webkit-transition:.2s ease-in-out;
	transition:.2s ease-in-out;
	position:relative;
	width:calc( 300 / 300 * 100%);
	height:calc( 300 / 300 * 100%);
	padding:calc( 150 / 300 * 100%);
	background-size:100% !important;
	border-radius:9999px
}
.index .enjoy_section .enjoy__item:first-child {
	margin-left:0
}
.index .enjoy_section .enjoy__item img{
	display:inline-block;
}
.index .enjoy_section .enjoy__item.icon_ice img {
	width:calc( 60 / 300 * 100%)
}
.index .enjoy_section .enjoy__item.icon_book img {
	width:calc( 100 / 300 * 100%)
}
.index .enjoy_section .enjoy__item.icon_balloon img {
	width:calc( 50 / 300 * 100%)
}
.index .enjoy_section .enjoy__item.blue {
	background:url("../images/index/circle_bg_blue@2x.png") no-repeat;
	color:#21B0EB
}
.index .enjoy_section .enjoy__item.blue .enjoy__item_inner {
	background:#E5F7FF
}
.index .enjoy_section .enjoy__item.blue:hover {
	background:#21B0EB
}
.index .enjoy_section .enjoy__item.blue:hover .enjoy__item_inner {
	background:#21B0EB
}
.index .enjoy_section .enjoy__item.green {
	background:url("../images/index/circle_bg_green@2x.png") no-repeat;
	color:#80BE5F
}
.index .enjoy_section .enjoy__item.green .enjoy__item_inner {
	background:#E4FFE0
}
.index .enjoy_section .enjoy__item.green:hover {
	background:#80BE5F
}
.index .enjoy_section .enjoy__item.green:hover .enjoy__item_inner {
	background:#80BE5F
}
.index .enjoy_section .enjoy__item img {
	margin-bottom:15px
}
.index .enjoy_section .enjoy__item:hover .item_box .first_view {
	opacity:0
}
.index .enjoy_section .enjoy__item:hover .item_box .detail {
	opacity:1;
	z-index:1
}
@media screen and (max-width: 767px) {
.index .enjoy_section .enjoy__item {
float:none;
display:inline-block;
margin:0 0 20px;
width:calc( 560 / 750 * 100%);
height:calc( 560 / 750 * 100%);
padding:calc( 280 / 750 * 100%)
}
}
.index .enjoy_section .enjoy__item_inner {
width:calc( 280 / 300 * 100%);
height:calc( 280 / 300 * 100%);
	background:#FFF;
	text-align:center;
	position:absolute;
	border-radius:99999px;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%)
}
.index .enjoy_section .enjoy__item_inner .item_box {
	width:100%;
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	font-family:tbudrgothic-std, sans-serif;
	font-size:24px;
	font-weight:800
}
.index .enjoy_section .enjoy__item_inner .item_box .first_view{
	text-align:center;
}

@media screen and (min-width: 768px) and (max-width: 829px) {
.index .enjoy_section .enjoy__item_inner .item_box {
font-size:19px
}
}
.index .enjoy_section .enjoy__item_inner .item_box .detail {
-webkit-transition:.2s ease-in-out;
transition:.2s ease-in-out;
	opacity:0;
	z-index:-1;
	color:#FFF;
	font-size:13px;
	font-weight:600;
	width:80%;
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%)
}
.index .enjoy_section .enjoy__item_inner .item_box .detail span {
	font-size:11px
}
.index .enjoy_section .enjoy__item_inner .item_box .detail a {
	margin-top:20px;
	display:inline-block;
	font-size:13px;
	color:#FFF
}
.index .enjoy_section .enjoy__item_inner .item_box .detail a i {
	vertical-align:-7px;
	display:inline-block;
	border-top:13px solid #fff;
	border-right:5px solid transparent;
	border-bottom:0 solid transparent;
	border-left:5px solid transparent;
	-webkit-transform:translate(0, -50%) rotate(-90deg);
	-ms-transform:translate(0, -50%) rotate(-90deg);
	transform:translate(0, -50%) rotate(-90deg);
	margin-left:10px
}
@media screen and (min-width: 768px) and (max-width: 869px) {
.index .enjoy_section .enjoy__item_inner .item_box .detail {
width:85%
}
.index .enjoy_section .enjoy__item_inner .item_box .detail a {
font-size:11px
}
}
@media screen and (max-width: 767px) {
.index .enjoy_section .enjoy__item_inner .item_box .detail {
font-size:12px !important
}
.index .enjoy_section .enjoy__item_inner .item_box .detail span {
font-size:10px !important
}
}
.index .about_admission_section {
	position:relative;
	background:#80BE5F
}
.index .about_admission_section .parts_top {
	max-width:1080px;
	width:100%;
	position:absolute;
	top:-60px;
	left:50%;
	-webkit-transform:translate(-50%, 0);
	-ms-transform:translate(-50%, 0);
	transform:translate(-50%, 0);
	z-index:1
}
@media screen and (max-width: 767px) {
.index .about_admission_section .parts_top {
display:none
}
}
.index .about_admission_section .about_admission__inner {
	padding:10px 0 85px;
	background:#80BE5F url("../images/index/about_admission_main_bg@2x.png") no-repeat center bottom;
	background-size:1080px !important
}
.index .about_admission_section .about_admission__inner .inner_parts_top {
	position:relative;
	z-index:3;
	max-width:800px;
	width:95%;
	margin:0 auto
}
.index .about_admission_section .about_admission__inner .inner_parts_top .item_boy_top, .index .about_admission_section .about_admission__inner .inner_parts_top .item_girl_top {
	position:absolute
}
.index .about_admission_section .about_admission__inner .inner_parts_top .item_boy_top {
width:calc( 67 / 800 * 100%);
	top:-40px;
	left:-67px
}
@media screen and (max-width: 940px) {
.index .about_admission_section .about_admission__inner .inner_parts_top .item_boy_top {
left:0
}
}
@media screen and (max-width: 767px) {
.index .about_admission_section .about_admission__inner .inner_parts_top .item_boy_top {
width:calc( 95 / 750 * 100%);
left:8px;
top:-29px
}
}
.index .about_admission_section .about_admission__inner .inner_parts_top .item_girl_top {
width:calc( 50 / 800 * 100%);
	top:-45px;
	right:0
}
@media screen and (max-width: 767px) {
.index .about_admission_section .about_admission__inner .inner_parts_top .item_girl_top {
width:calc( 75 / 750 * 100%);
right:80px
}
}
@media screen and (max-width: 767px) {
.index .about_admission_section .about_admission__inner {
padding:45px 0 85px;
background:#80BE5F url("../images/index/sp_about_admission_inner_bg@2x.png") no-repeat center top;
background-size:cover !important
}
}
.index .about_admission_section .about_admission__inner_content {
	max-width:800px;
	width:95%;
	margin:0 auto;
	padding-bottom:10px;
	border-radius:0 0 10px 10px;
	background:url("../images/index/about_admission_inner_bg@2x.png") repeat-y center
}
.index .about_admission_section .about_admission__inner_content .title {
	max-width:278px;
	width:100%;
	margin:0 auto 25px
}
.index .about_admission_section .about_admission__inner_content .item_student_card {
	position:absolute;
	max-width:150px;
	width:100%;
	right:70px;
	top:310px;
	border:1px solid #eee;
	-webkit-transform:rotate(15deg);
	-ms-transform:rotate(15deg);
	transform:rotate(15deg)
}
@media screen and (min-width: 768px) and (max-width: 800px) {
.index .about_admission_section .about_admission__inner_content .item_student_card {
right:10px;
top:310px;
max-width:120px
}
}
@media screen and (min-width: 414px) and (max-width: 767px) {
.index .about_admission_section .about_admission__inner_content .item_student_card {
right:10px;
top:420px;
max-width:100px
}
}
@media screen and (min-width: 321px) and (max-width: 413px) {
.index .about_admission_section .about_admission__inner_content .item_student_card {
right:10px;
top:450px;
max-width:100px
}
}
@media screen and (max-width: 320px) {
.index .about_admission_section .about_admission__inner_content .item_student_card {
right:10px;
top:630px;
max-width:100px
}
}
.index .about_admission_section .about_admission__inner_content_bg {
	position:relative;
	background:#FFF4F4;
	border-radius:0 0 10px 10px;
width:calc( 780 / 800 * 100%);
	margin:0 auto;
	padding-bottom:50px;
	text-align:center
}
@media screen and (max-width: 767px) {
.index .about_admission_section .about_admission__inner_content_bg {
padding:40px 15px
}
}
.index .about_admission_section .about_admission__inner_content_bg .desc, .index .about_admission_section .about_admission__inner_content_bg .attention_list {
	max-width:610px;
	width:95%;
	margin:0 auto
}
.index .about_admission_section .about_admission__inner_content_bg .desc {
	font-size:18px;
	font-weight:bold;
	margin-bottom:25px;
	line-height:34px
}
.index .about_admission_section .about_admission__inner_content_bg .desc span {
	color:#F93D89;
	font-weight:800
}
@media screen and (max-width: 767px) {
.index .about_admission_section .about_admission__inner_content_bg .desc {
font-size:16px;
text-align:left
}
.index .about_admission_section .about_admission__inner_content_bg .desc br {
display:none
}
}
.index .about_admission_section .about_admission__inner_content_bg .attention_list {
	margin-bottom:20px;
	padding:13px 18px;
	text-align:center;
	background:#FFF;
	border-radius:5px
}
.index .about_admission_section .about_admission__inner_content_bg .attention_list li {
	border-bottom:3px solid #FFF4F4;
	padding:5px 0px;
	font-size:14px;
	color:#F93D89
}
.index .about_admission_section .about_admission__inner_content_bg .attention_list li:last-child {
	border:none
}
@media screen and (max-width: 767px) {
.index .about_admission_section .about_admission__inner_content_bg .attention_list li {
font-size:12px;
text-align:left
}
}
.index .about_admission_section .about_admission__inner_content_bg .item {
	max-width:75px;
	width:100%;
	margin:0 auto 15px
}
.index .about_admission_section .about_admission__inner_content_bg .name {
	font-size:16px;
	margin-bottom:15px
}
.index .about_admission_section .about_admission__inner_content_bg .name span {
	font-size:14px
}
.index .about_admission_section .about_admission__inner_content_bg .detchii_desc {
	font-size:13px;
	line-height:24px
}
.index .about_admission_section .about_admission__inner_content_bg .detchii_desc a {
	color:#525252;
	text-decoration:underline
}
@media screen and (max-width: 767px) {
.index .about_admission_section .about_admission__inner_content_bg .detchii_desc {
text-align:left
}
.index .about_admission_section .about_admission__inner_content_bg .detchii_desc br {
display:none
}
}
.index .about_admission_section .about_admission__inner_content_bg .item_boy_middle, .index .about_admission_section .about_admission__inner_content_bg .item_butterfly_middle, .index .about_admission_section .about_admission__inner_content_bg .item_butterfly_bottom, .index .about_admission_section .about_admission__inner_content_bg .item_cloud_top, .index .about_admission_section .about_admission__inner_content_bg .item_cloud_top02, .index .about_admission_section .about_admission__inner_content_bg .item_cloud_middle, .index .about_admission_section .about_admission__inner_content_bg .item_cloud_bottom {
	position:absolute
}
.index .about_admission_section .about_admission__inner_content_bg .item_boy_middle {
width:calc( 47 / 800 * 100%);
	right:-90px;
	bottom:390px
}
.index .about_admission_section .about_admission__inner_content_bg .item_butterfly_middle {
width:calc( 13 / 800 * 100%);
	bottom:190px;
	right:-50px
}
.index .about_admission_section .about_admission__inner_content_bg .item_butterfly_bottom {
width:calc( 12 / 800 * 100%);
	bottom:-68px;
	left:20px
}
@media screen and (max-width: 767px) {
.index .about_admission_section .about_admission__inner_content_bg .item_butterfly_bottom {
width:calc( 30 / 750 * 100%)
}
}
.index .about_admission_section .about_admission__inner_content_bg .item_cloud_top {
width:calc( 120 / 800 * 100%);
	top:0;
	right:-200px
}
.index .about_admission_section .about_admission__inner_content_bg .item_cloud_top02 {
width:calc( 120 / 800 * 100%);
	top:120px;
	right:-110px
}
.index .about_admission_section .about_admission__inner_content_bg .item_cloud_middle {
width:calc( 140 / 800 * 100%);
	left:-170px;
	top:300px
}
@media screen and (max-width: 767px) {
.index .about_admission_section .about_admission__inner_content_bg .item_cloud_middle {
width:calc( 200 / 750 * 100%);
left:-40px;
top:565px
}
}
.index .about_admission_section .about_admission__inner_content_bg .item_cloud_bottom {
width:calc( 120 / 800 * 100%);
	bottom:55px;
	left:-70px
}
@media screen and (max-width: 767px) {
.index .about_admission_section .about_admission__inner_content_bg .item_cloud_bottom {
width:calc( 248 / 750 * 100%);
bottom:-30px;
right:-30px;
left:auto
}
}
.lower_page {
	overflow:hidden
}
.lower_page .lesson_cat_wrapper {
	max-width:970px;
	width:100%;
	margin:0 auto;
	position:absolute;
	bottom:0;
	left:50%;
	-webkit-transform:translate(-50%, 0);
	-ms-transform:translate(-50%, 0);
	transform:translate(-50%, 0)
}
.lower_page .lesson_cat_wrapper .lesson_cat_list {
	vertical-align:bottom
}
.lower_page .lesson_cat_wrapper .lesson_cat_list:after {
	content:"";
	display:block;
	clear:both
}
.lower_page .lesson_cat_wrapper .lesson_cat_list .cat_item {
	float:left;
width:calc( 155 / 970 * 100%);
height:calc( 100 / 970 * 100%);
margin-right:calc( 8 / 970 * 100%)
}
.lower_page .lesson_cat_wrapper .lesson_cat_list .cat_item:last-child {
	margin-right:0
}
.lower_page .lesson_cat_wrapper .lesson_cat_list .cat_item a {
	border-radius:20px 20px 0 0;
	display:block;
	text-align:center;
	padding:50px;
	position:relative
}
.lower_page .lesson_cat_wrapper .lesson_cat_list .cat_item a span {
	opacity:0.7;
	font-size:16px;
	font-weight:600;
	display:block;
	width:95%;
	position:absolute;
	left:50%;
	bottom:10px;
	-webkit-transform:translate(-50%, 0);
	-ms-transform:translate(-50%, 0);
	transform:translate(-50%, 0)
}
.lower_page .lesson_cat_wrapper .lesson_cat_list .cat_item a.active {
	background-color:#FFF !important
}
.lower_page .lesson_cat_wrapper .lesson_cat_list .cat_item.all a {
	background:#F2F2F2 url("../images/common/cat_icon_all_off@2x.png") no-repeat center 20px;
	background-size:auto 38px
}
.lower_page .lesson_cat_wrapper .lesson_cat_list .cat_item.all a.active {
	background:#F2F2F2 url("../images/common/cat_icon_all@2x.png") no-repeat center 20px;
	background-size:auto 38px
}
.lower_page .lesson_cat_wrapper .lesson_cat_list .cat_item.all a.active span {
	opacity:1
}
.lower_page .lesson_cat_wrapper .lesson_cat_list .cat_item.create a {
	background:#F2F2F2 url("../images/common/cat_icon_create_off@2x.png") no-repeat center 20px;
	background-size:auto 38px
}
.lower_page .lesson_cat_wrapper .lesson_cat_list .cat_item.create a.active {
	background:#F2F2F2 url("../images/common/cat_icon_create@2x.png") no-repeat center 20px;
	background-size:auto 38px
}
.lower_page .lesson_cat_wrapper .lesson_cat_list .cat_item.create a.active span {
	opacity:1
}
.lower_page .lesson_cat_wrapper .lesson_cat_list .cat_item.eat a {
	background:#F2F2F2 url("../images/common/cat_icon_eat_off@2x.png") no-repeat center 20px;
	background-size:auto 38px
}
.lower_page .lesson_cat_wrapper .lesson_cat_list .cat_item.eat a.active {
	background:#F2F2F2 url("../images/common/cat_icon_eat@2x.png") no-repeat center 20px;
	background-size:auto 38px
}
.lower_page .lesson_cat_wrapper .lesson_cat_list .cat_item.eat a.active span {
	opacity:1
}
.lower_page .lesson_cat_wrapper .lesson_cat_list .cat_item.study a {
	background:#F2F2F2 url("../images/common/cat_icon_study_off@2x.png") no-repeat center 20px;
	background-size:auto 38px
}
.lower_page .lesson_cat_wrapper .lesson_cat_list .cat_item.study a.active {
	background:#F2F2F2 url("../images/common/cat_icon_study@2x.png") no-repeat center 20px;
	background-size:auto 38px
}
.lower_page .lesson_cat_wrapper .lesson_cat_list .cat_item.study a.active span {
	opacity:1
}
.lower_page .lesson_cat_wrapper .lesson_cat_list .cat_item.works a {
	background:#F2F2F2 url("../images/common/cat_icon_works_off@2x.png") no-repeat center 20px;
	background-size:auto 38px
}
.lower_page .lesson_cat_wrapper .lesson_cat_list .cat_item.works a.active {
	background:#F2F2F2 url("../images/common/cat_icon_works@2x.png") no-repeat center 20px;
	background-size:auto 38px
}
.lower_page .lesson_cat_wrapper .lesson_cat_list .cat_item.works a.active span {
	opacity:1
}
.lower_page .lesson_cat_wrapper .lesson_cat_list .cat_item.special a {
	background:#F2F2F2 url("../images/common/cat_icon_special_off@2x.png") no-repeat center 20px;
	background-size:auto 38px
}
.lower_page .lesson_cat_wrapper .lesson_cat_list .cat_item.special a.active {
	background:#F2F2F2 url("../images/common/cat_icon_special@2x.png") no-repeat center 20px;
	background-size:auto 38px
}
.lower_page .lesson_cat_wrapper .lesson_cat_list .cat_item.special a.active span {
	opacity:1
}
@media screen and (max-width: 767px) {
.lower_page .lesson_cat_wrapper .lesson_cat_list .cat_item {
padding-right:calc( 8 / 750 * 100%)
}
.lower_page .lesson_cat_wrapper .lesson_cat_list .cat_item:last-child {
padding-right:0
}
.lower_page .lesson_cat_wrapper .lesson_cat_list .cat_item a {
padding:30px 49px 40px;
background-size:auto 23px !important;
background-position:center 15px !important
}
.lower_page .lesson_cat_wrapper .lesson_cat_list .cat_item a span {
font-size:12px;
bottom:10px
}
}
@media screen and (max-width: 767px) {
.lower_page .lesson_cat_wrapper .lesson_cat_list {
padding:0 10px
}
}
@media screen and (max-width: 767px) {
.lower_page .lesson_cat_wrapper {
overflow:hidden;
width:100%
}
.lower_page .lesson_cat_wrapper .mask {
width:100%;
overflow-x:auto;
-webkit-overflow-scrolling:touch
}
.lower_page .lesson_cat_wrapper .lesson_cat_list {
display:inline-table;
max-width:100%
}
.lower_page .lesson_cat_wrapper .lesson_cat_list .cat_item {
display:table-cell;
float:none
}
}
.lower_page .lesson_list_page {
	background:#FFF;
	padding:50px 0 80px
}
.lower_page .lesson_detail_page {
	background:#D1F0FF url("../images/common/lower_content_bg@2x.png") no-repeat center top;
	background-size:1151px;
	padding:119px 0 40px
}
@media screen and (max-width: 767px) {
.lower_page .lesson_detail_page {
background-size:120%;
padding:calc( 150 / 750 * 100%) 0 40px
}
}
.lower_page .lesson_detail_page .detail_inner {
	max-width:640px;
	width:90%;
	margin:0 auto
}
.lower_page .lesson_detail_page .detail_inner .main_img {
	border-radius:10px 10px 0 0;
	overflow:hidden;
	position:relative;
}
.lower_page .lesson_detail_page .detail_inner .main_img .lesson .circle {
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #fff;
    font-size: 12px;
    width: 60px;
    height: 60px;
    text-align: center;
    display: flex;
    background: #f04d50;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.lower_page .lesson_detail_page .detail_inner .reserves_stat {
	height:50px;
	line-height:50px;
}


.lower_page .lesson_detail_page .detail_inner .detail_body {
	padding:50px 60px 60px;
	margin-bottom:100px;
	border-radius:0 0 10px 10px;
	background:#FAFAFA;
	position:relative
}
@media screen and (max-width: 767px) {
.lower_page .lesson_detail_page .detail_inner .detail_body {
padding:25px 25px 40px;
margin-bottom:50px
}
}
.lower_page .lesson_detail_page .detail_inner .detail_body .lesson_stat_list {
	position:absolute;
	top:-49px;
	left:-30px
}
.lower_page .lesson_detail_page .detail_inner .detail_body .lesson_stat_list:after {
	content:"";
	display:block;
	clear:both
}
.lower_page .lesson_detail_page .detail_inner .detail_body .lesson_stat_list .lesson_stat {
	position:relative;
	float:left;
	width:90px;
	height:90px;
	background:#000;
	border-radius:9999px 9999px 0 9999px;
	margin-left:-5px;
	z-index:1
}
.lower_page .lesson_detail_page .detail_inner .detail_body .lesson_stat_list .lesson_stat:first-child {
	z-index:10
}
.lower_page .lesson_detail_page .detail_inner .detail_body .lesson_stat_list .lesson_stat.now_open {
	background:#f04d50
}
.lower_page .lesson_detail_page .detail_inner .detail_body .lesson_stat_list .lesson_stat.now_open::after {
border-top:30px solid #f04d50
}
.lower_page .lesson_detail_page .detail_inner .detail_body .lesson_stat_list .lesson_stat.new {
	background:#ffd421
}
.lower_page .lesson_detail_page .detail_inner .detail_body .lesson_stat_list .lesson_stat.new::after {
border-top:30px solid #ffd421
}
.lower_page .lesson_detail_page .detail_inner .detail_body .lesson_stat_list .lesson_stat .lesson_stat_inner {
	font-family:tbudrgothic-std, sans-serif;
	text-align:center;
	font-size:18px;
	width:100%;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	color:#fff
}
@media screen and (max-width: 767px) {
.lower_page .lesson_detail_page .detail_inner .detail_body .lesson_stat_list {
left:20px
}
.lower_page .lesson_detail_page .detail_inner .detail_body .lesson_stat_list .lesson_stat {
width:60px;
height:60px
}
.lower_page .lesson_detail_page .detail_inner .detail_body .lesson_stat_list .lesson_stat .lesson_stat_inner {
font-size:13px
}
}
.lower_page .lesson_detail_page .detail_inner .detail_body .lesson_info__lesson_title {
	font-size:24px;
	line-height:38px
}
@media screen and (max-width: 767px) {
.lower_page .lesson_detail_page .detail_inner .detail_body .lesson_info__lesson_title {
font-size:18px;
line-height:26px
}
}
.lower_page .lesson_detail_page .detail_inner .detail_body .sub_info {
	margin-bottom:30px
}
.lower_page .lesson_detail_page .detail_inner .detail_body .sub_info:after {
	content:"";
	display:block;
	clear:both
}
.lower_page .lesson_detail_page .detail_inner .detail_body .sub_info li {
	float:left
}
.lower_page .lesson_detail_page .detail_inner .detail_body .sub_info li span{
	color:#f04d50;
}

@media screen and (max-width: 767px) {
.lower_page .lesson_detail_page .detail_inner .detail_body .sub_info {
margin-bottom:15px
}
}
.lower_page .lesson_detail_page .detail_inner .detail_body .cat_tg {
	position:relative;
	font-size:12px;
	padding:4px 30px;
	color:#FFF;
	text-align:center;
	margin-right:15px
}
.lower_page .lesson_detail_page .detail_inner .detail_body .cat_tg:after {
	content:"";
	position:absolute;
	top:0;
	right:0;
	width:0;
	height:0;
	border-style:solid;
	border-color:transparent #FAFAFA transparent transparent;
	border-width:13px 9px 13px 0
}
.lower_page .lesson_detail_page .detail_inner .detail_body .cat_tg.special {
	background:#ffd421
}
.lower_page .lesson_detail_page .detail_inner .detail_body .cat_tg.eat {
	background:#f93d89
}
.lower_page .lesson_detail_page .detail_inner .detail_body .cat_tg.works {
	background:#975ebc
}
.lower_page .lesson_detail_page .detail_inner .detail_body .cat_tg.study {
	background:#95BE31
}
.lower_page .lesson_detail_page .detail_inner .detail_body .cat_tg.create {
	background:#21b0eb
}
.lower_page .lesson_detail_page .detail_inner .detail_body .desc {
	font-size:18px;
	line-height:36px;
	font-weight:600;
	padding-bottom:40px;
	margin-bottom:40px;
	border-bottom:#E0E0E0 1px solid
}
.lower_page .lesson_detail_page .detail_inner .detail_body  #gaiyou p{
	font-size: 16px;
	margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
.lower_page .lesson_detail_page .detail_inner .detail_body .desc {
font-size:15px;
line-height:25px;
padding-bottom:25px;
margin-bottom:25px
}
}
.lower_page .lesson_detail_page .detail_inner .detail_body .summary {
	font-size:16px;
	margin-bottom:20px
}
.lower_page .lesson_detail_page .detail_inner .detail_body .summary li {
	margin-bottom:10px
}
@media screen and (max-width: 767px) {
.lower_page .lesson_detail_page .detail_inner .detail_body .summary {
font-size:14px
}
}
.lower_page .lesson_detail_page .detail_inner .detail_body .attention {
	margin-bottom:30px;
	font-size:14px
}
.lower_page .lesson_detail_page .detail_inner .detail_body .attention li {
	margin-bottom:5px
}
@media screen and (max-width: 767px) {
.lower_page .lesson_detail_page .detail_inner .detail_body .attention {
font-size:12px;
margin-bottom:15px
}
}
.lower_page .lesson_detail_page .detail_inner .detail_body .profile_box {
	font-size:15px;
	line-height:30px;
	padding:20px 30px;
	margin-bottom:60px;
	border:1px solid #E0E0E0;
	border-radius:10px;
	background:#FFF
}
@media screen and (max-width: 767px) {
.lower_page .lesson_detail_page .detail_inner .detail_body .profile_box {
font-size:13px;
padding:10px 20px;
line-height:21px;
margin-bottom:30px
}
}
.lower_page .lesson_detail_page .detail_inner .detail_body .sns_wrap{
	margin-top: 25px;
	overflow: hidden;
}
.lower_page .lesson_detail_page .detail_inner .detail_body .sns_wrap > li{
    height: 24px;
    float: left;
    margin-right: 15px;
}
.lower_page .lesson_detail_page .detail_inner .lesson__list .lesson__item {
width:calc( 310 / 640 * 100%);
margin:0 calc( 20 / 640 * 100%) 20px 0
}
.lower_page .lesson_detail_page .detail_inner .lesson__list .lesson__item:nth-child(2n) {
margin-right:0
}
@supports (-ms-ime-align: auto) {
.lower_page .lesson_detail_page .detail_inner .lesson__list .lesson__item {
width:calc( 309 / 640 * 100%)
}
}
@media screen and (max-width: 767px) {
.lower_page .lesson_detail_page .detail_inner .lesson__list .lesson__item {
width:100%;
margin:0 0 20px
}
}

.lower_page .lesson_detail_page .detail_inner #yousu{
	border-top:1px dotted #707070;
	padding-top:25px;
	margin-bottom:30px;
}
.lower_page .lesson_detail_page .detail_inner #yousu h3{
	font-size:18px;
	color:#525252;
	margin-bottom:15px;
	text-align:center;
	font-weight:bolder;
}
.lower_page .lesson_detail_page .detail_inner #yousu .yousu_body{
	background:#fff;
	border:10px solid #e0e0e0;
	padding:20px;
}
.lower_page .lesson_detail_page .detail_inner #yousu .yousu_body.flex{
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.lower_page .lesson_detail_page .detail_inner #yousu .yousu_body p{}
.lower_page .lesson_detail_page .detail_inner #yousu .yousu_body .img{}
.lower_page .lesson_detail_page .detail_inner #yousu .yousu_body .img img{}
@media screen and (min-width: 767px) {
	.lower_page .lesson_detail_page .detail_inner #yousu .yousu_body .img img{
		max-width:140px;
	}
	.lower_page .lesson_detail_page .detail_inner #yousu .yousu_body > div{
	    flex-basis: 300px;
	}
	.lower_page .lesson_detail_page .detail_inner #yousu .yousu_body > .img{
	    flex-basis: 140px;
	}
}
.lower_page .lesson_detail_page .back_link li {
	margin-bottom:16px
}
.lower_page .lesson_detail_page .back_link li:last-child {
	margin-bottom:0
}
.lower_page.end_lesson .main_img {
	text-align:center;
	color:#FFF;
	padding:10px;
	font-size:16px
}
.lower_page.end_lesson .lesson_info__open_data {
	color:#525252
}
.lower_page.end_lesson .special .main_img {
	background:#ffd421
}
.lower_page.end_lesson .eat .main_img {
	background:#f93d89
}
.lower_page.end_lesson .works .main_img {
	background:#975ebc
}
.lower_page.end_lesson .study .main_img {
	background:#95BE31
}
.lower_page.end_lesson .create .main_img {
	background:#21b0eb
}

/* 201904 Renew*/
.index #infonews{
	background:#fafafa;
	padding:20px 0;
}
.index #infonews > div{
	position: relative;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
	flex-wrap: wrap;
}
.index #infonews .infonews_title{
	font-size:15px;
	color:#f04d50;
	font-weight:bolder;
	position:relative;
	padding-left:21px;
}
.index #infonews .infonews_title:before{
	display:block;
	content:"";
	background:url(../images/index/infonews_title.png);
	height:16px;
	width:16px;
	position:absolute;
	left:0;
	top:3px;
}
.index #infonews .infonews_content{}
.index #infonews .infonews_content .post{
	border-bottom:1px solid #e0e0e0;
	padding-bottom:10px;
	margin-bottom:10px;
	cursor:pointer;
}
.index #infonews .infonews_content .post:last-child{
	border-bottom:none;
	padding-bottom:0;
	margin-bottom:0;
}
.index #infonews .infonews_content .post dt{
	border-right:1px solid #e0e0e0;
	padding-right:10px;
	margin-right:10px;
	position:relative;
	padding-left:21px;
}
.index #infonews .infonews_content .post dt:before{
	display:block;
	content:"";
	background:url(../images/index/infonews_arrow.png);
	height:16px;
	width:16px;
	position:absolute;
	left:0;
	top:3px;
}
.index #infonews .infonews_content .post > .post_body{
	display:none;
	padding-top:10px;
}
@media screen and (max-width: 767px) {
	.index #infonews > div{
		display:block;
	}
	.index #infonews .infonews_title{
		margin-bottom:20px;
	}
	.index #infonews .infonews_content .post > dt{
		border-right:none;
		padding-right:0;
		margin-right:0;
	}
	.index #infonews .infonews_content .post > dd{
		padding-left:21px;
	}
	.index #infonews .infonews_content .post dt {
		border-right:none;
	}
}


@media screen and (min-width: 767px) {
	.index #infonews .infonews_title{
	    flex-basis: 85px;
	}
	.index #infonews .infonews_content{
	    flex-basis: 855px;
	}
	
	.index #infonews .infonews_content .post > dl{
		display: -webkit-flex;
		display: flex;
	}
}

/* トップページ LINEお友達募集中 セクション追加 */
.index .friend_section {
	background:#80BE5F url("../images/index/friend_bg@2x.jpg") no-repeat center top;
	background-size: 100% auto;
	padding-top: 60px;
	padding-bottom: 70px;
	position:relative;
}
.index .friend_section .title{
	width: 323px;
	max-width: 100%;
	margin: 0 auto;
}
.index .friend_section .friend__leadTitle{
	color: #fff;
	font-weight: bold;
	text-align: center;
	font-size: 21px;
	margin-top: 35px;
	letter-spacing: .1em;
}
.index .friend_section .friend__lead{
	color: #fff;
	text-align: center;
	font-size: 18px;
	margin-top: 15px;
	letter-spacing: .1em;
	line-height: 2;
}
.index .friend_section .friend__link{
	margin-top: 35px;
	text-align: center;
}
.index .friend_section .friend__linkBtn{
	display: inline-block;
	background-color: #fff;
	padding: 39px 30px 39px 105px;
	border-radius: 20px;
	color: #525252;
	font-size: 20px;
	font-weight: 800;
	letter-spacing: .05em;
	box-shadow: 0 0 0 0 #06C755 inset;
	outline-offset: -5px;
	position: relative;
	transition: .2s ease-in-out;
}
.index .friend_section .friend__linkBtn::before{
	content: '';
	display: inline-block;
	position: absolute;
	top: 30px;
	left: 30px;
	width: 50px;
	height: 50px;
	background: url("../images/index/icon_line@2x.png") no-repeat center center / 100% auto;
}
.index .friend_section .friend__item1{
	position: absolute;
	bottom: 80px;
	left: 148px;
	width: 86px;
}
.index .friend_section .friend__item2{
	position: absolute;
	bottom: 72px;
	right: 177px;
	width: 50px;
}
.index .friend_section .friend__item3{
	position: absolute;
	bottom: 158px;
	right: 113px;
	width: 35px;
}
.index .friend_section br.sp{
	display: none;
}
@media screen and (min-width: 768px) {
	.index .friend_section .friend__linkBtn br{
		display: none;
	}
	.index .friend_section .friend__linkBtn:hover{
		box-shadow: 0 0 0 5px #06C755 inset;
		color: #06C755;
	}
}
@media screen and (max-width: 767px) {
	.index .friend_section {
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.index .friend_section .friend__lead{
		font-size: 16px;
		margin-top: 15px;
		text-align: left;
	}
	.index .friend_section .friend__linkBtn{
		padding: 20px 20px 20px 80px;
		border-radius: 20px;
		font-size: 16px;
		text-align: left;
	}
	.index .friend_section .friend__linkBtn::before{
		top: 24px;
		left: 20px;
		width: 40px;
		height: 40px;
	}
	.index .friend_section .friend__item1{
		bottom: 10px;
		left:  20px;
		width: 70px;
	}
	.index .friend_section .friend__item2{
		bottom: 15px;
		right: 20px;
		width: 40px;
	}
	.index .friend_section .friend__item3{
		display: none;
	}
	.index .friend_section br.pc{
		display: none;
	}
	.index .friend_section br.sp{
		display: initial;
	}
}




/* がくえんさい セクション追加 */
.index .event_section{
	position: relative;
	background-repeat: repeat;
	background-size: contain;
	border-radius: 0 0 10px 10px;
	max-width: 800px;
}
.index .event_section::before{
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center bottom;
	z-index: 1;
}
.index .event_inner{
	position: relative;
    background: #EBF9FF;
    margin-left: auto;
    margin-right: auto;
    border-radius: 0 0 10px 10px;
}
.index .event .title {
	text-align:center;
	max-width:283px;
	width:100%;
	margin:0 auto 40px;
}
.index .event__lead{
	font-weight: 700;

}
.index .event__leadTitle{
	margin-bottom: 1em;
	text-align: center;
	color: #21B0EB;
	font-weight: 700;
}
.index .event__detail{
	background: #fff;
}
.index .event__detail__item + .event__detail__item{
	border-top: 3px solid #EBF9FF;
}
.index .event__detail__item__title{
	color: #21B0EB;
	font-weight: 900;
}
.index .event__detail__item__text{
	line-height: 1.5;
	font-weight: 700;
}
@media screen and (min-width: 768px) {
	.index .event_section{
		background-image: url(../images/index/title_event_parts_bg.png);
		margin: 180px auto 80px;
		width: 95%;
		padding-bottom: 10px;
	}
	.index .event_section::before{
		top: -100px;
		height: 100px;
		background-image: url(../images/index/title_event_parts_top.png);
	}
	.index .event_inner{
		width: calc( 780 / 800 * 100%);
		padding: 0 100px 59px;
	}
	.index .event__leadTitle{
		font-size: 18px;
	}
	.index .event__lead{
		margin-bottom: 1.5em;
		text-align: center;
		font-size: 18px;
		line-height: 1.88;
	}
	.index .event__detail{
		padding: 0 1em;
		margin-bottom: 1.5em;
	}
	.index .event__detail__item{
		display: flex;
		padding: 1.25em 6em;
		align-items: center;
	}
	.index .event__detail__item__title{
		width: 4em;
		font-size: 18px;
	}
	.index .event__detail__item__text{
		width: calc(100% - 4em);
		font-size: 18px;
	}
}
@media screen and (max-width: 767px) {
	.index .event_section{
		background-image: url(../images/index/title_event_parts_bg_sp.png);
		margin: 13vw auto 60px;
		width: 92%;
		padding-bottom: 2%;
	}
	.index .event_section::before{
		top: -13vw;
		height: 13vw;
		background-image: url(../images/index/title_event_parts_top_sp.png);
	}
	.index .event_inner{
		width: calc( 670 / 690 * 100%);
		padding: 20px 20px 50px;
	}
	.index .event__leadTitle{
		font-size: 16px;
	}
	.index .event__lead{
		margin-bottom: 1.5em;
		font-size: 16px;
		line-height: 2;
	}
	.index .event__detail{
		padding: 0 1em;
		margin-bottom: 2.5em;
	}
	.index .event__detail__item{
		padding: 0.75em 0;
	}
	.index .event__detail__item__title{
		margin-bottom: 0.25em;
		text-align: center;
		font-size: 16px;
	}
	.index .event__detail__item__text{
		text-align: center;
		font-size: 16px;
	}
}