@charset "utf-8";

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

sp_class_elder

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

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

#second_main_visual:after { background-size:105px 46px; height:46px; margin-top:-23px; left:5%; top:40%; width:105px; }

#class #class_cont { padding:0 10px 10px; }
#class #class_cont .lead { margin-bottom:20px; }

/*--- outline ---*/
#class #class_cont #outline { margin-top:10px; }
#class #class_cont #outline h2 { padding:25px 15px; }
#class #class_cont #outline h2 span { font-size:131%; }
#class #class_cont #outline #outline_cont { flex:0 1 100%; padding:15px; }
#class #class_cont #outline #outline_cont > dl { flex-wrap:wrap; }
#class #class_cont #outline #outline_cont > dl dt { flex:0 0 100%; padding:15px; }
#class #class_cont #outline #outline_cont > dl > dd { flex:0 0 100%; padding:20px; }
#class #class_cont #outline #outline_cont > dl > dd span { font-size:100%; }
#class #class_cont #outline #outline_cont > dl:first-child dd { padding:20px; }
#class #class_cont #outline #outline_cont .notice { margin-top:15px; }
#class #class_cont #outline #outline_cont .notice dl { padding:30px 20px; }
#class #class_cont #outline #outline_cont .notice dl dt {}
#class #class_cont #outline #outline_cont .notice dl dt span { font-size:116%; }
#class #class_cont #outline #outline_cont .notice dl dd { margin-top:15px; }
#class #class_cont #outline #outline_cont .notice dl dd span { font-size:100%; line-height:1.6; text-align:left; }

/*--- introduction ---*/
#class #class_cont .introduction { margin-top:10px; }
#class #class_cont .introduction ul { border-top:1px solid #ddd; border-left:1px solid #ddd; flex-wrap:wrap; }
#class #class_cont .introduction ul li { border-right:1px solid #ddd; border-bottom:1px solid #ddd; flex:0 0 100%; }
#class #class_cont .introduction ul li a { border:none; padding:20px; }
#class #class_cont .introduction ul li a span { font-size:100%; }
#class #class_cont .introduction ul li a i { color:#ccc; font-size:85%; }

/*--- flow ---*/
#class #class_cont #flow { margin-top:10px; }
#class #class_cont #flow h2 { padding:25px 15px; }
#class #class_cont #flow h2 span { font-size:131%; }
#class #class_cont #flow #flow_cont { flex:0 0 100%; padding:15px; }
#class #class_cont #flow #flow_cont > ul { flex-wrap:wrap; }
#class #class_cont #flow #flow_cont > ul > li { flex:0 0 100%; }
#class #class_cont #flow #flow_cont > ul li:first-child dl dt { padding:20px; }
#class #class_cont #flow #flow_cont > ul li dl { padding:10px; }
#class #class_cont #flow #flow_cont > ul li dl dt span { font-size:100%; }
#class #class_cont #flow #flow_cont > ul li dl dt span u {}
#class #class_cont #flow #flow_cont > ul li dl dd { margin-top:15px; padding:0; }
#class #class_cont #flow #flow_cont > ul li dl dd > span { font-size:100%; }
#class #class_cont #flow #flow_cont > ul li dl dd .second_hour_class { justify-content:center; text-align:center; }
#class #class_cont #flow #flow_cont > ul li dl dd .second_hour_class span { flex:0 0 100%; font-size:100%; }
#class #class_cont #flow #flow_cont > ul li dl dd .third_hour_class { justify-content:center; text-align:center; }
#class #class_cont #flow #flow_cont > ul li dl dd .third_hour_class span { flex:0 0 100%; font-size:100%; }

