@charset "utf-8";

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

sp_school

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

#container #main { margin-top:-75px; }

/*------------------------------------------------------------
school
------------------------------------------------------------*/
#school #school_cont { padding:0 10px 20px; }
#school #school_cont .lead { margin-bottom:20px; }

.list_table { margin-top:10px; }
.list_table .list_head .list_head_title { flex:0 0 25%; }
.list_table .list_head .list_head_title span { font-size:100%; }
.list_table .list_head ul li span { font-size:100%; }

.list_table .list_head ul { justify-content:space-between; }
.list_table .list_head ul li { flex:0 0 auto; width:calc(75% / 2); }

.list_table .list_cont ul li span { font-size:93%; padding:10px; }
.list_table .list_cont .list_cont_title { flex:0 0 25%; }
.list_table .list_cont .list_cont_title dl { flex-wrap:wrap; }
.list_table .list_cont .list_cont_title dl dt { flex:0 0 100%; }
.list_table .list_cont .list_cont_title dl dt img { position:relative; margin-top:0; top:auto; }
.list_table .list_cont .list_cont_title dl dd { flex:0 0 100%; margin-top:10px; padding-left:0; text-align:center; }
.list_table .list_cont .list_cont_title dl dd span { font-size:85%; }

.list_table p.note { margin-top:15px; }
.list_table p.note span { font-size:85%; line-height:1.6; }

.list_table .list_cont .list_cont_title dl.car dt img { position:relative; margin-top:0; top:auto; }

/*------------------------------------------------------------
method
------------------------------------------------------------*/
#method { margin-top:20px; }
#method #method_cont h4 { padding:25px 10px; }
#method #method_cont h4 span { font-size:116%; }
#method #method_cont h4 span:before { height:15px; margin-bottom:-15px; }
#method #method_cont h4 span:after { height:15px; margin-top:-15px; }

#method #method_cont .list_table_a { display:block; }
#method #method_cont .list_table_ > ul > li.cont dl dt > span { font-size:108%; line-height:1.6; }
#method #method_cont .list_table_a > ul li.w20p { flex:0 0 100%; }
#method #method_cont .list_table_a > ul > li.cont dl { margin-top:25px; }
#method #method_cont .list_table_a > ul > li.cont dl:first-child { margin-top:0; }
#method #method_cont .list_table_a > ul > li.cont dl dt { display:flex; flex-wrap:wrap; }
#method #method_cont .list_table_a > ul > li.cont dl dt > span { display:inline-block; font-size:108%; line-height:1.6; }
#method #method_cont .list_table_a > ul > li.cont dl dt span.notice { font-size:85%; color:#c00; margin-top:10px; flex:0 0 100%; }
#method #method_cont .list_table_a > ul > li.cont dl dd .flex_box { flex-wrap:wrap; }
#method #method_cont .list_table_a > ul > li.cont dl dd .flex_box .btn_area { flex:0 0 100%; margin-top:15px; }
#method #method_cont .list_table_a > ul > li.cont dl dd p span { font-size:93%; }

#method #method_cont #flow { margin-top:0; }
#method #method_cont #flow #flow_cont h4 { padding:30px 10px; }
#method #method_cont #flow #flow_cont h4 span { font-size:125%; }
#method #method_cont #flow #flow_cont h4 span:before { height:15px; margin-bottom:-15px; }
#method #method_cont #flow #flow_cont h4 span:after { height:15px; margin-top:-15px; }
#method #method_cont #flow #flow_cont ol { margin-top:10px; padding:15px; }
#method #method_cont #flow #flow_cont ol li { flex-wrap:wrap; }
#method #method_cont #flow #flow_cont ol li .cont { align-items:start; padding:20px; }
#method #method_cont #flow #flow_cont ol li .cont dl { flex:0 0 100%; padding:0; }
#method #method_cont #flow #flow_cont ol li .cont dl dt span { font-size:116%; }
#method #method_cont #flow #flow_cont ol li .cont dl dd { margin-top:10px; }
#method #method_cont #flow #flow_cont ol li .cont dl dd span { font-size:93%; }
#method #method_cont #flow #flow_cont ol li .cont dl dd span br { display:none; }

#method #method_cont #flow #flow_cont ol li .pic { flex:0 0 40%; margin-right:-15px; }
#method #method_cont #flow #flow_cont ol li .pic img { height:120px; object-fit:contain; object-position:center center; }

#method #method_cont #flow #flow_cont ol li .btn_area { margin-top:20px; }

.image_title { background-color:#eee; flex-wrap:wrap; justify-content:center; }
.image_title > img { position:relative; }
.image_title:after { content:none; }
.image_title dl { background-color:#fff; flex:0 0 100%; flex-wrap:wrap; padding:15px; }
.image_title dl dt { flex:0 0 80px; text-align:center; }
.image_title dl dt span { display:block; font-size:93%; }
.image_title dl dd { flex:1; padding-left:15px; }
.image_title dl dd div span:first-child { font-size:116%; line-height:1.6; }
.image_title dl dd div span:nth-child(2) { font-size:125%; line-height:1.6; }
.image_title p { background-color:#fff; padding:0 15px 15px; }
.image_title p span { flex:0 0 100%; font-size:93%; }
.image_title p a { border:1px solid #eee; border-radius:2px; display:flex; margin-top:20px; padding:15px; text-decoration:none; position:relative; }
.image_title p a:after { color:#ccc; content: "\f054"; right:10px; top:50%; font-size:85%; font-family:"Font Awesome 5 Free"; font-weight:600; margin-top:-6px; position:absolute; }

#entrance_date { margin-top:20px; }
#entrance_date #entrance_date_cont #calendar { margin-top:20px; }
#entrance_date #entrance_date_cont .list_table_a { margin-top:15px; }

/*------------------------------------------------------------
calendar
------------------------------------------------------------*/
#calendar { margin-top:15px; }

/*------------------------------------------------------------
time_schedule
------------------------------------------------------------*/
#time_schedule { margin-top:20px; }
#time_schedule #time_schedule_cont { margin-top:10px; }
#time_schedule #time_schedule_cont .list_table_a > ul > li > ul li { padding:25px 10px; text-align:center; }

}