@charset "utf-8";

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

sp_lisence_lspecial

=================================*/
@media screen and (max-width:767px){

#second_main_visual:before { background-size:75px 53px; bottom:10px; height:53px; width:75px; margin-left:0; left:30px; top:auto; }
#second_main_visual:after { background-size:105px 46px; height:46px; margin-top:-23px; left:5%; top:40%; width:105px; }

h3.sub_title span:first-child { font-size:116%; }
h3.sub_title a { position:absolute; top:50%; margin-top:-15px; padding:5px 7px; right:10px; }
h3.sub_title a span { font-size:85%; padding-left:5px; }
h3.sub_title a img { height:13px; }

/*------------------------------------------------------------
lisence
------------------------------------------------------------*/
#lisence.lspecial { padding:0; }

#lisence.lspecial #lisence_cont { padding:10px; }
#lisence.lspecial .lead { margin-bottom:20px; }

#lisence.lspecial #lisence_cont #lesson_plan #lesson_plan_cont ul.normal_plan { flex-wrap:wrap; padding:10px; }
#lisence.lspecial #lisence_cont #lesson_plan #lesson_plan_cont ul.normal_plan li { background-position:98% 80%; background-size:79px 60px; flex:0 0 100%; margin-top:10px; padding:25px 100px 25px 15px; }
#lisence.lspecial #lisence_cont #lesson_plan #lesson_plan_cont ul.normal_plan li dl dt span { font-size:116%; }
#lisence.lspecial #lisence_cont #lesson_plan #lesson_plan_cont ul.normal_plan li dl dd { padding:0; }
#lisence.lspecial #lisence_cont #lesson_plan #lesson_plan_cont ul.normal_plan li dl dd span { font-size:100%; }
#lisence.lspecial #lisence_cont #lesson_plan #lesson_plan_cont ul.normal_plan li:first-child { margin-top:0; }
#lisence.lspecial #lisence_cont #lesson_plan #lesson_plan_cont ul.normal_plan li:first-child dl dt span { font-size:116%; }

#lisence.lspecial #lisence_cont #lesson_plan #lesson_plan_cont ul.normal_plan li:after { background-size:24px 45px; height:45px; width:24px; bottom:10px; }

#lisence.lspecial #lisence_cont #lesson_plan #lesson_plan_cont .option_plan { margin-top:10px; }
#lisence.lspecial #lisence_cont #lesson_plan #lesson_plan_cont .option_plan > dl > dd > ul { flex-wrap:wrap; }
#lisence.lspecial #lisence_cont #lesson_plan #lesson_plan_cont .option_plan > dl > dd > ul > li { flex:0 0 100%; padding:15px; }
#lisence.lspecial #lisence_cont #lesson_plan #lesson_plan_cont .option_plan > dl > dd > ul > li:nth-child(2) { padding:0 15px 15px; }
#lisence.lspecial #lisence_cont #lesson_plan #lesson_plan_cont .option_plan > dl > dd > ul > li a { justify-content:center; text-align:center; }
#lisence.lspecial #lisence_cont #lesson_plan #lesson_plan_cont .option_plan > dl > dd > ul > li a img { height:auto; max-width:300px; width:100%; }
#lisence.lspecial #lisence_cont #lesson_plan #lesson_plan_cont .option_plan > dl > dd > ul > li .explain {}
#lisence.lspecial #lisence_cont #lesson_plan #lesson_plan_cont .option_plan > dl > dd > ul > li .explain p { flex:0 0 100%; }
#lisence.lspecial #lisence_cont #lesson_plan #lesson_plan_cont .option_plan > dl > dd > ul > li .explain p span { font-size:85%; }
#lisence.lspecial #lisence_cont #lesson_plan #lesson_plan_cont .option_plan > dl > dd > ul > li .explain dl { flex:0 0 100%; }

/*--- about ---*/
#lisence.lspecial #lisence_cont .about { margin-top:20px; }
#lisence.lspecial #lisence_cont .about .detail { border-top:1px solid #ddd; flex:0 0 100%; padding:15px 0 0; }
#lisence.lspecial #lisence_cont .about .detail dl {}
#lisence.lspecial #lisence_cont .about .detail dl dt {}
#lisence.lspecial #lisence_cont .about .detail dl dt span { font-size:100%; }
#lisence.lspecial #lisence_cont .about .detail dl dd {}
#lisence.lspecial #lisence_cont .about .detail p span { font-size:100%; }

#lisence.lspecial #lisence_cont .about ul { flex:0 0 100%; flex-wrap:wrap; padding-right:0; }
#lisence.lspecial #lisence_cont .about ul li { margin:0; }
#lisence.lspecial #lisence_cont .about ul li dl dt span { font-size:85%; }
#lisence.lspecial #lisence_cont .about ul li dl dd span { font-size:85%; }
#lisence.lspecial #lisence_cont .about .pic { flex:0 0 100%; margin-top:10px; display:flex; justify-content:center; }
#lisence.lspecial #lisence_cont .about .pic span img { max-width:180px; width:100%; }
#lisence.lspecial #lisence_cont .about .pic span:after { background-size:25px 89px; height:89px; width:25px; right:auto; left:50%; bottom:5px; margin-left:0; margin-right:-100px; }

/*--- condition ---*/
#condition { margin-top:15px; }
#condition #condition_cont .alert { padding:15px; }
#condition #condition_cont .alert dl dt { font-size:116%; }
#condition #condition_cont .alert dl dd { margin-top:10px; padding:0; }
#condition #condition_cont .alert dl dd span { font-size:93%; }

/*--- lisence_info ---*/
#lisence.lspecial #lisence_cont #lisence_info #lisence_info_cont h4 {}
#lisence.lspecial #lisence_cont #lisence_info #lisence_info_cont h4 span { font-size:108%; }
#lisence.lspecial #lisence_cont #lisence_info #lisence_info_cont > ul { flex-wrap:wrap; }
#lisence.lspecial #lisence_cont #lisence_info #lisence_info_cont > ul > li { flex:0 0 100%; margin-top:20px; }
#lisence.lspecial #lisence_cont #lisence_info #lisence_info_cont > ul > li.mt { margin-top:0; }
#lisence.lspecial #lisence_cont #lisence_info #lisence_info_cont > ul > li:first-child { flex:0 0 100%; }
#lisence.lspecial #lisence_cont #lisence_info #lisence_info_cont > ul > li:nth-child(2) { flex:0 0 100%; }
#lisence.lspecial #lisence_cont #lisence_info #lisence_info_cont ul li .cont dl dt span:first-child { font-size:200%; }

#lisence.lspecial #lisence_cont #lisence_info #lisence_info_cont ul li .cont { padding:35px; }
#lisence.lspecial #lisence_cont #lisence_info #lisence_info_cont ul li .cont { background-size:61px 46px; }
#lisence.lspecial #lisence_cont #lisence_info #lisence_info_cont ul li .cont dl dd {margin-top:15px; }
#lisence.lspecial #lisence_cont #lisence_info #lisence_info_cont ul li .cont dl dd span { font-size:116%; }
#lisence.lspecial #lisence_cont #lisence_info #lisence_info_cont ul li:nth-child(2) .cont { background-size:61px 46px; }
#lisence.lspecial #lisence_cont #lisence_info #lisence_info_cont ul li > p { margin-top:5px; }
#lisence.lspecial #lisence_cont #lisence_info #lisence_info_cont ul li > p span { font-size:85%; }
#lisence.lspecial #lisence_cont #lesson_plan #lesson_plan_cont .option_plan > dl > dd > ul > li .explain dl dt span { font-size:100%; padding:7px 10px; }
#lisence.lspecial #lisence_cont #lesson_plan #lesson_plan_cont .option_plan > dl > dd > ul > li .explain dl dd span { font-size:100%; }

/*--- lesson_plan ---*/
#lisence.lspecial #lisence_cont #lesson_plan { margin-top:15px; }

/*--- flow ---*/
#flow { margin-top:15px; }
#flow #flow_cont { margin-top:15px; }
#flow #flow_cont > ol > li { flex:0 0 100%; flex-wrap:wrap; }
#flow #flow_cont > ol > li .cont { background-color:#eee; flex-wrap:wrap; justify-content:center; }
#flow #flow_cont > ol > li .cont > span { background-color:#fff; flex:0 0 100%; font-size:131%; padding:20px; }
#flow #flow_cont > ol > li img { height:120px; object-fit:cover; object-position:center top; max-width:300px; width:100%; }

#flow #flow_cont > ol > li .info { position:absolute; right:10px; top:10px; }
#flow #flow_cont > ol > li .info span { padding-left:5px; }

#flow #flow_cont > ol > li ul { flex:0 0 100%; justify-content:center; padding:0 10px 20px; }
#flow #flow_cont > ol > li ul li a { padding:10px; }
#flow #flow_cont > ol > li ul li a span { font-size:85%; }
#flow #flow_cont > ol > li ul li a i { font-size:85%; }

#flow #flow_cont > ol > li:first-child { margin-top:0; }
#flow #flow_cont > ol > li:first-child > span { flex:1; font-size:100%; padding:15px; }
#flow #flow_cont > ol > li:first-child .cont > span { font-size:131%; padding:20px; }
#flow #flow_cont > ol > li:first-child ul { flex-wrap:wrap; flex-direction:column; padding:0 10px 10px; }
#flow #flow_cont > ol > li:first-child ul li { margin-top:10px; margin-left:0; }
#flow #flow_cont > ol > li:first-child ul li:first-child { margin-top:0; }
#flow #flow_cont > ol > li:first-child ul li a { padding:15px 10px; }
#flow #flow_cont > ol > li:first-child ul li a i { font-size:85%; }

#flow #flow_cont ol li:nth-child(2) > dl > dt span { font-size:116%; }
#flow #flow_cont ol li:nth-child(2) > dl > dd { padding:10px; }
#flow #flow_cont ol li:nth-child(2) > dl > dd > ul { flex-wrap:wrap; padding:0; }
#flow #flow_cont ol li:nth-child(2) > dl > dd > ul > li { align-items:center; align-content:start; flex-direction:unset; flex-wrap:wrap; flex:0 0 100%; margin-top:10px; margin-left:0; padding:20px 15px; }
#flow #flow_cont ol li:nth-child(2) > dl > dd > ul > li:first-child { margin-top:0; }
#flow #flow_cont ol li:nth-child(2) > dl > dd > ul > li > .time { flex-wrap:wrap; }
#flow #flow_cont ol li:nth-child(2) > dl > dd > ul > li h6 { flex:0 0 100%; margin:0; }
#flow #flow_cont ol li:nth-child(2) > dl > dd > ul > li h6 span { font-size:131%; }
#flow #flow_cont ol li:nth-child(2) > dl > dd > ul > li .image { flex:0 0 100%; padding:25px 0 10px; }
#flow #flow_cont ol li:nth-child(2) > dl > dd > ul > li .image img { height:23px; }
#flow #flow_cont ol li:nth-child(2) > dl > dd > ul > li .image i { font-size:200%; }
#flow #flow_cont ol li:nth-child(2) > dl > dd > ul > li > .time { flex:0 0 100%; }
#flow #flow_cont ol li:nth-child(2) > dl > dd > ul > li > .time > span { font-size:100%; }
#flow #flow_cont ol li:nth-child(2) > dl > dd > ul > li > .time dl { display:flex; flex:0 0 50%; justify-content:center; margin-left:0; margin-top:0; }
#flow #flow_cont ol li:nth-child(2) > dl > dd > ul > li > .time dl:first-child { margin-top:0; }
#flow #flow_cont ol li:nth-child(2) > dl > dd > ul > li > .time dl dt { background:transparent; display:flex; justify-content:center; flex:0 0 30px; }
#flow #flow_cont ol li:nth-child(2) > dl > dd > ul > li > .time dl dt span { flex:1; font-size:93%; text-align:center; }
#flow #flow_cont ol li:nth-child(2) > dl > dd > ul > li > .time dl dd span { font-size:100%; }
#flow #flow_cont ol li:nth-child(2) > dl > dd > ul > li:nth-child(2) .image i { font-size:154%; }
#flow #flow_cont ol li:nth-child(2) > dl > dd > ul > li > p { flex:0 0 100%; margin-top:10px; }
#flow #flow_cont ol li:nth-child(2) > dl > dd > ul > li > p.blank { display:none; }

#flow #flow_cont ol li:nth-child(3) > dl > dt span { font-size:125%; }
#flow #flow_cont ol li:nth-child(3) > dl > dd { padding:10px; }
#flow #flow_cont ol li:nth-child(3) > dl > dd > ul { flex-wrap:wrap; padding:0; }
#flow #flow_cont ol li:nth-child(3) > dl > dd > ul > li { align-items:center; align-content:start; flex-direction:unset; flex-wrap:wrap; flex:0 0 100%; margin-top:10px; margin-left:0; padding:20px 15px; }
#flow #flow_cont ol li:nth-child(3) > dl > dd > ul > li:first-child { margin-top:0; }

#flow #flow_cont ol li:nth-child(3) > dl > dd > ul > li .image { flex:0 0 100%; padding:25px 0 10px; }
#flow #flow_cont ol li:nth-child(3) > dl > dd > ul > li .image i { font-size:200%; }
#flow #flow_cont ol li:nth-child(3) > dl > dd > ul > li .image img { height:23px; }
#flow #flow_cont ol li:nth-child(3) > dl > dd > ul > li h6 span { font-size:131%; }
#flow #flow_cont ol li:nth-child(3) > dl > dd > ul > li:nth-child(2) .image i { font-size:175%; }
#flow #flow_cont ol li:nth-child(3) > dl > dd > p span { font-size:93%; }

#flow #flow_cont ol li:nth-child(3) .cont img { object-position:center center; }

#flow #flow_cont ol li:nth-child(5) > span { flex:1; font-size:131%; font-weight:600; padding:20px; }
#flow #flow_cont ol li:nth-child(6) > span { flex:1; font-size:131%; font-weight:600; padding:20px; }

/*--- plan_schedule ---*/
#plan_schedule { margin-top:15px; }
#plan_schedule #plan_schedule_cont { margin-top:15px; }
#plan_schedule #plan_schedule_cont .list_table_a > ul > li.head { align-items:center; display:flex; flex-wrap:wrap; jutify-content:center; padding:10px; }
#plan_schedule #plan_schedule_cont .list_table_a > ul > li.head span { font-size:100%; }
#plan_schedule #plan_schedule_cont .list_table_a > ul > li > ul > li ul { height:100%; }
#plan_schedule #plan_schedule_cont .list_table_a > ul > li > ul > li ul li { align-items:center; display:flex; justify-content:center; padding:10px; }
#plan_schedule #plan_schedule_cont .list_table_a > ul > li.head span { display:block; }

#plan_schedule #plan_schedule_cont .list_table_a > ul > li > ul > li div span { font-size:100%; }

#plan_schedule #plan_schedule_cont .list_table_a > ul > li .allowance { display:flex; flex:0 0 100%; justify-content:center; position:relative; margin-top:5px; top:auto; right:auto; }
#plan_schedule #plan_schedule_cont .list_table_a > ul > li .allowance a span {}

#plan_schedule #plan_schedule_cont #announce #announce_cont > dl > dt { padding:15px; }
#plan_schedule #plan_schedule_cont #announce #announce_cont > dl > dt span:first-child { font-size:85%; }
#plan_schedule #plan_schedule_cont #announce #announce_cont > dl > dt span:nth-child(2) { font-size:116%; }
#plan_schedule #plan_schedule_cont #announce #announce_cont > dl > dd { padding:15px 15px 0; }
#plan_schedule #plan_schedule_cont #announce #announce_cont > dl > dd span { font-size:93%; }

#plan_schedule #plan_schedule_cont #announce #announce_cont ol { flex-wrap:wrap; padding:15px; }
#plan_schedule #plan_schedule_cont #announce #announce_cont ol > li { flex:0 0 100%; margin-top:20px; }
#plan_schedule #plan_schedule_cont #announce #announce_cont ol > li:first-child { margin-top:0; }
#plan_schedule #plan_schedule_cont #announce #announce_cont ol > li:first-child:after { right:50%; }
#plan_schedule #plan_schedule_cont #announce #announce_cont ol li dl { padding:15px; }
#plan_schedule #plan_schedule_cont #announce #announce_cont ol li dl dt span { font-size:116%; }
#plan_schedule #plan_schedule_cont #announce #announce_cont ol li dl dd { margin-top:15px; }

/*--- entrance_info ---*/
#entrance_info { margin-top:25px; }
#entrance_info #entrance_info_cont .table_list .table_list_cont > dl > dd > ul { flex-wrap:wrap; }
#entrance_info #entrance_info_cont .table_list .table_list_cont > dl > dd > ul > li {}
#entrance_info #entrance_info_cont .table_list .table_list_cont > dl > dd > ul > li > span { font-size:93%; padding:10px; }
#entrance_info #entrance_info_cont .table_list .table_list_cont > dl > dd.body_line ul li:first-child { flex:0 0 15%; }
#entrance_info #entrance_info_cont p.notice span { font-size:93%; }
#entrance_info #entrance_info_cont .table_list:first-child .table_list_cont > dl > dd > ul li { flex:0 0 50%; }
#entrance_info #entrance_info_cont .table_list:first-child .table_list_cont > dl > dd > ul li:nth-child(3) { border-top:1px solid #ccc; border-left:none; }
#entrance_info #entrance_info_cont .table_list:first-child .table_list_cont > dl > dd > ul li:nth-child(4) { border-top:1px solid #ccc; }
#entrance_info #entrance_info_cont .table_list:nth-child(2) .table_list_cont > dl > dd > ul > li > span { align-items:center; display:flex; flex:0 0 100%; flex-wrap:wrap; font-size:100%; justify-content:center; padding:0; text-align:center; }
#entrance_info #entrance_info_cont .table_list:nth-child(2) .table_list_cont > dl > dd > ul > li > span:nth-child(2) { font-size:79%; }
#entrance_info #entrance_info_cont .table_list:nth-child(2) .table_list_cont > dl > dd > ul > li > span i { flex:0 1 auto; padding:0 5px 0 0; }

/*--- time_schedule ---*/
#time_schedule { margin-top:15px; }
#time_schedule #time_schedule_cont { margin-top:15px; }
#time_schedule #time_schedule_cont .list_table_a > ul > li.head { align-items:center; display:flex; flex-wrap:wrap; jutify-content:center; padding:10px; }
#time_schedule #time_schedule_cont .list_table_a > ul > li.head span { font-size:100%; }
#time_schedule #time_schedule_cont .list_table_a > ul > li > ul > li ul { height:100%; }
#time_schedule #time_schedule_cont .list_table_a > ul > li > ul > li ul li { align-items:center; display:flex; justify-content:center; padding:10px; }
#time_schedule #time_schedule_cont .list_table_a > ul > li.head span { display:block; }
#time_schedule #time_schedule_cont .list_table_a > ul > li > ul > li div span { font-size:100%; }
#time_schedule #time_schedule_cont .list_table_a > ul > li .allowance { display:flex; flex:0 0 100%; justify-content:center; position:relative; margin-top:5px; top:auto; right:auto; }

/*--- payment ---*/
#payment { margin-top:15px; }
#payment #payment_cont { margin-top:15px; padding:15px; }
#payment #payment_cont h4 span { display:block; font-size:116%; line-height:1.6; }
#payment #payment_cont ul { flex-wrap:wrap; }
#payment #payment_cont ul li { align-items:center; flex:0 0 100%; margin-top:15px; padding:30px 15px 15px; }
#payment #payment_cont ul li > img { height:auto; width:42px; }
#payment #payment_cont ul li:first-child { margin-top:0; }
#payment #payment_cont ul li dl dt span { font-size:125%; }
#payment #payment_cont ul li dl dd { margin-top:10px; }
#payment #payment_cont ul li dl dd span { font-size:100%; line-height:1.6; }
#payment #payment_cont ul li p { margin-top:15px; }

/*--- price ---*/
#price { margin-top:15px; }
#price #price_cont { flex-wrap:wrap; margin-top:15px; }
#price #price_cont .discount { display:flex; flex-wrap:wrap; justify-content:center; margin-top:15px; }
#price #price_cont .discount > dl { padding:15px; }
#price #price_cont .discount > dl > dt span { font-size:116%; }
#price #price_cont .discount > dl > dd > ul { flex-wrap:wrap; padding:15px 0 0; }
#price #price_cont .discount > dl > dd > ul > li { flex:0 0 50%; padding:0 15px 15px; }
#price #price_cont .discount > dl > dd > ul > li a { display:flex; justify-content:center; padding:0; }
#price #price_cont .discount > dl > dd > ul > li a img { max-width:300px; }

#price #price_cont .discount .banner_area { padding:15px; overflow:hidden; }
#price #price_cont .discount .banner_area .banner_area_cont { padding:15px 15px 60px; max-width:80vw; width:100%; }
#price #price_cont .discount .banner_area .banner_area_cont ul {}
#price #price_cont .discount .banner_area .banner_area_cont .slick-dots { display:flex; justify-content:space-evenly; }
#price #price_cont .discount .banner_area .banner_area_cont .slick-dots li { max-width:30px; width:100%; }
#price #price_cont .discount .banner_area .banner_area_cont .slick-dots li button { max-width:30px; width:100%; }

/*--- additional_price ---*/
#additional_price { margin-top:15px; }
#additional_price #additional_price_cont { margin-top:15px; }
#additional_price #additional_price_cont .list_table_a > ul > li:first-child span { font-size:100%; line-height:1.6; padding:20px 15px; }
#additional_price #additional_price_cont .list_table_a > ul li:nth-child(3) span { padding-left:2px; }
#additional_price #additional_price_cont .list_table_a > ul li:nth-child(3) span:first-child { font-size:139%; }
#additional_price #additional_price_cont .list_table_a > ul li:nth-child(3) span:nth-child(3) { padding-left:0; }
#additional_price #additional_price_cont p.notice span { font-size:93%; }
#additional_price #additional_price_cont .case_cancel .list_table_a > ul li:nth-child(3) span:first-child { font-size:139%; }

/*--- other ---*/
.other { margin-top:15px; }
.other ul li { margin-top:5px; }
.other ul li span { font-size:85%; line-height:1.6; }
.other ul li i { font-size:85%; line-height:1.6; }

}