@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
/* Scss Document */
.pagettl__cout.youtube .pagettl__cout-wp { background: url("/img/online_shinro_sodan/detail/youtube_mv_sp.jpg") center/cover no-repeat; }
.pagettl__cout.zoom .pagettl__cout-wp { background: url("/img/online_shinro_sodan/detail/zoom_mv-sp.jpg") center/cover no-repeat; }
.pagettl__cout.online .pagettl__cout-wp { background: url("/img/online_shinro_sodan/detail/online_mv-sp.jpg") center/cover no-repeat; }

#contents .common__txt { margin-bottom: clamp(4rem, 6.5019505852vw, 6rem); }
#contents .common__txt.center { text-align: center; }
#contents .common__txt .common__txt-ttl { margin-bottom: clamp(1rem, 1.9505851756vw, 2rem); }
#contents .common__txt .common__txt-ttl span { color: #F18D5F; }
#contents .common__txt .common__txt-sub { font-size: clamp(1.4rem, 1.9505851756vw, 1.6rem); }
#contents .detail__ttl { margin-bottom: clamp(2rem, 3.9011703511vw, 5rem); color: #2E49A5; font-size: clamp(2.4rem, 3.9011703511vw, 4rem); text-align: center; line-height: 1.4; font-family: FP-ヒラギノUD角ゴ StdN W6, "sans-serif"; }

#recommend { margin-bottom: clamp(4rem, 6.5019505852vw, 6.5rem); }
#recommend .recommend__wp { position: relative; padding: clamp(2rem, 3.9011703511vw, 4.5rem) 20px; background: #FFF; box-sizing: border-box; text-align: center; }
#recommend .recommend__wp::before, #recommend .recommend__wp::after { display: block; position: absolute; width: clamp(2rem, 3.9011703511vw, 4rem); height: clamp(2rem, 3.9011703511vw, 4rem); border-top: 1px solid #2E49A5; border-left: 1px solid #2E49A5; content: ''; }
#recommend .recommend__wp::before { top: 0; left: 0; }
#recommend .recommend__wp::after { bottom: 0; right: 0; transform: rotate(180deg); }
#recommend .recommend__wp .recommend__ttl { margin-bottom: 15px; color: #2E49A5; font-family: FP-ヒラギノUD角ゴ StdN W6, "sans-serif"; font-size: clamp(1.6rem, 2.3407022107vw, 2rem); line-height: 1.5; }
#recommend .recommend__wp .recommend__tag { display: inline-block; }
#recommend .recommend__wp .recommend__tag li { margin-bottom: .6em; font-size: clamp(1.4rem, 1.9505851756vw, 1.6rem); text-align: left; }
#recommend .recommend__wp .recommend__tag li:last-of-type { margin-bottom: 0; }

