@charset "UTF-8";


/*------------------------------------------------------

common

------------------------------------------------------*/

#page-title {}
@media (min-width: 768px) { #page-title { background: url(/campusview/admissions/images/st_pagetitle.jpg) no-repeat center / cover; } }
@media (max-width: 767px) { #page-title { background: url(/campusview/admissions/images/st_pagetitle_sp.jpg) no-repeat center / cover; } }


/*------------------------------------------------------

    index

------------------------------------------------------*/

#index.admissions .bg-grad-left::before { background: linear-gradient(90deg, rgba(255,206,224,0.6) 0%, rgba(190,221,245,0.6) 100%); }
#index.admissions .bg-grad-right::after { background: linear-gradient(270deg, rgba(255,206,224,0.6) 0%, rgba(190,221,245,0.6) 100%); }

#index.admissions .l_col-2 {  }
#index.admissions .l_col-2 div {  }
#index.admissions .l_col-2 div a {  }
#index.admissions .l_col-2 > div:first-child {  }

#index.admissions #index-admission-4 > div { }

#index.admissions #index-admission-4 .title { text-align: center; line-height: 1; color: #393472; margin-bottom: 30px; letter-spacing: 2px; }
#index.admissions #index-admission-4 .title span {  }

#index.admissions #index-admission-4 .l_col-2 span { font-size: 1.6rem; }
#index.admissions .l_col-3 > *:nth-child(n+4) {  }

#index.admissions #index-admission-4 .btn-a { max-width: 360px; margin-left: auto; margin-right: auto; }

 
@media (min-width: 768px) {

    #index.admissions .l_col-index > div > .dark { margin-bottom: 0px; }

    #index.admissions .bg-grad-left::before { top: -70px; }
    #index.admissions .bg-grad-right::after { top: -70px; }

    #index.admissions .l_col-3 > *:nth-child(n+4) { margin-top: 20px; }

    #index-admission-3 .l_col-index > div > section { margin-bottom: 0px }


    #index.admissions #index-admission-4 { margin-bottom: 140px; }
    #index.admissions #index-admission-4 .title { font-size: 2.4rem; }
    #index.admissions #index-admission-4 .title span { font-size: 1.6rem; }
    #index.admissions #index-admission-4 > div { padding: 40px 0px 40px 0px; }
    #index.admissions .l_col-2.justify-center > div:first-of-type { margin-right: 40px; }
}


@media (max-width: 1000px) {
    #index.admissions #index-admission-1 .l_col-2 { -webkit-flex-direction: column;flex-direction: column; }
    #index.admissions #index-admission-1 .l_col-2 div { width: 100%;  }
    #index.admissions #index-admission-1 .l_col-2 div a { max-width: 100%;  }
    #index.admissions .l_col-2 > div:first-child {  margin-bottom: 20px; }

}

@media (max-width: 767px) {

    #index.admissions .bg-grad-left::before { top: -30px; }
    #index.admissions .bg-grad-right::after { top: -30px; }

    #index.admissions .l_col-2 div a { max-width: 500px; margin: 0px auto;  }
    #index.admissions .l_col-2 > div:first-child {  margin-bottom: 10px; }

    #index.admissions .l_col-3 > * { margin-bottom: 10px; }
    #index.admissions #index-admission-4 > div { padding: 20px 0px 20px 0px; }

    #index-admission-1 { margin-bottom: 55px; }
    #index-admission-2 { margin-bottom: 35px; }
    #index.admissions #index-admission-4 { margin-bottom: 65px; }
    #index.admissions #index-admission-4 .title { font-size: 1.8rem; }
    #index.admissions #index-admission-4 .title span { font-size: 1.4rem; }

    #index.admissions .l_col-2.justify-center > div { margin: 0px auto; }
    #index.admissions .l_col-2.justify-center > div:first-of-type { margin-bottom: 10px; }
}





/*------------------------------------------------------

    schedule

------------------------------------------------------*/

#admissions-schedule .font-small { font-size: 1.4rem; }
#admissions-schedule .l_col-anchor-link li a {     }

#admissions-schedule .bg-gray p { margin-bottom: 0px; }

#admissions-schedule  .table-a td {  }
#admissions-schedule  .table-a td a { position: relative; width: calc(100% + 20px); height: calc(100% + 20px); margin-left: -10px;  padding: 10px; margin-top: 0px; display: flex; justify-content: center; align-items: center; }

#admissions-schedule  .table-a td a span { display: inline; }

#admissions-schedule  .table-a td a:hover { background: #6FB5CC; color: #fff; }

#admissions-schedule .exam td { color: #665EC0; }
#admissions-schedule .exam tbody td a { justify-content: left; }

#admissions-schedule .bg-gray.standby { font-size: 2rem; font-weight: bold; text-align: center; }

/* ÈëÔ‡ÈÕ³ÌÔ”¼š¥Ú©`¥¸¤Ê¤· ¥ê¥ó¥¯OFFÔO¶¨ */
#admissions-schedule .table-a a { pointer-events: none; color: #393472; text-decoration: none; }

/*#admissions-schedule #schedule-gakushi .table-a a,#admissions-schedule #schedule-gaikoku .table-a a { pointer-events: none; color: #393472; text-decoration: none; }*/


@media (min-width: 768px) {
}

@media (max-width: 767px) {
    #admissions-schedule .table-a { min-width: 550px; }
    #admissions-schedule .table-a td, #admissions-schedule .table-a th { padding: 5px; }
}


/*------------------------------------------------------

    heigan

------------------------------------------------------*/

#admissions-heigan section { margin-bottom: 50px; }

#admissions-heigan #heigan-kentei .table-a th { width: 40%; }
#admissions-heigan #heigan-kentei .table-a td:nth-child(2) { width: 25%; }
#admissions-heigan #heigan-kentei .table-a td:nth-child(3) { width: 35%; }
#admissions-heigan #heigan-kentei .table-a th,#admissions-heigan #heigan-kentei .table-a td { vertical-align: baseline; }
#admissions-heigan #heigan-kentei strong.red  { color: #EC3A94; font-weight: normal; }

#admissions-heigan #heigan-example .table-a td.text-right { text-align: right; }

#admissions-heigan #heigan-example {  }

@media (min-width: 768px) {

    #heigan-example .table-a { margin: 0px; }
    #heigan-example .l_col-4 { -webkit-align-items: center; align-items: center; -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap; }
    #heigan-example .l_col-4 > div:first-child{ width: calc(35% - 20px);  position: relative; }
    #heigan-example .l_col-4 > div:not(:first-child){ width: calc(24% - 20px);  position: relative; }
    #heigan-example .l_col-4 > div:last-child{ width: calc(12% - 20px);  position: relative; }

    #heigan-example .l_col-4 > div.plus::before { content:'+'; position:absolute; width:15px; height:15px; top:0; right: -30px; bottom: 0; margin: auto 0px; }
    #heigan-example .l_col-4 > div.equals::before { content:'='; position:absolute; width:15px; height:15px; top:0; right: -30px; bottom: 0; margin: auto 0px; }

    #heigan-example .l_col-4 > div .text {  margin-bottom: 0px; line-height: 100%;  margin-top: 10px; }
}

@media (max-width: 767px) {
    #heigan-example .table-a { margin: 0px; }

    #heigan-example .l_col-4 > div:first-child{ position: relative; }
    #heigan-example .l_col-4 > div:not(:first-child){ position: relative; }
    
    #heigan-example .l_col-4 > div.plus::before { content:'+'; position:absolute; width:15px; height:15px; left: 0px; right: -30px; bottom: -12px; text-align: center; width: 100%; }
    #heigan-example .l_col-4 > div.equals::before { content:'='; position:absolute; width:15px; height:15px; left: 0px; right: -30px; bottom: -12px; text-align: center; width: 100%;  }

    #heigan-example .l_col-4 > div .text { text-align: center; }

}

/*------------------------------------------------------

    download

------------------------------------------------------*/
#admissions-download { counter-reset: number 0; }
#admissions-download .course-list { border-left: 6px solid #665EC0; padding-left: 10px; line-height: 1.8; }
#admissions-download section > .numbering-list > li > a { text-decoration: none; color: inherit; }
#admissions-download section > .numbering-list > li > a strong { letter-spacing: 0.05em; position: relative; display: inline-block; }
#admissions-download section > .numbering-list > li > a strong::before { content: counter(number) ''; counter-increment: number 1; background: #665EC0; color: #fff; position: absolute; top: 0; left: 0; text-align: center;  }
@media (min-width: 768px) {
    #admissions-download section > .numbering-list > li > a strong { font-size: 2.0rem; padding-left: 45px; padding-top: 1px; padding-bottom: 1px; }
    #admissions-download section > .numbering-list > li > a strong::before { width: 35px; height: 35px; line-height: 35px; top: 0; }
    #admissions-download section > .numbering-list > li:not(:last-of-type) > a > strong { margin-bottom: 30px; }
    #admissions-download #download-sougou section:first-of-type .numbering-list li:last-of-type strong { margin-bottom: 30px; }
}

@media (max-width: 767px) {
    #admissions-download section > .numbering-list > li > a strong { font-size: 1.6rem; padding-left: 40px; padding-top: 3px; padding-bottom: 3px; }
    #admissions-download section > .numbering-list > li > a strong::before { width: 30px; height: 30px; line-height: 30px; }
    #admissions-download section > .numbering-list > li:not(:last-of-type) > a > strong { margin-bottom: 15px; }
    #admissions-download #download-sougou section:first-of-type .numbering-list li:last-of-type strong { margin-bottom: 15px; }
}


/*------------------------------------------------------

    qa

------------------------------------------------------*/
#admissions-qa .accordion.question {}
#admissions-qa .accordion.question > .head { font-size: 1.6rem; }
#admissions-qa .accordion.question > .head::before { content: 'Q'; left: 10px; top: 9px; background: #665EC0; }
#admissions-qa .accordion.question > .head .btn { top: 50%; transform: translateY(-50%); }
#admissions-qa .accordion.question > .body { padding: 30px 0 60px 0; }
#admissions-qa .accordion.question > .body .answer { position: relative; padding-left: 60px; }
#admissions-qa .accordion.question > .head::before, .accordion.question > .body .answer::before { position: absolute; color: #fff; font-weight: bold; text-align: center; }
#admissions-qa .accordion.question > .body .answer::before { content: 'A'; top: 0; left: 10px; background: #F57EB1; }

@media (min-width: 768px) {
    #admissions-qa .accordion.question > .head { padding: 18px 20px 18px 65px; position: relative; }
    #admissions-qa .accordion.question > .head::before, .accordion.question > .body .answer::before { font-size: 2.2rem; width: 40px; height: 40px; line-height: 40px; top: 9px; }

}

@media (max-width: 767px) {
    #admissions-qa .accordion.question .head { padding: 18px 50px 18px 55px; }
    #admissions-qa .accordion.question > .head::before, .accordion.question > .body .answer::before { font-size: 1.8rem; width: 35px; height: 35px; line-height: 35px; top: 15px; }
    #admissions-qa .accordion.question > .body .answer > .text { padding-left: 0; }
}

/*------------------------------------------------------

    sysutem

------------------------------------------------------*/


#admissions-system  .table-a td {  }
#admissions-system  .table-a td a { position: relative; width: calc(100% + 20px); height: calc(100% + 20px); margin-left: -10px;  padding: 10px; margin-top: 0px;  display: flex; justify-content: left; align-items: center; }

#admissions-system  .table-a td a span { display: inline; }

#admissions-system  .table-a td a:hover { background: #6FB5CC; color: #fff; }

#admissions-system  .table-a td  { color: #665EC0; }

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}


/*------------------------------------------------------

    examination

------------------------------------------------------*/

#admissions-examination .font-small { font-size: 1.4rem; }
#admissions-examination h3 { color: #393472; margin-bottom: 30px; }

#admissions-examination .bg-gray {  }
#admissions-examination .bg-gray.standby { font-size: 2rem; font-weight: bold; text-align: center; }

#admissions-examination .l_col-3 {  }

#admissions-examination .l_col-2.justify-center > div:first-of-type {  }
#admissions-examination .l_col-2.justify-center > div { max-width: 360px; }
 
#admissions-examination .btn-b a { padding-right: 30px;
 padding-left: 20px; }

