@charset "utf-8";

/*=================================

top

=================================*/

/*------------------------------------------------------------
order
------------------------------------------------------------*/
#container { display:flex; flex-wrap:nowrap; flex-direction:column; }
#about_corona { flex:0 0 100%; order:1; }
#promotion_movie { flex:0 0 100%; order:2; }
#reason { flex:0 0 100%; order:3; }
#schoolbus { flex:0 0 100%; order:4; }
#price_list { flex:0 0 100%; order:7; }
#plan { flex:0 0 100%; order:8; }
#banner_area { flex:0 0 100%; order:10; }
#instructor { flex:0 0 100%; order:9; }
#sns { flex:0 0 100%; order:11; }
#introduction { flex:0 0 100%; order:12; border-top:none; }
#news { flex:0 0 100%; order:1; }
#guide { flex:0 0 100%; order:13; }
#menu { flex:0 0 100%; order:14; }
.inquiry { flex:0 0 100%; order:15; }
#recruit_banner { flex:0 0 100%; order:6; }

#ranking_banner { flex:0 0 100%; order:5; }

/*------------------------------------------------------------
main_visual
------------------------------------------------------------*/
#main_visual #main_visual_cont { display:flex; justify-content:space-between; }
#main_visual #main_visual_cont .cover_left { background-image:url(../images/top/p_main_visal_side_a.webp); background-size:cover; background-repeat:no-repeat; background-position:left top; flex:1 1 2vw; position:relative; z-index:1; opacity:0; -webkit-transition:opacity 3s; transition: opacity 3s; }
#main_visual #main_visual_cont .cover_left.lazyloaded { opacity:1; }

#main_visual #main_visual_cont .cover_right { background-image:url(../images/top/p_main_visal_side_b.webp); background-size:cover; background-repeat:no-repeat; background-position:left top; flex:1 1 2vw; position:relative; z-index:1; opacity:0; -webkit-transition:opacity 3s; transition: opacity 3s; }
#main_visual #main_visual_cont .cover_right.lazyloaded { opacity:1; }

#main_visual #main_visual_cont .cover_left:before,
#main_visual #main_visual_cont .cover_right:before {
background-image:url(../images/common/bg_black_op_55.png);
background-repeat:repeat;
background-position:left top;
content:" ";
height:100%;
position:absolute;
width:100%;
z-index:2;
}
#main_visual #main_visual_cont .cover img { position:relative; z-index:1; }
#main_visual #main_visual_cont .bx-wrapper { flex:0 1 1060px; }
#main_visual #main_visual_cont ol { display:flex; flex:0 1 1060px; height:540px; position:relative; }
#main_visual #main_visual_cont ol li { position:relative; }
#main_visual #main_visual_cont ol li a { display:block; position:relative; }
#main_visual #main_visual_cont ol li a dl { position:absolute; right:30px; bottom:30px; z-index:10; }
#main_visual #main_visual_cont ol li a dl dt { text-align:right; }
#main_visual #main_visual_cont ol li a dl dt span { color:#fff; font-size:116%; }
#main_visual #main_visual_cont ol li a dl dd { margin-top:15px; text-align:right; }
#main_visual #main_visual_cont ol li a dl dd img { width:115px; height:32px; opacity:0; -webkit-transition:opacity 3s; transition: opacity 3s; }
#main_visual #main_visual_cont ol li a dl dd img.lazyloaded { opacity:1; }
#main_visual #main_visual_cont ol li a img { position:relative; z-index:1; }
#main_visual #main_visual_cont ol li a img.lazyloaded { opacity:1; }

#information { background-color:#333; }
#information ul { display:flex; justify-content:space-between; }
#information ul li { padding:20px; }
#information ul li:first-child { flex:1 1 2vw; padding:20px 20px 10px 20px; }
#information ul li:first-child dl { display:flex; flex-wrap:wrap; justify-content:center; }
#information ul li:first-child dl dt { color:#fff; padding-bottom:10px; }
#information ul li:first-child dl dt img { color:#fff; width:16px; height:auto; }
#information ul li:first-child dl dd { color:#fff; padding-left:10px; padding-bottom:10px; }
#information ul li:nth-child(2) { background-color:#fff; flex:0 1 1060px; align-items:center; display:flex; padding:10px 20px; }
#information ul li:nth-child(2) a { align-items:center; display:flex; }
#information ul li:nth-child(2) a span { line-height:1.6; }
#information ul li:nth-child(2) a span br { display:none; }
#information ul li:nth-child(3) { flex:1 1 2vw; }
#information ul li a { text-decoration:none; }
#information ul li a:hover { text-decoration:none; }

@media screen and (min-width:768px) and ( max-width:1260px) {
#information ul li:first-child { flex:1 1 20vw; }
#information ul li:nth-child(3) { display:none; }
}

/*------------------------------------------------------------
about_corona
------------------------------------------------------------*/
#about_corona { background-color:#efefef; display:flex; justify-content:center; padding:20px; }
#about_corona .pic { border:1px solid #ccc; text-align:center; }
#about_corona .pic img { height:auto; width:474px; }

/*------------------------------------------------------------
promotion_movie
------------------------------------------------------------*/
#promotion_movie {
opacity:0;
-webkit-transition:opacity 3s;
transition: opacity 3s;
width:100%;
}
#promotion_movie.lazyloaded { opacity:1; }
#promotion_movie dl.title { padding:30px 0; text-align:center; }
#promotion_movie dl.title dt img { height:30px; width:auto; }
#promotion_movie dl.title dd { font-size:108%; margin-top:15px; }
#promotion_movie .promotion_movie_cont { background:#222; margin:0 auto; padding: 20px 0; }
#promotion_movie .promotion_movie_cont .movie_wrap { background:#222; margin:0 auto; padding:0; text-align:center; width:100%; }

#promotion_movie .promotion_movie_cont .movie_wrap #player {
opacity:0;
-webkit-transition:opacity 3s;
transition: opacity 3s;
}
#promotion_movie .promotion_movie_cont .movie_wrap #player.lazyloaded { opacity:1; }

#promotion_movie .promotion_movie_cont .movie_wrap #player lite-youtube {
margin:0 auto;
}

/*------------------------------------------------------------
reason
------------------------------------------------------------*/
#reason { padding:50px 0; }
#reason dl.title { padding:0 0 30px 0; text-align:center; }
#reason dl.title dt {}
#reason dl.title dt img { height:30px; width:auto; }
#reason dl.title dd { font-size:108%; margin-top:15px; }
#reason #reason_wrap { display:flex; justify-content:center; margin:0 auto; text-align:center; }
#reason #reason_wrap #reason_cont { align-items:center; display:flex; flex:0 1 1160px; justify-content:center; margin:0 auto; text-align:center; padding:0 5%; }
#reason #reason_wrap #reason_cont a { align-items:center; background:#f6f2e7; display:flex; flex:1 0 100%; justify-content:space-between; }
#reason #reason_wrap #reason_cont .pic { display:flex; flex:0 1 50%; }
#reason #reason_wrap #reason_cont .pic img { max-width:424px; max-height:242px; width:100%; height:auto; object-fit:cover; object-position:center bottom; opacity:0; -webkit-transition:opacity 3s; transition: opacity 3s; }
#reason #reason_wrap #reason_cont .pic img.lazyloaded { opacity:1; }

#reason #reason_wrap #reason_cont .comment { display:flex; flex:1 1 50%; text-align:center; }
#reason #reason_wrap #reason_cont .comment dl { display:flex; flex:1 1 auto; flex-wrap:wrap; justify-content:start; position:relative; padding:0 25px; }
#reason #reason_wrap #reason_cont .comment dl dt { flex:1 0 100%; text-align:left; }
#reason #reason_wrap #reason_cont .comment dl dt span { color:#a88415; font-size:124%; }
#reason #reason_wrap #reason_cont .comment dl dd { flex:0 1 auto; padding:20px 0; text-align:left; }
#reason #reason_wrap #reason_cont .comment dl dd span { font-size:124%; font-weight:500; line-height:1.8; }
#reason #reason_wrap #reason_cont .comment dl:after { content: "\f054"; color:#a88415; font-family:var(--icon); margin-top:-6px; right:20px; position:absolute; top:50%; }
#reason #reason_wrap #reason_cont a:hover { text-decoration:none; }
#reason #reason_wrap #reason_cont a:hover .comment dl dt span { color:#a88415; }
#reason #reason_wrap #reason_cont a:hover .comment dl dd span { color:#333; }