/*--- belongings ---*/
#belongings { margin-top:10px; }
#belongings h2 { padding:25px 15px; }
#belongings h2 span { font-size:131%; }
#belongings #belongings_cont { flex:0 0 100%; padding:0 15px 15px; }
#belongings #belongings_cont ul { flex-wrap:wrap; }
#belongings #belongings_cont ul li { flex:0 0 50%; margin-top:15px; }
#belongings #belongings_cont ul li dl { padding:0; }
#belongings #belongings_cont ul li dl dt { height:100px; flex:0 0 100px; padding:15px; width:100px; }
#belongings #belongings_cont ul li dl dt img { height:32px; width:auto; }
#belongings #belongings_cont ul li:nth-child(2) dl dt img { height:48px; }
#belongings #belongings_cont ul li:nth-child(3) dl dt img { height:32px; }
#belongings #belongings_cont ul li:nth-child(4) dl dt img { height:32px; }
#belongings #belongings_cont ul li:nth-child(5) dl dt img { height:32px; }
#belongings #belongings_cont ul li dl dd span { font-size:100%; }
#belongings #belongings_cont > .note { margin-top:25px; }
#belongings #belongings_cont > .note span { font-size:100%; }

/*--- fee ---*/
#class #class_cont #fee { margin-top:10px; }
#class #class_cont #fee h2 { padding:25px 15px; }
#class #class_cont #fee h2 span { font-size:131%; }
#class #class_cont #fee #fee_cont { flex:0 0 100%; padding:15px; }
#class #class_cont #fee #fee_cont > ul { flex-wrap:wrap; }
#class #class_cont #fee #fee_cont > ul li { flex:0 0 100%; }
#class #class_cont #fee #fee_cont > ul li > dl { padding:10px; }
#class #class_cont #fee #fee_cont > ul li > dl dt span { font-size:100%; }
#class #class_cont #fee #fee_cont > ul li > dl dd { margin:0; padding:0; }
#class #class_cont #fee #fee_cont > ul li > dl > dd dl dt { border-left:none; }
#class #class_cont #fee #fee_cont > ul li > dl > dd dl dt span { font-size:100%; }
#class #class_cont #fee #fee_cont > ul li > dl > dd dl dd { padding:30px 10px; }
#class #class_cont #fee #fee_cont > ul li > dl > dd dl dd span { font-size:100%; }
#class #class_cont #fee #fee_cont > ul li:nth-child(2) > dl { padding:10px; }
#class #class_cont #fee #fee_cont > ul li:nth-child(2) dl:nth-child(2) > dd span { padding:30px 10px; }
#class #class_cont #fee #fee_cont > ul li:nth-child(2) .note { padding:0 10px 10px; }
#class #class_cont #fee #fee_cont > ul li:nth-child(2) .note span { font-size:100%; }

/*--- inquiry ---*/
#class #class_cont #inquiry { margin-top:10px; }
#class #class_cont #inquiry h2 { padding:25px 15px; }
#class #class_cont #inquiry h2 span { font-size:131%; }
#class #class_cont #inquiry #inquiry_cont { padding:20px 20px 30px; }
#class #class_cont #inquiry #inquiry_cont ul { flex-wrap:wrap; }
#class #class_cont #inquiry #inquiry_cont ul li { flex:0 0 100%; }
#class #class_cont #inquiry #inquiry_cont ul li dl dt span { font-size:100%; }
#class #class_cont #inquiry #inquiry_cont ul li dl dd { margin-top:15px; }
#class #class_cont #inquiry #inquiry_cont ul li:first-child dl dd a span { font-size:100%; }
#class #class_cont #inquiry #inquiry_cont ul li:nth-child(2) { margin-top:20px; flex:0 0 100%; }
#class #class_cont #inquiry #inquiry_cont ul li:nth-child(2) dl dd { margin-top:10px; }
#class #class_cont #inquiry #inquiry_cont ul li:nth-child(2) dl dd a i { font-size:154%; }
#class #class_cont #inquiry #inquiry_cont ul li:nth-child(2) dl dd a span { font-size:200%; line-height:1; padding-left:10px; }

#class #class_cont #inquiry #inquiry_cont ul li:nth-child(2) dl dd .note span { line-height:1.6; }

}