@charset "UTF-8";


.sp-view { display: block; }

.pc-view { display: none; }

img { width: 100%; }

.main-all { font-family: 'Noto Sans JP'; background: url("/our-goals/mirai/image/bg_all.png") repeat-y center top; background-size: 200%; margin: 0 -12px; padding: 0 12px; }

.list-anc { margin: 0 -12px; padding: 10px 12px 20px; background: #1432AA; }

.list-anc > li { font-size: 2rem; font-family: "秀英角ゴシック金 B JIS2004", "Shuei KakuGo Kin B JIS2004"; border-bottom: 1px solid rgba(255, 255, 255, 0.5); }

.list-anc > li a { position: relative; color: #FFFFFF; display: flex; text-decoration: none; width: 100%; padding: 10px 40px 10px 0; }

.list-anc > li a span { font-size: 2.4rem; font-family: "秀英明朝 M", "Shuei Mincho M", 游明朝体, 'Yu Mincho', YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; margin: -3px 8px 0 0; }

.list-anc > li a:before { margin: auto; top: -10px; bottom: 0; right: 14px; content: ''; display: inline-block; position: absolute; width: 10px; height: 10px; border-top: 3px solid #FFFFFF; border-left: 3px solid #FFFFFF; -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }

.main-content .txt-std { font-size: 1.6rem; line-height: 1.7; }

.main-content .txt-sub { font-size: 1.4rem; line-height: 2.2; }

.main-content .txt-medium { font-size: 1.6rem; line-height: 1.6; }

.main-content .txt-large { font-size: 2rem; line-height: 1.5; }

.main-content .txt-hdg { font-size: 2.4rem; font-weight: bold; line-height: 1.5; }

.main-content .txt-col-main { color: #1432AA; }

.main-content .ft-lead { font-family: "秀英角ゴシック金 B JIS2004", "Shuei KakuGo Kin B JIS2004"; }

.main-content .btn-std { position: relative; display: block; color: #FFFFFF; font-size: 1.6rem; line-height: 1.4; font-family: "秀英角ゴシック金 B JIS2004", "Shuei KakuGo Kin B JIS2004"; background: #1432aa; background: linear-gradient(90deg, #1432aa 0%, #009fac 100%); padding: 19px 30px; border-radius: 40px; text-decoration: none; transition: all ease 200ms; }

.main-content .btn-std:before { margin: auto; top: 0; bottom: 0; right: 15px; content: ''; display: inline-block; position: absolute; width: 8px; height: 8px; border-top: 2px solid #FFFFFF; border-left: 2px solid #FFFFFF; -webkit-transform: rotate(135deg); transform: rotate(135deg); }

.main-content .btn-std.btn-top { font-size: 2rem; padding: 14px 40px 10px 30px; }

.main-content .btn-std.btn-top:before { width: 14px; height: 14px; border-top: 4px solid #FFFFFF; border-left: 4px solid #FFFFFF; }

.main-content .btn-wrap { display: block; text-align: center; }

.main-content .btn-wrap > * { text-align: left; }

.main-content .list-btn-std > li { display: block; }

.main-content .list-btn-std > li + li { margin-top: 20px; }

.main-content .wrap-img .img-cap { font-size: 1.2rem; line-height: 2.25; display: block; }

.main-content .wrap-img .img-cap.lh-nml { line-height: 1.7; }

.main-content .box-std { background: #FFFFFF; box-shadow: 0px 0px 10px 0 #ABCAD0; border-radius: 12px; margin: 0; padding: 0; }

.main-content .box-std .box-inner { border-radius: 12px; }

.main-content .box-bdr { border: 2px solid #1432AA; padding: 26px 30px 30px; }

.main-content .mov-area { position: relative; width: 100%; padding-top: 56.25%; }

.main-content .mov-area .mov-item, .main-content .mov-area > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.main-content .list-att { margin-top: 20px; }

.main-content .list-att > li { display: table; font-size: 1.4rem; line-height: 1.6; }

.main-content .list-att > li + li { margin-top: 8px; }

.main-content .list-att > li > span { font-size: 1.4rem; }

.main-content .list-att > li > span:first-child { display: table-cell; white-space: nowrap; padding-right: 0.25em; }

.main-content .accordion-content .accordion-area { display: none; }

.main-content .accordion-content .accordion-area.accordionActive { display: block; }

.main-content .full-content { margin-right: -12px; margin-left: -12px; padding-right: 12px; padding-left: 12px; }

@media print, all and (min-width: 768px) { .sp-view { display: none; } .pc-view { display: block; } .list-anc { margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw); padding-top: 30px; padding-right: calc(50vw - 50%); padding-left: calc(50vw - 50%); padding-bottom: 30px; max-width: initial; }
  .list-anc > li { font-size: 2.8rem; border-bottom: none; width: 1110px; margin: 0 30px 0 auto; }
  .list-anc > li a { padding: 0 40px 0 10px; }
  .list-anc > li a span { font-size: 4rem; margin: -12px 20px 0 0; }
  .list-anc > li a:before { width: 14px; height: 14px; } .main-content .txt-sub { font-size: 1.6rem; } .main-content .txt-medium { font-size: 2rem; } .main-content .txt-large { font-size: 2.8rem; } .main-content .txt-hdg { font-size: 4rem; } .main-content .btn-std { font-size: 1.8rem; padding: 17px 40px 18px; display: inline-block; margin: auto; min-width: 385px; }
  .main-content .btn-std:before { right: 16px; width: 10px; height: 10px; border-top: 3px solid #FFFFFF; border-left: 3px solid #FFFFFF; }
  .main-content .btn-std.btn-top { font-size: 2.8rem; padding: 21px 40px; }
  .main-content .btn-std.btn-top:before { right: 25px; width: 16px; height: 16px; border-top: 4px solid #FFFFFF; border-left: 4px solid #FFFFFF; }
  .main-content .btn-std:hover { opacity: 0.7; } .main-content .list-btn-std > li { text-align: center; }
  .main-content .list-btn-std > li + li { margin-top: 30px; }
  .main-content .list-btn-std > li > * { text-align: left; }
  .main-content .list-btn-std.row2 { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-left: -30px; }
  .main-content .list-btn-std.row2 > li { width: 385px; margin-left: 30px; }
  .main-content .list-btn-std.row2 > li:nth-child(2) { margin-top: 0; } .main-content .wrap-img .img-cap { font-size: 1.4rem; margin-top: 10px; } .main-content .list-att { margin-top: 30px; } }

@media all and (min-width: 768px) and (max-width: 1279px) { .list-anc, .main-all { margin-right: -40px; margin-left: -40px; padding-right: 40px; padding-left: 40px; } .main-content .full-content { margin-right: -40px; margin-left: -40px; padding-right: 40px; padding-left: 40px; } }

@media all and (min-width: 1280px) { .list-anc, .main-all { margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw); padding-right: calc(50vw - 50%); padding-left: calc(50vw - 50%); max-width: initial; }
  .main-all { background-size: contain; } .main-content .full-content { margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw); padding-right: calc(50vw - 50%); padding-left: calc(50vw - 50%); max-width: initial; } }