#admissions-examination #examination-senkoka .btn-a a,#admissions-examination #examination-daigakuin .btn-a a  { background: #cfa845; border-color: #cfa845; }
#admissions-examination #examination-senkoka .btn-a a:hover,#admissions-examination #examination-daigakuin .btn-a a:hover { background: #fff; border: 1px solid #cfa845; color: #cfa845; }

#admissions-examination #examination-senkoka .btn-a a::before,#admissions-examination #examination-daigakuin .btn-a a::before{ background: #a98428; }

@media (min-width: 768px) {
    #admissions-examination .bg-gray { padding: 30px; }

    #admissions-examination .l_col-3 { margin-bottom: 30px; }
    #admissions-examination .l_col-3 > *:nth-child(n+4) { margin-top: 20px; }
    #admissions-examination .l_col-2.justify-center > div:first-of-type { margin-right: 40px; }

    #admissions-examination #examination-gaikoku .bg-gray .l_col-2:first-child { margin-bottom: 20px; }
}

@media (max-width: 767px) {

    #admissions-examination .bg-gray { padding: 0px; }

    #admissions-examination .l_col-3 { margin-bottom: 30px; }
    #admissions-examination .l_col-3 > div:not(last-child) { margin-bottom: 10px; }

    #admissions-examination .bg-gray { background: transparent; }

    #admissions-examination #examination-ippan > .l_col-2 > div:not(:last-child) { margin-bottom: 35px; }

    #admissions-examination .l_col-2.justify-center > div { max-width: 100%; width: 100%; }
    /* #admissions-examination .l_col-2.justify-center > div a { max-width: 100%; width: 100%; } */
    #admissions-examination #examination-gaikoku .bg-gray .l_col-2:first-child { margin-bottom: 10px; }

    #admissions-examination .l_col-2.justify-center > div:first-of-type { margin-bottom: 10px; }
}