/*------------------------------------------------------------
schoolbus
------------------------------------------------------------*/
#schoolbus { border-top:1px solid #eee; padding:50px 0; }
#schoolbus dl.title { padding:0 0 30px 0; text-align:center; }
#schoolbus dl.title dt img { height:30px; width:auto; }
#schoolbus dl.title dd { font-size:108%; margin-top:15px; }
#schoolbus #schoolbus_wrap { display:flex; justify-content:center; margin:0 auto; text-align:center; }
#schoolbus #schoolbus_wrap #schoolbus_cont { align-items:center; display:flex; flex:0 1 1160px; justify-content:center; margin:0 auto; padding:0 5%; text-align:center; }
#schoolbus #schoolbus_wrap #schoolbus_cont a { align-items:center; background:#dff2fc; display:flex; flex:1 0 100%; justify-content:space-between; }
#schoolbus #schoolbus_wrap #schoolbus_cont img { display:flex; flex:0 1 424px; opacity:0; -webkit-transition:opacity 3s; transition: opacity 3s; }
#schoolbus #schoolbus_wrap #schoolbus_cont img.lazyloaded { opacity:1; }
#schoolbus #schoolbus_wrap #schoolbus_cont .comment { display:flex; flex:1 0 auto; text-align:center; }
#schoolbus #schoolbus_wrap #schoolbus_cont .comment dl { display:flex; flex:1 1 auto; flex-wrap:wrap; justify-content:center; position:relative; }
#schoolbus #schoolbus_wrap #schoolbus_cont .comment dl dd { flex:0 1 auto; padding:20px 0; text-align:left; }
#schoolbus #schoolbus_wrap #schoolbus_cont .comment dl dd span { font-size:124%; font-weight:500; line-height:1.8; }
#schoolbus #schoolbus_wrap #schoolbus_cont .comment dl:after { content: "\f054"; color:#60B4E4; font-family:var(--icon); margin-top:-6px; right:20px; position:absolute; top:50%; }
#schoolbus #schoolbus_wrap #schoolbus_cont a:hover { text-decoration:none; }
#schoolbus #schoolbus_wrap #schoolbus_cont a:hover .comment dl dt span { color:#a88415; }
#schoolbus #schoolbus_wrap #schoolbus_cont a:hover .comment dl dd span { color:#333; }

#schoolbus #schoolbus_map { align-items:center; display:flex; flex:0 1 1160px; justify-content:center; margin:0 auto; text-align:center; }
#schoolbus #schoolbus_map #schoolbus_map_cont { display:flex; flex:0 1 1160px; justify-content:center; flex-wrap:wrap; margin-top:30px; padding:0 5%; }
#schoolbus #schoolbus_map #schoolbus_map_cont .contents_title.sp { display:none; }
#schoolbus #schoolbus_map #schoolbus_map_cont ul.direction { display:flex; flex:0 0 49%; justify-content:space-between; text-align:center; }
#schoolbus #schoolbus_map #schoolbus_map_cont ul.direction li { flex:0 0 48%; object-fit:cover; width:100%; height:auto; }
#schoolbus #schoolbus_map #schoolbus_map_cont ul.direction li img { width:100%; height:auto; object-fit:cover; opacity:0; -webkit-transition:opacity 3s; transition: opacity 3s; }
#schoolbus #schoolbus_map #schoolbus_map_cont ul.direction li img.lazyloaded { opacity:1; }
#schoolbus #schoolbus_map #schoolbus_map_cont ul:first-child { margin-right:2%; }

#schoolbus #schoolbus_map #schoolbus_map_cont .point {}
#schoolbus #schoolbus_map #schoolbus_map_cont .point > ul { display:flex; flex:0 0 100%; justify-content:space-between; margin-top:50px; text-align:center; }
#schoolbus #schoolbus_map #schoolbus_map_cont .point > ul > li { flex:1 1 540px; }
#schoolbus #schoolbus_map #schoolbus_map_cont .point > ul li dl {}
#schoolbus #schoolbus_map #schoolbus_map_cont .point > ul li dl dt { text-align:left; }
#schoolbus #schoolbus_map #schoolbus_map_cont .point > ul > li > dl > dt > span { color:#999; font-size:116%; }
#schoolbus #schoolbus_map #schoolbus_map_cont .point > ul > li > dl > dd { margin-top:10px; }

#schoolbus #schoolbus_map #schoolbus_map_cont .point ul li dl dd ul.line0 { min-height:70px; }
#schoolbus #schoolbus_map #schoolbus_map_cont .point ul li dl dd ul.line1 { background:#fbe6ef; margin-bottom:25px; }
#schoolbus #schoolbus_map #schoolbus_map_cont .point ul li dl dd ul.line2 { background:#dff2fc; margin-bottom:25px; } 
#schoolbus #schoolbus_map #schoolbus_map_cont .point ul li dl dd ul.line3 { background:#fef0dd; }

#schoolbus #schoolbus_map #schoolbus_map_cont .point ul li dl dd #eastside ul { display:table; table-layout:fixed; width:100%; padding:0; }
#schoolbus #schoolbus_map #schoolbus_map_cont .point ul li dl dd #eastside ul li { display:table-cell; width:20%; padding:0; vertical-align:middle; }
#schoolbus #schoolbus_map #schoolbus_map_cont .point ul li dl dd #eastside ul li.title { background:none; width:60%; background:#fff; text-align:left; }
#schoolbus #schoolbus_map #schoolbus_map_cont .point ul li dl dd #westside ul { display:table; table-layout:fixed; width:100%; padding:0; }
#schoolbus #schoolbus_map #schoolbus_map_cont .point ul li dl dd #westside ul li { display:table-cell; width:20%; padding:0; vertical-align:middle; }
#schoolbus #schoolbus_map #schoolbus_map_cont .point ul li dl dd #westside ul li.title { background:none; width:60%; background:#fff; text-align:left; padding-bottom:20px;  }

#schoolbus #schoolbus_map #schoolbus_map_cont .point ul li dl dd ul li.blank { background:#fff; }
#schoolbus #schoolbus_map #schoolbus_map_cont .point ul li dl dd ul li div { background:#fbe6ef; display:inline-block; vertical-align:middle; padding:5px; }
#schoolbus #schoolbus_map #schoolbus_map_cont .point ul li dl dd ul.line0 div { padding:5px 5px 0; }
#schoolbus #schoolbus_map #schoolbus_map_cont .point ul li dl dd ul.line1 div { background:#fbe6ef; }
#schoolbus #schoolbus_map #schoolbus_map_cont .point ul li dl dd ul.line2 div { background:#dff2fc; }
#schoolbus #schoolbus_map #schoolbus_map_cont .point ul li dl dd ul.line3 div { background:#fef0dd; }
#schoolbus #schoolbus_map #schoolbus_map_cont .point ul li dl dd ul li div dl { border:2px solid #fff; background-color:#ccc; padding:13px 10px 15px; min-width:74px; }
#schoolbus #schoolbus_map #schoolbus_map_cont .point ul li dl dd ul li div dl dt { align-items:center; display:flex; justify-content:center; }
#schoolbus #schoolbus_map #schoolbus_map_cont .point ul li dl dd ul li div dl dt span:first-child { color:#fff; font-weight:600; font-family: 'Lato', sans-serif; text-align:center; }
#schoolbus #schoolbus_map #schoolbus_map_cont .point ul li dl dd ul li div dl dt span:nth-child(2) { color:#fff; font-size:85%; font-weight:600; }
#schoolbus #schoolbus_map #schoolbus_map_cont .point ul li dl dd ul li div dl dd { color:#fff; font-size:93%; font-weight:600; margin-top:3px; }
#schoolbus #schoolbus_map #schoolbus_map_cont .point ul li dl dd ul.line0 li div dl { background:#F19EC2; }
#schoolbus #schoolbus_map #schoolbus_map_cont .point ul li dl dd ul.line1 li div dl { background:#F19EC2; }
#schoolbus #schoolbus_map #schoolbus_map_cont .point ul li dl dd ul.line2 li div dl { background:#52c3f1; }
#schoolbus #schoolbus_map #schoolbus_map_cont .point ul li dl dd ul.line3 li div dl { background:#f8c384; }

#schoolbus #schoolbus_map #schoolbus_map_cont .point p { flex:1 0 auto; line-height:1.6; margin-top:15px; text-align:left; }
#schoolbus #schoolbus_map #schoolbus_map_cont .point p span { line-height:1.6; }

/*------------------------------------------------------------
ranking_banner
------------------------------------------------------------*/
#ranking_banner {
display: flex;
justify-content: center;
margin: 0 auto;
text-align: center;
padding:0 50px 50px 50px;
width: 100%;
max-width: 1160px;
}

