@charset "UTF-8";
.edc-e { font-size: 1.3em; line-height: .5; }

.section-small { margin-bottom: 20px; }

/*.section-intro,
.section-intro-formal,
.section-intro-large { font-size: 1.1875rem; line-height: 1.4; }*/
.section-intro { font-weight: bold; }

.section-intro-large { font-weight: 500; }

.page-heading-container { margin-top: 0em; }

.entry-format { margin-bottom: 60px; }

@media (max-width: 560px) { .page-heading-basic { margin-bottom: 20px; }
  .page-heading { padding-top: 1rem; } }
@media (min-width: 561px) { .section-small { margin-bottom: 60px; }
  .section-intro-large { font-size: 1.625rem; }
  .page-heading-container-large { height: 490px; }
  .page-heading-basic { padding-top: 20px; }
  .section-adjust { padding-top: 30px; }
  .step-01-img { /*margin-top:135px;*/ } }
/* JOHOについて */
.school-about .page-heading-container { background-color: #2E93D2; }

.school-about .page-heading { color: #FFF; border-color: #FFF; padding-bottom: 1rem; margin-bottom: 1.5rem; }

.school-about .nav-section > li > a { color: #000; border-color: #fff; }

.school-about .nav-section > li > a:after { color: #FFF100; }

.about-policy .heading-lead { text-align: center; margin-bottom: 2rem; }

@media (max-width: 560px) { .about-policy .heading-lead { font-size: 1.25rem; margin-bottom: 0rem; } }
.about-policy .list-num-brand { font-weight: bold; font-size: 1.125rem; }

.about-outline { background-color: #F2F4F5; background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 12 12'%3E%3Cpath fill='%23EEF1F2' d='M8.1,0H0v8h3.9v4H12V4H8.1V0z M8,8H4V4h4V8z'/%3E%3C/svg%3E"); -webkit-background-size: 12px 12px; background-size: 12px 12px; }

.about-permission { padding-bottom: 30px; }

.about-permission .about-permission-list > li { margin-bottom: 1.5rem; }

.about-permission .about-permission-list p { margin-bottom: .5rem; }

.kanren-link a { color: #00ACC0; text-decoration: underline; }

.kanren-link a:hover { text-decoration: none; }

/* JOHOの強み */
.school-stp { background-color: #FFF100; }

.school-stp section { padding: 15px 0; }

.school-stp .page-heading-container { position: relative; overflow: hidden; }

.school-stp .page-heading-container:before, .school-stp .page-heading-container:after { content: ""; position: absolute; top: 50%; }

.school-stp .page-heading-container:before { background: url(../img/school/strong-points/page-heading-bg-left.png) no-repeat center center; width: 256px; height: 440px; left: 50%; margin-left: -670px; -webkit-transform: translate(-100%, -50%); transform: translate(-100%, -50%); }

.school-stp .page-heading-container:after { background: url(../img/school/strong-points/page-heading-bg-right.png) no-repeat center center; width: 260px; height: 408px; right: 50%; margin-right: -670px; -webkit-transform: translate(100%, -50%); transform: translate(100%, -50%); }

.school-stp .page-heading { position: relative; z-index: 2; }

.stp-block-container { font-size: 1rem; }

.stp-num-space { position: relative; }

.stp-num-space:before { content: ""; -webkit-background-size: 54px 61px; background-size: 54px 61px; width: 54px; height: 61px; display: block; position: absolute; left: 0; top: 0; }

.stp-01-block .stp-num-space:before { background-image: url(../img/school/strong-points/step-01-num@2x.png); }

.stp-02-block .stp-num-space:before { background-image: url(../img/school/strong-points/step-02-num@2x.png); }

.stp-02-block .stp-02-text-body .stp-num-space:before { background-image: url(../img/school/strong-points/step-02-text-img.svg); }

.stp-03-block .stp-num-space:before { background-image: url(../img/school/strong-points/step-03-num@2x.png); }

.stp-04-block .stp-num-space:before { background-image: url(../img/school/strong-points/step-04-num@2x.png); }

.stp-05-block .stp-num-space:before { background-image: url(../img/school/strong-points/step-05-num@2x.png); }

.stp-06-block .stp-num-space:before { background-image: url(../img/school/strong-points/step-06-num@2x.png); }

.stp-07-block .stp-num-space:before { background-image: url(../img/school/strong-points/step-07-num@2x.png); }

.stp-08-block .stp-num-space:before { background-image: url(../img/school/strong-points/step-08-num@2x.png); }

.stp-09-block .stp-num-space:before { background-image: url(../img/school/strong-points/step-09-num@2x.png); }

.stp-block-container .block-brand-large { padding-bottom: 0; }

.stp-01-heading { font-size: 1.5625rem; color: #E60012; }

.stp-01-txt { margin-top: 42px; }

.step-01-img { text-align: center; }

.stp-04-heading { font-size: 1.3125rem; margin: 1.1rem 0 1rem; }

.stp-01-map { margin: -20px 0 -10px; }

.stp-03-img { text-align: center; }

.stp-04 { font-size: 1.125rem; }

.stp-04-row { font-size: 1rem; }

.stp-04-col { margin-bottom: 2rem; }

.stp-04-game-badge { position: absolute; bottom: -20px; right: -60px; }

.stp-07-img { text-align: center; }

.stp-08 { overflow: hidden; }

.stp-08-graph { position: relative; padding-top: 20px; }

.stp-06-box { background-color: #F9D6E5; -webkit-border-radius: 8px; border-radius: 8px; padding: 1rem; }

.stp-06-img { text-align: center; }

.collaboration-recommend-list { font-size: 1.1875rem; background-color: #ECF7FE; border: 1px solid #9EB4DD; -webkit-border-radius: 10px; border-radius: 10px; counter-reset: collaboration-recommend; list-style: none; padding-left: 0; padding: .5em 1em; overflow: hidden; }

.collaboration-recommend-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.collaboration-recommend-list > li { font-weight: bold; margin-bottom: 5px; padding: .2em 0 .2em 35px; position: relative; }

.collaboration-recommend-list li:nth-child(1) { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; }

.collaboration-recommend-list li:nth-child(3) { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; }

.collaboration-recommend-list li:nth-child(2) { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; }

.collaboration-recommend-list li:nth-child(4) { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; }

.collaboration-recommend-list > li { -webkit-box-flex: 0; -webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; max-width: 50%; }

.collaboration-recommend-list > li { font-weight: bold; margin-bottom: 5px; padding: .2em 0 .2em 35px; position: relative; }

.collaboration-recommend-list > li:before { font-size: 1rem; counter-increment: collaboration-recommend; content: counter(collaboration-recommend); background: url(../img/common/icon-list-circle.svg) no-repeat center center/cover; width: 2em; line-height: 2; height: 2em; text-align: center; color: #fff; font-weight: bold; display: block; position: absolute; left: 0; top: 0; }

/* eDCグループ */
.school-edc-group-top { margin-top: 20px; }

@media (min-width: 561px) { .school-edc-group-top { margin-top: 72px; } }
.edc-heading { -webkit-box-direction: reverse; -webkit-box-orient: horizontal; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
@media (max-width: 560px) { .edc-heading .edc-heading-logos { margin: auto; width: 30%; } }
@media (max-width: 560px) { .edc-heading .edc-heading-logos li + li { margin-top: 16px; } }

.edc-heading-title { color: #28469b; margin-top: 1.5rem; }

.edc-heading-body { font-weight: bold; }

.edc-group-heading { font-size: 1.5rem; margin-bottom: 20px; }

.edc-group-top, .edc-group-container { position: relative; z-index: 2; }

.edc-group-icon { position: absolute; left: -10px; top: 0; }

.edc-group-gakuen { position: relative; }

.edc-group-gakuen .edc-group-heading { color: #E60012; }

.edc-group-sangyo { background-color: #D3E4F5; position: relative; }

.edc-group-sangyo .edc-group-heading { color: #28449A; }

.edc-group-kenkyu { position: relative; }

.edc-group-kenkyu .edc-group-heading { color: #14A83B; }

.edc-group-title { font-size: 1.25rem; position: relative; }

.edc-group-gakuen-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; }

.edc-group-gakuen-list > li { -webkit-box-flex: 0; -webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; max-width: 50%; padding: 10px; }

.edc-group-gakuen-list a { color: #231815; }

.edc-group-gakuen-list a:hover { color: #E60012; }

.edc-group-gakuen-list .list-title { font-size: 0.75rem; display: block; font-weight: bold; position: relative; padding-left: 1em; }

.edc-group-gakuen-list .list-title:before { content: "■"; position: absolute; left: 0; top: 0; color: #E60012; }

/*-----------------------------------------------------
*
* Mobile
*
-----------------------------------------------------*/
@media (max-width: 560px) { .school-about .page-heading-container { background: url(../img/school/about/page-heading-bg-sp@2x.png) no-repeat center center/cover; border-bottom: none; min-height: 100vw; padding-left: 15%; padding-right: 15%; }
  .school-about .page-heading { font-size: 14vw; line-height: .9; padding-top: 20vw; padding-bottom: .5rem; margin-bottom: 1rem; font-family: Arial; text-shadow: 0 0 10px #155CAA; }
  .school-about .page-heading > .inner { font-size: 20vw; }
  /*.school-about .nav-section > li > a { background-color: rgba(21, 92, 170, 0.2); }*/
  .about-outline .heading-tertiary { font-size: 1.125rem; }
  .about-message-row { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .about-message-row .col-body { -webkit-box-flex: 0; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; }
  .about-message-row .col-pic { -webkit-box-flex: 0; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; margin-bottom: 1rem; text-align: center; }
  .about-message-row .col-pic img { max-width: 230px; }
  /* JOHOの強み */
  .school-stp .page-heading-container .container { padding-left: 0; padding-right: 0; }
  .school-stp .page-heading { margin-bottom: 0; }
  .school-stp .stp-01 { padding-top: 0; }
  .stp-heading { padding-left: 60px; min-height: 61px; margin-bottom: 1rem; }
  .stp-01 .stp-heading { width: 90%; }
  .stp-02 .stp-heading { width: 83%; padding-top: .5rem; margin-bottom: .5rem; }
  .stp-04 .stp-heading { width: 84%; }
  .stp-05 .stp-heading { width: 89%; }
  .stp-06 .stp-heading { width: 80%; }
  .stp-07 .stp-heading { width: 100%; padding-top: .5rem; margin-bottom: .5rem; }
  .stp-08 .stp-heading { width: 75%; }
  .stp-09 .stp-heading { width: 85%; }
  .stp-06-img { max-width: 158px !important; margin: 0 auto !important; }
  .stp-04-heading-img { margin-left: -47vw; text-align: center; width: 94vw; max-width: 94vw; position: relative; left: 50%; overflow: hidden; }
  .stp-04-game-badge { width: 100px; bottom: 0; right: -20px; }
  .stp-08-point { margin-bottom: -1.5rem; }
  .stp-09-img { text-align: center; }
  .stp-09-img img { max-width: 250px; }
  .stp-02-text-body .stp-02-text-img { position: relative; right: auto; top: auto; text-align: center; }
  .stp-04-block p + p { text-align: center; }
  /* eDCグループ */
  .edc-heading { -webkit-box-direction: reverse; -webkit-box-orient: vertical; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .edc-group-heading { padding-left: 60px; min-height: 60px; }
  .edc-group-icon { width: 60px; }
  .edc-group-gakuen .edc-group-icon { top: -10px; }
  .icdplus { display: none; }
  .icdplus-sp { display: block; margin-bottom: 3rem; }
  .edc-group-gakuen-map { overflow: hidden; margin: -5vw 0 -17vw; }
  .edc-group-gakuen-map img { width: 105%; max-width: 105%; margin-left: -13%; }
  .edc-sangyo-media { overflow: hidden; }
  .edc-sangyo-media-image { margin-left: 10px; width: 40%; float: right; } }
/*-----------------------------------------------------
*
* Desktop
*
-----------------------------------------------------*/
.edc-group-heading { font-size: 1.25rem; min-height: 40px; }

.edc-group-title { font-size: 1rem; }

@media (min-width: 561px) { /* JOHOについて */
  .school-about .page-heading-container { height: 490px; }
  .school-about .page-heading-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background: url(../img/school/about/page-heading-bg.png) no-repeat 15px center; height: 490px; position: absolute; left: 0; top: 0; width: 100%; }
  .school-about .page-heading-block:before { content: ""; height: 100%; width: 60%; background: -webkit-linear-gradient(left, rgba(46, 147, 210, 0) 0%, #2e93d2 50%); background: linear-gradient(to right, rgba(46, 147, 210, 0) 0%, #2e93d2 50%); position: absolute; right: 0; top: 0; }
  .school-about .page-heading-body { -webkit-box-flex: 0; -webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; position: relative; padding: 0 70px; width: 50%; max-width: 50%; margin-left: auto; z-index: 2; }
  .school-about .nav-section { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .school-about .nav-section > li { -webkit-box-flex: 0; -webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; max-width: 50%; width: 50%; }
  .about-policy .list-num-brand { font-size: 1.25rem; }
  .about-message-row .col-body { -webkit-box-flex: 0; -webkit-flex: 0 1 70%; -ms-flex: 0 1 70%; flex: 0 1 70%; max-width: 70%; }
  .about-message-row .col-pic { -webkit-box-flex: 0; -webkit-flex: 0 1 30%; -ms-flex: 0 1 30%; flex: 0 1 30%; max-width: 30%; }
  .about-message-body { /*font-size: 1.25rem;*/ font-size: 1rem; }
  /* JOHOの強み */
  .school-stp section { padding: 0; margin-bottom: 10px; }
  .school-stp .page-heading-container { padding-top: 3rem; }
  .stp-block-container { font-size: 1rem; }
  .stp-num-space { padding-left: 125px; }
  .stp-num-space:before { -webkit-background-size: 108px 123px; background-size: 108px 123px; width: 108px; height: 123px; left: 0; top: -10px; }
  .stp-02-text-body .stp-num-space:before { -webkit-background-size: 108px 123px; background-size: 160px 160px; width: 160px; height: 160px; left: 0; top: 0px; }
  .stp-01-map { margin: -80px 0 -10px; }
  .stp-02-text-body { background: #FFEC74; margin-top: 24px; position: relative; padding: 24px 24px 24px 42px; }
  .stp-02-text-body .stp-num-space { padding-right: 300px; padding-left: 185px; }
  .stp-02-text-body .stp-02-text-img { position: absolute; right: 40px; top: 15px; }
  .stp-02-txt { margin-bottom: 5px; line-height: 1.4; }
  .stp-02-img { margin-top: -10px; }
  .stp-03-block { background-image: url(../img/school/strong-points/step-03-icon@2x.png); background-repeat: no-repeat; background-position: 600px bottom; -webkit-background-size: 82px 57px; background-size: 82px 57px; }
  .stp-03-body { -webkit-box-flex: 0; -webkit-flex: 0 1 750px; -ms-flex: 0 1 750px; flex: 0 1 750px; max-width: 750px; padding-right: 0; }
  /*.stp-03-img { -webkit-box-flex: 0; -webkit-flex: 0 1 280px; -ms-flex: 0 1 280px; flex: 0 1 280px; max-width: 280px; padding-left: 0; }*/
  .stp-04-col:nth-last-child(1), .stp-04-col:nth-last-child(2) { margin-bottom: 0; }
  .stp-05-body { position: relative; min-height: 215px; }
  .stp-05-body .stp-num-space { padding-right: 300px; }
  .stp-05-body .stp-05-img { position: absolute; right: -90px; top: -10px; }
  .stp-05-block .stp-num-space p { padding-right: 560px; }
  .stp-05-point { position: absolute; right: -82px; bottom: 121px; }
  .stp-05-top { position: absolute; right: 20px; top: 20px; }
  .stp-08-block { position: relative; }
  .stp-08-block .stp-num-space p { padding-right: 560px; }
  .stp-08-top { position: absolute; right: 20px; top: 20px; }
  .stp-08-point { position: absolute; right: -135px; bottom: -10px; }
  .stp-06-col { -webkit-box-flex: 0; -webkit-flex: 0 1 55%; -ms-flex: 0 1 55%; flex: 0 1 55%; max-width: 55%; }
  .stp-06-col-box { -webkit-box-flex: 0; -webkit-flex: 0 1 45%; -ms-flex: 0 1 45%; flex: 0 1 45%; max-width: 45%; }
  .stp-06-box { padding: 1.5rem 1.5rem 1rem; }
  .stp-06-img { -webkit-box-flex: 0; -webkit-flex: 0 1 158px; -ms-flex: 0 1 158px; flex: 0 1 158px; max-width: 158px; }
  .school-stp .stp-06 { margin-bottom: 0; padding-bottom: 60px; }
  .stp-07-img { margin-top: -30px; }
  /* eDCグループ */
  .edc-heading-title { font-size: 1.75rem; line-height: 140%; margin-bottom: 1rem; }
  .edc-heading-body { font-size: 1.125rem; }
  .edc-heading-logos { padding-top: 30px; }
  .edc-group-top { position: relative; padding-left: 140px; }
  .edc-group-icon { left: -20px; }
  .edc-group-heading { font-size: 2.25rem; }
  .edc-group-title { font-size: 1.4rem; padding-right: 30px; }
  .edc-group-title .btn-hp { position: absolute; right: 0; top: 0; }
  .edc-group-gakuen .edc-group-top-body { max-width: 400px; }
  .edc-slogan { padding: 0; margin-left: 50px; }
  .edc-slogan .heading-brand-container { max-width: 600px; }
  .edc-slogan p { font-size: 23px; font-weight: bold; line-height: 180%; }
  .icdplus { display: block; margin-bottom: 4rem; }
  .icdplus-sp { display: none; }
  .edc-group-gakuen-map { position: absolute; right: -32px; top: 59px; }
  .edc-group-container { max-width: 1000px; margin: 0 auto; }
  .edc-group-gakuen-list > li { -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; }
  .edc-sangyo-media { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: reverse; -webkit-box-orient: horizontal; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
  .edc-sangyo-media-image { -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; margin-left: 0.8rem; }
  .edc-sangyo-media-body { -webkit-box-flex: 1; -webkit-flex: 1 1 0%; -ms-flex: 1 1 0%; flex: 1 1 0%; }
  .edc-group-kenkyu-col { -webkit-box-flex: 0; -webkit-flex: 0 1 65%; -ms-flex: 0 1 65%; flex: 0 1 65%; max-width: 65%; }
  .edc-group-kenkyu .media-image { max-width: 300px; } }
.edc-curriculum .head { color: #28449A; font-size: 1.25rem; }

.edc-curriculum .sp { display: block; }

.edc-curriculum .pc { display: none; }

@media (max-width: 560px) { .edc-slogan p { font-weight: bold; } }
@media (min-width: 561px) { .edc-curriculum .head { font-size: 2.25rem; }
  .edc-curriculum .sp { display: none; }
  .edc-curriculum .pc { display: block; } }
/*# sourceMappingURL=school.css.map */