#flow { margin-bottom: 20px; }
#flow .flow__box { margin-top: clamp(2.5rem, 4.5513654096vw, 5rem); }
#flow .detail__subttl { padding-left: .6em; margin-bottom: clamp(1rem, 1.5604681404vw, 1.5rem); color: #2E49A5; border-left: clamp(0.3rem, 0.5201560468vw, 0.5rem) solid; font-size: clamp(1.6rem, 2.6007802341vw, 2.4rem); font-family: FP-ヒラギノUD角ゴ StdN W6, "sans-serif"; line-height: 1.5; }
#flow .flow__list li { position: relative; padding: 25px 25px clamp(2rem, 3.2509752926vw, 3rem); box-sizing: border-box; margin-bottom: 60px; background: #FFF; border: clamp(0.4rem, 0.6501950585vw, 0.6rem) solid #C3D5F2; }
#flow .flow__list li::after { display: block; position: absolute; bottom: -30px; left: 50%; transform: translate(-50%, 75%); width: 56px; height: 20px; background: #BED5F5; clip-path: polygon(50% 100%, 0 0, 100% 0); content: ''; }
#flow .flow__list li:last-of-type { margin-bottom: 0; }
#flow .flow__list li:last-of-type::after { display: none; }
#flow .flow__list li:nth-of-type(2) { border-color: #8AB2E8; }
#flow .flow__list li:nth-of-type(2)::after { background: #8AB2E8; }
#flow .flow__list li:nth-of-type(3) { border-color: #69A1DD; }
#flow .flow__list li:nth-of-type(3)::after { background: #69A1DD; }
#flow .flow__list li:nth-of-type(4) { border-color: #468CD6; }
#flow .flow__list .flow__list-img { width: 60%; margin: 0 auto 15px; }
#flow .flow__list .flow__list-cont .flow__list-ttl { margin-bottom: clamp(0.5rem, 1.0403120936vw, 1rem); color: #2E49A5; font-size: clamp(1.6rem, 2.3407022107vw, 2rem); font-family: FP-ヒラギノUD角ゴ StdN W6, "sans-serif"; line-height: 1.5; }
#flow .flow__list .flow__list-cont .flow__list-ttl span { margin-right: .25em; font-size: 1.2em; vertical-align: baseline; font-weight: bold; }
#flow .flow__list .flow__list-cont .flow__list-txt { font-size: clamp(1.3rem, 1.8205461638vw, 1.5rem); line-height: 1.5; }
#flow .flow__list .flow__list-cont .flow__list-txt a { color: #2E49A5; text-decoration: underline; }
#flow .flow__list .flow__list-cont .flow__list-note { display: block; margin-top: clamp(0.8rem, 1.300390117vw, 1.2rem); font-size: clamp(1.1rem, 1.4304291287vw, 1.2rem); line-height: 1.35; }
#flow .flow__list .flow__list-cont .flow__list-note a { color: #2E49A5; text-decoration: underline; }
#flow .flow__list .flow__list-btn, #flow .flow__list .flow__list-btn--wide { max-width: 340px; margin: clamp(1.5rem, 3.1209362809vw, 3rem) auto 0; }
#flow .flow__list .flow__list-btn a, #flow .flow__list .flow__list-btn--wide a { padding: clamp(1.5rem, 2.3407022107vw, 2rem); }
#flow .flow__list .flow__list-btn--wide { max-width: 480px; }
#flow .flow__note { margin-top: clamp(1.5rem, 2.3407022107vw, 2.2rem); font-size: clamp(1.2rem, 1.6905071521vw, 1.4rem); line-height: 1.4; }
#flow .flow__note span { color: #de0000; }