#ranking_banner #ranking_banner_cont {
align-items:center;
border-radius:10px;
display:flex;
flex:0 1 1160px;
justify-content:center;
margin:0 auto;
padding:0;
position:relative;
text-align:center;
}

#ranking_banner #ranking_banner_cont a {
border-radius:10px;
display:block;
position:relative;
overflow:hidden;
width:100%;
z-index:2;
}

#ranking_banner #ranking_banner_cont a:before {
background-color:#DFF2FC;
content:" ";
position:absolute;
width:100%;
height:100%;
left:0;
z-index:0;
}

#ranking_banner #ranking_banner_cont a:after {
background-image:url(../images/top/ranking_banner_bg_pc.png);
background-repeat:no-repeat;
background-position:center center;
background-size:auto 85%;
content:" ";
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
z-index:1;
}

#ranking_banner #ranking_banner_cont a dl {
align-items:center;
display:flex;
flex-direction:column;
justify-content:center;
padding:25px 90px 35px 90px;
position:relative;
row-gap:25px;
z-index:2;
}

#ranking_banner #ranking_banner_cont a dl.sp {
display:none;
}

#ranking_banner #ranking_banner_cont a dl:before {
background-image:url(../ranking/img/bg_figure.png);
background-repeat:no-repeat;
background-position:center center;
background-size:contain;
aspect-ratio: 1 / 1;
content:" ";
position:absolute;
width:20vw;
height:20vw;
right:-10vw;
top:-10vw;
opacity:0.7;
z-index:1;
}

#ranking_banner #ranking_banner_cont a dl:after {
background-image:url(../ranking/img/bg_figure.png);
background-repeat:no-repeat;
background-position:center center;
background-size:contain;
aspect-ratio: 1 / 1;
content:" ";
position:absolute;
width:20vw;
height:20vw;
left:-10vw;
bottom:-10vw;
opacity:0.7;
z-index:0;
}

#ranking_banner #ranking_banner_cont a dl dt {
align-items:center;
display:flex;
justify-content:center;
height:75%;
flex:1;
}

#ranking_banner #ranking_banner_cont a dl dt img {
height:auto;
/*opacity:0;*/
/*-webkit-transition:opacity 3s;*/
/*transition: opacity 3s;*/
width:100%;
max-width:540px;
}

#ranking_banner #ranking_banner_cont a dl dt img.lazyloaded {
opacity:1;
}

#ranking_banner #ranking_banner_cont a dl dd {
display:flex;
justify-content:center;
width:auto;
max-height: 60px;
}

#ranking_banner #ranking_banner_cont a dl dd ul {
column-gap:10px;
display:flex;
justify-content:center;
width:100%;
max-height:60%;
}

#ranking_banner #ranking_banner_cont a dl dd ul li {
aspect-ratio: 1 / 1;
height:100%;
}

#ranking_banner #ranking_banner_cont a dl dd ul li img {
aspect-ratio: 1 / 1;
height:100%;
width:100%;
opacity:0;
-webkit-transition:opacity 3s;
transition: opacity 3s;
}

#ranking_banner #ranking_banner_cont a dl dd ul.fadeIn li img {
opacity:1;
}

#ranking_banner #ranking_banner_cont a dl dd ul.fadeIn li:first-child img {
animation: poyoyon2 1.0s ease 1.5s 3;
}

#ranking_banner #ranking_banner_cont a dl dd ul.fadeIn li:nth-child(2) img {
animation: poyoyon2 1.5s ease 1.5s 3;
}

#ranking_banner #ranking_banner_cont a dl dd ul.fadeIn li:nth-child(3) img {
animation: poyoyon2 2.0s ease 1.5s 3;
}

#ranking_banner #ranking_banner_cont a dl dd ul.fadeIn li:nth-child(4) img {
animation: poyoyon2 2.5s ease 1.5s 3;
}

#ranking_banner #ranking_banner_cont:hover {
cursor:pointer;
}

#ranking_banner #ranking_banner_cont:hover a:before {
background-color:#BFE5F8;
}

/*------------------------------------------------------------
price_list
------------------------------------------------------------*/
#price_list { border-top:1px solid #eee; padding:50px 0; }
#price_list dl.title { padding:0 0 30px; text-align:center; }
#price_list dl.title dt {}
#price_list dl.title dt img { height:30px; width:auto; }
#price_list dl.title dd { font-size:108%; margin-top:15px; }

#price_list #price_list_wrap { display:flex; justify-content:center; margin:0 auto; text-align:center; }
#price_list #price_list_wrap #price_list_cont { display:flex; flex:0 1 1160px; justify-content:center; padding:0 50px; }
#price_list #price_list_wrap #price_list_cont ul { display:flex; flex:1 0 auto; justify-content:space-between; }
#price_list #price_list_wrap #price_list_cont ul li { flex:0 1 48%; }
#price_list #price_list_wrap #price_list_cont ul li a { display:block; margin:0 auto; text-align:center; }
#price_list #price_list_wrap #price_list_cont ul li:first-child { background-color:#e4f3ed; }
#price_list #price_list_wrap #price_list_cont ul li:nth-child(2) { background-color:#e4f3ed; }

#price_list #price_list_wrap #price_list_cont ul li .car { align-items:center; display:flex; justify-content:space-between; position:relative; }
#price_list #price_list_wrap #price_list_cont ul li .car:after { content: "\f054"; color:#4FAC80; font-family:var(--icon); margin-top:-6px; right:20px; position:absolute; top:50%; }
#price_list #price_list_wrap #price_list_cont ul li .car dl { align-items:center; display:flex; flex:1 0 auto; justify-content:space-between; }
#price_list #price_list_wrap #price_list_cont ul li .car dl dt { flex:0 1 60%; }
#price_list #price_list_wrap #price_list_cont ul li .car dl dt img { object-fit:cover; object-position:center top; height:100%; min-height:200px; max-width:300px; width:100%; opacity:0; -webkit-transition:opacity 3s; transition: opacity 3s; }
#price_list #price_list_wrap #price_list_cont ul li .car dl dt img.lazyloaded { opacity:1; }
#price_list #price_list_wrap #price_list_cont ul li .car dl dd { display:flex; flex:1 1 40%; justify-content:center; text-align:center; }
#price_list #price_list_wrap #price_list_cont ul li .car dl dd p { font-size:116%; line-height:1.6; padding-right:15px; }
#price_list #price_list_wrap #price_list_cont ul li .car dl dd p span { line-height:1.6; }
#price_list #price_list_wrap #price_list_cont ul li .car dl dd .icon {}
#price_list #price_list_wrap #price_list_cont ul li .car dl dd .icon dl { display:flex; flex-wrap:wrap; position:absolute; bottom:10px; right:10px; }
#price_list #price_list_wrap #price_list_cont ul li .car dl dd .icon dl dt { flex:0 1 100%; }
#price_list #price_list_wrap #price_list_cont ul li .car dl dd .icon dl dt i { color:#4FAC80; }
#price_list #price_list_wrap #price_list_cont ul li .car dl dd .icon dl dd { flex:0 1 100%; margin-top:5px; }
#price_list #price_list_wrap #price_list_cont ul li .car dl dd .icon dl dd span { color:#4FAC80; font-size:85%; }

#price_list #price_list_wrap #price_list_cont ul li a:hover { text-decoration:none; }
#price_list #price_list_wrap #price_list_cont ul li a:hover dl dd p span { color:#333; }

#price_list #price_list_wrap #price_list_cont ul li .motor { align-items:center; display:flex; justify-content:space-between; position:relative; }
#price_list #price_list_wrap #price_list_cont ul li .motor:after { content: "\f054"; color:#A88415; font-family:var(--icon); margin-top:-6px; right:20px; position:absolute; top:50%; }
#price_list #price_list_wrap #price_list_cont ul li .motor dl { align-items:center; display:flex; flex:1 0 auto; justify-content:space-between; }
#price_list #price_list_wrap #price_list_cont ul li .motor dl dt { flex:0 1 60%; }
#price_list #price_list_wrap #price_list_cont ul li .motor dl dt img { object-fit:cover; object-position:center top; height:100%; min-height:200px; max-width:300px; width:100%; opacity:0; -webkit-transition:opacity 3s; transition: opacity 3s; }
#price_list #price_list_wrap #price_list_cont ul li .motor dl dt img.lazyloaded { opacity:1; }
#price_list #price_list_wrap #price_list_cont ul li .motor dl dd { display:flex; flex:1 1 40%; justify-content:center; text-align:center; }
#price_list #price_list_wrap #price_list_cont ul li .motor dl dd p { font-size:116%; line-height:1.6; padding-right:15px; }
#price_list #price_list_wrap #price_list_cont ul li .motor dl dd p span { line-height:1.6; }
#price_list #price_list_wrap #price_list_cont ul li .motor dl dd .icon {}
#price_list #price_list_wrap #price_list_cont ul li .motor dl dd .icon dl { display:flex; flex-wrap:wrap; position:absolute; bottom:10px; right:10px; }
#price_list #price_list_wrap #price_list_cont ul li .motor dl dd .icon dl dt { flex:0 1 100%; }
#price_list #price_list_wrap #price_list_cont ul li .motor dl dd .icon dl dt i { color:#A88415; }
#price_list #price_list_wrap #price_list_cont ul li .motor dl dd .icon dl dd { flex:0 1 100%; margin-top:5px; }
#price_list #price_list_wrap #price_list_cont ul li .motor dl dd .icon dl dd span { color:#A88415; font-size:85%; }