/*------------------------------------------------------

    archive

------------------------------------------------------*/

#admissions-archive #archive-nav ul li  {  }
#admissions-archive #archive-nav ul li::after {  }
#admissions-archive #archive-nav ul li a { /* color:#393472; */ text-decoration: none; }

#admissions-archive #archive-nav ul li a:hover { text-decoration: underline; }

#admissions-archive .archive-text {  }

#admissions-archive .l_col-anchor-link li a::after { transform: translateY(-70%) rotate(45deg); top: 52%; right: 17px;  }
#admissions-archive .l_col-anchor-link li.active a { color: #fff; background: #6FB5CC; }


@media (min-width: 768px) {
    #admissions-archive #archive-nav ul li  { display: inline-block; }
    #admissions-archive #archive-nav ul li::after { content: "|"; margin: 0px 10px; }

}

@media (max-width: 767px) {
    #admissions-archive #archive-nav { margin-top: 20px; }

   
}


/*------------------------------------------------------

    gakuhi

------------------------------------------------------*/


#admissions-gakuhi .QR .bg-gray figure { width: 110px; }
#admissions-gakuhi .QR .qr_wrap .text { width: calc(  100% - 130px ); }
#admissions-gakuhi .QR .bg-gray a { word-break: break-all; }
#admissions-gakuhi .QR .l_col-2  { /* -webkit-align-items: center;
align-items: center; */ }
#admissions-gakuhi .QR .bg-gray > * {  }