.change__tab { display: grid; grid-template-columns: repeat(5, 1fr); grid-column-gap: 5px; grid-row-gap: 5px; margin-bottom: clamp(3rem, 4.6814044213vw, 4rem); }
.change__tab li { display: grid; align-content: center; padding: 6px 0; text-align: center; font-family: FP-ヒラギノUD角ゴ StdN W6, "sans-serif"; font-size: 1.2rem; line-height: 1.6; background: #fff; border: 2px solid #2E49A5; color: #2E49A5; cursor: pointer; border-radius: 5px; transition: .3s; }
@media (min-width: 375px) { .change__tab li { font-size: calc( 1.2rem + ( 1vw - 3.75px ) * 0.5076142132 ); } }
@media (min-width: 769px) { .change__tab li { font-size: 1.4rem; } }
.change__tab li.active { background: #4280F5; color: #fff; }

.schedule { margin: clamp(4rem, 7.1521456437vw, 7rem) 0 40px; }
.schedule .schedule__head { margin-bottom: 22px; text-align: center; font-family: FP-ヒラギノUD角ゴ StdN W6, "sans-serif"; font-size: clamp(2.2rem, 3.6458333333vw, 3rem); line-height: 1.5; color: #0D2BA8; }
.schedule .schedule__head span { font-size: clamp(1.4rem, 2.34375vw, 2rem); }
.schedule .schedule__txt { margin-bottom: clamp(3rem, 4.5572916667vw, 4rem); font-size: clamp(1.3rem, 1.953125vw, 1.6rem); line-height: 1.6923076923; }
.schedule .schedule__wp { margin-bottom: clamp(2rem, 3.90625vw, 5rem); }
.schedule .schedule__attent { font-size: clamp(1.1rem, 1.5625vw, 1.3rem); line-height: 1.6363636364; }
.schedule .schedule__attent span { color: #DE0000; }
.schedule .schedule__content { display: grid; align-items: center; grid-template-columns: repeat(2, 1fr); text-align: center; background: #FFF; }
.schedule .schedule__content:nth-child(n+2) { margin-top: 15px; }
.schedule .schedule__content .content__ttl { font-family: FP-ヒラギノUD角ゴ StdN W6, "sans-serif"; padding: clamp(0.8rem, 1.3020833333vw, 1.2rem) 0; background: #ECEFF5; line-height: 1; }
.schedule .schedule__content .content__data { padding: clamp(0.8rem, 1.3020833333vw, 1.2rem) 0; line-height: 1; }
.schedule .schedule__content .content__data .Sat { color: blue; }
.schedule .schedule__content .content__data .Sun { color: red; }
.schedule .schedule__content .schedule__content-date { grid-area: 1 / 1 / 2 / 2; border-right: 1px solid #E8E8E8; }
.schedule .schedule__content .schedule__content-time { grid-area: 1 / 2 / 2 / 3; }
.schedule .schedule__content .schedule__content-campus { grid-area: 2 / 1 / 3 / 3; }
.schedule .schedule__content .schedule__content-campus .content__data { padding: clamp(1.6rem, 2.2135416667vw, 1.8rem) 0; }
.schedule .schedule__content .content__wp { margin: 0 auto; display: flex; align-items: center; flex-wrap: wrap; padding: 0 4%; margin-bottom: -0.4 0.6em; }
.schedule .schedule__content .campus__name { flex: 0 0 72px; margin-right: 10px; display: grid; max-height: 25px; line-height: 25px; border-radius: 3px; background: #707070; color: #FFF; line-height: 1; padding: 5px 8px; box-sizing: border-box; font-size: 1.0rem; }
.schedule .schedule__content .campus__name.sendai { background: #6889D3; }
.schedule .schedule__content .campus__name.kinshicho { background: #3FA59D; }
.schedule .schedule__content .campus__name.suginami { background: #D39168; }
.schedule .schedule__content .campus__name.chiba { background: #D36868; }
.schedule .schedule__content .campus__name.omiya { background: #9578A7; }
.schedule .schedule__content .campus__name.yokohama { background: #4C87C3; }
.schedule .schedule__content .campus__name.nagoya { background: #D95DB8; }
.schedule .schedule__content .campus__name.osaka { background: #89D368; }
.schedule .schedule__content .campus__name.tennoji { background: #68BED3; }
.schedule .schedule__content .campus__name.kyoto { background: #CEC121; }
.schedule .schedule__content .school_name { flex: 0 0 auto; }

.pmbar .pmbar__wp li:nth-child(n+2) { margin-top: 28px; }

.schedule__list { display: block; }
.schedule__list + .schedule__list { margin-top: 10%; }

.schedule__date { display: grid; grid-template-columns: 120px 120px; justify-content: space-between; }
.schedule__date .before { text-align: left; }
.schedule__date .next { text-align: right; }
.schedule__date a { display: inline-block; position: relative; font-size: 1.5rem; line-height: 1; border-radius: 5px; border: 1px solid #D0D0D0; background: #FFF; padding: 8px 24px 8px 16px; }
.schedule__date a:after { right: 10px; border-top: 2px solid; border-right: 2px solid; }
.schedule__date a:after { position: absolute; content: ""; top: 50%; transform: translateY(-50%) rotate(45deg); width: 6px; height: 6px; right: 10px; border-top: 2px solid; border-right: 2px solid; }
.schedule__date .before a { padding: 8px 16px 8px 24px; }
.schedule__date .before a:after { left: 10px; border-top: none; border-right: none; border-bottom: 2px solid; border-left: 2px solid; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { .pagettl__cout.youtube .pagettl__cout-wp { background: url("/img/online_shinro_sodan/detail/youtube_mv.jpg") center/cover no-repeat; }
  .pagettl__cout.zoom .pagettl__cout-wp { background: url("/img/online_shinro_sodan/detail/zoom_mv.jpg") center/cover no-repeat; }
  .pagettl__cout.online .pagettl__cout-wp { background: url("/img/online_shinro_sodan/detail/online_mv.jpg") center/cover no-repeat; }
  #recommend .recommend__wp { display: flex; justify-content: space-between; align-items: center; }
  #recommend .recommend__wp .recommend__ttl { width: 44%; margin: 0; }
  #recommend .recommend__wp .recommend__tag { width: 49%; }
  #flow { margin-bottom: 0; }
  #flow .flow__list li { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
  #flow .flow__list li:first-of-type { align-items: flex-start; }
  #flow .flow__list li:first-of-type .flow__list-img { margin-top: 1em; }
  #flow .flow__list .flow__list-img { width: 30%; margin: 0; }
  #flow .flow__list .flow__list-cont { width: 66%; }
  #flow .flow__list .flow__list-cont .flow__list-btn, #flow .flow__list .flow__list-cont .flow__list-btn--wide { margin: clamp(1.5rem, 3.1209362809vw, 3rem) auto 0 8.5%; }
  .schedule { margin-bottom: 0; }
  .schedule .schedule__head { line-height: 1.1666666667; }
  .schedule .schedule__txt { text-align: center; line-height: 1; }
  .schedule .schedule__txt:before { display: none; }
  .schedule .schedule__txt:after { display: none; }
  .schedule .schedule__wp { display: flex; flex-flow: row wrap; align-content: flex-start; justify-content: space-between; align-items: flex-end; }
  .schedule .schedule__attent { width: auto; line-height: 1.5833333333; }
  .schedule .schedule__listhead { display: grid; grid-template-columns: 19.574468% 16.276595% 63.723404%; grid-column-gap: 2px; text-align: center; margin-bottom: 6px; font-size: 1.6rem; line-height: 1; font-family: FP-ヒラギノUD角ゴ StdN W6, "sans-serif"; }
  .schedule .schedule__listhead .schedule__listhead-date { padding: 12px 0; grid-area: 1 / 1 / 2 / 2; background: #ECEFF5; }
  .schedule .schedule__listhead .schedule__listhead-time { padding: 12px 0; grid-area: 1 / 2 / 2 / 3; background: #ECEFF5; }
  .schedule .schedule__listhead .schedule__listhead-campus { padding: 12px 0; grid-area: 1 / 3 / 2 / 4; background: #ECEFF5; }
  .schedule .schedule__content { grid-template-columns: 19.574468% 16.276595% 63.723404%; grid-template-rows: 1fr; }
  .schedule .schedule__content:nth-child(n+2) { margin-top: 7px; }
  .schedule .schedule__content .content__ttl { display: none; }
  .schedule .schedule__content .schedule__content-date { grid-area: 1 / 1 / 2 / 2; }
  .schedule .schedule__content .schedule__content-date .content__data { padding: clamp(1.6rem, 2.2135416667vw, 1.8rem) 0; line-height: 2.5rem; }
  .schedule .schedule__content .schedule__content-time { grid-area: 1 / 2 / 2 / 3; border-right: 1px solid #E8E8E8; }
  .schedule .schedule__content .schedule__content-time .content__data { padding: clamp(1.6rem, 2.2135416667vw, 1.8rem) 0; line-height: 2.5rem; }
  .schedule .schedule__content .schedule__content-campus { grid-area: 1 / 3 / 2 / 4; }
  .schedule .schedule__content .schedule__content-campus .content__data { padding: clamp(1.6rem, 2.2135416667vw, 1.8rem) clamp(1rem, 1.3020833333vw, 2rem); }
  .schedule .schedule__content .content__wp { width: 100%; padding: 0; }
  .schedule__list + .schedule__list { margin-top: 1px; }
  .pmbar .pmbar__wp { display: flex; flex-flow: row wrap; align-content: flex-start; justify-content: space-between; }
  .pmbar .pmbar__wp li { width: 47.87234%; }
  .pmbar .pmbar__wp li:nth-child(n+2) { margin-top: 0; } }
/*------------------------------
		901px以上
------------------------------*/
@media screen and (min-width: 981px) { #flow .flow__list .flow__list-img { width: 20%; }
  #flow .flow__list .flow__list-cont { width: 76%; }
  #schedule .schedule__head { line-height: 1; }
  .schedule .schedule__head { line-height: 1; }
  .schedule .schedule__attent { line-height: 1.5384615385; }
  .schedule .schedule__datewp .schedule__date:last-child { margin-right: 0; } }
/*------------------------------
		1181px以上
------------------------------*/