/*------------------------------------------------------------
plan
------------------------------------------------------------*/
#plan { border-top:1px solid #eee; padding:50px 0 0; }
#plan dl.title { padding:0 0 50px; text-align:center; }
#plan dl.title dt {}
#plan dl.title dt img { height:30px; width:auto; }
#plan dl.title dd { font-size:108%; margin-top:15px; }

#plan #plan_cont .plan_list_wrap { flex:0 0 100%; }
#plan #plan_cont .plan_list_wrap .plan_list_cont { display:flex; flex:1 1 768px; justify-content:center; padding:0 50px 20px; }
#plan #plan_cont .plan_list_wrap .plan_list_cont > ul { display:flex; flex-wrap:wrap; justify-content:space-between; margin:0 auto; text-align:center; flex: 0 1 1160px; }
#plan #plan_cont .plan_list_wrap .plan_list_cont > ul > li { flex:0 0 48%; text-align:center; vertical-align:top;  }
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.daytime { max-width:540px; margin:0 2% 0 0; padding:70px 0 0; }
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.daytime .plan_link { max-width:540px; }
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.daytime .plan_link .daytime_plan { align-items:center; background-color:#fff; border:3px solid #4FAC80; display:flex; flex:1 0 100%; justify-content:space-between; padding:10px 25px 10px 15px; position:relative; max-width:540px; }
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.daytime .plan_link .daytime_plan .mark { align-items:center; display:flex; justify-content:center; }
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.daytime .plan_link .daytime_plan .mark span { background-color:#ee657f; border-radius:50%; font-size:85%; object-fit:cover; overflow:hidden; padding:20px 18px; line-height:1.4; color:#fff; }
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.daytime .plan_link .daytime_plan img { position:absolute; left:70px; bottom:0; width:7vw; height:auto; opacity:0; -webkit-transition:opacity 3s; transition: opacity 3s; }
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.daytime .plan_link .daytime_plan img.lazyloaded { opacity:1; }

#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.daytime .plan_link .daytime_plan .cource_name { padding-left:0; }
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.daytime .plan_link .daytime_plan .cource_name span { display:block; font-size:139%; font-weight:600; padding-left:5px; }
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.daytime .plan_link .daytime_plan i { color:#4fac80; }
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.daytime .plan_link .daytime_plan:hover { text-decoration:none; }
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.daytime .plan_link .daytime_plan:hover .cource_name span { color:#333; text-decoration:none; }
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.daytime p { font-size:100%; line-height:1.6; margin-top:10px; text-align:left; }
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.daytime .plan_detail { align-items:center; display:flex; justify-content:space-between; margin-top:25px; max-width:540px; }
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.daytime .plan_detail li { flex:0 1 45%; margin-top:0; }
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.daytime .plan_detail li a { align-items:center; border:1px solid #ccc; border-radius:3px; display:flex; justify-content:space-between; padding:10px 10px 10px 15px; text-decoration:none; }
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.daytime .plan_detail li a i:first-child {}
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.daytime .plan_detail li a i:nth-child(3) { color:#999; font-size:93%; }
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.daytime .plan_detail li a span { font-size:100%; font-weight:600; display:block; padding:10px 15px; }

#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.daytime .plan_detail li a:hover { text-decoration:none; }
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.daytime .plan_detail li a:hover i { color:#333; }
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.daytime .plan_detail li a:hover i:nth-child(3) { color:#999; }
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.daytime .plan_detail li a:hover span { color:#333; }

#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.freetime { max-width:540px; margin:0 0 0 2%; padding:70px 0 0; }
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.freetime .plan_link { max-width:width:540px; }
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.freetime .plan_link .freetime_plan { align-items:center; background-color:#4FAC80; border:3px solid #4FAC80; display:flex; flex:1 0 100%; justify-content:space-between; padding:36px 25px 37px; position:relative; max-width:width:540px; }
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.freetime .plan_link .freetime_plan img { position:absolute; left:30px; bottom:0; width:7vw; height:auto; opacity:0; -webkit-transition:opacity 3s; transition: opacity 3s; }
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.freetime .plan_link .freetime_plan img.lazyloaded { opacity:1; }
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.freetime .plan_link .freetime_plan i { color:#fff; }
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.freetime .plan_link .freetime_plan .cource_name { padding-left:0; }
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.freetime .plan_link .freetime_plan .cource_name span { color:#fff; font-size:139%; font-weight:600; }
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.freetime .plan_link .freetime_plan:hover { text-decoration:none; }
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.freetime .plan_link .freetime_plan:hover cource_name span { color:#fff; }
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.freetime p { font-size:100%; line-height:1.6; margin-top:10px; text-align:left; }
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.freetime .plan_detail { align-items:center; display:flex; justify-content:space-between; margin-top:25px; }
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.freetime .plan_detail li { flex:0 0 45%; margin-top:0; }
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.freetime .plan_detail li a { align-items:center; border:1px solid #ccc; border-radius:3px; display:flex; justify-content:space-between; padding:10px 10px 10px 15px; text-decoration:none; }
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.freetime .plan_detail li a i:first-child {}
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.freetime .plan_detail li a i:nth-child(3) { color:#999; font-size:93%; }
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.freetime .plan_detail li a span { font-size:100%; font-weight:600; display:block; padding:10px 15px; }

#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.freetime .plan_detail li a:hover { text-decoration:none; }
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.freetime .plan_detail li a:hover i { color:#333; }
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.freetime .plan_detail li a:hover i:nth-child(3) { color:#999; }
#plan #plan_cont .plan_list_wrap .plan_list_cont ul li.freetime .plan_detail li a:hover span { color:#333; }

#plan #plan_cont #normal_plan { display:flex; flex-wrap:wrap; flex: 0 0 100%; justify-content:center; margin:0 auto; padding:0 0 50px; text-align:center; }
#plan #plan_cont #normal_plan .plan_title { background-color:#e4f3ed; display:flex; flex:0 0 100%; justify-content:center; }
#plan #plan_cont #normal_plan .plan_title dl { display:flex; justify-content:space-between; flex: 0 1 1160px; padding:30px 50px; }
#plan #plan_cont #normal_plan .plan_title dl dt { position:relative; }
#plan #plan_cont #normal_plan .plan_title dl dt:before { background-color:#4FAC80; content: ""; color:#fff; left:0; top:-2px; position:absolute; width:7px; height:24px; }
#plan #plan_cont #normal_plan .plan_title dl dt span { font-size:139%; font-weight:600; padding-left:20px; }
#plan #plan_cont #normal_plan .plan_title dl dd { padding:0; }
#plan #plan_cont #normal_plan .plan_title dl dd span { font-size:93%; }
#plan #plan_cont #normal_plan .plan_list_cont { padding:50px 50px 0; flex: 0 1 1160px; }
#plan #plan_cont #normal_plan .plan_list_cont ul { display:flex; justify-content:space-between; flex:1 1 768px; flex-wrap:wrap; margin:0; text-align:left; }
#plan #plan_cont #normal_plan .plan_list_cont ul li { background-color:#fff; flex:0 0 100%; margin:0; text-align:center; }
#plan #plan_cont #normal_plan .plan_list_cont ul li .plan_link { align-items:center; background-color:#f5fbf6; display:flex; justify-content:space-between; flex:0 0 100%; flex-wrap:wrap; padding: 0; position: relative; margin:0 auto; text-align:center; }
#plan #plan_cont #normal_plan .plan_list_cont ul li .plan_link .normal_plan,
#plan #plan_cont #normal_plan .plan_list_cont ul li .plan_link .plan_60days,
#plan #plan_cont #normal_plan .plan_list_cont ul li .plan_link .plan_30days,
#plan #plan_cont #normal_plan .plan_list_cont ul li .plan_link .plan_16days { align-items:center; background-color:#fff; display: flex; flex: 0 1 45%; justify-content:center; padding: 0; position: relative; }
#plan #plan_cont #normal_plan .plan_list_cont ul li .plan_link .normal_plan img,
#plan #plan_cont #normal_plan .plan_list_cont ul li .plan_link .plan_60days img,
#plan #plan_cont #normal_plan .plan_list_cont ul li .plan_link .plan_30days img,
#plan #plan_cont #normal_plan .plan_list_cont ul li .plan_link .plan_16days img { width:100%; height:auto; object-fit:cover; opacity:0; -webkit-transition:opacity 3s; transition: opacity 3s; }

#plan #plan_cont #normal_plan .plan_list_cont ul li .plan_link .normal_plan img.lazyloaded,
#plan #plan_cont #normal_plan .plan_list_cont ul li .plan_link .plan_60days img.lazyloaded,
#plan #plan_cont #normal_plan .plan_list_cont ul li .plan_link .plan_30days img.lazyloaded,
#plan #plan_cont #normal_plan .plan_list_cont ul li .plan_link .plan_16days img.lazyloaded {
opacity:1;
}

#plan #plan_cont #normal_plan .plan_list_cont ul li .explain { align-items:center; display:flex; flex-wrap:wrap; flex: 1 1 55%; justify-content:center; padding:20px 5% 20px 5%; }
#plan #plan_cont #normal_plan .plan_list_cont ul li .explain p { flex:0 0 100%; font-size:108%; line-height:1.8; margin-top:0; text-align:left; }
#plan #plan_cont #normal_plan .plan_list_cont ul li .plan_detail { align-items: center; display:flex; flex: 1 1 auto; justify-content: space-between; margin-top:20px; }
#plan #plan_cont #normal_plan .plan_list_cont ul li .plan_detail li { flex:0 0 45%; margin-top:0; }
#plan #plan_cont #normal_plan .plan_list_cont ul li .plan_detail li a { align-items:center; border:1px solid #ccc; border-radius:3px; display:flex; justify-content:space-between; padding:10px 10px 10px 15px; }
#plan #plan_cont #normal_plan .plan_list_cont ul li .plan_detail li a i:first-child { color:#333; }
#plan #plan_cont #normal_plan .plan_list_cont ul li .plan_detail li a i:nth-child(3) { color:#999; font-size:93%; }
#plan #plan_cont #normal_plan .plan_list_cont ul li .plan_detail li a span { font-size:100%; display:block; padding:10px 15px; }
#plan #plan_cont #normal_plan .plan_list_cont ul li .plan_detail li a:hover { text-decoration:none; }
#plan #plan_cont #normal_plan .plan_list_cont ul li .plan_detail li a:hover i:first-child { color:#333; text-decoration:none; }

#plan #plan_cont #normal_plan .plan_list_cont ul li .explain p:nth-child(3) { margin-top:15px; }
#plan #plan_cont #normal_plan .plan_list_cont ul li .explain p:nth-child(3) span { color:#c00; font-size:85%; line-height:1.6; }


#plan #plan_cont #priority_plan { display:flex; flex-wrap:wrap; flex: 0 0 100%; justify-content:center; margin:0 auto; padding:0 0 50px; text-align:center; }
#plan #plan_cont #priority_plan .plan_title { background-color:#f6f2e7; display:flex; flex:0 0 100%; justify-content:center; }
#plan #plan_cont #priority_plan .plan_title dl { display:flex; justify-content:space-between; flex: 0 1 1160px; flex-wrap:wrap; padding:30px 50px 15px; }
#plan #plan_cont #priority_plan .plan_title dl dt { padding:0 0 15px; position:relative; }
#plan #plan_cont #priority_plan .plan_title dl dt:before { background-color:#a88415; content: ""; color:#fff; left:0; top:-2px; position:absolute; width:7px; height:24px; }
#plan #plan_cont #priority_plan .plan_title dl dt span { color:#a88415; font-size:139%; font-weight:600; padding-left:20px; }
#plan #plan_cont #priority_plan .plan_title dl dd { padding:0 0 15px; }
#plan #plan_cont #priority_plan .plan_title dl dd span { font-size:93%; }
#plan #plan_cont #priority_plan .plan_list_cont { padding:50px 50px 0; flex: 0 1 1160px; }
#plan #plan_cont #priority_plan .plan_list_cont ul { display:flex; justify-content:space-between; flex:1 1 768px; flex-wrap:wrap; margin:0; text-align:left; }
#plan #plan_cont #priority_plan .plan_list_cont ul li { flex:0 0 100%; margin:0; text-align:center; }
#plan #plan_cont #priority_plan .plan_list_cont ul li .plan_link { align-items:center; background-color:#fff; display:flex; justify-content:space-between; flex:0 0 100%; flex-wrap:wrap; padding: 0; position: relative; margin:0 auto; text-align:center; }
#plan #plan_cont #priority_plan .plan_list_cont ul li .plan_link .plan_60days,
#plan #plan_cont #priority_plan .plan_list_cont ul li .plan_link .plan_30days,
#plan #plan_cont #priority_plan .plan_list_cont ul li .plan_link .plan_16days { align-items:center; background-color:#fff; display: flex; flex: 0 1 45%; justify-content:center; padding: 0; position: relative; }
#plan #plan_cont #priority_plan .plan_list_cont ul li .plan_link .plan_60days img,
#plan #plan_cont #priority_plan .plan_list_cont ul li .plan_link .plan_30days img,
#plan #plan_cont #priority_plan .plan_list_cont ul li .plan_link .plan_16days img { width:100%; height:auto; object-fit:cover; opacity:0; -webkit-transition:opacity 3s; transition: opacity 3s; }

#plan #plan_cont #priority_plan .plan_list_cont ul li .plan_link .plan_60days img.lazyloaded,
#plan #plan_cont #priority_plan .plan_list_cont ul li .plan_link .plan_30days img.lazyloaded,
#plan #plan_cont #priority_plan .plan_list_cont ul li .plan_link .plan_16days img.lazyloaded {
opacity:1;
}

#plan #plan_cont #priority_plan .plan_list_cont ul li .alert { flex:0 0 100%; margin-bottom:30px; padding:20px 30px; border:1px solid transparent; border-radius:4px; min-width:200px; position:relative; }
#plan #plan_cont #priority_plan .plan_list_cont ul li .alert.alert-success { background-color:#dff0d8; border:1px solid #d6e9c6; color:#468847; }
#plan #plan_cont #priority_plan .plan_list_cont ul li .alert.alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #3a87ad; }
#plan #plan_cont #priority_plan .plan_list_cont ul li .alert span { padding-left:10px; }
#plan #plan_cont #priority_plan .plan_list_cont ul li .alert.alert-success span { padding-left:0; }

#plan #plan_cont #priority_plan .plan_list_cont ul li .explain { align-items:center; display:flex; flex-wrap:wrap; flex: 1 1 55%; justify-content:center; padding:20px 5% 20px 5%; }
#plan #plan_cont #priority_plan .plan_list_cont ul li .explain p { flex:0 0 100%; font-size:108%; line-height:1.8; margin-top:0; text-align:left; }
#plan #plan_cont #priority_plan .plan_list_cont ul li .plan_detail { align-items: center; display:flex; flex: 1 1 auto; justify-content: space-between; margin-top:20px; }
#plan #plan_cont #priority_plan .plan_list_cont ul li .plan_detail li { flex:0 0 45%; margin-top:0; }
#plan #plan_cont #priority_plan .plan_list_cont ul li .plan_detail li a { align-items:center; border:1px solid #ccc; border-radius:3px; display:flex; justify-content:space-between; padding:10px 10px 10px 15px; }
#plan #plan_cont #priority_plan .plan_list_cont ul li .plan_detail li a i:first-child { color:#333; }
#plan #plan_cont #priority_plan .plan_list_cont ul li .plan_detail li a i:nth-child(3) { color:#999; font-size:93%; }
#plan #plan_cont #priority_plan .plan_list_cont ul li .plan_detail li a span { font-size:100%; display:block; padding:10px 15px; }
#plan #plan_cont #priority_plan .plan_list_cont ul li .plan_detail li a:hover i:first-child { color:#333; }

#plan #plan_cont #priority_plan .plan_list_cont ul li .explain p:nth-child(3) { margin-top:15px; line-height:1.3; }
#plan #plan_cont #priority_plan .plan_list_cont ul li .explain p:nth-child(3) span { color:#c00; font-size:85%; line-height:1.3; }

#plan #plan_cont #priority_plan .plan_list_cont ul li.days60 { margin-top:0; }
#plan #plan_cont #priority_plan .plan_list_cont ul li.days60 .plan_link { background-color:#fffae7; }
#plan #plan_cont #priority_plan .plan_list_cont ul li.days60 .plan_detail li a { background-color:#fff; border:1px solid #edd365; }
#plan #plan_cont #priority_plan .plan_list_cont ul li.days60 .plan_detail li a i:nth-child(3) { color:#333; }
#plan #plan_cont #priority_plan .plan_list_cont ul li.days60 .plan_detail li a span { color:#333; font-weight:500; }
#plan #plan_cont #priority_plan .plan_list_cont ul li.days60 .plan_detail li a:hover { text-decoration:none; }

#plan #plan_cont #priority_plan .plan_list_cont ul li.days30 { margin-top:0; }
#plan #plan_cont #priority_plan .plan_list_cont ul li.days30 .plan_link { background-color:#ecf7fd; margin-top:50px; }
#plan #plan_cont #priority_plan .plan_list_cont ul li.days30 .plan_detail li a { background-color:#fff; border:1px solid #60b4e3; }
#plan #plan_cont #priority_plan .plan_list_cont ul li.days30 .plan_detail li a i:nth-child(3) { color:#333; }
#plan #plan_cont #priority_plan .plan_list_cont ul li.days30 .plan_detail li a span { color:#333; font-weight:500; }
#plan #plan_cont #priority_plan .plan_list_cont ul li.days30 .plan_detail li a:hover { text-decoration:none; }

#plan #plan_cont #priority_plan .plan_list_cont ul li.days16 .plan_link { background-color:#fef2f7; margin-top:50px; }
#plan #plan_cont #priority_plan .plan_list_cont ul li.days16 .plan_detail li a { background-color:#fff; border:1px solid #ef657f; }
#plan #plan_cont #priority_plan .plan_list_cont ul li.days16 .plan_detail li a i:nth-child(3) { color:#333; }
#plan #plan_cont #priority_plan .plan_list_cont ul li.days16 .plan_detail li a span { color:#333; font-weight:500; }
#plan #plan_cont #priority_plan .plan_list_cont ul li.days16 .plan_detail li a:hover { text-decoration:none; }

/*--- disabled ---*/
#plan #plan_cont #priority_plan .plan_list_cont ul li .plan_detail li.disabled { background-color:#fff; align-items:center; border:1px solid #ccc; border-radius:3px; display:flex; justify-content:space-between; padding:20px 10px 20px 15px; }
#plan #plan_cont #priority_plan .plan_list_cont ul li .plan_detail li.disabled i { color:#999; }
#plan #plan_cont #priority_plan .plan_list_cont ul li .plan_detail li.disabled span { color:#999; }

/*------------------------------------------------------------
banner_area
------------------------------------------------------------*/
#banner_area { background-color:#feeef6; margin-top:50px; padding:50px 0; }
#banner_area ul { align-items:flex-end; display:flex; justify-content:center; }
#banner_area ul li { display:flex; flex:1 0 100%; justify-content:center; }
#banner_area ul li:first-child { display:none; }
#banner_area ul li .online { display:flex; justify-content:flex-end; flex:0 0 100%; padding:0 5% 0 0; display:none; }
#banner_area ul li .online .pic { align-items:center; display:flex; justify-content:center; }
#banner_area ul li .online .pic a { display:block; }
#banner_area ul li .online .pic a img { height:auto; max-width:400px; width:100%; opacity:0; -webkit-transition:opacity 3s; transition: opacity 3s; }
#banner_area ul li .online .pic a img.lazyloaded { opacity:1; }
#banner_area ul li #b_questionnaire { display:flex; justify-content:center; flex:0 0 100%; padding:0 5% 0 5%; }
#banner_area ul li #b_questionnaire .pic { align-items:center; display:flex; justify-content:center; }
#banner_area ul li #b_questionnaire .pic a { display:block; }
#banner_area ul li #b_questionnaire .pic a img { height:auto; max-width:445px; width:100%; opacity:0; -webkit-transition:opacity 3s; transition: opacity 3s; }
#banner_area ul li #b_questionnaire .pic a img.lazyloaded { opacity:1; }

/*------------------------------------------------------------
banner_are2
------------------------------------------------------------*/
#banner_area2 { display:none; }

/*------------------------------------------------------------
instructor
------------------------------------------------------------*/
#instructor { border-top:1px solid #eee; padding:50px 0 0; }
#instructor dl.title { padding:0 0 50px; text-align:center; }
#instructor dl.title dt {}
#instructor dl.title dt img { height:30px; width:auto; }
#instructor dl.title dd { font-size:108%; margin-top:15px; }

#instructor #instructor_wrap { background-color:#f6f2e7; padding:50px 5%; }
#instructor #instructor_wrap #instructor_cont { display:flex; flex:0 1 1160px; justify-content:center; padding:0 50px; }
#instructor #instructor_wrap #instructor_cont ul { display:flex; column-gap:20px; row-gap:20px; flex-wrap:wrap; justify-content:space-evenly; margin:0 auto; text-align:center; }
#instructor #instructor_wrap #instructor_cont ul li {
width:calc(100% / 5 - 20px);
animation: fadeUpAnime 1.5s ease 2.0s 1;
opacity:1;
}


#instructor #instructor_wrap #instructor_cont ul li a { display:block; text-decoration:none; }

#instructor #instructor_wrap #instructor_cont ul li img { width:100%; height:auto; max-width:186px; opacity:0; -webkit-transition:opacity 3s; transition: opacity 3s; }
#instructor #instructor_wrap #instructor_cont ul li img.lazyloaded { opacity:1; }

/*------------------------------------------------------------
sns
------------------------------------------------------------*/
#sns { border-top:1px solid #eee; padding:50px 0 0; }
#sns dl.title { padding:0 0 50px; text-align:center; }
#sns dl.title dt {}
#sns dl.title dt img { height:30px; width:auto; }
#sns dl.title dt img.lazyloaded { opacity:1; opacity:0; -webkit-transition:opacity 3s; transition: opacity 3s; }
#sns dl.title dd { font-size:108%; margin-top:15px; }
#sns #sns_wrap { background-color:#dff0fa; padding:35px 0 50px; }
#sns #sns_wrap #sns_cont { display:flex; flex:0 0 1160px; justify-content:space-between; padding:0; }
#sns #sns_wrap #sns_cont > ul { display:flex; justify-content:space-evenly; margin:0 auto; text-align:center; width:1160px; }
#sns #sns_wrap #sns_cont > ul > li { display:flex; flex-wrap:wrap; padding:0; flex:0 0 20%; justify-content:center; }
#sns #sns_wrap #sns_cont > ul > li a { align-items:center; border-radius:50%; display:flex; justify-content:center; height:100px; width:100px; background-color:#fff; text-decoration:none; }
#sns #sns_wrap #sns_cont > ul > li a img { width:22px; }
#sns #sns_wrap #sns_cont > ul > li dl {}
#sns #sns_wrap #sns_cont > ul > li dl dt { display:flex; justify-content:center; margin:0 auto; }
#sns #sns_wrap #sns_cont > ul > li dl dt img { border-radius:50%; width:22px; }
#sns #sns_wrap #sns_cont > ul > li dl dd { display:flex; justify-content:center; flex-wrap:wrap; text-align:center; margin-top:5px; }
#sns #sns_wrap #sns_cont > ul > li dl dd p { flex:1 0 100%; margin-top:10px; }
#sns #sns_wrap #sns_cont > ul > li dl dd p span { color:#a88415; font-size:85%; font-weight:600; }
#sns #sns_wrap #sns_cont > ul > li dl dd ul { display:flex; justify-content:space-between; flex:1 0 100%; margin-top:15px; }
#sns #sns_wrap #sns_cont > ul > li dl dd ul li { flex:0 1 50%; }
#sns #sns_wrap #sns_cont > ul > li dl dd ul li img:first-child { height:auto; width:22px; }
#sns #sns_wrap #sns_cont > ul > li dl dd ul li img:nth-child(2) { height:auto; width:22px; }
/*#sns #sns_wrap #sns_cont > ul > li:first-child dl dt { align-items:center; border-radius:50%; display:flex; justify-content:center; height:100px; width:100px; background-color:#fff; }*/
#sns #sns_wrap #sns_cont > ul > li dl dt img { height:20px; width:auto; border-radius:0; }
#sns #sns_wrap #sns_cont > ul > li p { flex:0 0 100%; margin-top:10px; justify-content: center; }
#sns #sns_wrap #sns_cont > ul > li p span { display:inline-block; text-align:center; }
#sns #sns_wrap #sns_cont > ul > li a:hover { background-color:#feeef6; }
#sns #sns_wrap #sns_cont > ul > li a:hover dl dd { color:#333; } 

#sns #sns_wrap #twitter_box { display:flex; justify-content:center; padding:0 0 45px; height: 745px; opacity:0; -webkit-transition:opacity 3s; transition: opacity 3s; }
#sns #sns_wrap #twitter_box.fadeIn { opacity:1; }
#sns #sns_wrap #twitter_box iframe.twitter-timeline { width:500px !important; }

#sns #sns_wrap #sns_cont > ul.official_account {}

/*------------------------------------------------------------
news
------------------------------------------------------------*/
#news { border-top:1px solid #eee; padding:50px 0 0; }
#news dl.title { padding:0; text-align:center; }
#news dl.title dt {}
#news dl.title dt img { height:30px; width:auto; }
#news dl.title dd { font-size:108%; margin-top:15px; }
#news #news_wrap { margin:0; padding:50px 0 0; }
#news #news_wrap #news_cont { background-color:#eaf9fa; display:flex; flex:0 1 1160px; justify-content:space-between; padding:50px 0 50px; }
#news #news_wrap #news_cont > ol { background-color:#fff; border-radius:10px; display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; padding:35px 5%; text-align:center; flex:0 1 1160px; }
#news #news_wrap #news_cont > ol li { border-bottom:1px solid #eee; flex:0 0 100%;  }
#news #news_wrap #news_cont > ol li:first-child { border-top:1px solid #eee; }
#news #news_wrap #news_cont > ol li a { display:block; text-decoration:none; }
#news #news_wrap #news_cont > ol li dl { display:flex; justify-content:start; padding:20px 0; }
#news #news_wrap #news_cont > ol li dl dt { flex:0 0 150px; } 
#news #news_wrap #news_cont > ol li dl dt span { font-size:108%; line-height:1.6; text-align:left; }
#news #news_wrap #news_cont > ol li dl dd { padding-left:20px; flex-wrap:wrap;  flex:1 0 80%; } 
#news #news_wrap #news_cont > ol li dl dd span { display:flex; justify-content:start; flex-wrap:wrap; font-size:108%; line-height:1.6; text-align:left; }

#news #news_wrap #news_cont > ol li a:hover { text-decoration:none; }
#news #news_wrap #news_cont > ol li a:hover dl dd span { color:#333; }
#news #news_wrap #news_cont > ol li a:hover dl dd span { color:#333; text-decoration:none; }

/*------------------------------------------------------------
guide
------------------------------------------------------------*/
#guide { border-top:1px solid #eee; padding:50px 0; }
#guide dl.title { padding:0; text-align:center; }
#guide dl.title dt {}
#guide dl.title dt img { height:30px; width:auto; }
#guide dl.title dd { font-size:108%; margin-top:15px; }
#guide #guide_wrap { margin:0; padding:0; }
#guide #guide_wrap #guide_cont { background-color:#fff; display:flex; flex:0 0 1160px; justify-content:space-between; padding:0; }
#guide #guide_wrap #guide_cont ul { background-color:#fff; border-radius:10px; display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; padding:0 35px 20px 35px; text-align:center; width:1160px; }
#guide #guide_wrap #guide_cont ul li { background-color:#feefdd; flex:0 0 21%; margin-top:50px; margin-left:3%; }
#guide #guide_wrap #guide_cont ul li a { align-items:center; display:flex; justify-content:center; padding:45px 25px; }
#guide #guide_wrap #guide_cont ul li a dl {}
#guide #guide_wrap #guide_cont ul li a dl dt {}
#guide #guide_wrap #guide_cont ul li a dl dt i { color:#A88415; font-size:232%; }
#guide #guide_wrap #guide_cont ul li a dl dd { margin-top:25px; }
#guide #guide_wrap #guide_cont ul li a dl dd span { color:#333; line-height:1.6; font-weight:600; }
#guide #guide_wrap #guide_cont ul li a:hover { text-decoration:none; }
#guide #guide_wrap #guide_cont ul li:first-child { margin-left:0; }
#guide #guide_wrap #guide_cont ul li:nth-child(5) { margin-left:0; }
#guide #guide_wrap #guide_cont ul li:first-child a dl dt i:before {}
#guide #guide_wrap #guide_cont ul li:nth-child(8) { background-color:transparent; }

/*------------------------------------------------------------
menu
------------------------------------------------------------*/
#menu { border-top:1px solid #eee; padding:50px 0; }
#menu dl.title { padding:0; text-align:center; }
#menu dl.title dt {}
#menu dl.title dt img { height:30px; width:auto; }
#menu dl.title dd { font-size:108%; margin-top:15px; }
#menu #menu_wrap { margin:0; padding:0; }
#menu #menu_wrap #menu_cont { background-color:#fff; display:flex; flex:0 0 1160px; justify-content:space-between; padding:0; }
#menu #menu_wrap #menu_cont ul { background-color:#fff; border-radius:10px; display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; padding:0 35px 20px 35px; text-align:center; width:1160px; }
#menu #menu_wrap #menu_cont ul li { background-color:#feeef6; flex:0 0 21%; margin-top:50px; margin-left:3%; }
#menu #menu_wrap #menu_cont ul li a { align-items:center; display:flex; justify-content:center; padding:45px 25px; }
#menu #menu_wrap #menu_cont ul li a dl {}
#menu #menu_wrap #menu_cont ul li a dl dt {}
#menu #menu_wrap #menu_cont ul li a dl dt i { color:#A88415; font-size:232%; }
#menu #menu_wrap #menu_cont ul li a dl dd { margin-top:25px; }
#menu #menu_wrap #menu_cont ul li a dl dd span { color:#333; line-height:1.6; font-weight:600; }
#menu #menu_wrap #menu_cont ul li a:hover { text-decoration:none; }
#menu #menu_wrap #menu_cont ul li:first-child { margin-left:0; }
#menu #menu_wrap #menu_cont ul li:first-child a dl dt i:before {}
#menu #menu_wrap #menu_cont ul li:nth-child(4) { /*background-color:transparent;*/ }

/*------------------------------------------------------------
questionnaire_box
------------------------------------------------------------*/
#questionnaire_box { display:none; }

/*------------------------------------------------------------
instagram_banner
------------------------------------------------------------*/
#instagram_banner_area {
align-items: center;
display: flex;
flex: 0 1 auto;
justify-content: center;
text-align: center;
padding: 50px 5%;
width:100%;
}

#instagram_banner_area #instagram_banner {
border-radius:6px;
display:flex;
overflow:hidden;
width:100%;
max-width: 1060px;
padding: 0;
}

#instagram_banner_area #instagram_banner a {
align-items:center;
border-radius:6px;
/*column-gap:50px;*/
display:flex;
flex-grow:1;
justify-content:space-between;
padding:0;
position:relative;
width:100%;
z-index:2;
}

#instagram_banner_area #instagram_banner a:before {
/*background:linear-gradient(135deg, rgba(255,214,1,1) 0%, rgba(255,122,0,1) 25%, rgba(255,0,105,1) 50%, rgba(211,0,197,1) 75%, rgba(118,56,250,1) 100%);*/
background:linear-gradient(-45deg, rgba(255,214,1,1) 0%, rgba(255,122,0,1) 25%, rgba(255,0,105,1) 50%, rgba(211,0,197,1) 75%, rgba(118,56,250,1) 100%);
border-radius:6px;
content:" ";
height:100%;
left:0;
top:0;
position:absolute;
width:100%;
transform: scale(1);
}

#instagram_banner_area #instagram_banner a:hover {
cursor:pointer;
text-decoration:none;
}

#instagram_banner_area #instagram_banner a:hover:before {
transform: scale(1);
}

#instagram_banner_area #instagram_banner a h2 {
align-items:center;
column-gap:15px;
display:flex;
flex-wrap:wrap;
justify-content:center;
position:relative;
z-index:2;
}

#instagram_banner_area #instagram_banner a h2 figure:first-child {
aspect-ratio: 1 / 1;
width:30px;
}

#instagram_banner_area #instagram_banner a h2 figure:first-child img {
height:100%;
width:100%;
}

#instagram_banner_area #instagram_banner a h2 figure:nth-child(2) {
aspect-ratio: 298 / 85;
width:120px;
}

#instagram_banner_area #instagram_banner a h2 figure:nth-child(2) img {
margin-top: 7px;
height:100%;
width:100%;
}

#instagram_banner_area #instagram_banner a h2 span {
color:var(--white);
display:block;
font-size:108%;
margin-top:10px;
text-align:center;
width:100%;
}

#instagram_banner_area #instagram_banner a #instagram_banner_cont {
column-gap:20px;
display:flex;
flex-grow:1;
justify-content: start;
height:420px;
position:relative;
z-index:2;
overflow: hidden;
white-space:nowrap;
}

#instagram_banner_area #instagram_banner a #instagram_banner_cont .slider-container {
display: flex;
height: 420px;
flex-direction: column;
width:180px;
opacity:0;
-webkit-transition:opacity 3s;
transition: opacity 3s;
width: 220px;
}