#admissions-gakuhi ul.l_col-2 > *:nth-child(n+3) { margin-top: 5px; } 
#admissions-gakuhi ul.l_col-2 { margin-bottom: 20px; }
#admissions-gakuhi ul li { color: #393472; }

#admissions-gakuhi .table-a.text-left tr td,#admissions-gakuhi .table-a.text-left tr th { text-align: left; }

#admissions-gakuhi h4 a { text-decoration: none;  }


@media (min-width: 768px) {


}

@media (max-width: 767px) {
 

   
}


/*------------------------------------------------------

    Pamphlet

------------------------------------------------------*/

#admissions-pamphlet .l_col-pamphlet { -webkit-align-items: stretch; align-items: stretch; }
#admissions-pamphlet .l_col-pamphlet:before{  }
#admissions-pamphlet .l_col-pamphlet:after {  }

#admissions-pamphlet .l_col-pamphlet figure img {  border: 1px solid #D0D9E3; }


#admissions-pamphlet .l_col-pamphlet > * {  }
#admissions-pamphlet .l_col-pamphlet .btn-c span { width: 100%; max-width: 100%; padding: 10px; max-width: 200px; margin: 0px auto; }

#admissions-pamphlet .l_col-pamphlet .inner { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; height: 100%;}

#admissions-pamphlet .l_col-pamphlet .inner h3 { flex-grow: 1; }

#admissions-pamphlet .l_col-pamphlet a { text-decoration: none; display: block; transition: all 0.4s; height: 100%;  }
#admissions-pamphlet .l_col-pamphlet a:hover { background: #D5ECF3; }

#admissions-pamphlet .l_col-pamphlet a:hover .title-c {  }

#admissions-pamphlet .l_col-pamphlet h3 { color: #1E2F35; transition: all 0.4s; }

@media (min-width: 768px) {

    #admissions-pamphlet .l_col-pamphlet:before{ content: ''; display: block; width: calc( 25% - 5px ); max-width: 260px; order:1;}
    #admissions-pamphlet .l_col-pamphlet:after {  content: ''; display: block; width: calc( 25% - 5px ); max-width: 260px; }

    #admissions-pamphlet .l_col-pamphlet > * { width: calc( 25% - 5px ); max-width: 260px;  }

    #admissions-pamphlet .l_col-pamphlet a { padding: 20px; }

    #admissions-pamphlet .l_col-pamphlet .btn-c { margin-top: auto; }

}

@media (max-width: 767px) {
 
    #admissions-pamphlet .l_col-pamphlet > * { width: calc( 50% - 5px ); max-width: 100%;  }

    #admissions-pamphlet .l_col-pamphlet a { padding: 10px; }

    #admissions-pamphlet .l_col-pamphlet figure { width: 100px; margin: 0px auto 10px auto; }

   
}