@charset "utf-8";

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

course

=================================*/
.title { background-color:#fff; }
.title:before { content:none; }
.title h2 { padding:45px 0 60px; }
.title h2:after { background-color:#a06c83; bottom:30px; }
.title h2:before { background-color:#eae1da; bottom:30px; }

#nav { background: rgb(160,108,131); background: linear-gradient(90deg, rgba(160,108,131,1) 0%, rgba(160,108,131,1) 50%, rgba(134,84,106,1) 100%); }

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

#second_main_visual img { object-position:center top; }

#class { background-color:#fff; display:flex; flex:0 0 100%; flex-wrap:wrap; justify-content:center; padding:0; position:relative; }
#class #class_cont { background-color:#fff; flex:0 0 100%; padding:0 50px 50px; }
#class #class_cont .lead { margin-bottom:30px; text-align:center; }
#class #class_cont .lead span { line-height:1.6; }

/*--- elder ---*/
#class #class_cont .introduction { display:flex; flex:0 1 100%; justify-content:center; }
#class #class_cont .introduction ul { display:flex; flex:0 0 100%; justify-content:space-between; padding:0; }
#class #class_cont .introduction ul li { flex:0 0 23%; }
#class #class_cont .introduction ul li a { align-items:center; border:1px solid #ddd; display:flex; justify-content:space-between; padding:25px 35px; }
#class #class_cont .introduction ul li a span { color:#333; font-size:131%; font-weight:600; padding-right:15px; }
#class #class_cont .introduction ul li a i { color:#999; }
#class #class_cont .introduction ul li a:hover { text-decoration:none; }

#class #class_cont #outline { background-color:#f6ebe8; display:flex; flex:0 0 100%; flex-wrap:wrap; justify-content:center; margin-top:50px; padding:0; }
#class #class_cont #outline h2 { background-color:#ebdde1; flex:0 0 100%; padding:50px 5%; text-align:center; }
#class #class_cont #outline h2 span { font-size:185%; font-weight:600; }
#class #class_cont #outline #outline_cont { display:flex; flex-wrap:wrap; flex:0 1 1260px; padding:50px 5%; }
#class #class_cont #outline #outline_cont > dl { background-color:#666; display:flex; flex:0 0 100%; }
#class #class_cont #outline #outline_cont > dl > dt { align-items:center; display:flex; border-top:1px solid #fff; display:flex; flex:0 0 25%; justify-content:center; padding:30px; }
#class #class_cont #outline #outline_cont > dl > dt span { color:#fff; display:block; font-size:116%; font-weight:600; line-height:1.6; text-align:left; }
#class #class_cont #outline #outline_cont > dl > dd { background-color:#fff; border-top:1px solid #ddd; display:flex; flex:1 1 75%; justify-content:start; padding:30px; }
#class #class_cont #outline #outline_cont > dl > dd span { font-size:116%; line-height:1.6; text-align:left; }
#class #class_cont #outline #outline_cont > dl > dd span u { color:#f00; }
#class #class_cont #outline #outline_cont > dl:first-child dt { border-top:none; }
#class #class_cont #outline #outline_cont > dl:first-child dd { border-top:none; }
#class #class_cont #outline #outline_cont .notice { margin-top:30px; flex:0 0 100%; }
#class #class_cont #outline #outline_cont .notice dl { background-color:#fff; padding:30px; }
#class #class_cont #outline #outline_cont .notice dl dt { text-align:center; }
#class #class_cont #outline #outline_cont .notice dl dt span { font-size:139%; font-weight:600; }
#class #class_cont #outline #outline_cont .notice dl dd { text-align:center; margin-top:30px; }
#class #class_cont #outline #outline_cont .notice dl dd span { color:#333; font-size:116%; }

#class #class_cont #flow { background-color:#f9f1ec; display:flex; flex:0 0 100%; flex-wrap:wrap; justify-content:center; margin-top:50px; padding:0; }
#class #class_cont #flow h2 { background-color:#eae1da; flex:0 0 100%; padding:50px 5%; text-align:center; }
#class #class_cont #flow h2 span { font-size:185%; font-weight:600; }
#class #class_cont #flow #flow_cont { flex:0 1 1260px; padding:50px 5%; }
#class #class_cont #flow #flow_cont > ul { display:flex; flex:0 0 100%; justify-content:space-between; }
#class #class_cont #flow #flow_cont > ul > li { background-color:#fff; flex:0 0 48%; }
#class #class_cont #flow #flow_cont > ul li dl { padding:30px; }
#class #class_cont #flow #flow_cont > ul li dl dt { text-align:center; padding:30px; }
#class #class_cont #flow #flow_cont > ul li:first-child dl dt { background-color:#7e9ac8; }
#class #class_cont #flow #flow_cont > ul li:nth-child(2) dl dt { background-color:#70a9b1; }
#class #class_cont #flow #flow_cont > ul li dl dt span { color:#fff; font-size:131%; line-height:1.6; }
#class #class_cont #flow #flow_cont > ul li dl dt span u { background-color:#fff; color:#333; text-decoration:none; display:inline-block; margin-right:5px; padding:5px 10px; }
#class #class_cont #flow #flow_cont > ul li dl dd { padding:30px 0 0; }
#class #class_cont #flow #flow_cont > ul li dl dd:first-child { }
#class #class_cont #flow #flow_cont > ul li dl dd > span { font-size:124%; line-height:1.8; }
#class #class_cont #flow #flow_cont > ul li dl dd > span u { color:#f00; }
#class #class_cont #flow #flow_cont > ul li dl dd ul { display:flex; justify-content:space-between; }
#class #class_cont #flow #flow_cont > ul li dl dd ul li { flex:0 1 48%; }
#class #class_cont #flow #flow_cont > ul li dl dd .second_hour_class { align-items:center; background-color:#f0ecf0; border:3px solid #dad0da; display:flex; justify-content:center; }
#class #class_cont #flow #flow_cont > ul li dl dd .second_hour_class span { font-size:125%; line-height:1.6; padding:20px; }
#class #class_cont #flow #flow_cont > ul li dl dd .third_hour_class { align-items:center; background-color:#eceeeb; border:3px solid #d1d4cf; display:flex; justify-content:center; }
#class #class_cont #flow #flow_cont > ul li dl dd .third_hour_class span { font-size:125%; line-height:1.6; padding:20px; }

#belongings { background-color:#e8edee; display:flex; flex:0 0 100%; flex-wrap:wrap; justify-content:center; margin-top:50px; padding:0; }
#belongings h2 { background-color:#cfe0e3; flex:0 0 100%; padding:50px 5%; text-align:center; }
#belongings h2 span { font-size:185%; font-weight:600; }
#belongings #belongings_cont { flex:0 1 1260px; padding:30px 5% 50px; }
#belongings #belongings_cont ul { display:flex; flex:0 0 100%; justify-content:space-between; }
#belongings #belongings_cont ul li { align-items:start; display:flex; flex:0 0 20%; justify-content:center; }
#belongings #belongings_cont ul li dl { align-items:start; display:flex; flex-wrap:wrap; justify-content:center; padding:20px; text-align:center; }
#belongings #belongings_cont ul li dl dt { align-items:center; background-color:#fff; border-radius:50%; display:flex; flex-wrap:wrap; justify-content:center; text-align:center; padding:30px; flex:0 0 140px; width:140px; height:140px; }
#belongings #belongings_cont ul li dl dt img { height:auto; text-align:center; margin:0 auto; width:100%; object-fit:cover; }
#belongings #belongings_cont ul li:nth-child(2) dl dt img { height:80px; width:100%; object-fit:contain; }
#belongings #belongings_cont ul li:nth-child(3) dl dt img { height:54px; width:100%; object-fit:contain; }
#belongings #belongings_cont ul li:nth-child(4) dl dt img { height:50px; width:100%; object-fit:contain; }
#belongings #belongings_cont ul li:nth-child(5) dl dt img { height:42px; width:100%; object-fit:contain; }
#belongings #belongings_cont ul li dl dd { align-items:start; display:flex; justify-content:center; flex-wrap:wrap; flex:0 0 100%; margin-top:15px; padding:0; text-align:center; }
#belongings #belongings_cont ul li dl dd span { font-size:131%; line-height:1.6; flex:0 0 100%; }
#belongings #belongings_cont ul li dl dd span.note { font-size:93%; }
#belongings #belongings_cont > .note { margin-top:15px; }
#belongings #belongings_cont .note span { font-size:116%; line-height:1.6; }

#class #class_cont #outline { background-color:#f6eaee; display:flex; flex:0 0 100%; flex-wrap:wrap; justify-content:center; margin-top:50px; padding:0; }
#class #class_cont #outline h2 { background-color:#ebdde1; flex:0 0 100%; padding:50px 5%; text-align:center; }
#class #class_cont #outline h2 span { font-size:185%; font-weight:600; }
#class #class_cont #outline #outline_cont { display:flex; flex-wrap:wrap; flex:0 1 1260px; padding:50px 5%; }
#class #class_cont #outline #outline_cont > dl { background-color:#a06c83; display:flex; flex:0 0 100%; }
#class #class_cont #outline #outline_cont > dl > dt { align-items:center; display:flex; border-top:1px solid #fff; display:flex; flex:0 0 25%; justify-content:center; padding:30px; }
#class #class_cont #outline #outline_cont > dl > dt span { color:#fff; display:block; font-size:124%; font-weight:600; line-height:1.8; text-align:left; }
#class #class_cont #outline #outline_cont > dl > dd { background-color:#fff; border-top:1px solid #ddd; display:flex; flex:1 1 75%; justify-content:start; padding:30px; }
#class #class_cont #outline #outline_cont > dl > dd span { font-size:124%; line-height:1.8; text-align:left; }
#class #class_cont #outline #outline_cont > dl > dd span u { color:#f00; }
#class #class_cont #outline #outline_cont > dl:first-child dt { border-top:none; }
#class #class_cont #outline #outline_cont > dl:first-child dd { border-top:none; }
#class #class_cont #outline #outline_cont .notice { margin-top:30px; flex:0 0 100%; }
#class #class_cont #outline #outline_cont .notice dl { background-color:#fff; padding:30px; }
#class #class_cont #outline #outline_cont .notice dl dt { text-align:center; }
#class #class_cont #outline #outline_cont .notice dl dt span { font-size:139%; font-weight:600; }
#class #class_cont #outline #outline_cont .notice dl dd { text-align:center; margin-top:30px; }
#class #class_cont #outline #outline_cont .notice dl dd span { color:#333; font-size:124%; }

#class #class_cont #fee { background-color:#e7ecf4; display:flex; flex:0 0 100%; flex-wrap:wrap; justify-content:center; margin-top:50px; padding:0; }
#class #class_cont #fee h2 { background-color:#d0dae8; flex:0 0 100%; padding:50px 5%; text-align:center; }
#class #class_cont #fee h2 span { font-size:185%; font-weight:600; }
#class #class_cont #fee #fee_cont { flex:0 1 1260px; padding:50px 5%; }
#class #class_cont #fee #fee_cont > ul { display:flex; flex:0 0 100%; justify-content:space-between; }
#class #class_cont #fee #fee_cont > ul > li { background-color:#fff; flex:0 0 48%; }
#class #class_cont #fee #fee_cont > ul li > dl { padding:30px; }
#class #class_cont #fee #fee_cont > ul li > dl > dt { flex:0 0 100%; text-align:center; padding:20px 30px; }
#class #class_cont #fee #fee_cont > ul li > dl:first-child > dt { background-color:#7e9ac8; }
#class #class_cont #fee #fee_cont > ul li:nth-child(2) > dl:first-child > dt { background-color:#70a9b1; }
#class #class_cont #fee #fee_cont > ul li > dl > dt span { color:#fff; font-size:131%; line-height:1.6; }
#class #class_cont #fee #fee_cont > ul li > dl > dt span u { background-color:#fff; color:#333; text-decoration:none; display:inline-block; margin-right:5px; padding:5px 10px; }
#class #class_cont #fee #fee_cont > ul li > dl > dd { flex:0 0 100%; padding:30px 0 0; text-align:center; }
#class #class_cont #fee #fee_cont > ul li > dl > dd:first-child {}
#class #class_cont #fee #fee_cont > ul li > dl > dd > span { font-size:124%; line-height:1.6; }
#class #class_cont #fee #fee_cont > ul li > dl > dd dl { flex:0 0 100%; display:flex; justify-content:space-between; flex-wrap:wrap; }
#class #class_cont #fee #fee_cont > ul li > dl > dd dl:first-child { margin-top:0; }
#class #class_cont #fee #fee_cont > ul li > dl > dd dl dt { background-color:#828a96; border-left:1px solid #eceeef; flex:0 0 50%; padding:20px 30px; text-align:center; }
#class #class_cont #fee #fee_cont > ul li > dl > dd dl dt span { color:#fff; font-size:124%; font-weight:600; }
#class #class_cont #fee #fee_cont > ul li > dl > dd dl dd { border-right:1px solid #dee1e3; border-bottom:1px solid #dee1e3; border-left:1px solid #dee1e3; flex:0 0 50%; padding:30px; }
#class #class_cont #fee #fee_cont > ul li > dl > dd dl dd:first-child { background-color:#eceef0; border-right:none; }
#class #class_cont #fee #fee_cont > ul li > dl > dd dl dd span { font-size:124%; }

#class #class_cont #fee #fee_cont > ul li:nth-child(2) > dl { padding:30px 30px 15px; }
#class #class_cont #fee #fee_cont > ul li:nth-child(2) > dl dt { background-color:#778d90; }
#class #class_cont #fee #fee_cont > ul li:nth-child(2) dl:nth-child(2) { flex:wrap:wrap; }
#class #class_cont #fee #fee_cont > ul li:nth-child(2) dl:nth-child(2) > dd { flex:0 0 100%; }
#class #class_cont #fee #fee_cont > ul li:nth-child(2) dl:nth-child(2) > dd { display:flex; justify-content:space-between; padding:0; }
#class #class_cont #fee #fee_cont > ul li:nth-child(2) dl:nth-child(2) > dd span { border-right:1px solid #dee1e3; display:block; flex:0 0 50%; padding:30px; text-align:center; }
#class #class_cont #fee #fee_cont > ul li:nth-child(2) dl:nth-child(2) > dd span:first-child { background-color:#eceef0; }
#class #class_cont #fee #fee_cont > ul li:nth-child(2) dl:nth-child(2) > dd span:nth-child(2) { background-color:#fff; }
#class #class_cont #fee #fee_cont > ul li:nth-child(2) .note { padding:0 30px 30px; }

#class #class_cont #inquiry { background-color:#f1eaf6; display:flex; flex:0 0 100%; flex-wrap:wrap; justify-content:center; margin-top:50px; padding:0; }
#class #class_cont #inquiry h2 { background-color:#e4d9e9; flex:0 0 100%; padding:50px 5%; text-align:center; }
#class #class_cont #inquiry h2 span { font-size:185%; font-weight:600; }
#class #class_cont #inquiry #inquiry_cont { flex:0 0 100%; padding:80px 5% 100px; }
#class #class_cont #inquiry #inquiry_cont ul { display:flex; justify-content:space-evenly; }
#class #class_cont #inquiry #inquiry_cont ul li { flex:0 0 350px; }
#class #class_cont #inquiry #inquiry_cont ul li dl {}
#class #class_cont #inquiry #inquiry_cont ul li dl dt { text-align:center; }
#class #class_cont #inquiry #inquiry_cont ul li dl dt span { font-size:131%; font-weight:600; }
#class #class_cont #inquiry #inquiry_cont ul li dl dd { margin-top:30px; }
#class #class_cont #inquiry #inquiry_cont ul li:first-child dl dd a { align-items:center; background-color:#fff; border-radius:3px; display:flex; justify-content:space-between; padding:20px 20px; position:relative; }
#class #class_cont #inquiry #inquiry_cont ul li:first-child dl dd a span { color:#333; font-size:131%; font-weight:600; }
#class #class_cont #inquiry #inquiry_cont ul li:first-child dl dd a i { color:#ccc; font-size:85%; }
#class #class_cont #inquiry #inquiry_cont ul li:first-child dl dd a:hover {}
#class #class_cont #inquiry #inquiry_cont ul li:nth-child(2) { flex:0 0 450px; }
#class #class_cont #inquiry #inquiry_cont ul li:nth-child(2) dl dd { margin-top:20px; }
#class #class_cont #inquiry #inquiry_cont ul li:nth-child(2) dl dd a { align-items:center; display:flex; justify-content:center; text-decoration:none; }
#class #class_cont #inquiry #inquiry_cont ul li:nth-child(2) dl dd a i { font-size:192%; transform: scale(-1, 1); line-height:1.6; margin-bottom:-4px; }
#class #class_cont #inquiry #inquiry_cont ul li:nth-child(2) dl dd a span { font-size:274%; font-weight:600; line-height:1.2; padding-left:10px; }
#class #class_cont #inquiry #inquiry_cont ul li:nth-child(2) dl dd .note { margin-top:10px; text-align:center; }
#class #class_cont #inquiry #inquiry_cont ul li:nth-child(2) dl dd .note span { font-size:108%; }

#class #class_cont #inquiry #inquiry_cont ul li:nth-child(2) dl dd a:hover i { color:#333; }
#class #class_cont #inquiry #inquiry_cont ul li:nth-child(2) dl dd a:hover span { color:#333; }