#instagram_banner_area #instagram_banner a #instagram_banner_cont .slider-container.lazyloaded { opacity:1; }

#instagram_banner_area #instagram_banner a #instagram_banner_cont .slider-container ul {
display:grid;
animation: vertical-animation 60s linear infinite;
-webkit-animation: vertical-animation 60s linear infinite;
will-change: transform, opacity;
transform: rotate(0.0001deg);
}

#instagram_banner_area #instagram_banner a #instagram_banner_cont .slider-container:nth-child(2) ul {
animation: vertical-animation2 60s linear infinite;
-webkit-animation: vertical-animation2 60s linear infinite;
}

#instagram_banner_area #instagram_banner a #instagram_banner_cont .slider-container ul li {
background-color:var(--white);
width:100%;
margin: 0 auto 20px;
position:relative;
}

#instagram_banner_area #instagram_banner a #instagram_banner_cont .slider-container ul li .photo_box {
align-items:center;
border:1px solid var(--gray_ee);
display:flex;
flex-direction:column;
justify-content:center;
padding:20px;
position:relative;
overflow:hidden;
row-gap:15px;
width:220px;
height:246px;
}

#instagram_banner_area #instagram_banner a #instagram_banner_cont .slider-container ul li .photo_box.patern_a {
background-image:url(../images/common/bg_frame_a.png);
background-repeat:no-repeat;
background-position:20% top;
}

