夏期講習 難関高校受験コース 夏期講習 難関高校受験コース

夏期講習

[難関高校受験コース]

  • 2024.04.26

    お知らせ

    5月26日(日)10:00受付開始!

難関高校受験コース「プレミアクラス」とは

名進研の強み1

徹底した少数精鋭指導

1クラス24名限定。ハイレベルな生徒が集う少人数クラス。

名進研の強み2

より高いレベルで「思考力」「判断力」「表現力」を育む

単なる知識の詰め込みやテクニックの習得ではない。主体的に考え、理解し、発言する授業。

名進研の強み3

圧倒的な指導時間で学習の「質」を高め「量」を確保する

週3日、「415分+α」の指導。数学・英語は1回70分、週140分の指導。※中1~中3の場合

プレミアクラス詳細

よくあるご質問

夏期講習 私立中学受験コース
夏期講習 公立中高一貫校受検コース
夏期速読解力講座
難関高校受験コース 入会説明会
【動画配信】愛知・岐阜 高校入試分析会
/********************************************************************* 【NEW】合格体験記 ここから *********************************************************************/ .experience-frame { margin: 3.5rem auto; text-align: center; } .experience-frame h2 { margin-bottom: 25px; line-height: 1; } .experience-box { margin: 0 auto; padding: 0; display: grid; gap: 20px; grid-template-columns: 1fr 1fr; width: 94%; max-width: 1080px; } a.experience-btn { margin: 0 auto; padding: 1rem; position: relative; display: block; text-decoration: none; line-height: 1; text-align: left; font-weight: bold; font-size: 23px; color: #29347B; background: #FFFFFF; border: 2px solid #29347B; border-radius: 5px; width: 100%; transition: 0.3s; } a.experience-btn:hover { opacity: 1; color: #FFFFFF; background: #29347B; } a.experience-btn::after { content: “”; margin: auto; position: absolute; top: 0; bottom: 0; right: 1rem; transform: rotate(45deg); border-top: 3px solid currentColor; border-right: 3px solid currentColor; box-sizing: border-box; width: 14px; height: 14px; } @media (max-width: 1200px) { a.experience-btn { padding: 0.75rem 1rem; font-size: 18px; padding-right: 20px; } a.experience-btn::after { width: 12px; height: 12px; } } @media (max-width: 768px) { .experience-frame { margin: 2.5rem auto; } .experience-box { gap: 10px; } a.experience-btn { padding: 0.5rem; font-size: 14px; } a.experience-btn::after { width: 10px; height: 10px; } } /********************************************************************* 【NEW】合格体験記 ここまで *********************************************************************/

お電話でのお問い合わせはこちら

052-582-2006

火~土曜日 10:00~18:00

メールでのお問い合わせはこちら

お問い合わせ・資料請求

お近くの教室を探される方はこちら

校舎一覧
body { font-family: ‘Noto Sans JP’; color: #515151; } h1, h2, h3, h4, h5 { letter-spacing: 0; font-weight: bold; } h1 { font-size: 2.5rem; } h2 { font-size: 1.8rem; } h3 { font-size: 1.3rem; } h4 { font-size: 1.2rem; } h5 { font-size: 1rem; } @media only screen and (max-width: 768px) { h2 { font-size: 1.6rem; } h3 { font-size: 1.1rem; } h4 { font-size: 0.9rem; } h5 { font-size: 14px; } } ::selection { color: #FFFFFF; background: #091B48; } a, a:link, a:visited { color: #515151; } header.header,div .gnav { display: none!important; } @media only screen and (max-width: 768px) { #logo { background: none; } } .logoFrame .logo .category, .logo-text { padding: 4px 0; } .sp-navi img { margin-bottom: 3px; max-width: 100%; height: auto; box-sizing: border-box; vertical-align: bottom; } .f_gb { font-weight: bold; } .f_sml { font-size: 0.8rem; } .f_gblr { font-weight: bold; color: #D31E1E; font-size: 1.2rem; } .red { color: #D31E1E; } .blue { color: #3D91CC; } @media only screen and (max-width: 768px) { .f_gblr { font-size: 1rem; } } /* メインビジュアル */ .main-pic { width: 100%; height: auto; box-sizing: border-box; vertical-align: bottom; pointer-events: none; } /* コンテンツ */ .contents-frame { padding: 0; position: relative; background: #FAFAFA; z-index: 2; } /* h1 タイトル */ .pgHeader .pg_ttl { padding: 20px 0px; } .pg_ttl p { margin: 0 0 0 10px; margin-block: 0; display: inline; vertical-align: middle; font-size: 0.8rem; font-weight: normal; } @media only screen and (max-width: 768px) { .pgHeader .pg_ttl { padding: 15px 20px; } } /* メニュー */ .menu-box { margin: 2rem auto; padding: 0; display: grid; gap: 15px; grid-template-columns: 1fr 1fr 1fr; font-weight: 600; width: 94%; max-width: 1080px; } .menu-box a { padding: 20px; position: relative; display: block; text-decoration: none; line-height: 1; background: #FFFFFF; border: solid 1px #CCCCCC; cursor: pointer; user-select: none; border-radius: 5px; } .menu-box a:hover { opacity: 1; color: #172F6B; } .menu-box a:after { content: “”; margin: auto; position: absolute; top: 0; bottom: 0; right: 20px; transform: rotate(45deg); border-top: 2px solid #172F6B; border-right: 2px solid #172F6B; box-sizing: border-box; width: 10px; height: 10px; transition: 0.3s; } @media only screen and (max-width: 768px) { .menu-box { gap: 5px; grid-template-columns: 1fr 1fr; } .menu-box a { padding: 20px 10px; font-size: 0.8rem; } .menu-box a:after { right: 10px; width: 8px; height: 8px; } } /* メニュー ここまで */ /* お知らせ */ .newslist { margin: 2rem auto 5.5rem; font-feature-settings: “palt”; background: #FFFFFF; width: 94%; max-width: 1080px; } .newslist ul { padding-left: 0; } .newslist li { padding: 20px 0; display: flex; align-items: flex-start; border-top: 1px solid #515151; line-height: 1; } .newslist li:last-child { border-bottom: 1px solid #515151; } .newslist .newslist-box { display: flex; align-items: center; padding-left: 10px; } .newslist .newslist-box p { margin: 0 15px; padding: 4px 8px; font-size: 80%; color: #FFFFFF; background: #005BAB; } .newslist .newslist-box .jhs { background: #D31E1E; } .newslist .newslist-box .hs { background: #172F6B; } .newslist .newslist-text { text-align: left; } .newslist .newslist-text a { text-decoration: none; } @media (max-width: 768px) { .newslist { margin: 2rem auto; } .newslist li { padding: 15px 10px; flex-direction: column; font-size: 0.8rem; } .newslist .newslist-box { margin-bottom: 5px; padding-left: 0; width: 100%; justify-content: space-between; } .newslist .newslist-box p { margin: 0 0 0 15px; } } /* お知らせ ここまで */ /* ボタン お申し込み ページ内リンク Anchor */ .anc-box { margin: 5.5rem auto; padding: 0; text-align: center; width: 94%; max-width: 240px; } a.anc-btn { padding: 10px; position: relative; display: inline-block; width: 100%; text-decoration: none; vertical-align: middle; font-weight: bold; font-size: 1.2rem; line-height: 1; letter-spacing: 0.1em; cursor: pointer; user-select: none; color: #D31E1E; background: #FFFFFF; border: solid 1px #D31E1E; border-radius: 100vh; transition: all .3s; } a.anc-btn:hover { opacity: 1; background: #F9E8E8; } a.anc-btn::after { content: “f078”; font-family: “FontAwesome”; font-weight: 400; position: absolute; top: 86%; left: 50%; transform: translateX(-50%); transition: all .3s; } a.anc-btn:hover::after { top: 100%; } div[id^=”menu”] { /* セレクタ名の前方一致 */ margin-top: -60px; padding-top: 60px; display: block; } #menu06 { position: absolute; } @media only screen and (max-width: 768px) { .anc-box { margin: 4rem auto; } div[id^=”menu”] { margin-top: -120px; padding-top: 120px; display: block; /* セレクタ名の前方一致 ヘッダーで隠れるのを防ぐ */ } } /* ボタン お申し込み ページ内リンク Anchor ここまで */ /* 高校受験コース「プレミアクラス」とは */ .hs-box { margin: 5.5rem auto; padding: 2em 2em 4.5em 2em; position: relative; font-feature-settings: “palt”; background: #F2F2E6; border: solid 1px #35538A; border-radius: 10px; width: 94%; max-width: 1080px; } .hs-parent { margin: 0 auto; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; } h2.hs-ttl { margin-bottom: 5px; position: relative; padding-left: 1.5em; font-size: 1.8rem; color: #35538a; } h2.hs-ttl:before { content: “”; background-image: url(“https://www.meishinken.co.jp/wp-content/themes/school/images/hs/crown-hs.svg”); position: absolute; top: 13px; left: 0; height: 24px; width: 32px; } h3.hs-ttl { font-size: 1.6rem; color: #3D91CC; } .forte-box { margin: 10px auto; padding: 10px 15px; background: #FFFFFF; border-bottom: solid 1px #3E3A39; font-weight: bold; font-feature-settings: “palt”; height: 100px; } .point { width: 15px; height: 15px; display: inline-block; font-size: 90%; border-radius: 50%; line-height: 15px; text-align: center; color: #FFFFFF; background: #3D91CC; } .forte-ttl { font-size: 1.2rem; line-height: 1.4; font-weight: bold; color: #3D91CC; } a.premier-btn { right: 1.5em; bottom: 1.5em; padding: 3px 10px; position: absolute; text-decoration: none; font-size: 80%; color: #35538a; background: #FFFFFF; border: solid 1px #35538a; border-radius: 5px; } a.premier-btn:after { font-family: “Font Awesome 5 Free”; content: “f35a”; padding-left: 5px; } a.premier-btn:hover { opacity: 1; color: #FFFFFF; background: #35538a; } @media only screen and (max-width: 900px) { .hs-parent { padding-bottom: 3.4em; } } @media only screen and (max-width: 768px) { .hs-box { margin: 2.5rem auto; padding: 1rem; } .hs-parent { gap: 10px; } h2.hs-ttl { padding-left: 1em; font-size: 1.2rem; line-height: 1.2; } h2.hs-ttl:before { top: 6px; left: 0; height: 12px; width: 16px; } h3.hs-ttl { font-size: 1rem; text-align: center; } .forte-box { margin: 10px auto; padding: 5px 10px; height: auto; } .forte-box p { font-size: 0.8rem; } .forte-ttl { font-size: 1rem; } .forte-txt { font-size: 0.8rem; } } /* 高校受験コース「プレミアクラス」とは ここまで */ /********************************************************************* 講座一覧表 ここから *********************************************************************/ .fee-box { margin: 5.5rem auto; padding: 0; width: 94%; max-width: 1080px; } .fee-box h2 { margin-bottom: 25px; text-align: center; line-height: 1; } table.feetbl { margin: 0 auto; width: 100%; border-spacing: 0; table-layout: fixed; font-feature-settings: “palt”; } table.feetbl th, table.feetbl td { padding: 6px 2px; text-align: center; vertical-align: middle; line-height: 1.2; width: auto; } table.feetbl th { font-weight: bold; background: #EEEEEE; border: none; } table.feetbl th:not(:first-child) { border-left: 1px solid #E2E2E2; } table.feetbl th:not(:last-child) { border-right: 1px solid #E2E2E2; } table.feetbl td { background: #FFFFFF; border: none; border-top: 1px solid #E2E2E2; } table.feetbl td:not(:first-child) { border-left: 1px solid #E2E2E2; } table.feetbl td:not(:last-child) { border-right: 1px solid #E2E2E2; } /* 記号 symbol */ .sy { margin: 5px 0 0; padding: 2px 8px; display: inline-block; color: #FFFFFF; font-size: 80%; } .sy-sho { background: #2980CC; } .sy-chu { background: #172F6B; } .sy-ae { background: #BC7ACC; } .sy-ps { background: #2980CC; } .sy-ke { background: #35538A; border-radius: 100vh; } @media only screen and (max-width: 768px) { .fee-box { margin: 2.5rem auto; } table.feetbl { font-size: 12px; } table.feetbl th:first-of-type { width: 15%; } table.feetbl th:nth-child(3) { width: 13%; } table.feetbl th:last-of-type { width: 17%; } } /********************************************************************* 講座一覧表 ここまで *********************************************************************/ /********************************************************************* 日程表 ここから *********************************************************************/ .schedule-box { margin: 5.5rem auto; padding: 0; width: 94%; max-width: 1080px; } .schedule-box h2 { margin-bottom: 25px; text-align: center; line-height: 1; } table.schtbl { table-layout: fixed; width: 100%; font-feature-settings: “palt”; } table.schtbl th, table.schtbl td { text-align: center; vertical-align: middle; line-height: 1; border: solid 1px #E2E2E2; } table.schtbl th { padding: 5px 0; border-top: none; background: #EEEEEE; } table.schtbl td { padding: 3px 0; border-top: none; border-bottom: none; } table.schtbl tr:nth-child(4) td { padding: 6px 0 3px; } table.schtbl tr:last-of-type td { padding: 3px 0 6px ; } th.col_1 { width: 19.8em; } th.col_2 { width: 5.4em; } .sd-sho, .sd-chu, .sd-ae, .sd-ps, .sd-ke { padding: 4px 0 6px; display: block; color: #FFFFFF; } .sd-ke { padding: 12px 0 14px; } .sd-sho { background: #2980CC; /* start date 開講日 小学生 */ } .sd-chu { background: #172F6B; /* start date 開講日 中学生 */ } .sd-ae { background: #BC7ACC; /* start date 開講日 愛教附中受験 */ } .sd-ps { background: #2980CC; /* start date 開講日 公立中高一貫校 */ } .sd-ke { background: #35538A; /* start date 開講日 英語の学び 5KE */ border-radius: 100vh; } @media only screen and (max-width: 768px) { .schedule-box { margin: 2.5rem auto; } table.schtbl td { font-size: 10px; } .sd-sho, .sd-chu, .sd-ae, .sd-ps { padding: 4px 0; } .sd-ke { padding: 8px 0; } } /********************************************************************* 日程表 ここまで *********************************************************************/ /********************************************************************* 講習概要 ここから *********************************************************************/ .maincontents-frame { margin: 5.5rem auto; padding: 0; width: 94%; max-width: 1080px; } .maincontents-frame h2 { margin-bottom: 25px; text-align: center; line-height: 1; } /* リスト 学年 */ .maincontents-frame ul { margin: 0 auto 25px; display: flex; justify-content: space-between; } .maincontents-frame ul li { display: inline-block; flex-basis: 16%; font-weight: bold; text-align: center; color: #FFFFFF; background: #2980CC; cursor: pointer; border-radius: 10px; } .maincontents-frame ul li:nth-child(n+4) { background: #172F6B; /* 4番目から最後 中学生 */ } .maincontents-frame ul li a { padding: 30px 0; position: relative; display: block; text-decoration: none; line-height: 1; color: #FFFFFF; } .maincontents-frame ul li a:after { content: “f078”; font-family: “FontAwesome”; font-weight: 400; position: absolute; top: 76%; left: 50%; transform: translateX(-50%); transition: 0.3s; } .maincontents-frame ul li a:hover::after { top: 82%; /* hoverした際の移動のアニメーション */ } .maincontents-frame ul li a:hover { opacity: 1; } .maincontents-box { } .maincontents-box p { margin: 10px 0 0; padding: 0; } /* タイトル h3 */ .maincontents-box h3 { margin: 80px 0 20px; padding: 3rem 2rem; font-size: 2rem; position: relative; vertical-align: middle; line-height: 1; color: #2980CC; background-image: linear-gradient(270deg, transparent 0 30%, #FFFFFF 50%); border: 1px solid #CCCCCC; border-radius: 10px 10px 0 0; overflow: hidden; } .maincontents-box h3 img { position: absolute; top: -20%; right: 0; max-width: 50%; height: auto; box-sizing: border-box; vertical-align: bottom; pointer-events: none; text-align: right; z-index: -1; } .maincontents-box div:nth-child(1) h3 { margin: 25px 0; } .maincontents-box div:nth-child(2) h3 { color: #2980CC; } .maincontents-box div:nth-child(3) h3 { color: #2980CC; } .maincontents-box div:nth-child(4) h3 { color: #172F6B; } .maincontents-box div:nth-child(5) h3 { color: #172F6B; } .maincontents-box div:nth-child(6) h3 { color: #172F6B; } table~h4 { margin-top: 30px; } /* タイトル h4 */ .maincontents-box h4 { margin: 40px 0 15px; padding: 0 0 0 0.5rem; line-height: 1; font-size: 1.4rem; border-left: solid 10px #2980CC; } .maincontents-box div:nth-child(2) h4 { border-left: solid 10px #2980CC; } .maincontents-box div:nth-child(3) h4 { border-left: solid 10px #2980CC; } .maincontents-box div:nth-child(4) h4 { border-left: solid 10px #172F6B; } .maincontents-box div:nth-child(5) h4 { border-left: solid 10px #172F6B; } .maincontents-box div:nth-child(6) h4 { border-left: solid 10px #172F6B; } .maincontents-box h3+h4 { margin-top: 0; } #list03 h4:last-of-type { border-left: solid 10px #BC7ACC; } /* テーブル 講座詳細 */ .tbl-mc { margin: 15px auto 0; } .tbl-mc th, .tbl-mc td { vertical-align: middle; line-height: 1.7; } .tbl-mc th { padding: 5px 3px; background: #EEEEEE; text-align: center; width: 17%!important; } .tbl-mc td { padding: 5px 3px 5px 15px; font-feature-settings: “palt”; } .i-litt { color: #6b96da; } .i-litt::before { content: “少”; margin: 0 4px 0 0; padding: 1px 5px 3px; position: relative; top: -2px; color: #FFFFFF; background: #6b96da; font-size: 70%; border-radius: 2px; } .i-full { color: #AAAAAA; } .i-full::before { content: “満”; margin: 0 4px 0 0; padding: 1px 5px 3px; position: relative; top: -2px; color: #FFFFFF; background: #AAAAAA; font-size: 70%; border-radius: 2px; } .i-expa { } .i-expa::before { content: “増設”; margin: 0 4px 0 0; padding: 0px 5px 2px; position: relative; top: -2px; color: #ff8c00; background: #FFFFFF; border: 1px solid #ff8c00; font-size: 70%; border-radius: 2px; } .deco { margin: 0 8px 0 0; padding: 1px 8px 3px; color: #FFFFFF; font-size: 80%; border-radius: 2px; } .deco-math { background: #F1858D; } .deco-nalu { background: #5AC08A; } .deco-engl { background: #8183BE; } .deco-soci { background: #3DB3E4; } .deco-scie { background: #F6B000; } .deco-comp { padding: 0px 7px 1px; color: #5AC08A; background: #FFFFFF; border: solid 1px #5AC08A; } @media only screen and (max-width: 1080px) { .maincontents-box h3 { background-image: linear-gradient(270deg, transparent 0 30%, #FFFFFF 65%); } .maincontents-box h3 img { top: -25%; right: -15%; max-width: 80%; } } @media only screen and (max-width: 768px) { .maincontents-frame { margin: 4rem auto 2.5rem; } .maincontents-frame ul { margin-bottom: 30px; flex-wrap: wrap; } .maincontents-frame ul li { margin: 0 0 3% 0; flex: none; flex-basis: 49%; border-radius: 5px; } .maincontents-frame ul li a { padding: 1.2rem 0; } .maincontents-box h3 { margin: 40px 0 15px; padding: 2rem 1rem; font-size: 1.4rem; background-image: linear-gradient(270deg, transparent 0 30%, #FFFFFF 55%); } .maincontents-box h3 img { top: -5%; right: -10%; max-width: 80%; } .maincontents-box h4 { font-size: 1.2rem; } .maincontents-box p { font-size: 0.8rem; } table.sp-table { font-size: 0.8rem; } .tbl-mc td { padding: 5px 3px 5px 10px; } } /* ボックス 線付き */ .border-box { margin: 20px auto; padding: 1.5rem; width: 100%; max-width: 1080px; font-feature-settings: “palt”; background: #FFFFFF; border: 1px solid #CCCCCC; border-radius: 10px; } .border-box h3 { margin-bottom: 10px; padding-bottom: 7px; line-height: 1; font-size: 1.2rem; border-bottom: solid 1px #CCCCCC; } .border-box h4 { font-size: 1rem; } .border-box p { margin-top: 10px; } @media only screen and (max-width: 768px) { .border-box { padding: 1rem; } .border-box h3 { font-size: 1.1rem; } .border-box h4 { font-size: 0.9rem; } .border-box p { font-size: 0.8rem; } } /* ボックス 色付き背景 水色 */ .blue-box { margin: 10px auto; padding: 1rem; width: 100%; background: #F0F8FF; border-radius: 10px; } .blue-box p { margin: 0; padding: 0; } /* ボックス 色付き背景 桃色 */ .pink-box { margin: 10px auto; padding: 1rem; width: 100%; background: #F9E8E8; border-radius: 10px; } .pink-box p { margin: 0; padding: 0; } /* ボックス 白背景 */ .white-box { margin: 10px auto; padding: 1rem; width: 100%; background: #FFFFFF; border-radius: 10px; } .white-box p { margin: 0; padding: 0; } /********************************************************************* 講習概要 ここまで *********************************************************************/ /********************************************************************* 受講の流れ ここから *********************************************************************/ .flow-frame { margin: 5.5rem auto; padding: 0; width: 94%; max-width: 1080px; } .flow-frame h2 { margin-bottom: 25px; text-align: center; line-height: 1; } .flow-box { margin: 0 auto 1.5rem; width: 100%; } .flow-item { margin: 0 auto 30px; padding: 1.5rem; position: relative; background: #FFFFFF; border: 1px solid #CCCCCC; border-radius: 10px; } .flow-item:after { content: “”; margin-left: -15px; bottom: -15px; left: 50%; position: absolute; border-top: 15px solid #CCCCCC; border-left: 15px solid transparent; border-right: 15px solid transparent; } .flow-item:last-child { margin-bottom: 0; } .flow-item:last-child:after { border: none; } .flow-item h3 { margin-bottom: 10px; padding-bottom: 7px; line-height: 1; font-size: 1.2rem; border-bottom: solid 1px #CCCCCC; } .flow-item h4 { font-size: 1rem; } .flow-item p { margin-top: 10px; } .flow-item a:after { padding-left: 5px; content: ‘f0a9’; font-family: “Font Awesome 5 Free”; font-weight: 900; } .flow-item a:after:link, .flow-item a:after:visited { text-decoration: none; } @media only screen and (max-width: 768px) { .flow-frame { margin: 2.5rem auto; } .flow-box { margin: 0 auto 1rem; } .flow-item { padding: 1rem; } .flow-item h3 { font-size: 1.1rem; } .flow-item h4 { font-size: 0.9rem; } .flow-item p { font-size: 0.8rem; } } /* ご入金方法 */ summary { cursor: pointer; font-weight: bold; } details { margin-top: 10px; padding: 5px 10px; background: #FAFAFA; border: 1px solid #CCCCCC; } details[open] { padding: 1em; } details h4 { margin-top: 15px; padding: 3px 10px; border: 0.5px solid #333333; } details h4 i { margin-right: 5px; } details p { margin-top: 3px; } /********************************************************************* 受講の流れ ここまで *********************************************************************/ /********************************************************************* お申し込み ここから *********************************************************************/ .app-frame { margin: 5.5rem auto; padding: 0; width: 94%; max-width: 1080px; } .app-frame h2 { margin-bottom: 25px; text-align: center; line-height: 1; } .app-box { margin: 0 auto; padding: 1.5rem; background: #FFFFFF; border: 1px solid #CCCCCC; border-radius: 10px; } .app-box h3 { margin-bottom: 10px; padding: 10px; background: #FFE6E9; font-size: 1.2rem; } .app-box p { margin-top: 10px; } .app-item { margin-bottom: 10px; padding: 10px; background: #FFE6E9; } .app-btn { margin: 2rem auto 0; text-align: center; width: 100%; max-width: 320px; } .app-btn a { padding: 15px 5px; position: relative; display: inline-block; width: 100%; user-select: none; cursor: pointer; text-decoration: none; text-align: center; vertical-align: middle; font-weight: bold; font-size: 1.2rem; color: #FFFFFF; background: #D31E1E; border-radius: 10px; transition: all .3s; } .app-btn a:hover { opacity: 1; background: #A01220; filter: drop-shadow(0 0 3px rgba(81,81,81,0.6)); } .app-btn a:after { content: “”; margin: auto; position: absolute; top: 0; bottom: 0; right: 20px; transform: rotate(45deg); border-top: 3px solid currentColor; border-right: 3px solid currentColor; box-sizing: border-box; width: 14px; height: 14px; transition: 0.3s; } @media only screen and (max-width: 768px) { .app-frame { margin: 2.5rem auto; } .app-box { padding: 1rem; } .app-box h3 { font-size: 0.9rem; } .app-box p { font-size: 0.8rem; } } /********************************************************************* お申し込み ここまで *********************************************************************/ /* その他の講座・イベント ボックス */ .mini-banner-box { margin: 3.5rem auto; padding: 0; display: flex; gap: 10px; flex-direction: row; flex-wrap: wrap; justify-content: space-between; width: 94%; max-width: 1080px; font-size: 0; } .mini-banner-box div { flex-basis: 49%; } .mini-banner-box img { width: 100%; height: auto; box-sizing: border-box; vertical-align: bottom; } @media only screen and (max-width: 768px) { .mini-banner-box { margin: 2.5rem auto; flex-direction: column; } } /********************************************************************* 合格体験記 ここから *********************************************************************/ .achievements-frame { margin: 3.5rem auto; } .achievements-frame h2 { margin-bottom: 25px; text-align: center; line-height: 1; } .achievements-box { margin: 0 auto; padding: 0; display: grid; gap: 20px; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); text-align: center; width: 94%; max-width: 1080px; } a.achievements-btn { margin: 0 auto; padding: 0.5rem 1rem; position: relative; display: block; text-decoration: none; color: #FFFFFF; text-align: center; font-weight: bold; font-size: 23px; background: #29347B; border: 2px solid #29347B; transition: 0.3s; border-radius: 5px; } a.achievements-btn:hover { opacity: 1; color: #29347B; background: #FFFFFF; } a.achievements-btn::after { content: “”; margin: auto; position: absolute; top: 0; bottom: 0; right: 1rem; transform: rotate(45deg); border-top: 3px solid #FFFFFF; border-right: 3px solid #FFFFFF; box-sizing: border-box; width: 14px; height: 14px; transition: 0.3s; } a.achievements-btn:hover::after { border-top: 3px solid #29347B; border-right: 3px solid #29347B; } @media (max-width: 1200px) { a.achievements-btn { padding: 0.75rem 1rem; font-size: 18px; padding-right: 20px; } a.achievements-btn::after { width: 12px; height: 12px; } } @media (max-width: 768px) { .achievements-frame { margin: 2.5rem auto; } .achievements-box { gap: 10px; } a.achievements-btn { padding: 0.25rem 0.5rem; font-size: 14px; } a.achievements-btn::after { width: 10px; height: 10px; } } /********************************************************************* 合格体験記 ここまで *********************************************************************/ /* スマートフォンのみ電話をかけられる */ @media(min-width: 768px){ a[href^=”tel:”]{ pointer-events: none; } } @media only screen and (max-width: 768px) .tbl:not(.sp-tbl) .td { margin: 0 auto 0px !important; } .tbl:not(.sp-tbl) .td { margin: 0 auto 0px !important; } /* フッター */ footer { position: relative; background: #FFFFFF; z-index: 2; } @media only screen and (min-width: 1281px) { footer { padding-right: 220px; } } @media only screen and (max-width: 768px) { footer .footerNav { padding: 10px 0 0; } }
ページトップ

資料請求

無料体験

説明会

校舎案内

M-net