@charset "UTF-8";


.main-visual { position: relative; margin: 0 -12px; padding: 15px 0; }

.main-visual .hdg-top { position: absolute; top: 0; left: 8vw; bottom: 0; margin: auto; color: #1432AA; display: flex; align-items: center; justify-content: center; font-size: 2.4rem; font-size: 6.154vw; font-family: "秀英角ゴシック金 B JIS2004", "Shuei KakuGo Kin B JIS2004"; line-height: 1.5; white-space: nowrap; z-index: 1; }

.main-visual .hdg-top span { color: #FFFFFF; font-size: 10.256vw; font-family: "秀英明朝 M", "Shuei Mincho M", 游明朝体, 'Yu Mincho', YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; display: inline-block; background: #1432AA; -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; line-height: 1.2; letter-spacing: 7px; padding: 16px 11px 10px; margin-right: 12px; }

.main-visual .hdg-top.hdg-wide span { letter-spacing: -3px; padding: 11px 11px 19px; }

.main-content { padding-bottom: 80px; }

.main-content .wrap-content { margin-top: 15px; padding-top: 15px; }

.main-content .wrap-content + .wrap-content { margin-top: 65px; }

.main-content .wrap-article + .wrap-article { margin-top: 20px; }

.main-content .hdg-wrap { margin-bottom: 20px; }

.main-content .hdg-wrap .txt-hdg { color: #1432AA; font-family: "秀英角ゴシック金 B JIS2004", "Shuei KakuGo Kin B JIS2004"; text-align: center; margin-bottom: 10px; }

.main-content .hdg-wrap .txt-hdg span { color: #FFFFFF; font-size: 3rem; font-family: "秀英明朝 M", "Shuei Mincho M", 游明朝体, 'Yu Mincho', YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; display: inline-block; background: #1432AA; padding: 0 15px 3px; margin-bottom: 10px; }

.main-content .hdg-wrap .txt-medium { color: #1432AA; font-weight: bold; }

.main-content .hdg-wrap ~ .wrap-article .pt-img.pt-img-pos-01, .main-content .hdg-wrap ~ .wrap-article .pt-img.pt-img-pos-03 { margin-top: 45px; }

.main-content .box-article .box-inner { padding: 40px 23px; }

.main-content .box-article .box-inner > * + * { margin-top: 20px; }

.main-content .box-article .box-inner > section > * + * { margin-top: 20px; }

.main-content .box-article .box-inner > section + section .txt-hdg { margin-top: 40px; }

.main-content .box-article .txt-hdg { color: #1432AA; font-size: 2rem; line-height: 1.5; font-family: "秀英角ゴシック金 B JIS2004", "Shuei KakuGo Kin B JIS2004"; text-align: center; }

.main-content .box-article .txt-std { font-family: 'Noto Sans JP'; }

.main-content .box-article .txt-std sup { font-size: 1.2rem; }

.main-content .box-article .txt-sup { font-size: 1.2rem; }

.main-content .box-article.pt-col-01 { background: url("/mirai/image/bg_theme_pink_sp.png") repeat-y center top; background-size: 118% auto; }

.main-content .box-article.pt-col-02 { background: url("/mirai/image/bg_theme_yellow_sp.png") repeat-y center top; background-size: 118% auto; }

.main-content .box-article.pt-col-03 { background: url("/mirai/image/bg_theme_green_sp.png") repeat-y center top; background-size: 118% auto; }

.main-content .box-article.pt-col-03-pt { background: url("/mirai/image/bg_theme_green_pt_sp.png") repeat-y center top; background-size: 118% auto; }

.main-content .box-article.pt-col-04 { background: url("/mirai/image/bg_theme_purple_sp.png") repeat-y center top; background-size: 118% auto; }

.main-content .box-article.pt-img { position: relative; }

.main-content .box-article.pt-img:before { content: ""; position: absolute; display: block; width: 90px; height: 90px; z-index: 1; }

.main-content .box-article.img-01-01:before { background: url("/mirai/image/illust_theme01_01.png") no-repeat center; background-size: contain; }

.main-content .box-article.img-01-02:before { background: url("/mirai/image/illust_theme01_02.png") no-repeat center; background-size: contain; }

.main-content .box-article.img-01-03:before { background: url("/mirai/image/illust_theme01_03.png") no-repeat center; background-size: contain; }

.main-content .box-article.img-01-04:before { background: url("/mirai/image/illust_theme01_04.png") no-repeat center; background-size: contain; }

.main-content .box-article.img-02-01:before { background: url("/mirai/image/illust_theme02_01.png") no-repeat center; background-size: contain; }

.main-content .box-article.img-02-02:before { background: url("/mirai/image/illust_theme02_02.png") no-repeat center; background-size: contain; }

.main-content .box-article.img-02-03:before { background: url("/mirai/image/illust_theme02_03.png") no-repeat center; background-size: contain; }

.main-content .box-article.img-02-04:before { background: url("/mirai/image/illust_theme02_04.png") no-repeat center; background-size: contain; }

.main-content .box-article.img-03-01:before { background: url("/mirai/image/illust_theme03_01.png") no-repeat center; background-size: contain; }

.main-content .box-article.img-03-02:before { background: url("/mirai/image/illust_theme03_02.png") no-repeat center; background-size: contain; }

.main-content .box-article.img-03-03:before { background: url("/mirai/image/illust_theme03_03.png") no-repeat center; background-size: contain; }

.main-content .box-article.img-03-04:before { background: url("/mirai/image/illust_theme03_04.png") no-repeat center; background-size: contain; }

.main-content .box-article.img-04-01:before { background: url("/mirai/image/illust_theme04_01.png") no-repeat center; background-size: contain; }

.main-content .box-article.img-04-02:before { background: url("/mirai/image/illust_theme04_02.png") no-repeat center; background-size: contain; }

.main-content .box-article.img-04-03:before { background: url("/mirai/image/illust_theme04_03.png") no-repeat center; background-size: contain; }

.main-content .box-article.img-04-04:before { background: url("/mirai/image/illust_theme04_04.png") no-repeat center; background-size: contain; }

.main-content .box-article.pt-img-pos-01:before { top: -45px; right: 0; }

.main-content .box-article.pt-img-pos-02:before { left: 0; bottom: -55px; }

.main-content .box-article.pt-img-pos-03:before { top: -45px; right: -10px; }

.main-content .box-article.pt-img-pos-04:before { left: -10px; bottom: -55px; }

.main-content .box-article.pt-img-pos-05:before { right: 0; bottom: -55px; }

.main-content .box-article.pt-img-pos-01-top { margin-top: 45px; }

.main-content .box-article.pt-img-pos-01-top:before { top: -45px; right: 0; }

.main-content .box-article.pt-img-pos-03-top { margin-top: 45px; }

.main-content .box-article.pt-img-pos-03-top:before { top: -45px; right: -10px; }

.main-content .accordion-edu { border-top: 2px solid rgba(20, 50, 170, 0.5); }

.main-content .accordion-edu .accordion-btn { position: relative; display: block; color: #1432AA; text-decoration: none; padding: 18px 17px 18px 46px; border-bottom: 2px solid rgba(20, 50, 170, 0.5); }

.main-content .accordion-edu .accordion-btn:before, .main-content .accordion-edu .accordion-btn:after { content: ""; position: absolute; top: 0; bottom: 0; margin: auto; display: inline-block; background: #FFFFFF; z-index: 1; }

.main-content .accordion-edu .accordion-btn:before { left: 18px; width: 8px; height: 2px; }

.main-content .accordion-edu .accordion-btn:after { left: 21px; width: 2px; height: 8px; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; }

.main-content .accordion-edu .accordion-btn span { font-size: 2rem; font-weight: bold; }

.main-content .accordion-edu .accordion-btn span:before { content: ""; position: absolute; top: 0; bottom: 0; left: 10px; margin: auto; display: block; width: 24px; height: 24px; background: #1432AA; }

.main-content .accordion-edu .accordion-btn.accordionActive:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.main-content .accordion-edu .accordion-btn-close { position: relative; display: none; color: #1432AA; font-size: 2.4rem; font-weight: bold; text-decoration: none; padding-left: 30px; }

.main-content .accordion-edu .accordion-btn-close:before, .main-content .accordion-edu .accordion-btn-close:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; margin: auto; display: inline-block; width: 24px; height: 4px; background: #1432AA; }

.main-content .accordion-edu .accordion-btn-close:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.main-content .accordion-edu .accordion-btn-close:after { -webkit-transform: rotate(135deg); transform: rotate(135deg); }

.main-content .accordion-edu .accordion-btn-close.accordionActive { display: inline-block; }

.main-content .accordion-edu .wrap-close-btn { text-align: center; margin: 35px auto 0; }

.main-content .accordion-edu .accordion-area { background: #FFFFFF; }

.main-content .add-edu-content { margin-top: 30px; }

.main-content .add-edu-content .txt-hdg { font-size: 2.4rem; }

.main-content .add-edu-content .txt-lead { font-size: 1.6rem; line-height: 1.5; font-weight: bold; }

.main-content .add-edu-content .add-edu-img { width: 100%; height: 100%; max-width: 320px; aspect-ratio: 160 / 141; background: url("/mirai/education/image/img_edu_manabi_item01.png") no-repeat; background-size: contain; margin: 10px auto 20px; }

.main-content .add-edu-content .list-btn-std { margin-top: 40px; }

.main-content .add-edu-content .accordion-edu { margin-top: 14px; }

.main-content .add-edu-content .accordion-edu .wrap-img { margin: 20px -23px 0; }

@media print, all and (min-width: 768px) { .main-visual { margin: 0 -20px; padding: 30px 0; }
  .main-visual .hdg-top { left: 120px; font-size: 4rem; }
  .main-visual .hdg-top span { font-size: 6rem; padding: 40px 14px; margin-right: 30px; }
  .main-visual .hdg-top.hdg-wide span { letter-spacing: -2px; padding: 20px 11px 40px; } .main-content { padding-bottom: 160px; } .main-content .wrap-content { margin-top: 45px; } .main-content .wrap-article + .wrap-article { margin-top: 40px; } .main-content .hdg-wrap { margin-bottom: 40px; }
  .main-content .hdg-wrap .txt-hdg span { font-size: 4.8rem; }
  .main-content .hdg-wrap .txt-medium { text-align: center; }
  .main-content .hdg-wrap ~ .wrap-article .pt-img.pt-img-pos-01, .main-content .hdg-wrap ~ .wrap-article .pt-img.pt-img-pos-03 { margin-top: 0px; } .main-content .box-article .box-inner { width: 800px; padding: 60px 0; margin: auto; }
  .main-content .box-article .box-inner > * + * { margin-top: 30px; }
  .main-content .box-article .box-inner > section > * + * { margin-top: 30px; }
  .main-content .box-article .box-inner > section + section .txt-hdg { margin-top: 60px; }
  .main-content .box-article .txt-hdg { font-size: 2.8rem; }
  .main-content .box-article .btn-std { display: block; }
  .main-content .box-article.pt-img:before { width: 180px; height: 180px; }
  .main-content .box-article.pt-col-01 { background: url("/mirai/image/bg_theme_pink_pc.png") repeat-y center top; background-size: 100% auto; }
  .main-content .box-article.pt-col-02 { background: url("/mirai/image/bg_theme_yellow_pc.png") repeat-y center top; background-size: 100% auto; }
  .main-content .box-article.pt-col-03 { background: url("/mirai/image/bg_theme_green_pc.png") repeat-y center top; background-size: 100% auto; }
  .main-content .box-article.pt-col-03-pt { background: url("/mirai/image/bg_theme_green_pt_pc.png") repeat-y center top; background-size: 100% auto; }
  .main-content .box-article.pt-col-04 { background: url("/mirai/image/bg_theme_purple_pc.png") repeat-y center top; background-size: 100% auto; }
  .main-content .box-article.pt-img-pos-01:before { top: -40px; right: -40px; }
  .main-content .box-article.pt-img-pos-02:before { left: -40px; bottom: -40px; }
  .main-content .box-article.pt-img-pos-03:before { top: -40px; right: -40px; }
  .main-content .box-article.pt-img-pos-04:before { left: -40px; bottom: -40px; }
  .main-content .box-article.pt-img-pos-01-top { margin-top: 0; }
  .main-content .box-article.pt-img-pos-01-top:before { top: -40px; right: -40px; } .main-content .accordion-edu .accordion-btn { padding-left: 56px; }
  .main-content .accordion-edu .accordion-btn:before { left: 28px; }
  .main-content .accordion-edu .accordion-btn:after { left: 31px; }
  .main-content .accordion-edu .accordion-btn span { font-size: 2.8rem; }
  .main-content .accordion-edu .accordion-btn span:before { left: 20px; }
  .main-content .accordion-edu .accordion-btn-close { font-size: 2.4rem; padding-left: 30px; }
  .main-content .accordion-edu .accordion-btn-close:before, .main-content .accordion-edu .accordion-btn-close:after { width: 24px; height: 4px; }
  .main-content .accordion-edu .accordion-btn-close span { font-size: 2.4rem; }
  .main-content .accordion-edu .wrap-close-btn { margin: 55px auto 0; } .main-content .add-edu-content { position: relative; margin-top: 60px; }
  .main-content .add-edu-content .add-edu-hdg { position: relative; }
  .main-content .add-edu-content .txt-hdg { font-size: 4rem; text-align: left; }
  .main-content .add-edu-content .txt-lead { line-height: 1.7; font-weight: normal; margin-top: 15px; }
  .main-content .add-edu-content .add-edu-img { position: absolute; width: 258px; height: 228px; aspect-ratio: auto; margin: 0; top: 0; right: 0; }
  .main-content .add-edu-content .list-btn-std { margin-top: 60px; }
  .main-content .add-edu-content .accordion-edu { margin-top: 30px; }
  .main-content .add-edu-content .accordion-edu .wrap-img { margin: 0; } }