#instagram_banner_area #instagram_banner a #instagram_banner_cont .slider-container ul li .photo_box.patern_b {
background-image:url(../images/common/bg_frame_b.png);
}

#instagram_banner_area #instagram_banner a #instagram_banner_cont .slider-container ul li .photo_box.patern_c:before {
content:" ";
background-color:#F5F2E6;
height:150px;
width:150px;
transform:rotate(45deg);
position:absolute;
top:-75px;
left:-75px;
}

#instagram_banner_area #instagram_banner a #instagram_banner_cont .slider-container ul li .photo_box.patern_c:after {
content:" ";
background-color:#F5F2E6;
height:50px;
width:50px;
transform:rotate(45deg);
position:absolute;
bottom:-25px;
right:-25px;
}

#instagram_banner_area #instagram_banner a #instagram_banner_cont .slider-container ul li .photo_box.patern_d:before {
content:" ";
background-color:#F5F2E6;
height:3px;
width:60px;
position:absolute;
bottom:15px;
left:0;
}

#instagram_banner_area #instagram_banner a #instagram_banner_cont .slider-container ul li .photo_box.patern_d:after {
content:" ";
background-color:#F5F2E6;
height:3px;
width:20px;
position:absolute;
bottom:15px;
right:0;
}

#instagram_banner_area #instagram_banner a #instagram_banner_cont .slider-container ul li .photo_box.patern_e {

}

#instagram_banner_area #instagram_banner a #instagram_banner_cont .slider-container ul li .photo_box .pic {
aspect-ratio: 115 / 114;
min-height:180px;
max-width:300px;
width:180px;
position:relative;
z-index:2;
}

#instagram_banner_area #instagram_banner a #instagram_banner_cont .slider-container ul li .photo_box .pic img {
height:100%;
width:100%;
object-fit:cover;
opacity:0;
-webkit-transition:opacity 3s;
transition: opacity 3s;
}

#instagram_banner_area #instagram_banner a #instagram_banner_cont .slider-container ul li .photo_box .pic img.lazyloaded {
opacity:1;
}

#instagram_banner_area #instagram_banner a #instagram_banner_cont .slider-container ul li .photo_box .logo {
aspect-ratio: 31 / 8;
display:flex;
justify-content:center;
width:30px;
}

#instagram_banner_area #instagram_banner a #instagram_banner_cont .slider-container ul li .photo_box .logo img {
height:100%;
width:100%;
vertical-align: bottom;
}



@media (hover: hover) {
.slider-container:hover ul {
animation-play-state: paused;
}
}

@keyframes vertical-animation {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

@keyframes vertical-animation2 {
  from {
    transform: translateY(0%);
  }
  to {
    transform: translateY(-100%);
  }
}

/*--- common ---*/

#introduction dl.title dt img { opacity:0; -webkit-transition:opacity 3s; transition: opacity 3s; }
#introduction dl.title dt img.lazyloaded { opacity:1; }
#introduction #introduction_wrap #introduction_cont > ul li dl dt img { opacity:0; -webkit-transition:opacity 3s; transition: opacity 3s; }
#introduction #introduction_wrap #introduction_cont > ul li dl dt img.lazyloaded { opacity:1; }

/*---------------------------------------------
animation
---------------------------------------------*/
/* fadeUp */
.fadeUp {
animation-name:fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }
  to {
    opacity: 1;
  transform: translateY(0);
  }
}
.fadeUpTrigger{
    opacity: 0;
}

/* fadeFromLeft */
.fadeFromLeft {
animation-timing-function:ease;
animation-name:fadeFromLeftAnime;
animation-delay:0.65s;
animation-duration:1.5s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeFromLeftAnime{
  from {
    opacity: 0;
  transform: translateX(-100px);
  }
  to {
    opacity: 1;
  transform: translateX(10px);
  }
}
.fadeFromLeftTrigger{
    opacity: 0;
}

/* fadeFromRight */
.fadeFromRight {
animation-timing-function:ease;
animation-name:fadeFromRightAnime;
animation-delay:0.65s;
animation-duration:1.5s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeFromRightAnime{
  from {
    opacity: 0;
  transform: translateX(5vw);
  }
  to {
    opacity: 1;
  transform: translateX(0);
  }
}
.fadeFromRightTrigger{
    opacity: 0;
}

/* fadeIn */
.fadeIn {
animation-name:fadeInAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeInAnime{
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeInTrigger {
    opacity: 0;
}

/* bound */
.bound {
animation-name: bound-anim;
animation-duration: 1.5s;
animation-iteration-count: 1;
transform: translateY(0);

}
@keyframes bound-anim {
	0% { transform:scale(1) translateY(0); }
	30% { transform:scale(0.96,1.04) translateY(-20px); }
	60% { transform: scale(1) translateY(0); }
	90% { transform: scale(1.15,0.9) translateY(-20px); }
}

.bound-3 {
animation-name: bound-anim-3;
animation-duration: 1.5s;
animation-iteration-count: 3;
transform: translateY(0);

}
@keyframes bound-anim-3 {
	0% { transform:scale(1) translateY(0); }
	30% { transform:scale(0.96,1.04) translateY(-20px); }
	60% { transform: scale(1) translateY(0); }
	90% { transform: scale(1.15,0.9) translateY(-20px); }
}

@keyframes poyoyon2 {
  0%  {
    transform: scale(1.0, 1.0) translate(0, 0);
  }
  15% {
    transform: scale(1.0, 1.0) translate(0, 5px);
  }
  30% {
    transform: scale(1.0, 1.0) translate(0, 8px);
  }
  50% {transform: scale(1.0, 1.0) translate(0, -8px);
  }
  70% {
    transform: scale(1.0, 1.0) translate(0, 5px);
  }
  100% {
    transform: scale(1.0, 1.0) translate(0, 0);
  }
  0%, 100% {
    opacity: 1;
  }
}

/*------------------------------------------------------------
recruit_banner
------------------------------------------------------------*/
#recruit_banner {
 display: flex;
 justify-content: center;
 margin: 0 auto;
 text-align: center;
 padding: 0 50px 50px 50px;
 width: 100%;
 max-width: 1160px;
}

#recruit_banner a {
 align-items: center;
 border:1px solid #eee;
 border-radius: 10px;
 display: flex;
 flex: 0 1 1160px;
 justify-content: center;
 margin: 0 auto;
 padding: 0;
 position: relative;
 text-align: center;
}

#recruit_banner a:hover {
 opacity:0.8;
}

#recruit_banner a img {
 border-radius:10px;
 height:auto;
 width:100%;
}