@charset "UTF-8";

@font-face {
    font-family: sans-serif;
    font-weight: normal;
    src: local(HiraginoSans-W3);
}

@font-face {
    font-family: sans-serif;
    font-weight: bold;
    src: local(HiraginoSans-W6);
}

@font-face {
    font-family: 'ヒラギノ角ゴ Pro W3';
    font-weight: normal;
    src: local(HiraginoSans-W3);
}

@font-face {
    font-family: 'ヒラギノ角ゴ Pro W3';
    font-weight: bold;
    src: local(HiraginoSans-W6);
}

@font-face {
    font-family: 'ヒラギノ角ゴ ProN W3';
    font-weight: normal;
    src: local(HiraginoSans-W3);
}

@font-face {
    font-family: 'ヒラギノ角ゴ ProN W3';
    font-weight: bold;
    src: local(HiraginoSans-W6);
}

@font-face {
    font-family: 'ＭＳ Ｐゴシック';
    font-weight: normal;
    src: local(HiraginoSans-W3);
}

@font-face {
    font-family: 'ＭＳ Ｐゴシック';
    font-weight: bold;
    src: local(HiraginoSans-W6);
}

@font-face {
    font-family: 'MS P Gothic';
    font-weight: normal;
    src: local(HiraginoSans-W3);
}

@font-face {
    font-family: 'MS P Gothic';
    font-weight: bold;
    src: local(HiraginoSans-W6);
}

@font-face {
    font-family: 'MS PGothic';
    font-weight: normal;
    src: local(HiraginoSans-W3);
}

@font-face {
    font-family: 'MS PGothic';
    font-weight: bold;
    src: local(HiraginoSans-W6);
}

@font-face {
    font-family: 'HiraMaruProW4';
    src: url('../font/HiraMaruPro-W4.otf');
}

@font-face {
    font-family: 'ABTomboBold';
    src: url('../font/ab_tombo_bold.ttf');
}

@font-face {
    font-family: 'chuoa-icon';
    font-weight: normal;
    src: url("../font/icomoon.eot?vqte0l");
    src: url("../font/icomoon.eot?vqte0lblue-boxiefix") format("embedded-opentype"), url("../font/icomoon.ttf?vqte0l") format("truetype"), url("../font/icomoon.woff?vqte0l") format("woff"), url("../font/icomoon.svg?vqte0l#icomoon") format("svg");
    font-style: normal;
}

@font-face {
    font-family: 'DMSans';
    src: url('../font/DMSans-Regular.ttf');
}

@font-face {
    font-family: 'DMSansMedium';
    src: url('../font/DMSans-Medium.ttf');
}

@font-face {
    font-family: 'DMSansBold';
    src: url('../font/DMSans-Bold.ttf');
}

@font-face {
    font-family: 'DMSansSemiBold';
    src: url('../font/DMSans-SemiBold.ttf');
}

@font-face {
    font-family: 'CormorantGaramondBold';
    src: url('../font/CormorantGaramond-Bold.ttf');
}

@font-face {
    font-family: 'CormorantGaramondMedium';
    src: url('../font/CormorantGaramond-Medium.ttf');
}

@font-face {
    font-family: 'CormorantGaramondRegular';
    src: url('../font/CormorantGaramond-Regular.ttf');
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body,
html {
    margin: 0;
    -webkit-font-feature-settings: 'palt'1;
    font-feature-settings: 'palt'1;
}

html {
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-size: 16px;
    font-weight: 500;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media (max-width:40em) {
    html {
        font-size: 14px;
    }
}

body {
    line-height: 1.86;
    background: #fff;
    color: #000;
    letter-spacing: .1em;
    word-break: break-all;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
    letter-spacing: .1em;
}

.list li a:not([class]),
p:not([class]) a:not([class]),
td:not([class]) a:not([class]) {
    display: inline;
    color: #2776c7;
    text-decoration: underline;
}

address,
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
picture,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

ol,
ul {
    list-style: none;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0;
}

img {
    width: auto;
    height: auto;
    color: #fff;
    vertical-align: middle;
    max-width: 100%;
}

a {
    display: block;
    color: #000;
    text-decoration: none;
    outline: 0;
    transition: all 0.4s ease;
    -webkit-user-select: none;
    -webkit-text-decoration-skip: objects;
    text-decoration-skip: objects;
}

b,
em,
strong {
    font-weight: bold;
    font-style: normal;
}

small {
    font-size: 80%;
}

table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

td,
th {
    padding: 0;
    font-weight: normal;
    vertical-align: middle;
}

address {
    font-style: normal;
}

svg:not(:root) {
    overflow: hidden;
    max-width: 100%;
}

input,
select,
textarea {
    font-family: 'Roboto', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, sans-serif;
    font-weight: 300;
    vertical-align: middle;
    letter-spacing: .05em;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input,
select {
    line-height: 1;
}

select {
    height: 40px;
    padding: .5em 1em;
    border: 1px solid #e7e8ee;
    background: transparent;
    font-size: 1rem;
    text-indent: 0.01px;
    cursor: pointer;
    -moz-appearance: none;
    text-overflow: '';
}

select::-ms-expand {
    display: none;
}

.form {
    padding-bottom: 128px;
}

.form-input input[type=text],
.form-input input[type=email],
.form-input input[type=tel],
.form-input textarea,
.form-input select {
    width: 430px;
    height: 50px;
    padding: 13px 20px;
    border: 1px solid #ecf1f8;
    background: #ecf1f8;
    color: #333;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-size: 16px;
    font-weight: bold;
}

.form-input input[type=text] {
    display: block;
}

.form-input input[type=text]::placeholder,
.form-input input[type=email]::placeholder,
.form-input input[type=tel]::placeholder,
.form-input textarea::placeholder {
    color: #999;
}

.form-input .select .icon {
    color: #333;
}

.form-input select[name=grade] {
    width: 190px;
}

@media (max-width: 48em) {
    .form {
        padding-bottom: 16vw;
    }

    .form-input .select.birth_year,
    .form-input .select.birth_month,
    .form-input .select.birth_day {
        width: auto;
    }

    .form-input select[name=birth_year],
    .form-input select[name=birth_month],
    .form-input select[name=birth_day] {
        height: 10.67vw;
        padding: 1.33vw 4vw;
    }

    .form-input select[name=grade] {
        width: 100%;
    }

    .form-input input[name=zip] {
        width: 10em;
    }

    .form-block {
        display: block !important;
    }
}

@media (max-width: 30em) {
    .form-block {
        display: block;
    }

    .form-input .select.course,
    .form-input .select.course,
    .form-input .select.event-schedule,
    .form-input .select.grade,
    .form-input .select.prefecture,
    .form-input .select.school_category,
    .form-input .select.enrollment_category {
        display: block;
        width: 100%;
    }
}

.form-input select {
    position: relative;
    border: 1px solid #999;
    background-color: transparent;
}

.form-input textarea {
    width: 100%;
    height: auto;
    padding: 16px 20px;
    resize: none;
}

input[type=email],
input[type=tel],
input[type=text],
textarea {
    width: 100%;
    padding: 15px;
    border: 1px solid #e7e8ee;
    background: #f3f4f7;
    font-size: 1rem;
}

input[type=checkbox],
input[type=radio] {
    display: inline-block;
    margin: 0 10px 0 0;
    vertical-align: -3%;
}

input[type=email],
input[type=tel],
input[type=text],
textarea {
    -webkit-transition: border-color 0.4s;
    transition: border-color 0.4s;
}

input[type=email]:focus,
input[type=tel]:focus,
input[type=text]:focus,
textarea:focus {
    border-color: #3873ed;
}

textarea {
    line-height: 1.5;
}

label {
    cursor: pointer;
}

.disabled {
    opacity: 0.3;
    pointer-events: none;
}

@media (max-width:30em) {
    select {
        width: 100%;
        padding: .5em;
    }
}

.wrapper {
    position: relative;
    width: 100%;
    height: 100%;
}

.flex {
    display: flex;
    flex-direction: column;
}

.globalFooter-sitemap-boxGroup {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.globalFooter-sitemap-boxGroup.primary {
    margin-bottom: 0;
}

.globalFooter-sitemap-boxGroup.primary li a {
    display: inline-block;
    margin: 10px 18px;
    color: #2776c7;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-size: 15px;
    letter-spacing: 2px;
}

@media (min-width: 48.0625em) and (max-width: 68.75em) {
    .globalFooter-sitemap-boxGroup.primary li a {
        margin: 8px;
        font-size: 12px;
        letter-spacing: normal;
    }
}


.globalFooter-sitemap-boxGroup.secondary li a {
    padding: 0px 12px;
    color: #2776c7;
    font-size: 13px;
    letter-spacing: 1px;
    border-right: 1px solid #adadad;
}

@media (min-width: 48.0625em) and (max-width: 68.75em) {
    .globalFooter-sitemap-boxGroup.secondary li a {
        padding: 0px 8px;
        font-size: 10px;
    }
}

.globalFooter-sitemap-boxGroup li a:hover {
    opacity: 0.6;
}

.globalFooter-sitemap-boxGroup.secondary li:last-child a {
    border-right: 0;
}

table.price-table {
    max-width: 475px;
}

table.price-table td {
    padding: 0.5em 0;
}

@media (max-width:68.75em) {
    /*.siteMain {
        padding-top: 54px
    }*/
}

.hamburger {
    display: none;
    position: fixed;
    top: 4.13vw;
    right: 2.73vw;
    z-index: 11;
    width: 8.67vw;
    height: 8.67vw;
    background: #fff;
    text-align: center;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    border-radius: 10.42vw;
}

.globalHeader.sub-pg + .hamburger {
    top: 0.83vw;
    right: 3.43vw;
}

.hamburger-line {
    position: absolute;
    right: 1.76vw;
    width: 3.13vw;
    height: 0.42vw;
    margin: auto;
    background: #2776c7;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.hamburger-line1 {
    top: 2.48vw;
}

.hamburger-line2 {
    top: 4.13vw;
    width: 5.67vw;
}

.hamburger-line3 {
    top: 5.68vw;
    width: 1.78vw;
}

@media (max-width:68.75em) {
    .hamburger {
        display: block;
    }

    #sub-menu {
        display: none;
    }
}

@media (max-width:40em) {
    table.price-table tr {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
    }

    table.price-table td {
        width: 50%;
        padding: 0 0 1.2em;
    }

    table.price-table td:first-child {
        width: 100%;
        padding: 0;
    }

}

.globalHeader {
    position: absolute;
    z-index: 11;
    width: 100%;
    margin: auto;
}

.globalHeader-top {
    display: none !important;
    display: -webkit-box;
    display: -ms-flexbox;
    /*display: flex;*/
}

.globalHeader-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    height: 80px;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

#sub-menu .globalHeader-bottom,
#sub-pg-menu .globalHeader-bottom {
    width: 97%;
    margin: 0 auto;
    max-width: 1400px;
}

.globalHeader-logo {
    /*z-index: 5;*/
    line-height: 1;
    /*transition: all 0.5s ease;*/
}

.globalHeader-logo a {
    display: block;
}

#sub-pg-menu .globalHeader-logo {
    margin: 0 auto 0 0;
}

@media (min-width:68.8125em) {
    .globalHeader-logo {
        width: 210px;
        margin: 0 auto 0 40px;
    }

    #sub-menu .globalHeader-logo {
        margin: 0 auto 0 0;
    }
}

@media (max-width:68.75em) {
    .globalHeader-bottom {
        height: 65px;
    }

    #sub-pg-menu .globalHeader-bottom {
        height: auto;
    }

    .globalHeader-logo {
        width: 35.11vw;
        margin: 8.56vw auto 1.56vw 1.95vw;
    }

    #sub-menu .globalHeader-logo {
        margin: 0 auto 0 0;
    }

    #sub-pg-menu .globalHeader-logo {
        width: 35.11vw;
        margin: 2.56vw auto 2.56vw 1.95vw;
    }

    .globalHeader {
        position: absolute;
        top: 0;
        left: 0;
    }
}

@media (max-width:48em) {
    .globalHeader-logo {
        width: 38.54vw;
        margin: 3.25vw auto 1.56vw 1.95vw;
    }

    #sub-pg-menu .globalHeader-logo {
        width: 40.11vw;
        margin: 4.16vw auto 3.56vw 4.95vw;
    }

    .globalHeader.sub-pg + .hamburger {
        top: 2.63vw;
        right: 3.43vw;
    }
}

@media (max-width:30em) {
    .globalHeader-logo {
        width: 50.94vw;
    }

    .globalHeader.sub-pg + .hamburger {
        top: 3.53vw;
    }
}

.globalNav {
    z-index: 5;
    background-color: #fff;
}

.globalNav > ul > li > a {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    height: 80px;
    line-height: 1.2;
    padding: 20px 15px;
    color: #434343;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    text-transform: capitalize;
    -webkit-transition: color 0.4s ease;
    transition: color 0.4s ease;
}

#sub-menu .globalNav > ul > li > a,
#sub-pg-menu .globalNav > ul > li > a {
    padding: 25px;
}

#sub-menu .globalNav > ul > li:first-child > a,
#sub-pg-menu .globalNav > ul > li:first-child > a {
    padding-left: 0;
}

#sub-menu .globalNav > ul > li:last-child > a,
#sub-pg-menu .globalNav > ul > li:last-child > a {
    padding-right: 0;
}

.globalNav > ul > li.first-pd > a {
    padding-left: 25px;
}

.globalNav > ul > li.last-pd > a {
    padding-right: 25px;
}

#sub-pg-menu .globalNav > ul > li > a.active {
    color: #2776c7;
}

@media (min-width:68.8125em) {
    .globalNav {
        margin: 0 0 0 auto;
    }

    .globalNav > ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
    }

    .globalNav > ul > li.current > a,
    .globalNav > ul > li.is-active > a,
    .globalNav > ul > li:hover > a {
        color: #2776c7;
    }

    .globalNav > ul > li.current > a:after,
    .globalNav > ul > li.is-active > a:after,
    .globalNav > ul > li:hover > a:after {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}



@media (max-width:68.75em) {
    .globalNav {
        position: fixed;
        top: 0;
        right: 0;
        z-index: 12;
        width: 100%;
        height: 100%;
        overflow: scroll;
        background: rgba(255, 255, 255, 0.9);
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        -webkit-transition-duration: .5s;
        transition-duration: .5s;
        -webkit-transition-timing-function: cubic-bezier(0.52, 0.08, 0.18, 1);
        transition-timing-function: cubic-bezier(0.52, 0.08, 0.18, 1);
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-overflow-scrolling: touch;
    }

    .globalNav > ul {
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
        left: 0;
        margin: auto;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .globalNav > ul > li {
        margin: 0;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        -webkit-transition-property: -webkit-transform opcity;
        transition-property: -webkit-transform opcity;
        transition-property: transform opcity;
        transition-property: transform opcity, -webkit-transform opcity;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
        -webkit-transition-duration: .5s;
        transition-duration: .5s;
        -webkit-transition-timing-function: cubic-bezier(0.52, 0.08, 0.18, 1);
        transition-timing-function: cubic-bezier(0.52, 0.08, 0.18, 1);
        opacity: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .globalNav > ul > li.fb {
        display: none;
    }

    .globalNav > ul > li > a {
        padding: 1em 0;
        color: #9a9eb6;
        font-size: 1.4rem;
    }

    .globalNav > ul > li > a .en {
        padding: .1em .35em;
    }

    .globalNav .ja {
        opacity: 1;
    }

    .globalNav > ul > li.sns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
    }

    .globalNav {
        display: none;
    }
}

.globalSubNav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 11px;
    right: 230px;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

.globalSubNav li {
    line-height: 1;
    margin-right: 40px;
}

.globalSubNav li a {
    display: block;
}

.globalSubNav li a:hover {
    text-decoration: underline;
}

.globalSubNav li a .icon {
    margin-top: -2px;
    margin-right: .5em;
}

@media (max-width:68.75em) {
    .globalSubNav {
        display: none;
    }
}

.globalFooter-borderLink {
    padding-bottom: 40px;
}

.globalFooter-borderLink ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: -9px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
}

.globalFooter-borderLink li {
    width: 24%;
    margin-bottom: 9px;
}

.globalFooter-borderLink .button {
    display: block;
    padding: 15px 0;
    font-weight: normal;
    letter-spacing: 0;
}

@media (max-width:68.75em) {
    .globalFooter-borderLink ul:after {
        display: block;
        width: 32%;
        content: '';
    }

    .globalFooter-borderLink li {
        width: 32%;
    }
}

@media (max-width:48em) {
    .globalFooter-borderLink ul:after {
        width: 48.5%;
    }

    .globalFooter-borderLink li {
        width: 48.5%;
    }
}

@media (max-width:40em) {
    .globalFooter-borderLink li {
        width: 100%;
    }
}

.globalFooter-apply-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border-radius: 10px;
}


footer .globalFooter-apply-inner {
    width: 90%;
    margin: 0 auto;
    background: url("../../assets/img/component/footer/pamphlet.png") no-repeat left 20px center /55% #ecf1f8;
    max-width: 1180px;
}

.globalFooter-apply-heading {
    padding: 15px 0;
}

.globalFooter-apply-heading .text {
    display: block;
    width: 240px;
    line-height: 1.5;
    margin: 10px 0;
    padding: 14px 0;
    border: 2px solid #000;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.globalFooter-apply {
    margin-bottom: 38px;
}

.globalFooter-apply-img {
    margin: 0 20px;
}

@media (min-width: 68.8125em) and (max-width: 88.125em) {
    footer .globalFooter-apply-inner {
        background-size: 67%;
    }

    #sub-menu .globalNav > ul > li > a,
    #sub-pg-menu .globalNav > ul > li > a {
        padding: 1.67vw;
    }
}

@media (min-width: 48.0625em) and (max-width: 68.75em) {
    footer .globalFooter-apply-inner {
        background-size: 67%;
    }

    .globalFooter-apply-img {
        margin: 0 10px;
    }
}


.globalFooter-apply-img img {
    width: 648px;
}

.globalFooter-apply-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    width: 565px;
    margin-right: 40px;
    padding: 17px 0;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
}

@media (min-width: 48.0625em) and (max-width: 68.75em) {

    .globalFooter-apply-body {
        width: 46.82vw;
        height: auto;
        margin-right: 3.64vw;
        padding: 17px 0;
    }

    .drawerMenu-secondary .globalFooter-apply-body {
        display: block;
        z-index: 2;
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 0;
    }

    .drawerMenu-secondary .globalFooter-apply-button-pamgplet {
        width: 100%;
        margin-bottom: 3.067vw;
        padding: 4.4vw 0;
        font-size: 4.267vw;
        max-width: 100%;
        border-radius: 1vw;
    }

    .drawerMenu-secondary .globalFooter-apply-btn-gp {
        display: flex;
        justify-content: space-between;
        width: 100%;
        max-width: 100%;
    }

    .drawerMenu-secondary .globalFooter-apply-button-document,
    .drawerMenu-secondary .globalFooter-apply-button-line {
        display: block;
        width: 47.5%;
        margin: 0;
    }

    .drawerMenu-secondary .globalFooter-apply-button-line {
        padding: 4.933vw 1.333vw 1.6vw;
    }

    .drawerMenu-secondary .globalFooter-apply-button-document {
        padding: 4.933vw 1.333vw 3vw;
    }

    .drawerMenu-secondary .globalFooter-apply-button-document .text,
    .drawerMenu-secondary .globalFooter-apply-button-line .text {
        padding-top: 20px;
        font-size: 22px;
    }

    .drawerMenu-secondary .globalFooter-apply-button-line .text {
        padding-top: 25px;
    }

    .drawerMenu-secondary .globalFooter-apply-button-document .text:before,
    .drawerMenu-secondary .globalFooter-apply-button-line .text:before {
        top: 0;
        left: 50%;
        width: 22px;
        height: 17px;
        background-size: 100%;
        transform: translateX(-50%);
    }

    .drawerMenu-secondary .globalFooter-apply-button-line .text:before {
        height: 20px;
    }

    .drawerMenu-secondary .globalFooter-snsBlk {
        width: 100%;
        max-width: 100%;
    }

    .drawerMenu-secondary .globalFooter-symbol .globalFooter-subtit {
        margin-bottom: 50px;
        font-size: 4vw;
    }

    .drawerMenu-secondary .globalFooter-sns li {
        max-width: 50%;
    }

    .drawerMenu-secondary .globalFooter-sns a {
        padding: 10px 18px 10px;
        font-size: 18px;
    }
}


.globalFooter-apply-button-document,
.globalFooter-apply-button-line,
.globalFooter-apply-button-pamgplet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    line-height: 1.4;
    padding: 22px 0;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    transition: all 0.3s ease;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    border-radius: 3px;
}

@media (min-width: 48.0625em) and (max-width: 68.75em) {
    .globalFooter-apply-button-pamgplet {
        font-size: 1.45vw;
    }
}

@media (min-width: 48.0625em) and (max-width: 68.75em) {

    .globalFooter-apply-button-document,
    .globalFooter-apply-button-line,
    .globalFooter-apply-button-pamgplet {
        padding: 14px 0;
    }
}


.globalFooter-apply-button-document .icon,
.globalFooter-apply-button-document .text,
.globalFooter-apply-button-pamgplet .icon,
.globalFooter-apply-button-pamgplet .text {
    text-align: center;
    letter-spacing: 0;
}

.globalFooter-apply-button-document .text,
.globalFooter-apply-button-line .text {
    position: relative;
    font-size: 16px;
    letter-spacing: 0;
}

@media (min-width: 48.0625em) and (max-width: 68.75em) {

    .globalFooter-apply-button-document .text,
    .globalFooter-apply-button-line .text {
        font-size: 1.45vw;
    }
}


.globalFooter-apply-button-document .text:before {
    display: block;
    position: absolute;
    top: 5px;
    left: -26px;
    width: 20px;
    height: 14px;
    background-image: url(../../assets/img/common/icon-document.png);
    background-repeat: no-repeat;
    content: '';
}

@media (min-width: 48.0625em) and (max-width: 68.75em) {
    .globalFooter-apply-button-document .text:before {
        top: 5px;
        left: -26px;
        width: 17px;
        height: 12px;
        background-size: 100%;
    }
}

.globalFooter-apply-button-line .text:before {
    display: block;
    position: absolute;
    top: 5px;
    left: -26px;
    width: 19px;
    height: 18px;
    background-image: url(../../assets/img/common/icon-line.png);
    background-repeat: no-repeat;
    content: '';
}

@media (min-width: 48.0625em) and (max-width: 68.75em) {
    .globalFooter-apply-button-line .text:before {
        top: 5px;
        width: 15px;
        height: 14px;
        background-size: 100%;
    }
}

.globalFooter-apply-btn-gp {
    width: 45%;
    max-width: 250px;
}

.globalFooter-apply-button-document {
    margin-bottom: 10px;
    padding-left: 28px;
    border: 2px solid #2776c7;
    background: #fff;
    color: #2776c7;
}

@media (min-width: 48.0625em) and (max-width: 68.75em) {
    .globalFooter-apply-button-document {
        margin-bottom: 6px;
    }
}

.globalFooter-apply-button-line {
    margin-bottom: 0;
    padding-left: 28px;
    border: 2px solid #2abb12;
    background-color: #fff;
    color: #000;
}

@media (min-width: 48.0625em) and (max-width: 68.75em) {
    .globalFooter-apply-button-line {
        padding-left: 10px;
    }
}


.globalFooter-apply-button-pamgplet {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 54%;
    padding-left: 8px;
    background: #2776c7;
    color: #fff;
    max-width: 300px;
    border-radius: 10px;
}

.globalFooter-apply-button-pamgplet:hover {
    background: #185592;
}

footer .globalFooter-apply-button-pamgplet {
    margin-right: 1%;
    padding: 8px;
}

@media (min-width: 48.0625em) and (max-width: 68.75em) {
    .globalFooter-apply-button-pamgplet {
        margin-right: 5px;
        padding-left: 0;
        border-radius: 0.51vw;
    }

    footer .globalFooter-apply-button-pamgplet {
        padding: 0.73vw;
        max-width: 24.55vw;
        border-radius: 0.51vw;
    }
}

.globalFooter-apply-button-pamgplet .icon {
    margin-right: 10px;
    font-size: 194%;
}

@media (min-width: 68.75em) and (max-width: 87.5em) {
    footer .globalFooter-apply-button-pamgplet .icon {
        margin-right: 0.71vw;
        /*font-size: 2.5vw;*/
    }

    /*footer .globalFooter-apply-button-pamgplet {
        font-size: 1.4vw;
    }*/
}

@media (min-width: 48.0625em) and (max-width: 68.75em) {
    .globalFooter-apply-button-pamgplet .icon {
        font-size: 180%;
    }

    /*footer .globalFooter-apply-button-pamgplet .icon {
        margin-right: 0.91vw;
        font-size: 2.38vw;
    }*/
}


@media (min-width:48.0625em) {

    .globalFooter-apply-button-document,
    .globalFooter-apply-button-line,
    .globalFooter-apply-button-pamgplet {
        -webkit-transition: all .4s;
        transition: all .4s;
        -webkit-transition-timing-function: cubic-bezier(0.52, 0.08, 0.18, 1);
        transition-timing-function: cubic-bezier(0.52, 0.08, 0.18, 1);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .globalFooter-apply-button-document:hover,
    .globalFooter-apply-button-line:hover {
        opacity: .6;
    }
}

@media (max-width:48em) {
    .globalFooter-apply-body {
        display: block;
        z-index: 2;
        width: 100%;
    }

    footer .globalFooter-apply-inner {
        background-image: none;
    }

    .globalFooter-apply-inner.inner {
        width: 100%;
    }

    .globalFooter-apply-button-pamgplet,
    footer .globalFooter-apply-button-pamgplet {
        width: 100%;
        margin-bottom: 3.067vw;
        padding: 4.4vw 0;
        font-size: 4.267vw;
        border-radius: 1vw;
        max-width: 100%;
    }

    .globalFooter-apply-button-pamgplet .text {
        letter-spacing: 0.667vw;
    }

    .globalFooter-apply-button-pamgplet .icon {
        margin-right: 1.6vw;
        font-size: 170%;
    }

    .globalFooter-apply-button-document {
        border: 0.267vw solid #2776c7;
        border-radius: 0.4vw;
    }

    .globalFooter-apply-button-line {
        border: 0.267vw solid #2abb12;
    }

    .globalFooter-apply-button-document,
    .globalFooter-apply-button-line {
        display: block;
        width: 47.5%;
        margin: 0;
        padding: 3.933vw 1.333vw 0.4vw;
    }

    .drawerMenu-secondary .globalFooter-apply-button-line {
        padding: 3.933vw 1.333vw 1.6vw;
    }

    .drawerMenu-secondary .globalFooter-apply-button-document {
        padding: 3.933vw 1.333vw 2vw;
    }

    .globalFooter-apply-button-document .text,
    .globalFooter-apply-button-line .text {
        line-height: 2.2;
        padding-top: 5.133vw;
        font-size: 3.2vw;
    }

    .drawerMenu-secondary .globalFooter-apply-button-document .text,
    .drawerMenu-secondary .globalFooter-apply-button-line .text {
        display: inline-block;
        margin-top: 14px;
        padding-top: 0;
        font-size: 3vw;
        letter-spacing: 2.5px;
    }

    .globalFooter-apply-btn-gp {
        display: flex;
        justify-content: space-between;
        width: 100%;
        max-width: 100%;
    }

    .globalFooter-apply-button-document .text:before,
    .globalFooter-apply-button-line .text:before {
        top: 1.3vw;
        right: 0;
        left: 0;
        margin: 0 auto;
    }

    #drawerMenu .drawerMenu-secondary .globalFooter-apply-button-document .text:before,
    #drawerMenu .drawerMenu-secondary .globalFooter-apply-button-line .text:before {
        top: -24px;
        right: 0;
        left: 0;
        margin: 0 auto;
    }

    .globalFooter-apply-button-document .text:before {
        width: 4vw;
        height: 3.067vw;
        background-size: 100%;
    }

    .globalFooter-apply-button-line .text:before {
        width: 3.333vw;
        height: 3.067vw;
        background-size: 100%;
    }


}

@media (max-width: 40em) {

    .drawerMenu-secondary .globalFooter-apply-button-document .text,
    .drawerMenu-secondary .globalFooter-apply-button-line .text {
        margin-top: 2.92vw;
        font-size: 3vw;
        letter-spacing: 0.12vw;
    }

    #drawerMenu .drawerMenu-secondary .globalFooter-apply-button-document .text:before,
    #drawerMenu .drawerMenu-secondary .globalFooter-apply-button-line .text:before {
        top: -4vw;
    }

}

.globalFooter-bannerLower .inner {
    padding: 20px 0 64px;
}

@media (min-width: 48.0625em) and (max-width: 68.75em) {
    .globalFooter-bannerLower .inner {
        padding: 20px 0 40px;
    }
}


.globalFooter-bannerLower.has-1col a {
    display: inline-block;
}

.globalFooter-bannerLower.has-1col a + a {
    margin-top: 24px;
}

.globalFooter-bannerLower ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
}

.globalFooter-bannerLower ul li {
    width: 32.5%;
    max-width: 380px;
}

@media (max-width:48em) {
    .globalFooter-bannerLower.has-2col ul {
        display: block;
    }

    .globalFooter-bannerLower.has-2col li {
        width: 100%;
    }

    .globalFooter-bannerLower.has-2col li + li {
        margin-top: 20px;
    }
}

.globalFooter-banner {
    margin-top: 50px;
}

.globalFooter-banner li + li {
    margin-top: 20px;
}

@media (min-width:40.0625em) {
    .globalFooter-banner {
        display: none;
    }
}

.globalFooter-bannerUpper {
    padding-bottom: 80px;
}

.globalFooter-bannerUpper .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.globalFooter-bannerUpper .globalFooter-visitorLink a {
    display: block;
    color: #383434;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-size: 16px;
    letter-spacing: 1px;
    -webkit-transition: color .4s;
    transition: color .4s;
}

@media (min-width: 48.0625em) and (max-width: 68.75em) {
    .globalFooter-bannerUpper {
        padding-bottom: 7.27vw;
    }

    .globalFooter-bannerUpper .globalFooter-visitorBanner {
        padding-right: 1.82vw;
        max-width: 78.73vw;
        border-right: 0.09vw solid #96acca;
    }


    .globalFooter-bannerUpper .globalFooter-visitorBanner li {
        width: calc((100% - 3.64vw)/3);
    }

    .globalFooter-bannerUpper .globalFooter-visitorLink {
        margin-left: 1.82vw;
        max-width: 26.36vw;
    }

    .globalFooter-bannerUpper .globalFooter-visitorLink a {
        margin: 0.57vw 0;
        font-size: 1.45vw;
    }
}


.globalFooter-bannerUpper .globalFooter-visitorLink a:hover {
    color: #2776c7;
}

.globalFooter-bannerUpper .globalFooter-visitorLink a .text .icon {
    margin-left: .7em;
    font-size: 80%;
}

.globalFooter-courseBanner .inner {
    width: 90%;
    margin: 0 auto;
    max-width: 940px;
}

.globalFooter-courseBanner ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.globalFooter-courseBanner li {
    width: 32%;
    max-width: 300px;
}

.globalFooter-courseBanner li a {
    position: relative;
}

.globalFooter-courseBanner li a:hover {
    opacity: 0.6;
}

.globalFooter-courseBanner p {
    position: absolute;
    top: 50%;
    left: 28px;
    line-height: 1.6;
    color: #fff;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-size: 18px;
    text-align: center;
    letter-spacing: 3px;
    transform: translateY(-50%);
}

@media (min-width: 48.0625em) and (max-width: 68.75em) {
    .globalFooter-courseBanner p {
        font-size: 13px;
    }
}


/*.globalFooter-visitorLink {
  padding-left: 20px;
  border-left: 1px solid #96acca;
}*/

.globalFooter-visitorLink li a {
    margin: 12px 0;
}

.globalFooter-visitorLink li a.arrow-blue::after {
    right: 0;
}

@media (min-width: 48.0625em) and (max-width: 68.75em) {
    .globalFooter-visitorLink li a.arrow-blue::after {
        width: 32px;
        height: 10px;
    }
}


@media (max-width: 48em) {
    .globalFooter-bannerUpper .inner {
        display: block;
    }

    .globalFooter-bannerUpper {
        padding-bottom: 16vw;
    }

    .globalFooter-address img {
        width: 42vw;
    }

    .globalFooter-visitorLink li a {
        margin: 1.5vw 0;
    }
}

.globalFooter-visitorBanner li a:hover {
    opacity: 0.6;
}

.globalFooter-bannerUpper .globalFooter-visitorBanner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 75%;
    padding-right: 20px;
    max-width: 866px;
    border-right: 1px solid #96acca;
}


.globalFooter-bannerUpper .globalFooter-visitorBanner li {
    width: calc((100% - 30px)/3);
}

.globalFooter-bannerUpper .globalFooter-visitorLink {
    width: 25%;
    margin-left: 20px;
    max-width: 290px;
}

@media (min-width:80.0625em) {
    .globalFooter-bannerUpper ul:after {
        display: block;
        width: 16.666%;
        content: '';
    }

    .globalFooter-bannerUpper li {
        width: 100%;
    }

    /*.globalFooter-bannerUpper .globalFooter-visitorBanner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 75%;
    max-width: 866px;
    padding-right: 20px;
    border-right: 1px solid #96acca;
  }*/

    /*.globalFooter-bannerUpper .globalFooter-visitorBanner li {
    width: 33%;
    max-width: 272px;
  }*/

    /*.globalFooter-bannerUpper .globalFooter-visitorLink {
    width: 25%;
    max-width: 290px;
    margin-left: 20px;
  }*/
}

/*@media (min-width: 68.8125em) and (max-width: 88.125em) {
  .globalFooter-bannerUpper .globalFooter-visitorBanner li {
    width: calc((100% - 30px)/3);
    max-width: 100%;
  }
}*/

@media (min-width: 48.0625em) and (max-width: 68.75em) {
    /*.globalFooter-bannerUpper .globalFooter-visitorBanner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 70%;
  }

  .globalFooter-bannerUpper .globalFooter-visitorBanner li {
    width: 32%;
  }

  .globalFooter-bannerUpper .globalFooter-visitorLink {
    width: 27%;
    margin-left: 3%;
    padding-left: 2%;
  }*/

    .drawerMenu-secondary .globalFooter-apply-inner {
        padding: 23.733vw 3.333vw 4.8vw !important;
    }

    .drawerMenu-secondary .globalFooter-apply-inner::before {
        display: block;
        position: absolute;
        top: 15.733vw;
        right: -1.6vw;
        left: 0px;
        width: 75.067vw;
        height: 44.8vw;
        margin: 0 auto;
        background-image: url(../../assets/img/component/footer/pamphlet-sp.png);
        background-size: contain;
        background-repeat: no-repeat;
        content: '';
        transform: translateY(-50%);

    }
}


/*@media (max-width:80em) {
    .globalFooter-bannerUpper ul:after {
        content: '';
        display: block;
        width: 33.333%
    }

    .globalFooter-bannerUpper li {
        width: 33.333%
    }

    .globalFooter-bannerUpper li:first-child,
    .globalFooter-bannerUpper li:nth-child(2),
    .globalFooter-bannerUpper li:nth-child(3) {
        border-bottom: 1px solid #e7e8ee
    }
}*/

/*@media (min-width:48.0625em) {
    
}*/

/*@media (min-width:40.0625em) {
    .globalFooter-bannerUpper ul {
        border-left: 1px solid #e7e8ee
    }

    .globalFooter-bannerUpper .globalFooter-visitorLink a {
        padding: 15px 30px;
    }

    .globalFooter-bannerUpper .globalFooter-visitorLink a > .icon {
        font-size: 250%;
        display: block;
        text-align: center;
        margin-bottom: 20px
    }
}*/

@media (max-width:48em) {
    .globalFooter-apply {
        margin-bottom: 0;
        padding-top: 2vw;
        padding-right: 5.333vw;
        padding-bottom: 4.133vw;
        padding-left: 5.333vw;
    }

    .globalFooter-apply-img {
        display: none;
    }

    .globalFooter-apply-body {
        margin: 0 auto;
        padding: 0;
    }

    .globalFooter-apply-inner {
        padding: 23.733vw 3.333vw 4.8vw !important;
    }

    .globalFooter-apply-inner::before {
        display: block;
        position: absolute;
        top: 15.733vw;
        right: -1.6vw;
        left: 0px;
        width: 75.067vw;
        height: 44.8vw;
        margin: 0 auto;
        background-image: url(../../assets/img/component/footer/pamphlet-sp.png);
        background-size: contain;
        background-repeat: no-repeat;
        content: '';
        transform: translateY(-50%);

    }

    .globalFooter-visitorBanner {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 1.333vw;
    }

    .globalFooter-bannerUpper .globalFooter-visitorBanner {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
        padding-right: 0;
        max-width: 100%;
        border-right: none;
    }

    .globalFooter-bannerUpper .globalFooter-visitorBanner li {
        width: 48%;
        margin-bottom: 4.267vw;
    }

    .globalFooter-bannerUpper .globalFooter-visitorBanner li:last-child {
        width: 100%;
    }

    .globalFooter-bannerUpper .globalFooter-visitorLink {
        width: 100%;
        margin-left: 0;
        max-width: 100%;
    }

    .globalFooter-visitorLink {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        /*flex-direction: column;*/
        height: 27.867vw;
        padding-left: 0;
        border: 0;
    }

    .globalFooter-visitorLink li {
        width: calc((100% - 11%)/2);
    }

    /*.globalFooter-visitorLink li:nth-child(1),
  .globalFooter-visitorLink li:nth-child(2),
  .globalFooter-visitorLink li:nth-child(3) {
    width: 50%;
    margin-right: 7.16vw;
  }*/

    .globalFooter-visitorLink li a.arrow-blue::after {
        right: 0;
    }

    .globalFooter-bannerUpper .globalFooter-visitorLink a {
        font-size: 3.2vw;
        letter-spacing: 0.167vw;
    }

    .globalFooter-visitorLink a {
        position: relative;
        margin: 2vw 0;
        font-size: 3.2vw;
    }

    .globalFooter-visitorLink a > .icon {
        position: absolute;
        top: 50%;
        left: 0;
        font-size: 3.2vw;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .globalFooter-visitorLink a .text {
        display: block;
    }

    .globalFooter-visitorLink a .text .icon {
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

@media (max-width:40em) {
    .globalFooter-visitorLink {
        height: 44.867vw;
    }
}

@media (max-width:23.4375em) {
    .globalFooter-visitorLink {
        height: 48.867vw;
    }
}



.globalFooter-sitemap {
    padding-top: 21px;
    padding-bottom: 16px;
}


@media (max-width:80em) {
    .globalFooter-sitemap-inner {
        display: block;
    }
}

.globalFooter-symbol {
    margin-bottom: 64px;
    padding-top: 65px;
    padding-bottom: 35px;
}

@media (min-width: 48.0625em) and (max-width: 68.75em) {
    .globalFooter-symbol {
        margin-bottom: 40px;
        padding-top: 45px;
        padding-bottom: 10px;
    }
}


.globalFooter-symbol .globalFooter-blk {
    display: flex;
    justify-content: space-between;
}



.globalFooter-address {
    margin-bottom: 30px;
    text-align: left;
}

.globalFooter-address img {
    width: 315px;
}

@media (min-width: 48.0625em) and (max-width: 68.75em) {
    .globalFooter-address img {
        width: 200px;
    }
}


.globalFooter-address p {
    line-height: 1.5;
    margin-top: 18px;
    color: #2776c7;
    font-size: 16px;
}

@media (min-width: 48.0625em) and (max-width: 68.75em) {
    .globalFooter-address p {
        font-size: 14px;
    }
}

.globalFooter-address p a {
    display: inline-block;
    margin-left: 20px;
    color: #2776c7 !important;
}

@media (max-width:48em) {
    .globalFooter-symbol {
        margin-bottom: 0;
        padding-top: 22vw;
        padding-bottom: 21.5vw;
    }

    .globalFooter-symbol .globalFooter-blk {
        display: block;
    }
}



.globalFooter-contactBlk {
    width: 49%;
    margin-bottom: 30px;
}

.globalFooter-symbol .globalFooter-subtit {
    line-height: 1.4;
    color: #2776c7;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-size: 16px;
    letter-spacing: 1px;
}

.globalFooter-snsBlk {
    width: 51%;
    max-width: 600px;
}

.globalFooter-snsBlk .globalFooter-subtit {
    line-height: 1;
    margin-bottom: 0;
    margin-left: 6px;
}

/*.globalFooter-sns {
    text-align: center
}*/

.globalFooter-sns ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 15px 0 10px;
}

.globalFooter-sns-label {
    margin-bottom: 1em;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0;
    text-transform: capitalize;
}

.globalFooter-sns li {
    display: inline-block;
    width: 48.5%;
    height: 50px;
    margin-bottom: 15px;
    max-width: 320px;
}

.globalFooter-sns li:nth-child(2n) {
    margin-right: 0;
}

/*.globalFooter-sns a {
    font-size: 1.5rem;
    -webkit-transition: color .4s;
    transition: color .4s
}*/

.globalFooter-sns a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    align-items: center;
    width: 100%;
    padding: 10px 40px 11px;
    background: #fff;
    color: #2776c7;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-size: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    border-radius: 50px;
}

.globalFooter-snsBlk .section-banner {
    overflow: hidden;
    border-radius: 16px;
}

@media (min-width: 48.0625em) and (max-width: 68.75em) {
    .globalFooter-sns a {
        padding: 10px 18px 10px;
        font-size: 14px;

    }

    .globalFooter-symbol .globalFooter-subtit {
        font-size: 1.45vw;
    }

}


.globalFooter-sns a::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 42px;
    width: 37px;
    height: 15px;
    background-image: url(../../assets/img/common/icon-blue-arr.png);
    background-repeat: no-repeat;
    content: '';
    transform: translateY(-50%);
}

.globalFooter-sns a:hover::after {
    background-image: url(../../assets/img/common/icon-white-arr.png);
}

@media (min-width: 48.0625em) and (max-width: 68.75em) {
    .globalFooter-sns a::after {
        top: 55%;
        right: 14px;
        width: 20px;
        height: 12px;
        background-size: 100%;
    }
}


.globalFooter-sns a .icon {
    margin-right: 10px;
}

#drawerMenu .drawerMenu-secondary .globalFooter-sns a .icon {
    margin-right: 1.95vw;
}

@media (max-width: 48em) {
    .globalFooter-sns a {
        width: 100%;
        height: auto;
        padding: 1.5vw 3.133vw 2.5vw;
        font-family: "Zen Kaku Gothic Antique", sans-serif;
        font-size: 2.667vw;
        letter-spacing: 4px;
        border-radius: 6.667vw;
    }
}

@media (max-width: 40em) {
    .globalFooter-sns a {
        padding: 1.1vw 3vw 1.8vw;
        letter-spacing: 0.33vw;
    }
}

.globalFooter-sns .ico-twitter a {
    padding-left: 70px;
}

.globalFooter-sns .ico-twitter a::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 42px;
    width: 14px;
    height: 14px;
    background-image: url(../../assets/img/common/ico-twitter.png);
    background-repeat: no-repeat;
    content: '';
    transform: translateY(-50%);
}

.globalFooter-sns .ico-twitter a:hover::before {
    background-image: url(../../assets/img/common/ico-twitter-white.png);
    background-size: 100% 100%;
}

@media (min-width: 48.0625em) and (max-width: 68.75em) {
    .globalFooter-sns .ico-twitter a {
        padding-left: 45px;
    }

    .globalFooter-sns .ico-twitter a::before {
        left: 24px;
    }
}


@media (max-width: 48em) {
    .globalFooter-sns .ico-twitter a {
        padding-left: 7.433vw;
    }

    .globalFooter-sns .ico-twitter a::before {
        top: 50%;
        left: 3.8vw;
        width: 1.867vw;
        height: 1.867vw;
        background-size: 100%;
    }
}

.globalFooter-contact .phone {
    margin-bottom: 6px;
}

.globalFooter-contact .phone a {
    display: inline-block;
    position: relative;
    padding-left: 42px;
    color: #2776c7;
    font-family: 'ROBOTO';
    font-size: 28px;
    font-weight: 700;
    pointer-events: none;
}

.globalFooter-contact .phone a::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 32px;
    height: 26px;
    background-image: url(../../assets/img/common/icon-phone.png);
    background-size: 100%;
    background-repeat: no-repeat;
    content: '';
    transform: translateY(-50%);
}


.globalFooter-contact .phone span {
    color: #2776c7;
    font-size: 14px;
}

@media (min-width: 48.0625em) and (max-width: 68.75em) {
    .globalFooter-address p a {
        margin-left: 1vw;
    }

    .globalFooter-contact .phone a {
        padding-left: 3.27vw;
        font-size: 2.55vw;
        letter-spacing: -0.13vw;
    }

    .globalFooter-contact .phone a::before {
        width: 2.55vw;
        height: 2vw;
    }

    .globalFooter-contact .phone span {
        font-size: 1.27vw;
    }

}


.globalFooter-contact .mail {
    text-align: center;
}

.globalFooter-contact .mail a {
    display: block;
    width: 315px;
    line-height: 1;
    padding: 15px 0;
    border: 1px solid #2776c7;
    background: #2776c7;
    color: #fff;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-size: 16px;
    letter-spacing: 1px;
    transition: all 0.4s ease;
    border-radius: 50px;
}

.globalFooter-contact .mail a:hover {
    background: #fff;
    color: #2776c7;
}

.globalFooter-contact .icon {
    margin-top: -4px;
    margin-right: 6px;
}

@media (max-width:48em) {

    .globalFooter-contactBlk {
        width: 100%;
        margin-bottom: 8.267vw;
    }

    .globalFooter-address p {
        margin-top: 3.2vw;
        font-size: 3.2vw;
        font-weight: 700;
    }

    .globalFooter-address p a {
        margin-left: 2.5vw;
    }

    .globalFooter-snsBlk .globalFooter-subtit {
        margin-left: 0;
    }

    .globalFooter-symbol .globalFooter-subtit {
        margin-left: 0;
        font-size: 3.2vw;
    }

    .globalFooter-sns ul {
        margin: 4.267vw 0 4.3vw;
    }

    .globalFooter-sns li {
        display: inline-block;
        width: 48%;
        height: auto;
        margin-bottom: 3.2vw;
        max-width: 42.667vw;
    }

    .globalFooter-contact .phone a {
        padding-left: 6.133vw;
        font-size: 5.333vw;
        pointer-events: visible;
    }

    .globalFooter-address {
        margin-bottom: 7.333vw;
    }

    .globalFooter-contact .phone a::before {
        width: 5.067vw;
        height: 4.133vw;
        background-size: contain;
    }

    .globalFooter-contact .phone {
        margin-bottom: 1.333vw;
    }

    .globalFooter-contact .phone span {
        font-size: 3.2vw;
        font-weight: 700;
    }

    .globalFooter-contact .mail a {
        width: 80%;
        margin: 0 auto;
        padding: 4vw 0;
        font-size: 3.2vw;
        letter-spacing: 0.533vw;
        max-width: 53.333vw;
    }

    .globalFooter-contact .icon {
        margin-top: -0.533vw;
        margin-right: 0.667vw;
    }
}

@media (min-width:48.0625em) {
    .globalFooter-contact .mail a {
        -webkit-transition: color .4s;
        transition: all .4s ease;
    }
}

@media (max-width:40em) {

    .globalFooter-contact .mail a {
        display: inline-block;
        width: 70%;
    }
}

@media (max-width:30em) {
    .globalFooter-contact .mail a {
        width: 100%;
    }
}

@media (max-width: 48em) {
    .globalFooter-snsBlk {
        width: 100%;
        max-width: 100%;
    }

    .globalFooter-sns a::after {
        right: 3.867vw;
        width: 3.967vw;
        height: 1.867vw;
        background-size: 100%;
    }

    .globalFooter-sitemap {
        padding-top: 5.7vw;
        padding-bottom: 6.4vw;
    }

    /*.globalFooter-sitemap-inner {
    padding-right: 2.333vw !important;
    padding-left: 2.333vw !important;
  }*/

    .globalFooter-sitemap-boxGroup {
        flex-wrap: wrap;
        justify-content: start;
    }

    .globalFooter-sitemap-boxGroup.primary {
        margin-bottom: 4.067vw;
    }

    .globalFooter-sitemap-boxGroup.primary li {
        width: 47%;
    }

    /*.globalFooter-sitemap-boxGroup.primary li:last-child {
    width: 100%;
  }*/

    .globalFooter-sitemap-boxGroup.primary li a {
        line-height: 1.7;
        margin: 1.033vw 0 1.033vw 0;
        font-size: 3.2vw;
        font-weight: 700;
        letter-spacing: 0.667vw;
    }

    .globalFooter-sitemap-boxGroup.secondary li {
        border: none;
    }

    .globalFooter-sitemap-boxGroup.secondary li:nth-child(3),
    .globalFooter-sitemap-boxGroup.secondary li:nth-child(4) {
        display: block;
        width: 100%;
        margin-top: 1.067vw;
    }

    .globalFooter-sitemap-boxGroup.secondary li:nth-child(3) a,
    .globalFooter-sitemap-boxGroup.secondary li:nth-child(4) a {
        display: inline-block;
    }

    .globalFooter-sitemap-boxGroup.secondary li {
        width: 43%;
    }

    .globalFooter-sitemap-boxGroup.secondary li a {
        display: inline-block;
        line-height: 2.2;
        margin: 0px 2.933vw 0 0;
        padding: 0;
        border: none;
        font-size: 2.667vw;
    }

    .globalFooter-bannerLower ul {
        display: block;
    }

    .globalFooter-bannerLower ul li {
        width: 100%;
        margin-bottom: 4.267vw;
        max-width: 100%;
    }

}

@media (min-width:48.0625em) {
    .globalFooter-sns a {
        -webkit-transition: background .4s, color .4s;
        transition: background .4s, color .4s;
    }

    .globalFooter-sns a:hover {
        background: #2776c7;
        color: #fff;
    }
}

.globalFooter-info {
    padding-top: 16px;
    padding-bottom: 16px;
    background: #2776c7;
}

.globalFooter-info,
.globalFooter-info a {
    color: #fff;
}

.globalFooter-info-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

.globalFooter-copy {
    display: block;
    width: 100%;
    font-size: 14px;
    text-align: center;
    letter-spacing: 0;
}

@media (max-width:48em) {
    .globalFooter-bannerLower .inner {
        padding: 0;
    }

    .globalFooter-info {
        padding: 1.333vw 0 11vw;
    }

    .globalFooter-info-inner {
        display: block;
    }

    .globalFooter-copy {
        font-size: 3.2vw;
    }
}

.pageTop {
    display: block;
    width: 65px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.pageTop .icon {
    font-size: 250%;
}

.pageTop .text {
    display: block;
    font-size: 14px;
    white-space: nowrap;
    letter-spacing: 0;
    text-transform: uppercase;
}

@media (min-width:48.0625em) {
    .pageTop {
        margin-top: 60px;
        margin-bottom: 60px;
        -webkit-transition: background .4s, color .4s;
        transition: background .4s, color .4s;
    }

    .pageTop:hover {
        color: #2776c7;
    }
}

@media (max-width:48em) {
    .pageTop {
        padding-top: 15%;
        padding-bottom: 15%;
    }
}

.megaMenu {
    position: fixed;
    top: 80px;
    left: 0;
    z-index: 0;
    width: 100%;
    overflow: hidden;
    -webkit-transition: opacity 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95), visibility 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: opacity 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95), visibility 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    opacity: 0;
    pointer-events: none;
}

.megaMenu.is-current {
    opacity: 1 !important;
}

.megaMenu-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 48px;
    padding-bottom: 48px;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    -webkit-transition: opacity 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: opacity 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    max-width: 800px;
}

.megaMenu .megaMenu-inner {
    margin: 0 auto;
    max-width: 1180px;
}

.megaMenu-img {
    width: 200px;
}

.megaMenu-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: start;
    width: 560px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
}

.megaMenu .megaMenu-tit {
    width: 15%;
    padding-top: 6px;
    padding-right: 5%;
    color: #434343;
    font-size: 24px;
    font-weight: 700;
    white-space: nowrap;
    letter-spacing: 4px;
    border-right: 1px solid #3e84cd;
}

.megaMenu .megaMenu-body {
    width: 80%;
    max-width: 948px;
}

.megaMenu.course .megaMenu-tit {
    width: 17%;
    padding-right: 5%;
}

.megaMenu.course .megaMenu-body {
    max-width: 900px;
}

/*.megaMenu.event .megaMenu-inner {
  max-width: 1280px !important;
}*/

.megaMenu.event .megaMenu-tit {
    width: 16%;
    padding-right: 2%;
}

.megaMenu.event .megaMenu-body {
    width: 80%;
    max-width: 1000px;
}

.megaMenu-linkGroup {
    width: 100%;
    overflow: hidden;
}

.megaMenu-linkGroup li {
    float: left;
}

.megaMenu .megaMenu-linkGroup li {
    width: calc((100% - 2.6%)/3);
    margin-right: 1.3%;
    white-space: nowrap;
    text-align-last: left;
}

.megaMenu .megaMenu-linkGroup li:nth-child(3n) {
    margin-right: 0;
}

.megaMenu .megaMenu-linkGroup li.lg {
    width: 36%;
}

.megaMenu .megaMenu-linkGroup li.md {
    width: 26%;
}

.megaMenu .megaMenu-linkGroup li.sm {
    width: 23%;
}

.megaMenu-linkGroup .hide-in-menu,
.drawerMenu-primary-box-body .hide-in-menu {
    display: none;
}


/*.megaMenu-linkGroup li a:after {
    display: inline-block;
    font-size: 12px;
    content: "\e910";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    font-family: "chuoa-icon" !important;
    line-height: 1
}*/

.megaMenu-linkGroup-hasThumbnail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    justify-content: space-between;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
}

.megaMenu.course .megaMenu-linkGroup-hasThumbnail li {
    width: 31.5%;
}

.megaMenu-linkGroup-hasThumbnail img {
    width: 100%;
}

.megaMenu-linkGroup-hasThumbnail .title {
    margin-top: .6em;
}

.megaMenu-title {
    margin-top: 1em;
    text-align: center;
}

.megaMenu-title .icon {
    margin-left: .5em;
}

.megaMenu a {
    display: inline-block;
    position: relative;
    line-height: 1;
    margin: 17px 0;
    padding: 0 0 0 30px;
    color: #434343;
    font-size: 16px;
    text-align: left;
    letter-spacing: 3px;
    transition: all 0.4s ease;
}

.megaMenu a.course.biyou {
    color: #fe7c7f;
}

.megaMenu a.course.kango {
    color: #77a8eb;
}

.megaMenu a.course.kyosei {
    color: #15ceae;
}

.megaMenu.guide a::before,
.megaMenu.boshu a::before,
.megaMenu.course a::before,
.megaMenu.event a::before,
.megaMenu.admission a::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 19px;
    height: 19px;
    background: url("../../assets/img/common/ico_pencil.svg") no-repeat center/contain;
    content: "";
    transform: translateY(-50%);
}

.megaMenu.boshu a::before {
    background-image: url("../../assets/img/common/ico_building.svg");
}

.megaMenu.admission a::before {
    background-image: url("../../assets/img/common/ico_note.svg");
}

.megaMenu.event a::before {
    background-image: url("../../assets/img/common/ico_event.svg");
}

.megaMenu a.course.biyou::before {
    width: 18px;
    height: 20px;
    background-image: url("../../assets/img/common/ico-scissors.svg");
}

.megaMenu a.course.kango::before {
    background-image: url("../../assets/img/common/ico-blue-cross.svg");
}

.megaMenu a.course.kyosei::before {
    width: 21px;
    height: 18px;
    background-image: url("../../assets/img/common/ico-paw.svg");
}

.megaMenu a:hover {
    color: #2776c7;
}

.megaMenu a.course:hover {
    opacity: 0.6;
}

.visitorMenu-label .megaMenu a:hover {
    color: #d69755;
}

.megaMenu a .icon {
    font-size: .8em;
}

.megaMenuBg {
    position: fixed;
    top: 80px;
    left: 0;
    z-index: 10;
    width: 100%;
    height: auto;
    background: #ecf1f8;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transition: height 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95), -webkit-transform 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: height 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95), -webkit-transform 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: transform 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95), height 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: transform 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95), height 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95), -webkit-transform 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.megaMenuOverlay {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    visibility: hidden;
    background: rgba(0, 0, 0, 0.4);
    content: '';
    -webkit-transition: visibility 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: visibility 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    opacity: 0;
    pointer-events: none;
}

@media (min-width:48.0625em) {

    .megaMenu-linkGroup-hasThumbnail img {
        display: block;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
    }

    .megaMenu-linkGroup-hasThumbnail a:hover img {
        opacity: .6;
    }
}

.drawerMenu {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    height: 100%;
    padding: 14.67vw 5.33vw;
    background: #ecf1f8;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: opacity 0.4s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.6s cubic-bezier(0.52, 0.08, 0.18, 1);
    transition: opacity 0.4s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.6s cubic-bezier(0.52, 0.08, 0.18, 1);
    transition: transform 0.6s cubic-bezier(0.52, 0.08, 0.18, 1), opacity 0.4s cubic-bezier(0.52, 0.08, 0.18, 1);
    transition: transform 0.6s cubic-bezier(0.52, 0.08, 0.18, 1), opacity 0.4s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.6s cubic-bezier(0.52, 0.08, 0.18, 1);
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
}

/*#drawerMenu .globalHeader-logo {
    min-width: 200px !important;
}*/

.drawerMenu-primary {
    margin: 10.77vw 0 0 0;
    border-top: 1px solid #2776c7;
}

.drawerMenu-primary-title {
    font-size: 22px;
    border-bottom: 1px solid #e7e8ee;
}

.drawerMenu-primary-box {
    border-bottom: 1px solid #2776c7;
}

.drawerMenu-primary-box-heading {
    display: block;
    position: relative;
    padding: 0.6em;
    color: #2776c7;
    font-size: 4.267vw;
    cursor: pointer;
    touch-action: manipulation;
}

.drawerMenu-primary-box-heading.no-acc > a {
    display: block;
    color: #2776c7;
}

.drawerMenu-primary-box-heading .icon {
    margin: -2px .6em 0 0;
}

.drawerMenu-primary-box-heading:before {
    display: none;
}

.drawerMenu-primary-box-heading:after {
    position: absolute;
    top: 50%;
    right: 2.73vw;
    z-index: 3;
    width: 4.233vw;
    height: 4.233vw;
    line-height: 4.033vw;
    border: 1px solid;
    font-size: 3.39vw;
    text-align: center;
    content: "＋";
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 6.667vw;
}

.drawerMenu-primary-box-heading.no-acc:after {
    all: revert;
}

.drawerMenu-primary-box-heading.is-active:after {
    content: "－";
}

.drawerMenu-primary-box-heading .arrow-blue::after {
    right: -6.867vw;
}

.drawerMenu-primary-box-heading.accordion-trigger .arrow-blue::after {
    display: none;
}

.drawerMenu-primary-box-body {
    display: none;
    overflow: hidden;
    font-size: 1rem;
}

.drawerMenu-primary-box ul {
    padding: 0 1em 2em;
}

.drawerMenu-primary-box ul li a {
    display: block;
    padding: .3em 0;
    color: #2776c7;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-size: 3.2vw;
}

.drawerMenu-primary-box ul li.has-blank a:before {
    color: #9a9eb6;
    content: "－";
}

.drawerMenu-primary-box ul li.hide-in-drawer {
    display: none;
}

.drawerMenu-secondary {
    margin-top: 13.333vw;
}

.drawerMenu-secondary .globalFooter-apply {
    padding-right: 0;
    padding-left: 0;
}

.drawerMenu-secondary .globalFooter-symbol {
    padding-top: 0;
}

.drawerMenu-secondary .globalFooter-symbol .inner {
    padding: 0;
}

.drawerMenu-secondary .globalFooter-symbol .globalFooter-subtit {
    text-align: center;
    letter-spacing: 5px;
}

/*.drawerMenu-secondary-title {
    font-size: 18px;
    text-align: center
}

.drawerMenu-sns {
    text-align: center;
    padding-top: 20px
}

.drawerMenu-sns li {
    display: inline-block;
    margin: 0 .6em
}

.drawerMenu-sns a {
    font-size: 24px
}

.drawerMenu-sns a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    padding-left: 2px;
    border-radius: 50%;
    background: #e7e8ee
}*/

@media (min-width:68.8125em) {
    .drawerMenu {
        display: none;
    }
}

/*@media (max-width:20em) {
    .drawerMenu {
        padding: 55px 30px;
    }
}*/

.visitorMenu {
    position: relative;
    width: 230px;
    line-height: 1;
    margin: 0 0 0 auto;
}

.visitorMenu-label {
    position: relative;
    background: #d69755;
}

.globalNav > ul > li.visitorMenu-label > a,
.globalNav > ul > li.eventMenu-label > a {
    padding: 20px;
    color: #fff;
}

.globalNav > ul > li.eventMenu-label.current > a,
.globalNav > ul > li.eventMenu-label.is-active > a,
.globalNav > ul > li.eventMenu-label:hover > a {
    color: #2776c7 !important;
}

.globalNav > ul > li.visitorMenu-label.current > a,
.globalNav > ul > li.visitorMenu-label.is-active > a,
.globalNav > ul > li.visitorMenu-label:hover > a {
    color: #d69755 !important;
}

.eventMenu-label {
    background: #2776c7;
}

.eventMenu-label:hover,
.visitorMenu-label:hover {
    background: transparent;
}

#sub-menu .eventMenu-label,
#sub-pg-menu .eventMenu-label {
    background: transparent;
}

#sub-menu .eventMenu-label a,
#sub-pg-menu .eventMenu-label a {
    color: #2776c7;
}

#sub-menu .eventMenu-label a br.sub {
    display: none;
}

#sub-menu .eventMenu-label a:hover,
#sub-menu .visitorMenu-label a:hover,
#sub-pg-menu .eventMenu-label a:hover,
#sub-pg-menu .visitorMenu-label a:hover {
    opacity: 0.6;
}

#sub-menu .eventMenu-label .megaMenu a,
#sub-menu .visitorMenu-label .megaMenu a,
#sub-pg-menu .eventMenu-label .megaMenu a,
#sub-pg-menu .visitorMenu-label .megaMenu a {
    color: #434343;
}

#sub-menu .visitorMenu-label,
#sub-pg-menu .visitorMenu-label {
    background: transparent;
}

#sub-menu .visitorMenu-label a,
#sub-pg-menu .visitorMenu-label a {
    color: #d69755;
}



.visitorMenu-list {
    position: absolute;
    top: 35px;
    right: 0;
    z-index: 6;
    width: 100%;
    border: solid #fff;
    -webkit-transform: translateY(-255px);
    transform: translateY(-255px);
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s;
    transition: opacity .3s, transform .3s, -webkit-transform .3s;
    border-width: 0 0 1px 1px;
    opacity: 0;
}

.visitorMenu-list li {
    border-top: 1px solid #fff;
}

.visitorMenu-list a {
    display: block;
    position: relative;
    padding: 11px;
    background: #e7e8ee;
}

.visitorMenu-label .icon:first-of-type,
.visitorMenu-list a .icon:first-of-type {
    margin: -2px 10px 0 0;
}

.visitorMenu-label .icon-angle-bottom-circle,
.visitorMenu-list .icon-angle-right {
    position: absolute;
    top: 50%;
    right: 13px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.visitorMenu-label .icon-angle-bottom-circle {
    font-size: 18px;
}

.visitorMenu-list .icon-angle-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 18px;
    line-height: 1;
    padding-left: 2px;
    background: #fff;
    font-size: 12px;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    border-radius: 50%;
}

@media (max-width:68.75em) {
    .visitorMenu {
        display: none;
    }
}

@media (min-width:48.0625em) {
    .visitorMenu-list a {
        -webkit-transition: color .2s;
        transition: color .2s;
    }

    .visitorMenu-list a:hover {
        color: #3873ed;
    }
}

@media (max-width:40em) {
    .visitorMenu {
        width: 100%;
        border-left: 0;
    }

    .visitorMenu-label,
    .visitorMenu-list a {
        font-size: 12px;
    }

    .visitorMenu-label {
        padding: 15px 20px;
    }

    .visitorMenu-list {
        top: 42px;
    }

    .visitorMenu-list a {
        position: relative;
        padding: 15px 11px;
    }

    .visitorMenu-label .icon-angle-bottom-circle {
        font-size: 16px;
    }
}

.breadcrumbs {
    z-index: 1;
    margin-top: 10px;
}

.breadcrumbs li {
    display: inline-block;
    line-height: normal;
    /*line-height: 1.4;*/
    font-size: 14px;
    font-weight: 700;
}

.breadcrumbs li:not(:last-child) a {
    color: #999;
}

.breadcrumbs li + li:before {
    display: inline-block;
    line-height: normal;
    margin-right: .5em;
    color: #999;
    /*font-family: 'chuoa-icon' !important;*/
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-weight: 700;
    vertical-align: middle;
    text-transform: none;
    content: "/";
    speak: none;
    font-style: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.breadcrumbs li:before {
    /*line-height: 1;*/
    /*font-size: 70%;*/
}

.breadcrumbs a {
    display: inline-block;
}

.breadcrumbs a:hover {
    text-decoration: underline;
}

@media (max-width:68.75em) {
    .breadcrumbs {
        display: none;
    }
}

@media (min-width:40.0625em) {
    .breadcrumbs li {
        margin-right: .5em;
    }

    .breadcrumbs .icon {
        margin: -2px 0 0 1em;
    }
}

.slick-slider {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    display: block;
    position: relative;
    top: 0;
    left: 0;
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

[dir=rtl] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-next,
.slick-prev {
    display: block;
    position: absolute;
    top: 50%;
    width: 20px;
    height: 20px;
    line-height: 0;
    padding: 0;
    border: none;
    background: transparent;
    color: transparent;
    font-size: 0;
    outline: none;
    cursor: pointer;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
    background: transparent;
    color: transparent;
    outline: none;
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1;
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25;
}

.slick-next:before,
.slick-prev:before {
    line-height: 1;
    color: white;
    font-family: 'slick';
    font-size: 20px;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -25px;
}

[dir=rtl] .slick-prev {
    right: -25px;
    left: auto;
}

.slick-prev:before {
    content: '←';
}

[dir=rtl] .slick-prev:before {
    content: '→';
}

.slick-next {
    right: -25px;
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px;
}

.slick-next:before {
    content: '→';
}

[dir=rtl] .slick-next:before {
    content: '←';
}

.slick-dots {
    display: block;
    position: absolute;
    bottom: 15px;
    z-index: 1;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.slick-dots li {
    display: inline-block;
    position: relative;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    display: block;
    line-height: 0;
    padding: 5px;
    border: 0;
    background: transparent;
    color: transparent;
    font-size: 0;
    outline: none;
    cursor: pointer;
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: none;
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1;
}

.slick-dots li button:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    background: #dad7cc;
    text-align: center;
    content: '';
    border-radius: 50%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    background: #9d4753;
}

@media (max-width:560px) {
    .slick-dots {
        bottom: 5%;
    }
}

.extraBox.has-border {
    border: 1px solid #e7e8ee;
}

.extraBox-heading {
    padding: .5em;
    background: #e7e8ee;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    letter-spacing: .1em;
}

.extraBox-body ul {
    width: 100%;
}

.extraBox-body li + li {
    margin-top: .5em;
}

@media (min-width:48.0625em) {
    .extraBoxGroup {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
    }

    .extraBoxGroup .extraBox {
        width: 48%;
    }
}

@media (max-width:48em) {
    .extraBoxGroup .extraBox + .extraBox {
        margin-top: 30px;
    }
}

@media (min-width:40.0625em) {
    .extraBox-heading span {
        display: inline-block;
        padding-bottom: 2px;
        font-size: 1.38rem;
        vertical-align: middle;
    }

    .extraBox-body {
        padding: 2em;
    }
}

@media (max-width:40em) {
    .extraBox-heading span {
        display: inline;
        font-size: 1rem;
    }

    .extraBox-body {
        padding: 1.25em;
    }
}

.extraBlockList-box {
    border-bottom: 1px dashed #ddd;
}

.extraBlockList-link {
    display: block;
}

.extraBlockList-box img {
    margin-bottom: 1em;
}

@media (min-width:48.0625em) {
    .extraBlockList-link img {
        display: block;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
    }

    .extraBlockList-link:hover img {
        opacity: .6;
    }
}

@media (min-width:40.0625em) {
    .extraBlockList {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: -2.25em;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
    }

    .extraBlockList-box {
        width: 48.5%;
        margin-bottom: 2.25em;
        padding-bottom: 2.25em;
    }

    .extraBlockList-box.not-has-border {
        padding-bottom: 0;
        border-bottom: none;
    }
}

@media (max-width:40em) {
    .extraBlockList {
        margin-bottom: 3em;
    }

    .extraBlockList-box {
        margin-bottom: 1.5em;
        padding-bottom: 1.5em;
    }

    .extraBlockList-box:last-child.not-has-border {
        padding-bottom: 0;
        border-bottom: none;
    }
}

.extraComment {
    overflow: hidden;
    /*background: #e7e8ee;*/
    background: #ecf1f8;
    border-radius: 10px;
}

.extraComment-heading {
    margin-bottom: .5rem;
    font-weight: bold;
}

.extraComment .heading {
    margin-bottom: 1em;
    color: #2776c7;
    font-size: 21px;
    font-weight: 500;
}

.formHeader .extraComment {
    color: #000;
}

@media (min-width:40.0625em) {
    .extraComment {
        padding: 25px 28px;
    }

    .extraComment-heading {
        font-size: 1.38rem;
    }
}

@media (max-width:40em) {
    .extraComment {
        padding: 2rem;
    }

    .extraComment-heading {
        font-size: 1.2rem;
    }
}

.extraCommentHasImg {
    padding: 30px 20px;
    border: 1px solid #e7e8ee;
}

.extraCommentHasImg-heading {
    margin-bottom: .5rem;
    font-weight: bold;
}

.extraCommentHasImg-img {
    width: 139px;
}

.extraCommentHasImg-img img {
    width: 100%;
}

.extraCommentHasImg-body p:not([class]) + p:not([class]) {
    margin-top: 1em;
}

@media (min-width:40.0625em) {
    .extraCommentHasImg {
        display: table;
        width: 100%;
    }

    .extraCommentHasImg-heading {
        font-size: 1.38rem;
    }

    .extraCommentHasImg-body,
    .extraCommentHasImg-img {
        display: table-cell;
        vertical-align: top;
    }

    .extraCommentHasImg-img + .extraCommentHasImg-body {
        padding-left: 30px;
    }
}

@media (max-width:40em) {
    .extraCommentHasImg-img {
        margin-right: auto;
        margin-bottom: 1.25em;
        margin-left: auto;
    }
}

.extraContact {
    background: #ecf1f8;
    /*border: 1px solid #b1b4c8;*/
    text-align: center;
    border-radius: 10px;
}

.extraContact-heading {
    margin-bottom: 1.5rem;
    font-weight: bold;
}

.extraContact .heading {
    margin-bottom: 15px;
    color: #2776c7;
    font-size: 21px;
    font-weight: 500;
}

.extraContact .button {
    display: block;
    position: relative;
    width: 325px;
    overflow: hidden;
    padding: 15px 0;
    border: 1px solid #2776c7;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    max-width: 100%;
    border-radius: 30px;
}

.extraContact .button span {
    display: flex;
    justify-content: center;
    align-items: center;
}

.extraContact .button.button-sm {
    font-size: 1.1rem;
}

.extraContact .button .icon {
    position: static;
    margin-right: 15px;
}

.extraContact p {
    text-align: center;
}

.extraContact-buttonGroup .ph-btn {
    position: relative;
    margin-right: 45px;
    padding-left: 40px;
    color: #2776c7;
    font-family: 'ROBOTO';
    font-size: 30px;
    font-weight: 700;
    text-decoration: none;
    pointer-events: none;
}

.extraContact-buttonGroup .ph-btn::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 32px;
    height: 26px;
    background-image: url(../../assets/img/common/icon-phone.png);
    background-size: 100%;
    background-repeat: no-repeat;
    content: '';
    transform: translateY(-50%);
}


@media (min-width:48.0625em) {
    .extraContact {
        padding: 30px;
    }

    * + .extraContact,
    .extraContact + * {
        margin-top: 60px;
    }

    .extraContact-heading {
        font-size: 1.38rem;
    }

    .extraContact-buttonGroup {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
    }

    .extraContact .button {
        margin-right: .8%;
        margin-left: .8%;
    }

    .extraContact .button:hover {
        background: #fff;
        color: #2776c7;
        opacity: 1;
    }

}

@media (max-width:48em) {
    .extraContact {
        padding: 2em 5%;
    }

    * + .extraContact,
    .extraContact + * {
        margin-top: 2rem;
    }

    .extraContact-heading {
        font-size: 1.2rem;
    }

    .extraContact a {
        width: 100%;
    }

    .extraContact p {
        text-align: left;
    }

    .extraContact .button {
        /*margin-bottom: 15px;*/
        font-size: 1.2rem;
    }
}

@media (max-width:20em) {
    .extraContact .button {
        font-size: 1rem;
    }
}

.extraProfile {
    margin-right: auto;
    margin-left: auto;
    text-align: right;
    max-width: 930px;
}

.extraProfile-name {
    font-weight: bold;
}

.extraProfile-name span {
    padding-right: .5em;
}

.biyou .extraProfile-name span {
    color: #f6438a;
}

.kango .extraProfile-name span {
    color: #3873ed;
}

.kyosei .extraProfile-name span {
    color: #2776c7;
}

.extraProfile-name .icon {
    margin: -2px .6em 0 0;
}

.extraProfile-body {
    position: relative;
    z-index: 1;
    width: 500px;
    margin: -60px 0 0;
    border: 1px solid;
    background: #fff;
    text-align: left;
}

.biyou .extraProfile-body {
    border-color: #f6438a;
}

.kango .extraProfile-body {
    border-color: #3873ed;
}

.kyosei .extraProfile-body {
    border-color: #2776c7;
}

.extraProfile-detail {
    text-align: left;
}

.extraProfile dl dt:after {
    content: '：';
}

@media (min-width:68.8125em) {
    .extraProfile-body {
        width: 600px;
        margin-top: -60px;
        padding: 50px 40px;
    }
}

@media (max-width:68.75em) {
    .extraProfile-body {
        width: 400px;
        margin-top: -40px;
        padding: 40px 30px;
    }
}

@media (min-width:48.0625em) {
    .extraProfile {
        margin-bottom: 40px;
    }

    .extraProfile-name {
        font-size: 1.3rem;
    }

    .extraProfile dl + dl:before,
    .extraProfile dl dd,
    .extraProfile dl dt,
    .extraProfile dl dt:after {
        display: inline-block;
        vertical-align: middle;
    }
}

@media (max-width:48em) {

    .extraProfile {
        margin-bottom: 40px;
    }

    .extraProfile img {
        width: 100%;
    }

    .extraProfile-body {
        margin-top: -20px;
        margin-right: auto;
        margin-left: auto;
        padding: 35px 20px;
        background: none;
        max-width: 90%;
    }

    .extraProfile-name {
        font-size: 1.15rem;
    }

    .extraProfile dl {
        margin-top: .7em;
    }

    .extraProfile dl dt {
        display: block;
    }

}

@media (max-width:30em) {
    .extraProfile-body {
        padding: 30px 15px;
        max-width: 92%;
    }

    .extraProfile-name span {
        display: block;
    }

    .extraProfile-detail + .extraProfile-detail {
        margin-top: 1em;
    }


}

.extraQa dd,
.extraQa dt {
    position: relative;
    line-height: 1.6;
    padding: 7px 0 7px 30px;
    font-size: 16px;
}

.extraQa dt {
    color: #2776c7;
}

.extraQa dd {
    color: #333;
}

.extraQa dd a,
.extraQa dt a {
    color: #0F7E42;
    text-decoration: underline;
}

.extraQa dd div + div {
    margin-top: .8em;
}

.extraQa .answer,
.extraQa .question {
    position: absolute;
    top: 0;
    left: 0;
    color: #2776c7;
    font-family: 'DMSans', sans-serif;
    font-size: 24px;
    font-weight: 500;
}

.extraQa + .extraQa {
    margin-top: 20px;
}

@media (min-width: 48.0625em) and (max-width: 68.75em) {

    .extraQa dd,
    .extraQa dt {
        padding: 0.64vw 0 0.64vw 2.73vw;
        font-size: 1.45vw;
    }

    .extraQa .answer,
    .extraQa .question {
        font-size: 2.18vw;
    }

    .extraQa + .extraQa {
        margin-top: 1.82vw;
    }
}

@media (max-width: 48em) {

    .extraQa dd,
    .extraQa dt {
        padding: 1.87vw 0 1.87vw 5.33vw;
        font-size: 3.13vw;
    }

    .extraQa .answer,
    .extraQa .question {
        top: 1.07vw;
        font-size: 4.17vw;
    }

    .extraQa + .extraQa {
        margin-top: 4vw;
    }
}

.pageContainer {
    position: relative;
}

.pageHeader {
    position: relative;
    height: 280px;
    margin-top: 80px;
}

.pageHeader-title {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    z-index: 1;
    width: 90%;
    line-height: 1.5;
    margin: 0 auto;
    font-size: 32px;
    font-weight: bold;
    letter-spacing: 9px;
    transform: translateY(-50%);
    /*padding: 0 .5em;*/
    max-width: 1180px;
}

.pageHeader-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #e7e8ee;
    background-repeat: no-repeat;
}

/*.pageContents {
    position: relative;
    z-index: 1;
    margin-top: -110px;
    background: #fff;
}*/

.pageBody {
    padding-bottom: 90px;
    background: #e7e8ee;
}

.pg-anchor {
    padding: 24px 0;
    background-color: #ecf1f8;
}

.pageAnchor li {
    display: inline-block;
    margin-right: 30px;
}

.pageAnchor li:last-child {
    margin-right: 0;
}

.pageAnchor li a {
    position: relative;
    line-height: 2;
    padding-right: 26px;
    color: #2776c7;
    font-size: 16px;
    font-weight: 700;
    -webkit-transition: opacity 0.6s;
    transition: opacity 0.6s;
}

.pageAnchor li a::after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 20px;
    height: 20px;
    background: url("../../assets/img/common/ico-circle-down.svg") no-repeat center/contain;
    content: "";
    transform: translateY(-50%);
}

/*.biyou.pageAnchor li a {
    color: #f6438a;
}*/

.kango.pageAnchor li a {
    color: #3873ed;
}

.kyosei.pageAnchor li a {
    color: #2dc4a9;
}

.pageAnchor li a:hover {
    opacity: .6;
}

.pageAnchor li a .icon {
    margin-left: .4em;
}

.pageMenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 80px 0 60px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
}

.pageMenu:after {
    display: block;
    width: 30.85%;
    content: '';
}

.pageMenu li {
    position: relative;
}

.pageMenu li a {
    display: block;
    position: relative;
    overflow: hidden;
}

.pageMenu li a:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    content: '';
    -webkit-transition: opacity 0.6s;
    transition: opacity 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.52, 0.08, 0.18, 1);
    transition-timing-function: cubic-bezier(0.52, 0.08, 0.18, 1);
}

.pageMenu img {
    width: 100%;
}

.pageMenu-title {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    z-index: 3;
    margin-right: auto;
    margin-left: auto;
    color: #000;
    font-weight: bold;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.pageMenu-title .icon {
    margin: -2px 0 0 .5em;
    color: #2776c7;
    font-size: 80%;
}

@media (min-width:68.8125em) {
    .pageMenu li {
        width: 30.85%;
        height: 88px;
        margin-bottom: 20px;
    }

    .pageMenu li a {
        height: 100%;
    }
}

@media (max-width:68.75em) {
    .pageMenu li {
        width: 48.5%;
        height: 88px;
        margin-bottom: 15px;
    }

    .pageMenu li a {
        height: 100%;
    }
}

@media (min-width: 48.0625em) and (max-width: 68.75em) {
    .pageMenu {
        margin: 7.27vw 0 5.91vw;
    }
}

@media (min-width:48.0625em) {
    /*.pageContents {
        padding: 90px 7.2%;
    }*/

    .pageMenu li a {
        overflow: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .pageMenu li a:after {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 0;
        width: 100%;
        height: 3px;
        background: #2776c7;
        content: '';
        -webkit-transform: scalex(0);
        transform: scalex(0);
        -webkit-transform-origin: left;
        transform-origin: left;
        -webkit-transition: -webkit-transform 0.6s;
        transition: -webkit-transform 0.6s;
        transition: transform 0.6s;
        transition: transform 0.6s, -webkit-transform 0.6s;
        -webkit-transition-timing-function: cubic-bezier(0.52, 0.08, 0.18, 1);
        transition-timing-function: cubic-bezier(0.52, 0.08, 0.18, 1);
    }

    .pageMenu li a:hover:after {
        -webkit-transform: scalex(1);
        transform: scalex(1);
    }
}

@media (max-width:48em) {
    .pageHeader-title {
        /*font-size: 1.6rem;*/
        font-size: 4.8vw;
        letter-spacing: 1.17vw;
    }

    .pageMenu-title {
        font-size: 3.13vw;
    }

    .pageMenu {
        margin: 13.33vw 0;
    }

    .pageMenu li {
        height: auto;
    }
}

@media (min-width:40.0625em) {

    .pageHeader-bg.ao {
        background: url('../../assets/img/component/page/header-bg/bg_boshu.jpg') 50%;
        background-size: cover;
    }

    .pageHeader-bg {
        background: url(../../assets/img/component/page/header-bg/bg_guide.jpg) 50%;
        background-size: cover;
    }

    .pageHeader-bg.course {
        background: url("../../assets/img/component/page/header-bg/bg_course.jpg") 50%;
        background-size: cover;
    }

    .pageHeader-bg.biyou {
        background: url("../../assets/img/component/page/header-bg/bg_biyou.jpg") 50%;
        background-size: cover;
    }

    .pageHeader-bg.kango {
        background: url(../../assets/img/component/page/header-bg/bg_course_kango.jpg) 50%;
        background-size: cover;
    }

    .pageHeader-bg.kyosei {
        background: url(../../assets/img/component/page/header-bg/bg_course_kyosei.jpg) 50%;
        background-size: cover;
    }

    .pageHeader-bg.event {
        background: url(../../assets/img/component/page/header-bg/event.jpg) 50%;
        background-size: cover;
        background-position: right;
        background-repeat: no-repeat;
    }

    .pageHeader-bg.aoentry {
        background: url(../../assets/img/component/page/header-bg/aoentry.jpg) 50%;
        background-size: cover;
    }

    .pageHeader-bg.foreign {
        background: url(../../assets/img/component/page/header-bg/foreign.jpg) 50%;
        background-size: cover;
    }

    .pageHeader-bg.future {
        background: url(../../assets/img/component/page/header-bg/bg_future.jpg) 50%;
        background-size: cover;
    }

    .pageHeader-bg.student {
        background: url(../../assets/img/component/page/header-bg/bg_admission.jpg) 50%;
        background-size: cover;
    }

    .pageHeader-bg.graduation-voice {
        background: url(../../assets/img/component/page/header-bg/bg_admission.jpg) 50%;
        background-size: cover;
    }

    .pageHeader-bg.kaigyou {
        background: url(../../assets/img/component/page/header-bg/bg_course.jpg) 50%;
        background-size: cover;
    }

    .pageHeader-bg.admission {
        background: url(../../assets/img/component/page/header-bg/bg_admission.jpg) 50%;
        background-size: cover;
    }

    .pageHeader-bg.boshu {
        background: url(../../assets/img/component/page/header-bg/bg_boshu.jpg) 50%;
        background-size: cover;
    }

    /*.pageHeader-bg.foreign,*/
    .pageHeader-bg.university {
        background: url(../../assets/img/component/page/header-bg/university.jpg) 50%;
        background-size: cover;
    }

    .pageHeader-bg.foreign {
        background: url(../../assets/img/component/page/header-bg/bg_boshu.jpg) 50%;
        background-size: cover;
    }

    .pageHeader-bg.contact,
    .pageHeader-bg.entry,
    .pageHeader-bg.request {
        background: url(../../assets/img/component/page/header-bg/form.jpg) 50%;
        background-size: cover;
    }

    .pageMenu-title br,
    .pageMenu .portrait {
        display: none;
    }

    .pageHeader-bg.online {
        background: url(../../assets/img/component/page/header-bg/online.jpg) 50%;
        background-size: cover;
    }

    .pageHeader-bg.entrance {
        background: url(../../assets/img/component/page/header-bg/entrance.png) 50%;
        background-size: cover;
    }

    .pageHeader-bg.guidance {
        background: url(../../assets/img/component/page/header-bg/guidance.png) 50%;
        background-size: cover;
    }

    .pageHeader-bg.gakusetsu {
        background: url(../../assets/img/component/page/header-bg/gakusetsu.png) 50%;
        background-size: cover;
    }
}

@media (max-width:48em) {
    .pageHeader-bg.event {
        background-position: center !important;
    }
}

@media (max-width:40em) {
    .pageHeader-bg.ao {
        background: url(../../assets/img/component/page/header-bg/bg_boshu_sp.jpg) 50%;
        background-size: cover;
    }

    .pageHeader-bg {
        background: url(../../assets/img/component/page/header-bg/bg_guide_sp.jpg) 50%;
        background-size: cover;
    }

    .pageHeader-bg.course {
        background: url(../../assets/img/component/page/header-bg/bg_course_sp.jpg) 50%;
        background-size: cover;
    }

    .pageHeader-bg.biyou {
        background: url(../../assets/img/component/page/header-bg/bg_biyou_sp.jpg) 50%;
        background-size: cover;
    }

    .pageHeader-bg.kango {
        background: url(../../assets/img/component/page/header-bg/bg_course_kango_sp.jpg) 50%;
        background-size: cover;
    }

    .pageHeader-bg.kyosei {
        background: url(../../assets/img/component/page/header-bg/bg_course_kyosei_sp.jpg) 50%;
        background-size: cover;
    }

    .pageHeader-bg.event {
        background: url(../../assets/img/component/page/header-bg/event.jpg) 50%;
        background-size: cover;
    }

    .pageHeader-bg.future {
        background: url(../../assets/img/component/page/header-bg/bg_future_sp.jpg) 50%;
        background-size: cover;
    }

    .pageHeader-bg.student {
        background: url(../../assets/img/component/page/header-bg/bg_admission_sp.jpg) 50%;
        background-size: cover;
    }

    .pageHeader-bg.graduation-voice {
        background: url(../../assets/img/component/page/header-bg/bg_admission_sp.jpg) 50%;
        background-size: cover;
    }

    .pageHeader-bg.kaigyou {
        background: url(../../assets/img/component/page/header-bg/bg_course_sp.jpg) 50%;
        background-size: cover;
    }

    .pageHeader-bg.admission {
        background: url(../../assets/img/component/page/header-bg/bg_admission_sp.jpg) 50%;
        background-size: cover;
    }

    .pageHeader-bg.boshu {
        background: url(../../assets/img/component/page/header-bg/bg_boshu_sp.jpg) 50%;
        background-size: cover;
    }

    .pageHeader-bg.foreign,
    .pageHeader-bg.university {
        background: url(../../assets/img/component/page/header-bg/university-sp.jpg) 50%;
        background-size: cover;
    }

    .pageHeader-bg.foreign {
        background: url(../../assets/img/component/page/header-bg/bg_boshu_sp.jpg) 50%;
        background-size: cover;
    }

    .pageHeader-bg.contact,
    .pageHeader-bg.entry,
    .pageHeader-bg.request {
        background: url(../../assets/img/component/page/header-bg/form-sp.jpg) 100%;
        background-size: cover;
    }

    .pageHeader-bg.aoentry {
        background: url(../../assets/img/component/page/header-bg/aoevent_sp.jpg) 100%;
        background-size: cover;
    }

    .pageHeader-bg.online {
        background: url(../../assets/img/component/page/header-bg/online.jpg) 100%;
        background-size: cover;
    }

    .pageHeader-bg.entrance {
        background: url(../../assets/img/component/page/header-bg/entrance.png) 100%;
        background-size: cover;
    }

    .pageHeader-bg.guidance {
        background: url(../../assets/img/component/page/header-bg/guidance.png) 100%;
        background-size: cover;
    }

    .pageHeader-bg.gakusetsu {
        background: url(../../assets/img/component/page/header-bg/gakusetsu.png) 100%;
        background-size: cover;
    }

    .pageMenu li {
        margin-bottom: 10px;
    }

    .pageMenu .landscape {
        display: none;
    }
}

@media (max-width:30em) {
    /*.pageHeader-title {
        font-size: 1.4rem;
    }*/

    * + .pageAnchor {
        margin-top: 30px;
    }
}

@media (max-width:20em) {
    /*.pageHeader-title {
        font-size: 1.3rem;
    }*/
}

.front .eventInfo {
    display: none;
}

.eventInfo-heading {
    margin-bottom: 30px;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}

.eventInfo-body {
    padding: 40px 30px;
    border: 1px solid #000;
}

.pageEventList-heading {
    margin-bottom: 30px;
    font-weight: bold;
    text-align: center;
}

.frontEvent {
    padding: 28px 0 80px;
}

@media (max-width: 48em) {
    .frontEvent {
        padding: 4vw 0;
    }
}

@media (min-width: 48.0625em) and (max-width: 68.75em) {
    .frontEvent {
        padding: 20px 0 60px;
    }

    .pageHeader-title {
        font-size: 2.36vw;
        max-width: 107.27vw;
    }
}

.frontEvent-body {
    margin-bottom: 37px;
}

@media (max-width: 48em) {
    .frontEvent-body {
        margin-bottom: 0;
    }
}

.eventList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
}

.eventList .box {
    width: 23.898%;
    padding: 6px;
    background: #ecf1f8;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    max-width: 280px;
}

@media (min-width: 1101px) {
    .eventList.secondary-eventList {
        justify-content: center;
    }

    .eventList.secondary-eventList .box {
        width: 280px;
        margin-right: 20px;
    }

    .eventList.secondary-eventList .box:last-child {
        margin-right: 0;
    }
}

@media (min-width: 1101px) and (max-width: 1311px) {
    .eventList.secondary-eventList .box {
        width: 21.358vw;
        margin-right: 1.52vw;
    }
}



@media (max-width: 48em) {
    .eventList .box {
        width: 48.5%;
        margin-bottom: 3.467vw;
        padding: 0.8vw 0.8vw 0 0.8vw;
    }

    .eventList.secondary-eventList .box {
        width: 48.5%;
        max-width: 50%;
    }
}

@media (min-width: 48.0625em) and (max-width: 68.75em) {
    .eventList .box {
        width: 48.5%;
        margin-bottom: 24px;
        max-width: 100%;
    }
}

.pageEventList {
    margin-bottom: 25px;
}

.primary-eventList {
    margin-bottom: 24px;
}

@media (max-width:68.75em) {
    .primary-eventList {
        display: block;
    }
}


.eventList.primary-eventList .box {
    width: 32.36%;
    padding: 8px 8px 0 8px;
    max-width: 380px;
    border-bottom: 9px solid #2776c7;
}

@media (max-width: 48em) {
    .eventList.primary-eventList .box {
        width: 100%;
        margin-bottom: 3.2vw;
        padding: 0.8vw 0.8vw 0 0.8vw;
        max-width: 100%;
        border-bottom: 0.8vw solid #2776c7;
    }
}

@media (min-width: 48.0625em) and (max-width: 68.75em) {
    .eventList.primary-eventList .box {
        width: 100%;
        margin-bottom: 24px;
        max-width: 100%;
    }

    .eventList.secondary-eventList .box {
        width: 48.5%;
    }

    .eventList .text {
        padding-top: 16px;
    }

    .eventList.primary-eventList .bg {
        background-size: auto !important;
    }

    .primary-eventList .bg.halftaiken {
        background-position: right top;
    }

    .primary-eventList .bg.gakusetsu {
        background-position: right top;
    }
}

.eventList .link {
    color: #fff;
    font-size: 14px;
}

.frontEvent .eventList.primary-eventList .head {
    display: inline-block;
    width: 55%;
    margin-bottom: 10px;
    padding: 6px;
    background-color: #2776c7;
    max-width: 200px;
    min-height: 35px;
}

.frontEvent .eventList .head {
    width: 75%;
    padding: 2px 8px;
    background-color: #fff;
    max-width: 202px;
    min-height: 35px;
}

.frontEvent .eventList .head.static {
    width: 55%;
    max-width: 155px;
}

.frontEvent .date,
.frontEvent .next {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
}

.frontEvent .eventList .next {
    padding-left: 7px;
    background: #fff;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: capitalize;
}

.frontEvent .eventList.primary-eventList .next {
    background: #2776c7;
    color: #fff;
}

.frontEvent .eventList .date {
    display: none;
    position: relative;
    line-height: 1;
    margin-left: 8px;
    color: #000;
    font-family: 'DMSansBold';
    font-size: 28px;
    letter-spacing: 0;
}

.frontEvent .eventList.primary-eventList .date {
    color: #fff;
}

.frontEvent .eventList.secondary-eventList .date.is-end {
    line-height: 1.2;
    font-size: 12px;
}

.frontEvent .eventList.primary-eventList .date .day-of-the-week {
    position: absolute;
    top: 52%;
    transform: translateY(-50%);

}

.eventList .date.is-show {
    display: inline-block;
}

.eventList .date .day-of-the-week.saturday {
    color: #3574af;
}

.eventList .date .day-of-the-week.sunday {
    color: #f6438a;
}

.eventList .date.is-end {
    font-size: 16px;
    font-weight: bold;
}

.primary-eventList .date.is-end {
    font-size: 16px;
    font-weight: bold;
}

.frontEvent .date .day-of-the-week {
    display: inline-block;
    margin-left: 5px;
    color: #3574af;
    font-size: 1.1vw;
    font-weight: bold;
    text-align: center;
}

.frontEvent .eventList.primary-eventList .date .day-of-the-week {
    position: absolute;
    top: 52%;
    width: 23px;
    height: 23px;
    line-height: 1.5;
    margin-left: 0.35vw;
    background: #fff;
    font-size: 16px;
    transform: translateY(-50%);
    border-radius: 50px;
}

.frontEvent .date .day-of-the-week.saturday {
    color: #3574af;
}

.frontEvent .date .day-of-the-week.sunday {
    color: #f6438a;
}

.frontEvent .secondary-eventList .date .day-of-the-week {
    line-height: 1.7;
    margin-left: 10px;
    font-size: 14px;
}


.eventList .body {
    position: relative;
    height: 120px;
    overflow: hidden;
}


@media (min-width: 48.0625em) and (max-width: 68.75em) {
    .eventList .body {
        height: 130px;
    }

    .frontEvent .eventList.secondary-eventList .date {
        line-height: 1;
    }
}

.eventList .text {
    padding: 15px 20px 0;
}

/*.eventList.secondary-eventList .text {
    padding: 7px 8px 0;
}*/

.frontEvent .eventList .name {
    line-height: 1.3;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-size: 21px;
    font-weight: 900;
    white-space: nowrap;
}

.eventList.primary-eventList .body {
    height: 210px;
}

@media (min-width: 48.0625em) and (max-width: 68.75em) {
    .eventList .text {
        padding-top: 16px;
    }
}

@media (max-width: 48em) {
    .eventList.primary-eventList .body {
        height: 26.8vw;
    }

    .frontEvent .eventList.primary-eventList .date .day-of-the-week {
        width: 4.17vw;
        height: 4.17vw;
        line-height: 1.4;
        margin-left: 1.04vw;
        font-size: 3.13vw;
    }
}

.primary-eventList .text {
    width: 60%;
    padding: 16px 0 0 17px;
    color: #000;
}

@media (max-width: 48em) {
    .primary-eventList .text {
        padding: 2.933vw 2.267vw 0 2.267vw;
    }
}

.eventList .body > * {
    position: relative;
    z-index: 2;
}

.eventList .body:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-image: url(../../assets/img/common/dot-black.png);
    background-repeat: repeat;
    content: '';
}

.primary-eventList .body:before {
    width: 66%;
    height: 100%;
    background: #ecf1f8;
}

.eventList .body .add-txt {
    line-height: 1.3;
    margin-top: 5px;
}

.eventList .body .add-txt.sp {
    display: none;
}

.eventList .bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}

.eventList .bg.taiken {
    background-image: url(../../assets/img/component/event/taiken.jpg);
    background-size: cover;
    background-position: center;
}

.eventList .bg.sogo {
    background-image: url(../../assets/img/component/event/sogo.jpg);
    background-size: cover;
    background-position: center;
}

.eventList .bg.other {
    background-image: url(../../assets/img/component/event/other.jpg);
    background-size: cover;
    background-position: center;
}

.eventList .bg.kobetsusoudan {
    background-image: url(../../assets/img/component/event/kobetsusoudan.jpg);
    background-size: cover;
    background-position: center;
}

.primary-eventList .bg.guidance {
    background-image: url(../../assets/img/component/event/bg_guidance.jpg);
    background-size: cover;
    background-position: right top;
    background-repeat: no-repeat;
}

.primary-eventList .bg.gakusetsu {
    background-image: url(../../assets/img/component/event/bg_gakusetsu.jpg);
    background-size: 80%;
    background-position: right -65% top 73%;
    background-repeat: no-repeat;
}

.primary-eventList .bg.halftaiken {
    background-image: url(../../assets/img/component/event/bg_halftaiken.jpg);
    background-size: 90%;
    background-position: right -32% top;
    background-repeat: no-repeat;
}

.primary-eventList .bg.other {
    background-image: url(../../assets/img/component/event/other.jpg);
    background-size: cover;
    background-position: center;
}

.frontEvent .primary-eventList .name {
    color: #333;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-size: 26px;
    font-weight: 900;
}

.frontEvent .name span {
    display: block;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-size: 16px;
    font-weight: 700;
}

.frontEvent .time {
    display: block;
    margin-bottom: 10px;
    font-family: 'DMSansSemiBold', sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.7px;
}

.frontEvent .primary-eventList .time {
    margin: 5px;
}

.frontEvent .time .icon {
    margin: -2px .3em 0 0;
}

.frontEvent p {
    line-height: 1.6;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-weight: 500;
}

.frontEvent .frontEvent-banner {
    width: 100%;
    margin: 0 auto 37px;
    max-width: 552px;
}

.frontEvent .frontEvent-banner a:hover {
    opacity: 0.6;
}

.frontEvent .frontEvent-btn {
    text-align: center;
}

.frontEvent .frontEvent-btn .button {
    width: 360px;
    margin: 0 auto;
    padding: 20px 38px;
    border: 1px solid #2776c7;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
}

.frontEvent .frontEvent-btn .button.arrow-white::after {
    right: 40px;
}

.frontEvent .frontEvent-btn .button:hover {
    background-color: #fff;
    color: #2776c7;
    opacity: 1;
}

.primary-eventList .inr-text {
    padding: 50px 20px;
    color: #333;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-weight: 700;
}

@media (min-width: 48.0625em) and (max-width: 68.75em) {
    .primary-eventList .body:before {
        width: 65%;
    }

    .primary-eventList .text {
        width: 60%;
        /*padding: 20px 0px 0 17px;*/
    }

    .primary-eventList .date.is-end {
        font-size: 13px;
    }

    .primary-eventList .bg.halftaiken {
        background-position: right top;
    }

    .primary-eventList .bg.gakusetsu {
        background-position: right top;
    }

    /* primary-event tablet */
    .frontEvent .eventList.primary-eventList .head {
        width: 50%;
        max-width: 250px;
    }

    .frontEvent .eventList.primary-eventList .next {
        font-size: 18px;
    }

    .frontEvent .eventList.primary-eventList .date {
        font-size: 34px;
    }

    .frontEvent .eventList .date.is-end {
        line-height: 1.4;
        font-size: 18px;
    }

    .frontEvent .eventList.primary-eventList .date .day-of-the-week {
        margin-left: 1.15vw;
    }

    .primary-eventList .text {
        padding: 6px 0 0 17px;
    }

    .frontEvent .primary-eventList .name {
        font-size: 30px;
    }

    .frontEvent .primary-eventList .name span {
        font-size: 20px;
    }

    .frontEvent .primary-eventList .time {
        font-size: 18px;
    }

    .frontEvent .primary-eventList p {
        font-size: 16px;
    }
}


@media (min-width:48.0625em) {
    .eventList .bg {
        -webkit-transition: -webkit-transform 1s;
        transition: -webkit-transform 1s;
        transition: transform 1s;
        transition: transform 1s, -webkit-transform 1s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .eventList .link:hover .bg {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}


@media (min-width:40.0625em) {
    /*.pageEventList-inner {
        border: 1px solid #000;
        padding: 40px 30px
    }*/

    .pageEventList-heading {
        font-size: 22px;
    }
}

@media (max-width: 48em) {

    .primary-eventList .bg.gakusetsu,
    .primary-eventList .bg.guidance {
        background-size: 50%;
        background-position: right top;
    }

    .frontEvent .eventList .next {
        font-size: 3.2vw;
    }

    .frontEvent .eventList.secondary-eventList .next {
        padding: 0 0.4vw 0 0;
    }

    .frontEvent .secondary-eventList .date .day-of-the-week {
        top: 68%;
        margin-left: 0;
        font-size: 2.133vw;
    }

    /*.frontEvent .eventList .date {
        font-size: 5.333vw;
    }*/

    .frontEvent .eventList .date {
        font-size: 5.333vw;
    }


    .frontEvent .eventList .date.is-end {
        line-height: normal;
        margin-left: 0;
        font-size: 2.8vw;
    }

    .frontEvent .eventList.secondary-eventList .date.is-end {
        font-size: 2.6vw;
    }

    .frontEvent .date .day-of-the-week {
        top: 49%;
        width: 4.4vw;
        height: 4.4vw;
        line-height: 1.6;
        font-size: 3.2vw;
    }

    .frontEvent .name span {
        font-size: 3.2vw;
    }

    .frontEvent .secondary-eventList .name span {
        font-size: 2.5vw;
    }

    .eventList .text {
        padding: 2.9vw 2.4vw 0;
    }

    .eventList.primary-eventList .text {
        padding: 0.8vw 2.4vw 0;
    }

    .frontEvent .time {
        font-size: 3.2vw;
    }

    .frontEvent .secondary-eventList .time {
        margin-top: 0;
        font-size: 2.6vw;
    }

    .frontEvent p {
        display: none;
    }

    .eventList.primary-eventList .inr-text {
        padding: 0.667vw 1.067vw;
    }

    .frontEvent .eventList.primary-eventList .name {
        font-size: 5.7vw;
    }

    .eventList.primary-eventList .inr-text p {
        display: none;
    }

    .eventList.primary-eventList .body:before {
        width: 59%;
    }

    .eventList.primary-eventList .bg.halftaiken {
        background-position: right top;
    }

    .frontEvent .eventList .name {
        font-size: 3.267vw;
    }

    .frontEvent .frontEvent-banner {
        width: 85%;
        margin: 0 auto 8.333vw;
    }

    .frontEvent .frontEvent-btn .button {
        width: 64vw;
        padding: 3.6vw 7.467vw;
        font-size: 3.2vw;
    }

    .frontEvent .frontEvent-btn .button.arrow-white::after {
        right: 7.467vw;
        width: 4.667vw;
        height: 1.867vw;
        background-size: 100%;
    }

    .eventList .body {
        height: 20.33vw;
    }

    .frontEvent .eventList .head {
        width: 100%;
        padding: 0 2.267vw;
        max-width: 100%;
        min-height: auto;
    }

    .frontEvent .eventList .head.static {
        width: 100%;
        max-width: 100%;
    }

    .frontEvent .eventList.primary-eventList .head {
        width: 45%;
        margin-bottom: 1.333vw;
        padding: 1.067vw 0.467vw 1.067vw;
        max-width: 37vw;
    }

    .eventList .bg.taiken {
        background-image: url(../../assets/img/component/event/taiken-sp.jpg);
        background-size: cover;
        background-position: center;
    }

    .frontEvent .primary-eventList .time {
        margin: 0;
    }
}



@media (max-width:40em) {
    .frontEvent .primary-eventList .name {
        font-size: 5.333vw;
    }

    /*.eventList .body {
        height: 28.933vw;
    }*/
}

.indexList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
}

.indexList-box-title {
    font-weight: bold;
    border-bottom: 1px solid #999;
}

.indexList-box-title .icon {
    display: none;
    position: absolute;
    top: 42%;
    left: 0;
    color: #2776c7;
    font-size: 11px;
    transform: translateY(-42%);
}

.indexList-box .button {
    padding: .7em 0 .6em;
}

.indexList-box .cmn-btn {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 40%;
    padding: .5em 1.6em;
    font-size: 14px;
}

.indexList-box .cmn-btn::after {
    right: 1.6em;
}

.indexList-box {
    position: relative;
    height: 190px;
    font-size: 14px;
}

@media (min-width:80.0625em) {
    .indexList-box {
        width: 46.26168%;
        /*height: 190px;*/
    }

    .indexList-box-title {
        font-size: 18px;
    }

    .indexList-box .button {
        width: calc(40.6% - 20px);
    }
}

@media (max-width:80em) {
    .indexList-box {
        width: 48%;
        /*height: 255px;*/
        margin-bottom: -80px;
    }

    .indexList-box .button {
        left: 0;
        width: 50%;
    }
}

@media (min-width:68.8125em) {
    .indexList-box-img {
        width: 190px;
    }

    .indexList-box-body {
        width: auto;
    }
}

@media (max-width:68.75em) {
    .indexList-box {
        height: auto;
        padding-bottom: 65px;
    }

    .indexList-box-img {
        width: 39.4%;
    }

    .indexList-box-body {
        width: 60.6%;
    }

    .indexList-box .cmn-btn {
        left: 50%;
        width: 50%;
        transform: translateX(-50%);
    }
}

@media (min-width:48.0625em) {
    * + .indexList {
        margin-top: 70px;
    }

    .indexList {
        margin-bottom: -80px;
    }

    .indexList-box {
        position: relative;
        margin-bottom: 80px;
    }

    .indexList-box a {
        display: table;
        width: 100%;
    }

    .indexList-box-body,
    .indexList-box-img {
        display: table-cell;
        vertical-align: top;
    }

    .indexList-box-body {
        padding-left: 20px;
    }

    .indexList-box-img img {
        display: block;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
    }

    .indexList-box a:hover img {
        opacity: .6;
    }

    .indexList-box-title {
        margin-bottom: .5em;
        padding-bottom: .5em;
        font-size: 16px;
    }

    .indexList-box .button {
        position: absolute;
        right: 0;
        bottom: 0;
    }
}

@media (max-width:48em) {
    * + .indexList {
        margin-top: 30px;
    }

    .indexList {
        height: auto;
        margin-bottom: -50px;
    }

    .indexList-box {
        height: auto;
        margin-bottom: 50px;
        padding-bottom: 0;
    }

    .indexList-box-body,
    .indexList-box-img {
        width: 100%;
    }

    .indexList-box-title {
        position: relative;
        margin-top: 1em;
        margin-bottom: .7em;
        padding-bottom: .7em;
        padding-left: 20px;
        font-size: 1.1rem;
    }

    .indexList-box-title .icon {
        display: block;
    }

    .indexList-box .button {
        display: none;
    }

    .indexList-box .cmn-btn {
        display: none;
    }
}

@media (max-width:20em) {
    .indexList-box-title {
        margin-bottom: 0;
        font-size: 1rem;
        border-bottom: 0;
    }
}

.frontNews {
    padding: 72px 0;
}

/*@media (min-width: 48.0625em) and (max-width: 68.75em) {
    .frontNews {
        padding: 60px 0;
    }
}*/

.frontNews-body {
    width: 100%;
    overflow: hidden;
}

.frontNews .frontNews-box {
    width: 65%;
    max-width: 767px;
}

@media (max-width:68.75em) {
    .frontNews .frontNews-box {
        width: 100%;
        max-width: 100%;
    }
}

.news-btns {
    display: flex;
    align-items: center;
    padding-bottom: 26px;
}

ul.ul-menu-news {
    display: flex;
    justify-content: start;
    align-items: center;
}

ul.ul-menu-news li {
    display: block;
    margin-right: 5px;
}

ul.ul-menu-news li span {
    display: block;
    position: relative;
    width: 92px;
    padding-left: 20px;
    color: #626262;
    font-weight: bold;
    letter-spacing: 2.5px;
    cursor: pointer;
}

ul.ul-menu-news .li-examinee span,
ul.ul-menu-news .li-student span {
    width: 156px;
}

ul.ul-menu-news li.current span {
    color: #2776c7;
}

ul.ul-menu-news li span::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 10px;
    height: 10px;
    background-color: #2776c7;
    content: "";
    transform: translateY(-50%) scale(0);
    transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    border-radius: 50%;
}

ul.ul-menu-news li.current span::before {
    transform: translateY(-50%) scale(1);
}



div.div-news-list dl dt {
    float: left;
    clear: both;
    width: 14em;
    height: 72px;
    line-height: 50px;
    padding: 10px 0;
    color: #959595;
    font-family: 'DMSansBold';
    letter-spacing: 0px;
    border-bottom: 1px solid #626262;
}

div.div-news-list dl dt.date-term {
    display: flex;
    align-items: center;
    width: 19em;
}

div.div-news-list dl dt span:not(.news-date) {
    line-height: normal;
    margin-right: 12px;
    margin-left: 12px;
    padding: 4px 8px;
    border: 1px solid;
    font-size: 10px;
    letter-spacing: 1px;
}

div.div-news-list dl dt.date-term span:not(.news-date) {
    margin-left: 0;
}

div.div-news-list dl dt span.news-date {
    display: inline-block;
    width: 45%;
}

div.div-news-list dl dt.date-term span.news-date {
    width: 32%;
}

div.div-news-list dl dd {
    display: block;
    height: 72px;
    line-height: 50px;
    margin-left: 13.4em;
    padding: 10px 0;
    border-bottom: 1px solid #626262;
}

div.div-news-list dl dd a {
    display: -webkit-box;
    overflow: hidden;
    padding-right: 20px;
    color: #626262;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-weight: 700;
    transition: all .3s ease-in-out;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

div.div-news-list dl dd a:hover {
    text-decoration: underline;
}

.text-right {
    position: relative !important;
    width: 100%;
    margin-top: 20px !important;
    text-align: right !important;
}

.text-right a {
    position: relative !important;
    right: 0 !important;
}


/*.newsList+.newsList {
  border-top: 1px dotted;
  border-color: #cfd0d6;
}

.newsList+.newsList a {
  padding-top: 10px;
}

.front .newsList+.newsList a {
  padding: 15px 0;
}

.newsList a {
  padding-bottom: 10px;
}

.newsList a:hover .newsList-title {
  text-decoration: underline;
}

.newsList-title {
  font-size: 1.17rem;
}

.newsList time {
  margin-right: 50px;
  padding-top: 2px;
  font-size: 1.1rem;
  font-weight: 500;
  white-space: nowrap;
  letter-spacing: 0;
}*/

.frontNews-heading .ja {
    margin-left: 6px;
}

.frontNews-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
}

.frontNews-sns-icon ul {
    display: flex;
    justify-content: center;
    margin-bottom: 23px;
}

.frontNews-sns-icon ul li {
    margin-right: 23px;
}

.frontNews-sns-icon ul li:last-child {
    margin-right: 0;
}

.frontNews-sns-icon ul li img {
    width: 50px;
    height: 50px;
}

.frontNews-sns-icon ul li a {
    display: inline-block;
}

.frontNews-sns-icon ul li a:hover {
    opacity: 0.6;
}

.frontNews-sns .frontNews-sns-tit {
    margin-bottom: 13px;
    color: #2776c7;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-size: 21px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 4px;
}

.frontNews-banner a:hover {
    opacity: 0.6;
}


@media (max-width:48em) {

    .frontNews-heading .ja {
        margin-left: 0;
    }
}

.frontNews-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
}

/*.frontNews-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px
}*/

.front-section-heading.frontNews-heading {
    display: flex;
    align-items: center;
    margin-bottom: 21px;
}

.frontNews .button {
    width: 144px;
    margin-right: 0;
    padding: 10px 0;
    letter-spacing: 3px;
}

@media (max-width: 48em) {
    .frontNews-button {
        margin-top: 5.333vw;
        text-align: center;
    }

    .frontNews .button {
        position: relative;
        width: 64vw;
        margin: 0 auto;
        padding: 3.6vw 7.467vw;
        font-size: 3.2vw;
        text-align: left;
        letter-spacing: 0.267vw;
    }

}

.frontNews .text-right {
    position: absolute !important;
    top: 0;
    right: 0;
}

.frontNews .frontNews-sns {
    width: 32.3%;
    margin-top: -12px;
    max-width: 380px;
}

@media (max-width: 48em) {
    .frontNews .frontNews-sns {
        width: 100%;
        margin: 0;
        padding: 17.333vw 0;
        max-width: 100%;
    }
}

@media (min-width: 48.0625em) and (max-width: 68.75em) {
    .frontNews .frontNews-sns {
        width: 100%;
        margin-top: 50px;
        text-align: center;
        max-width: 100%;
    }

}




@media (max-width: 48em) {
    .frontNews {
        padding: 15.733vw 0 0;
    }

    ul.ul-menu-news .li-examinee span {
        width: 30.267vw;
    }

    ul.ul-menu-news .li-student span {
        width: 32.267vw;
    }

    ul.ul-menu-news li span::before {
        width: 3.1vw;
        height: 3.1vw;
    }

    /*.front .newsList+.newsList {
    border-top: 1px dotted #ccc;
  }

  .front .newsList time {
    margin-bottom: .5em;
    color: #333;
    font-weight: bold;
  }*/


    div.div-news-list dl dt {
        float: none;
        width: 100%;
        height: auto;
        padding: 2.4vw 0 0 0;
        border: none;
        font-size: 3.2vw;
    }

    div.div-news-list dl dd {
        height: auto;
        line-height: 1.8em;
        margin: 0;
        padding: 2.2vw 0 3.8vw;
    }



    div.div-news-list dl dt span:not(.news-date) {
        margin-right: 2vw;
        margin-left: 2vw;
        padding: 0.933vw 1.333vw;
        border: 0.133vw solid;
        font-size: 3.13vw;
        letter-spacing: 0.133vw;
    }

    div.div-news-list dl dt span.news-date {
        padding: 0.933vw 1.333vw;
        font-size: 3.13vw;
        letter-spacing: 0.133vw;
    }

    div.div-news-list dl dt.date-term {
        width: 20em;
    }

    div.div-news-list dl dt.date-term span.news-date {
        width: 25%;
    }

    div.div-news-list dl dt.date-term span.news-date {
        width: 35.2%;
    }

    div.div-news-list dl dd a {
        font-size: 3.2vw;
    }

    .frontNews {
        width: 100%;
        margin-bottom: 4vw;
    }

    .frontNews-container,
    .frontNews-head {
        display: block;
    }

    .front-section-heading.frontNews-heading {
        display: block;
        margin-bottom: 5.6vw;
    }

    .frontNews-sns .frontNews-sns-tit {
        font-size: 5.333vw;
    }

    .frontNews-sns-icon ul {
        margin-bottom: 8.8vw;
    }

    .frontNews-sns-icon ul li {
        margin-right: 4vw;
    }

    .frontNews-sns-icon ul li:last-child {
        margin-right: 0;
    }

    .frontNews-sns-icon ul li img {
        width: 13.02vw;
        height: 13.02vw;
    }


    ul.ul-menu-news li span {
        width: 14.4vw;
        line-height: 4.8vw;
        margin-right: 1.333vw;
        padding-left: 5.2vw;
        font-size: 3.2vw;
        letter-spacing: 0.667vw;
    }

    .news-btns {
        padding-bottom: 3.6vw;
    }

}

/*@media (max-width:40em) {

  .newsList-title,
  .newsList time {
    font-size: 1rem;
  }
}

@media (min-width:30.0625em) {
  .newsList a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}*/

@media (max-width:30em) {
    ul.ul-menu-news li span::before {
        width: 2.5vw;
        height: 2.5vw;
    }

    /*.newsList a {
    display: block;
  }*/
}

/*.newsDetail .date {
  display: block;
  margin-bottom: 2em;
  font-weight: bold;
}*/

.newsDetail h2 {
    position: relative;
    line-height: 1.5;
    margin-bottom: 60px;
    padding-bottom: 28px;
    color: #626262;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-size: 24px;
    font-weight: 700;
    border-bottom: 1px solid #ccc;
}

.newsDetail h3:not([class]) {
    line-height: 1.6;
    margin-top: 64px;
    margin-bottom: 40px;
    color: #2776c7;
    font-size: 21px;
    font-weight: 500;
}

.newsDetail h4:not([class]) {
    line-height: 1.6;
    margin-top: 64px;
    margin-bottom: 40px;
    color: #333;
    font-size: 18px;
    font-weight: 500;
}

.newsDetail h5:not([class]) {
    line-height: 1.6;
    margin-top: 64px;
    margin-bottom: 40px;
    color: #2776c7;
    font-size: 16px;
    font-weight: 500;
}

/*.newsDetail h2+h2 {
  margin-top: 2.5em;
}

.newsDetail p+h2 {
  margin-top: 2rem;
}

.newsDetail p+h3 {
  margin-top: 1.5em;
}*/

.newsDetail p {
    line-height: 1.75;
    margin: 0;
    color: #333;
    font-size: 16px;
    font-weight: 500;
}

.newsDetail p a[href]:not([class]) {
    display: inline;
    color: #2776c7;
    font-size: 16px;
    text-decoration: underline;
    transition: all 0.3s ease;
}

.newsDetail p a[href]:not([class]):hover {
    text-decoration: none;
}

.newsDetail img:not([class]),
.newsDetail p img:not([class]) {
    display: block;
    margin: 0 auto;
}

.newsDetail p + div,
.newsDetail p + p {
    margin-top: 1.8em;
}

.newsDetail img {
    display: block;
    margin: 0 auto 1.5em;
}

.newsDetail .video-container {
    position: relative;
    margin-bottom: 2em;
    padding-top: 56%;
}

.newsDetail .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.postNav {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 70px;
    margin-bottom: 128px;
    padding-top: 30px;
    border-top: 1px solid #ccc;
}

/*.postNav-all,
.postNav-next,
.postNav-prev {
  display: table-cell;
  vertical-align: middle;
}*/

/*.postNav-all {
  margin: 0 1em;
  border: 1px solid #9a9eb6;
  text-align: center;
  white-space: nowrap;
  border-width: 0 1px;
}*/

/*@media (min-width:48.0625em) {*/

/*.postNav-all,
  .postNav-next,
  .postNav-prev {
    width: 33.3333%;
  }*/

.postNav-all {
    display: inline-block;
    position: relative;
    line-height: 1;
    margin: 0 20px;
    padding: 15px 20px;
    background-color: #2776c7;
    color: #fff;
    font-size: 16px;
    text-align: center;
    transition: all 0.3s ease;
    border-radius: 30px;
}

.postNav-all:hover,
.postNav-next,
.postNav-prev {
    background-color: #ecf1f8;
    color: #2776c7;
}

.postNav-next,
.postNav-prev {
    width: 60px;
    height: 46px;
    background: url("../../assets/img/common/ico-btn-arr.svg") no-repeat center center #ecf1f8;
    background-size: 60%;
    text-align: center;
    transition: all 0.3s ease;
    border-radius: 30px;
}

.postNav-prev {
    transform: rotate(180deg);
}

.postNav-next:hover,
.postNav-prev:hover {
    background: url("../../assets/img/common/icon-white-arr.png") no-repeat center center #2776c7;
    background-size: 60%;
}

/*}*/


[class*=" icon-"],
[class^=icon-] {
    display: inline-block;
    line-height: 1;
    font-family: 'chuoa-icon' !important;
    font-weight: normal;
    vertical-align: middle;
    text-transform: none;
    speak: none;
    font-style: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-leaf-circle-mono:before {
    display: inline-block;
    width: 1.1em;
    content: url("../../assets/img/common/leaf-circle-mono.svg");
}

.icon-cross-circle-mono:before {
    display: inline-block;
    width: 1.1em;
    content: url("../../assets/img/common/cross-circle-mono.svg");
}

.icon-scissors-circle-mono:before {
    display: inline-block;
    width: 1.1em;
    content: url("../../assets/img/common/scissors-circle-mono.svg");
}

.icon-leaf-circle:before {
    display: inline-block;
    width: 3em;
    /*content: url("../../assets/img/common/leaf-circle.svg");*/
    content: url("../../assets/img/common/leaf-circle.png");
}

.icon-cross-circle:before {
    display: inline-block;
    width: 2.9em;
    /*content: url("../../assets/img/common/cross-circle.svg");*/
    content: url("../../assets/img/common/cross-circle.png");
}

.icon-scissors-circle:before {
    display: inline-block;
    width: 2.6em;
    /*content: url("../../assets/img/common/scissors-circle.svg");*/
    content: url("../../assets/img/common/scissors-circle.png");
}

.icon-online:before {
    display: inline-block;
    width: 1.1em;
    content: url("../../assets/img/common/online.svg");
}

.icon-calendar:before {
    content: "\e95a";
}

.icon-instagram:before {
    content: "\e95b";
}

#drawerMenu .drawerMenu-secondary .icon-instagram:before {
    font-size: 3.26vw;
}

.icon-book-shelf:before {
    content: "\e959";
}

.icon-money-pig:before {
    content: "\e956";
}

.icon-handshake:before {
    content: "\e957";
}

.icon-key:before {
    content: "\e958";
}

.icon-washroom:before {
    content: "\e953";
}

.icon-air-condition:before {
    content: "\e938";
}

.icon-bed:before {
    content: "\e939";
}

.icon-bunkbeds:before {
    content: "\e93a";
}

.icon-chair:before {
    content: "\e93b";
}

.icon-cleaner:before {
    content: "\e93c";
}

.icon-closet:before {
    content: "\e93d";
}

.icon-desk:before {
    content: "\e93e";
}

.icon-cutlery:before {
    content: "\e93f";
}

.icon-elevator:before {
    content: "\e940";
}

.icon-dining-table:before {
    content: "\e941";
}

.icon-Interphone:before {
    content: "\e942";
}

.icon-low-table:before {
    content: "\e943";
}

.icon-kettle:before {
    content: "\e944";
}

.icon-laundry:before {
    content: "\e945";
}

.icon-learning:before {
    content: "\e946";
}

.icon-mail-box:before {
    content: "\e947";
}

.icon-bicycle:before {
    content: "\e948";
}

.icon-light:before {
    content: "\e949";
}

.icon-reception:before {
    content: "\e94a";
}

.icon-refrigerator:before {
    content: "\e94b";
}

.icon-books:before {
    content: "\e94c";
}

.icon-shoes:before {
    content: "\e94d";
}

.icon-shower:before {
    content: "\e94e";
}

.icon-sofa:before {
    content: "\e94f";
}

.icon-toilet:before {
    content: "\e950";
}

.icon-bathroom:before {
    content: "\e951";
}

.icon-can:before {
    content: "\e952";
}

.icon-water-heater:before {
    content: "\e954";
}

.icon-wifi:before {
    content: "\e955";
}

.icon-baloon:before {
    content: "\e932";
}

.icon-blog:before {
    content: "\e933";
}

.icon-dog2:before {
    content: "\e934";
}

.icon-speaker:before {
    content: "\e935";
}

.icon-pencil2:before {
    content: "\e936";
}

.icon-document2:before {
    content: "\e937";
}

.icon-cup:before {
    content: "\e90a";
}

.icon-dog:before {
    content: "\e90b";
}

.icon-hammer:before {
    content: "\e90c";
}

.icon-injection:before {
    content: "\e90d";
}

.icon-scissors2:before {
    content: "\e90e";
}

.icon-shop:before {
    content: "\e90f";
}

.icon-wheelchair:before {
    content: "\e928";
}

.icon-angle-bottom-circle-border:before {
    content: "\e909";
}

.icon-angle-right-circle-border:before {
    content: "\e92f";
}

.icon-angle-top-circle-border:before {
    content: "\e930";
}

.icon-angle-left-circle-border:before {
    content: "\e931";
}

.icon-medal:before {
    content: "\e904";
}

.icon-change:before {
    content: "\e905";
}

.icon-note:before {
    content: "\e906";
}

.icon-tv:before {
    content: "\e907";
}

.icon-building2:before {
    content: "\e908";
}

.icon-pdf:before {
    content: "\e900";
}

.icon-angle-right:before {
    content: "\e910";
}

.icon-angle-bottom:before {
    content: "\e901";
}

.icon-angle-left:before {
    content: "\e902";
}

.icon-angle-top:before {
    content: "\e903";
}

.icon-arrow-left:before {
    content: "\e911";
}

.icon-arrow-right:before {
    content: "\e929";
}

.icon-arrow-top:before {
    content: "\e92a";
}

.icon-arrow-bottom:before {
    content: "\e92b";
}

.icon-book:before {
    content: "\e912";
}

.icon-building:before {
    content: "\e913";
}

.icon-clock:before {
    content: "\e914";
}

.icon-cross:before {
    content: "\e915";
}

.icon-document:before {
    content: "\e916";
}

.icon-envelop:before {
    content: "\e917";
}

.icon-heart:before {
    content: "\e918";
}

.icon-leaf:before {
    content: "\e919";
}

.icon-map-pin:before {
    content: "\e91a";
}

.icon-necktie:before {
    content: "\e91b";
}

.icon-pencil:before {
    content: "\e91c";
}

.icon-phd:before {
    content: "\e91d";
}

.icon-phone:before {
    content: "\e91e";
}

.icon-plane:before {
    content: "\e91f";
}

.icon-scissors:before {
    content: "\e920";
}

.icon-user:before {
    content: "\e921";
}

.icon-pagetop:before {
    content: "\e922";
}

.icon-line:before {
    content: "\e923";
}

.icon-window:before {
    content: "\e924";
}

.icon-balloon:before {
    content: "\e925";
}

.icon-check:before {
    content: "\e926";
}

.icon-angle-bottom-circle:before {
    content: "\e927";
}

.icon-angle-right-circle:before {
    content: "\e92c";
}

.icon-angle-left-circle:before {
    content: "\e92d";
}

.icon-angle-top-circle:before {
    content: "\e92e";
}

.icon-facebook:before {
    content: "\ea90";
}

.icon-twitter:before {
    content: "\ea96";
}

.icon-black {
    color: #000;
}

.icon-blue {
    color: #3873ed;
}

.icon-blue2 {
    color: #3B90C1;
}

.icon-green {
    color: #2776c7;
}

.icon-pink {
    color: #f6438a;
}

.icon-white {
    color: #fff;
}

.icon-grey {
    color: #9a9eb6;
}

.icon-yellow {
    color: #ec950c;
}

.icon-sm {
    font-size: .9em;
}

.icon-md {
    font-size: 1em;
}

.icon-lg {
    font-size: 1.2em;
}

.icon-xl {
    font-size: 1.5em;
}

.section-heading {
    font-weight: bold;
    border-bottom: 1px solid;
    border-color: #afb3c7;
}

.section-heading span {
    display: inline-block;
    padding-left: .5em;
}

.section-heading .icon {
    margin: -2px .5em 0 0;
    font-size: 1em;
}

.section-subheading {
    margin-bottom: 10px;
    color: #6f748f;
    font-weight: bold;
}

.list + .section-subheading,
.table + .section-subheading,
p:not([class]) + .section-subheading,
table:not([class]) + .section-subheading,
ul:not([class]) + .section-subheading {
    margin-top: 2em;
}

.section-hero {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.section-banner a {
    display: block;
}

.section-banner img {
    margin-right: auto;
    margin-left: auto;
}

@media (min-width:48.0625em) {
    .section-banner img {
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .section-banner a:hover img {
        opacity: .6;
    }

    .sec-courseList {
        padding: 80px 0;
    }
}

@media (min-width:40.0625em) {
    .section-copy {
        margin-bottom: 45px;
        font-size: 1.715rem;
    }

    .section-hero + p {
        margin-top: 60px;
    }

    p + .section-hero {
        margin-top: 50px;
    }

    .section-heading {
        margin-bottom: 30px;
        font-size: 1.715rem;
    }

    section + section > .section-heading {
        margin-top: 100px;
    }

    .section-subheading {
        font-size: 1.23rem;
    }

    .section-banner a:hover img {
        opacity: .6;
    }

    section.anchor {
        margin-top: -58px;
        padding-top: 58px;
    }
}

.globalFooter-visitorLink.anchor {
    margin-top: -100px;
    padding-top: 100px;
}

@media (max-width:40em) {
    .section-copy {
        margin-bottom: 20px;
        font-size: 1.4rem;
    }

    .section-hero + p {
        margin-top: 2em;
    }

    p + .section-hero {
        margin-top: 2em;
    }

    .section-heading {
        margin-bottom: 1em;
        font-size: 1.25rem;
    }

    section + section > .section-heading {
        margin-top: 60px;
    }

    .section-subheading {
        font-size: 1.15rem;
    }

    section.anchor {
        margin-top: -27px;
        padding-top: 27px;
    }
}

dl:not([class]) + dl:not([class]),
p:not([class]) + .img-center,
p:not([class]) + dl,
p:not([class]) + h4,
p:not([class]) + p:not([class]),
p:not([class]) + p[class^=text-],
p:not([class]) + ul,
p:not([class]) + ul:not([class]),
p[class^=text-] + .list,
p[class^=text-] + dl,
p[class^=text-] + p:not([class]),
p[class^=text-] + p[class^=text-],
p[class^=text-] + table,
p[class^=text-] + ul:not([class]),
ul + h4,
ul + p:not([class]) {
    margin-top: 1.25em;
}

dl:not([class]) + table,
p:not([class]) + table,
table + h4,
table + p:not([class]),
table + p[class^=text-] {
    margin-top: 1.5em;
}

h4 + p,
h4 + table {
    margin-top: .5em;
}

ul + .section-heading {
    margin-top: 2em;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-nowrap {
    white-space: nowrap;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.text-bold {
    font-weight: 700;
}

.text-normal {
    font-weight: normal;
}

.text-sm {
    font-size: .9rem;
}

.text-md {
    font-size: 1rem;
}

.text-lg {
    font-size: 1.2rem;
}

.text-xl {
    font-size: 1.5rem;
}

.text-caution {
    color: #cc3333;
}

.text-pink {
    color: #f6438a;
}

.text-blue {
    color: #2776c7;
}

.txt-blue {
    color: #2776c7;
}

.green {
    color: #15ceae !important;
}

.text-green {
    color: #2dc4a9;
}

.text-grey {
    color: #6f748f;
}

.text-dark-grey {
    color: #737477;
}

.text-white {
    color: #fff;
}

.text-underline {
    text-decoration: underline;
}

.text-w3em {
    display: inline-block;
    width: 3em;
    white-space: nowrap;
}

.hankaku {
    display: inline-block;
    padding-left: .5em;
}

.flow-hidden {
    overflow: hidden;
}

@media (max-width:30em) {
    .text-left-sp {
        text-align: left;
    }

    .text-right-sp {
        text-align: right;
    }

    .text-center-sp {
        text-align: center;
    }
}

.list-unstyled > li {
    list-style-type: none;
}

.list-disc {
    padding-left: 1.2em;
}

.list-disc > li {
    list-style-type: disc;
}

.list-disc.is-grey {
    padding-left: 1.2em;
}

.list-disc.is-grey > li {
    color: #2776c7;
    list-style-type: disc;
}

.list-disc.is-grey > li span {
    color: #000;
}

.list-decimal {
    padding-left: 1.4em;
}

.list-decimal > li {
    list-style-type: decimal;
}

.list-num {
    counter-reset: circle-numbering;
}

.list-num > li {
    position: relative;
    line-height: 1.8;
    padding-left: 35px;
    list-style-type: none;
}

.bs-recom .list-num > li {
    font-size: 16px;
}

.list-num > li:before {
    position: absolute;
    top: 0;
    left: 2px;
    z-index: 1;
    width: 25px;
    height: 25px;
    line-height: 24px;
    padding-left: 1px;
    background: #000;
    color: #fff;
    font-size: 16px;
    text-align: center;
    content: counter(circle-numbering, decimal);
    counter-increment: circle-numbering;
    border-radius: 50%;
}

.list-num > li + li {
    margin-top: 1.2em;
}

.list-num.is-grey > li:before {
    background: #2776c7;
}

.list-slash > li {
    display: inline-block;
}

.list-slash > li + li:before {
    padding-right: 5px;
    content: '/';
}

.list.has-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
}

@media (min-width:40.0625em) {
    .list.has-col.col3:after {
        width: 31%;
        content: '';
    }

    .list.col3 > li {
        width: 31%;
    }

    .list.col2 > li {
        width: 48.5%;
    }
}

@media (max-width:40em) {
    .list.col3 > li {
        width: 45%;
    }
}

@media (max-width:30em) {
    .list.col3 > li {
        width: 100%;
    }
}

.button {
    display: inline-block;
    position: relative;
    line-height: 1.4;
    overflow: hidden;
    margin-right: auto;
    margin-left: auto;
    padding: 1.17em 0;
    border: 1px solid #2776c7;
    background: transparent;
    background-color: #2776c7;
    color: #fff;
    text-align: center;
    letter-spacing: .08em;
    text-transform: capitalize;
    cursor: pointer;
    border-radius: 50px;
}

/*.button:hover {
  opacity: 0.6;
}*/

.button:hover {
    background-color: #fff;
    color: #2776c7;
}

.arrow-blue,
.arrow-white {
    position: relative;
}

.arrow-blue {
    font-weight: 700;
    letter-spacing: 6.6px;
}

.arrow-blue::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 30px;
    width: 37px;
    height: 15px;
    background-image: url("../../assets/img/common/ico-btn-arr.svg");
    background-size: contain;
    background-repeat: no-repeat;
    content: '';
    transform: translateY(-50%);
}

.arrow-white::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 40px;
    width: 37px;
    height: 15px;
    background-image: url(../../assets/img/common/icon-white-arr.png);
    background-size: contain;
    background-repeat: no-repeat;
    content: '';
    transform: translateY(-50%);
}

.button.arrow-white:hover::after {
    background-image: url("../../assets/img/common/ico-btn-arr.svg");
}

.globalFooter-sitemap .tab {
    position: relative;
    padding-right: 38px !important;
}

@media (min-width: 48.0625em) and (max-width: 68.75em) {
    .globalFooter-sitemap .tab {
        padding-right: 25px !important;
    }
}

@media (max-width: 48em) {
    .globalFooter-sitemap .tab {
        padding-right: 3.067vw !important;
    }
}

.globalFooter-sitemap .tab::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 14px;
    width: 17px;
    height: 14px;
    background-image: url(../../assets/img/common/icon-window.png);
    background-size: contain;
    background-repeat: no-repeat;
    content: '';
    transform: translateY(-50%);
}

@media (min-width: 48.0625em) and (max-width: 68.75em) {
    .globalFooter-sitemap .tab::after {
        right: 8px;
        width: 12px;
        height: 12px;
    }
}

@media (max-width: 48em) {
    .globalFooter-sitemap .tab::after {
        right: -1.667vw !important;
        width: 2.667vw;
        height: 2.4vw;
    }
}


.button-xl {
    display: block;
    max-width: 540px;
}

.graduation-reunion .button-xl {
    padding: 1.17em;
    max-width: 440px;
}

.button-lg {
    display: block;
}

.button-md {
    width: 240px;
}

.button-sm {
    font-size: 1rem;
}

.button-inline {
    margin-left: 0;
}

.button-block {
    display: block;
}

.button.has-side-blank {
    padding: .8em 4em;
}

.button.has-border {
    border: 2px solid;
    border-color: #2776c7;
}

.button.has-border.button-black:hover {
    border-color: #2776c7;
}

.form .button:hover {
    opacity: 1;
}

.form p {
    color: #333;
}

.form-block {
    display: flex;
}

.form-back a {
    display: inline-block;
}

.extraContact .button.has-border.prep-btn {
    margin-bottom: 10px;
    border: none;
    background: #000;
    color: #fff;
    opacity: 0.5;
}

.extraContact .text-center {
    text-align: center !important;
}

.text-caution.calendar {
    margin-top: 0 !important;
    margin-bottom: 20px;
}

.button.has-border.button-blue {
    border-color: #3873ed;
}

.button.has-border.button-pink {
    border-color: #f6438a;
}

.button.has-border.button-green {
    border-color: #2776c7;
}

.button.has-border.button-red {
    color: #e24a61;
    border-color: #e24a61;
}

.button.has-bg {
    color: #fff;
}

.button.has-bg.button-blue {
    background-color: #3873ed;
}

.button.has-bg.button-pink {
    background-color: #f6438a;
}

.button.has-bg.button-green {
    background-color: #2776c7;
}

.button.has-bg.button-red {
    background-color: #e24a61;
}

.button.has-hover-bg:hover {
    background-color: #000;
    color: #fff;
}

.button.has-hover-bg.button-blue:hover {
    background-color: #3873ed;
}

.button.has-hover-bg.button-pink:hover {
    background-color: #f6438a;
}

.button.has-hover-bg.button-green:hover {
    background-color: #2776c7;
}

.button span {
    position: relative;
    z-index: 1;
}

.button span + .icon {
    position: absolute;
    top: 50%;
    right: 1em;
    font-size: .9em;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.button span .icon {
    margin-right: .5em;
}

@media (min-width:48.0625em) {
    .button {
        -webkit-transition: .4s;
        transition: .4s;
        -webkit-transition-timing-function: cubic-bezier(0.52, 0.08, 0.18, 1);
        transition-timing-function: cubic-bezier(0.52, 0.08, 0.18, 1);
    }

    .button span + .icon {
        -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
        transition: opacity 0.4s, -webkit-transform 0.4s;
        transition: transform 0.4s, opacity 0.4s;
        transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
        -webkit-transition-timing-function: cubic-bezier(0.52, 0.08, 0.18, 1);
        transition-timing-function: cubic-bezier(0.52, 0.08, 0.18, 1);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .button:hover span + .icon {
        -webkit-animation: hover 0.4s 1 forwards;
        animation: hover 0.4s 1 forwards;
    }

    .button.invert:hover {
        color: #000;
    }

    .button.has-border.button-black:hover {
        border-color: #000;
    }

    .button.has-border.button-blue:hover {
        border-color: #3873ed;
    }

    .button.has-border.button-pink:hover {
        border-color: #f6438a;
    }

    .button.has-border.button-green:hover {
        border-color: #2776c7;
    }

    .button.has-border.button-light-blue:hover {
        border-color: #2776c7;
    }
}

@media (min-width:40.0625em) {
    .button-lg {
        display: block;
        max-width: 370px;
    }
}

@media (max-width:20em) {
    .button {
        font-size: .9rem;
    }
}

@-webkit-keyframes hover {
    0% {
        -webkit-transform: translate(0px, -50%);
        transform: translate(0px, -50%);
        opacity: 1;
    }

    50% {
        -webkit-transform: translate(15px, -50%);
        transform: translate(15px, -50%);
        opacity: 0;
    }

    51% {
        -webkit-transform: translate(-15px, -50%);
        transform: translate(-15px, -50%);
        opacity: 0;
    }

    to {
        -webkit-transform: translate(0px, -50%);
        transform: translate(0px, -50%);
        opacity: 1;
    }
}

@keyframes hover {
    0% {
        -webkit-transform: translate(0px, -50%);
        transform: translate(0px, -50%);
        opacity: 1;
    }

    50% {
        -webkit-transform: translate(15px, -50%);
        transform: translate(15px, -50%);
        opacity: 0;
    }

    51% {
        -webkit-transform: translate(-15px, -50%);
        transform: translate(-15px, -50%);
        opacity: 0;
    }

    to {
        -webkit-transform: translate(0px, -50%);
        transform: translate(0px, -50%);
        opacity: 1;
    }
}

.img-center {
    display: block;
    margin: auto;
    text-align: center;
}

.img-wrapper {
    position: relative;
    overflow: hidden;
}

@media (min-width:68.8125em) {
    .img-lg {
        max-width: 515px;
    }
}

@media (max-width:80em) {
    .img-lg {
        max-width: 50%;
    }
}

@media (min-width:48.0625em) {
    .img-left {
        float: left;
        margin: 1.25em 1.25em 0 0;
    }

    .img-right {
        float: right;
        margin: 0 0 1.25em 1.25em;
    }

    .img-sm {
        max-width: 320px;
    }
}

@media (max-width:48em) {

    .img-left,
    .img-right {
        display: block;
        margin-right: auto;
        margin-bottom: 1.5em;
        margin-left: auto;
        text-align: center;
    }

    .img-lg {
        max-width: 100%;
    }
}

table {
    width: 100%;
}

table + table {
    margin-top: 2em;
}

table caption {
    margin-bottom: .5em;
    font-weight: bold;
    text-align: left;
}

.td-grey,
.th-grey {
    background: #e7e8ee;
}

.th-lblue {
    background: #ecf1f8;
}

.td-dark-grey,
.th-dark-grey {
    background: #afb3c7;
}

.td-nowrap,
.th-nowrap {
    white-space: nowrap;
}

.td-v-middle,
.th-v-middle {
    vertical-align: middle;
}

.table-bordered,
.table-bordered2 {
    border-bottom: 1px solid #afb3c7;
}

.bs-recom .table-bordered {
    font-size: 16px;
}

.table-bordered th {
    font-weight: bold;
    text-align: left;
}

.bs-recom .table-bordered th {
    font-weight: 500;
}

.bs-recom .table-bordered td {
    font-size: 15px;
}

.bs-recom a {
    display: inline;
    color: #2776c7;
    text-decoration: underline;
}

.bs-recom .extraContact .button {
    color: #fff;
}

.bs-recom .extraContact .button:hover {
    color: #2776c7;
}

@media (min-width:40.0625em) {
    .table-bordered {
        border-collapse: collapse;
    }

    table td,
    table th {
        padding: 1.2em 1em;
    }

    .table-bordered td,
    .table-bordered th,
    .table-bordered2 td,
    .table-bordered2 th {
        border: 1px solid #afb3c7;
    }

    .table-bordered2 {
        text-align: left;
    }

    .table-bordered2 th {
        font-weight: bold;
    }

    .table-bordered th {
        width: 33.64%;
    }

    .table-multiple th {
        width: 15.42056%;
    }
}

@media (max-width:40em) {

    table td,
    table th {
        padding: 1em 1.25em;
    }

    .table-responsive td,
    .table-responsive th {
        display: block;
    }

    .table-bordered td,
    .table-bordered th,
    .table-bordered2 td,
    .table-bordered2 th {
        border: solid #afb3c7;
    }

    .table-bordered th,
    .table-bordered2 th {
        border-width: 1px;
    }

    .table-bordered td,
    .table-bordered2 td {
        border-width: 1px;
    }

    .table-bordered.table-responsive td {
        border-width: 0 1px;
    }

    .table-responsive2 tr th:first-child {
        width: 22%;
    }

    .table-bordered2 {
        text-align: left;
    }

    .table-bordered2 th {
        font-weight: bold;
    }

}

/*.inner {
    position: relative;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    max-width: 1360px;
}*/

.inner-default {
    width: 90%;
    margin: 0 auto;
    max-width: 1180px;
}

.inner-large {
    max-width: 1280px;
}

/*.pageContainer .inner-default {
  width: 100%;
  max-width: 100%;
}*/

.tb-blank {
    padding-top: 120px;
    padding-bottom: 120px;
}

.t-blank {
    padding-top: 100px;
}

.b-blank {
    padding-bottom: 100px;
}

/*.inside-blank {
    padding-right: 6.2%;
    padding-left: 6.2%;
}*/

.side-blank {
    margin-right: 6.2%;
    margin-left: 6.2%;
}

@media (max-width:40em) {
    .tb-blank {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .t-blank {
        padding-top: 60px;
    }

    .b-blank {
        padding-bottom: 60px;
    }

    /*.inside-blank {
        padding-right: 20px;
        padding-left: 20px;
    }*/

    .side-blank {
        margin-right: 20px;
        margin-left: 20px;
    }
}

@media (max-width:30em) {
    .globalFooter-info {
        padding: 1.5vw 0 13vw;
    }
}

@media (max-width: 24.375em) {
    .globalFooter-info {
        padding: 1vw 0 14vw;
    }
}

@media (min-width:48.0625em) {
    .break-pc {
        display: block !important;
    }

    .break-sp {
        display: none !important;
    }
}

@media (max-width:48em) {
    .break-pc {
        display: none !important;
    }

    .break-sp {
        display: block !important;
    }
}

.bg-grey {
    background: #ecf1f8;
}

.clf {
    *zoom: 1;
}

.clf:after,
.clf:before {
    display: table;
    line-height: 0;
    content: '';
}

.clf:after {
    clear: both;
}

@media (min-width:48.0625em) {
    .has-hover-border-link {
        display: block;
        position: relative;
        overflow: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
}

@media (min-width:48.0625em) {
    .hover-opacity {
        -webkit-transition: opacity 0.4s;
        transition: opacity 0.4s;
        -webkit-transition-timing-function: cubic-bezier(0.52, 0.08, 0.18, 1);
        transition-timing-function: cubic-bezier(0.52, 0.08, 0.18, 1);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .hover-opacity:hover {
        opacity: .6;
    }
}

@media (min-width:48.0625em) {
    .visible-sp {
        display: none !important;
    }
}

@media (max-width:48em) {
    .visible-pc {
        display: none !important;
    }
}

.video-container {
    position: relative;
    padding-top: 56.25%;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.mt0 {
    margin-top: 0 !important;
}

.mt05em {
    margin-top: .5em !important;
}

.mt1em {
    margin-top: 1em !important;
}

.mt2em {
    margin-top: 2em !important;
}

.mt3em {
    margin-top: 3em !important;
}

.mt4em {
    margin-top: 4em !important;
}

.mt5em {
    margin-top: 5em !important;
}

.mt6em {
    margin-top: 6em !important;
}

.mt7em {
    margin-top: 7em !important;
}

.mt8em {
    margin-top: 8em !important;
}

.mt9em {
    margin-top: 9em !important;
}

.mt10em {
    margin-top: 10em !important;
}

.mt0 {
    margin-top: 0 !important;
}

.mt05rem {
    margin-top: .5rem !important;
}

.mt1rem {
    margin-top: 1rem !important;
}

.mt2rem {
    margin-top: 2rem !important;
}

.mt3rem {
    margin-top: 3rem !important;
}

.mt4rem {
    margin-top: 4rem !important;
}

.mt5rem {
    margin-top: 5rem !important;
}

.mt6rem {
    margin-top: 6rem !important;
}

.mt7rem {
    margin-top: 7rem !important;
}

.mt8rem {
    margin-top: 8rem !important;
}

.mt9rem {
    margin-top: 9rem !important;
}

.mt10rem {
    margin-top: 10rem !important;
}

.mt-128 {
    margin-top: 128px !important;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mb05em {
    margin-bottom: .5em !important;
}

.mb1em {
    margin-bottom: 1em !important;
}

.mb2em {
    margin-bottom: 2em !important;
}

.mb3em {
    margin-bottom: 3em !important;
}

.mb4em {
    margin-bottom: 4em !important;
}

.mb5em {
    margin-bottom: 5em !important;
}

.mb6em {
    margin-bottom: 6em !important;
}

.mb7em {
    margin-bottom: 7em !important;
}

.mb8em {
    margin-bottom: 8em !important;
}

.mb9em {
    margin-bottom: 9em !important;
}

.mb10em {
    margin-bottom: 10em !important;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mb05em {
    margin-bottom: .5rem !important;
}

.mb1rem {
    margin-bottom: 1rem !important;
}

.mb2rem {
    margin-bottom: 2rem !important;
}

.mb3rem {
    margin-bottom: 3rem !important;
}

.mb4rem {
    margin-bottom: 4rem !important;
}

.mb5rem {
    margin-bottom: 5rem !important;
}

.mb6rem {
    margin-bottom: 6rem !important;
}

.mb7rem {
    margin-bottom: 7rem !important;
}

.mb8rem {
    margin-bottom: 8rem !important;
}

.mb9rem {
    margin-bottom: 9rem !important;
}

.mb10rem {
    margin-bottom: 10rem !important;
}

.formHeader {
    margin-bottom: 60px;
    color: #333;
    text-align: center;
}

.formFlow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    justify-content: space-between;
    width: 85%;
    margin: 0 auto 30px;
    counter-reset: form-flow-counter;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
}

.formFlow:after {
    display: block;
    position: absolute;
    top: 18px;
    right: 0;
    left: 0;
    width: 67%;
    height: 1px;
    margin: auto;
    background: #2776c7;
    content: '';
}

.formFlow li {
    position: relative;
    width: 33.3333%;
    color: #2776c7;
    text-align: center;
    white-space: nowrap;
}

.formFlow li.current {
    color: #2776c7;
}

.formFlow li:before {
    display: block;
    position: relative;
    z-index: 1;
    width: 35px;
    height: 35px;
    line-height: 35px;
    margin: 0 auto 5px;
    background: #ecf1f8;
    font-size: 21px;
    font-weight: 500;
    letter-spacing: 0;
    content: counter(form-flow-counter);
    counter-increment: form-flow-counter;
    border-radius: 50px;
}

.formFlow li.current:before {
    background: #2776c7;
    color: #fff;
}

.form-box {
    display: table;
    width: 100%;
    padding: 38px 25px;
}

.form-box + .form-box {
    border-top: 1px solid #999;
}

.form-box:first-of-type {
    border-top: 1px solid #999;
}

.form-box:last-of-type {
    border-bottom: 1px solid #999;
}

.form-box.disabled {
    background-color: #fefefe;
    opacity: 0.4;
}

.form-text {
    width: 350px;
    color: #626262;
    font-weight: bold;
    white-space: nowrap;
}

.form-box.textarea-box .form-text {
    padding-top: 16px;
    vertical-align: top;
}

.form-input,
.form-text {
    display: table-cell;
    vertical-align: middle;
}

.form-input {
    color: #333;
}

.form .button:hover {
    background: #2776c7;
    color: #fff;
    border-color: #2776c7;
}

.form-text .optional,
.form-text .require {
    margin-right: 15px;
    padding: 1.5px 12px 3px;
    background: #ecf1f8;
    font-size: 14px;
    font-weight: bold;
}

.form-text .require {
    background: #2776c7;
    color: #fff;
}

.form-text .optional {
    color: #2776c7;
}

.form-text .note {
    display: block;
    padding-left: 5em;
}

.form-input .grade li {
    margin-top: .5em;
}

.form-input .select {
    display: inline-block;
    position: relative;
}

.form-input .select .icon {
    position: absolute;
    top: 50%;
    right: 15px;
    z-index: -1;
    font-size: 13px;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.form-input .select.birth_year .icon,
.form-input .select.birth_month .icon,
.form-input .select.birth_day .icon {
    right: 10px;
}

.form-input select[name=prefecture] {
    width: 180px;
    margin-left: 1em;
}

.form-input select[name=grade2] {
    margin: 0 .5em;
}

.form-input select[name=school_category] {
    width: 190px;
}

.form-input input[name=school_name] {
    margin-top: 1em;
}

.form-input select[name=companion_type] {
    display: block;
    margin-top: .6em;
}

.form-input input[name=companion_number] {
    display: block;
    width: 6em !important;
    margin-top: 1em;
}

.form-input .slash {
    display: inline-block;
    margin: 0 5px;
}

.form-block + .form-block {
    margin-top: 1em;
}

.form-inline {
    display: inline-block;
    margin-right: 1.5em;
}

.form .caution,
.form .error {
    display: block;
    margin-top: .6em;
    color: #cc3333;
    font-size: .9rem;
}

.form .button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    width: 100%;
    margin: 46px auto 0;
    padding: 15px 36px;
    border: 2px solid #2776c7;
    background: #fff;
    color: #2776c7;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-size: 16px;
    font-weight: bold;
    outline: none;
    max-width: 340px;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

.form .button::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 40px;
    width: 38px;
    height: 16px;
    background-image: url(../../assets/img/common/icon-blue-arr.svg);
    background-size: contain;
    background-repeat: no-repeat;
    content: '';
    transform: translateY(-50%);
}

.form .button:hover::after {
    background-image: url(../../assets/img/common/icon-white-arr.svg);
}

.form .button input {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.form-back {
    margin-top: 2em;
    text-align: center;
}

.form-back a {
    color: #2776c7;
    text-decoration: underline;
}

.confirm {
    margin-right: auto;
    margin-left: auto;
    max-width: 800px;
}

.thanks .message {
    margin-bottom: 50px;
    text-align: center;
}

.thanks .message span {
    display: block;
}

.thanks .message .en {
    font-size: 3rem;
    font-weight: 500;
    text-transform: uppercase;
}

.thanks .message .ja {
    font-size: 15px;
    font-weight: bold;
    letter-spacing: .4em;
}

.thanks .tel {
    margin-top: 40px;
    color: #2776c7;
    font-size: 1.57rem;
    font-weight: bold;
    text-align: center;
}

.thanks .tel a {
    display: inline-block;
    color: #2776c7;
    font-family: 'DMSansMedium', sans-serif;
    font-weight: 500;
}

@media (min-width: 48.0625em) and (max-width: 68.75em) {
    .formHeader {
        margin-bottom: 5.45vw;
    }

    .formFlow {
        margin: 0 auto 2.73vw;
    }

    .formFlow li:before {
        width: 3.18vw;
        height: 3.18vw;
        line-height: 3.18vw;
        margin: 0 auto 0.45vw;
        font-size: 1.91vw;
        border-radius: 4.545vw;
    }

    .formFlow:after {
        top: 1.64vw;
        width: 67%;
        height: 0.09vw;
    }

    .form {
        padding-bottom: 11.64vw;
    }

    .form-box {
        padding: 3.45vw 2.27vw;
    }

    .form-text {
        width: 31.82vw;
    }

    .confirm {
        max-width: 72.73vw;
    }

    .form-text .optional,
    .form-text .require {
        margin-right: 1.36vw;
        padding: 0.14vw 1.09vw 0.27vw;
        font-size: 1.27vw;
    }

    .form-input input[type=text],
    .form-input input[type=email],
    .form-input input[type=tel],
    .form-input textarea,
    .form-input select {
        width: 39.09vw;
        height: 4.54vw;
        padding: 1.18vw 1.82vw;
        font-size: 1.45vw;
    }

    .form-input textarea {
        width: 100%;
        height: auto;
        padding: 1.45vw 1.82vw;
    }

    .thanks .tel {
        margin-top: 3.64vw;
    }

    .form .button {
        margin: 4.18vw auto 0;
        padding: 1.36vw 3.27vw;
        border: 0.18vw solid #2776c7;
        font-size: 1.45vw;
        max-width: 30.91vw;
    }

    .form .button::after {
        right: 3.64vw;
        width: 3.45vw;
        height: 1.45vw;
    }
}

@media (min-width:40.0625em) {
    .form-input .list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-between;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
    }

    .form-input .list li {
        width: 48.5%;
    }
}

.form-input select[name=birth_year] {
    width: 140px;
}

.form-input select[name=birth_day],
.form-input select[name=birth_month] {
    width: 100px;
}

.form-input input[name=zip] {
    width: 10em;
}

.thanks {
    text-align: center;
}


@media (min-width: 48.0625em) and (max-width: 68.75em) {
    .form-input select[name=birth_year] {
        width: 12.73vw;
    }

    .form-input select[name=birth_day],
    .form-input select[name=birth_month] {
        width: 9.09vw;
    }

    .form-input select[name=prefecture] {
        width: 16.36vw;
    }

    .form-input select[name=grade],
    .form-input select[name=school_category] {
        width: 17.27vw;
    }

    .form-input .select .icon {
        right: 1.36vw;
        font-size: 1.18vw;
    }
}

@media (max-width:48em) {
    .form-input .select.prefecture {
        margin-top: 1em;
    }

    .form-input select[name=birth_year] {
        width: 26vw;
    }

    .form-input select[name=birth_day],
    .form-input select[name=birth_month] {
        width: 20vw;
    }

    .form-input input[name=zip],
    .form-input select[name=school_category] {
        width: 100%;
    }

    .form-text .note {
        display: inline;
        padding-left: 1.0em;
    }

    .form-input .select .icon {
        right: 4vw;
        font-size: 3.13vw;
    }

    .form-input select[name=prefecture] {
        width: 100%;
        margin-left: 0;
    }

}

@media (max-width: 48em) {

    /* form-page */
    .formHeader {
        margin-bottom: 10.67vw;
        text-align: left;
    }

    .formFlow {
        width: 95%;
        margin: 0 auto 8vw;
    }

    .formFlow li:before {
        width: 8vw;
        height: 8vw;
        line-height: 8vw;
        margin: 0 auto 1.33vw;
        font-size: 4.27vw;
        border-radius: 13.333vw;
    }

    .formFlow:after {
        top: 4vw;
        width: 67%;
        height: 0.27vw;
    }

    .form-box {
        display: block;
        padding: 5.33vw 4vw 5.87vw;
    }

    .form-box:first-of-type {
        border-top: 0.13vw solid #999;
    }

    .form-box + .form-box {
        border-top: 0.13vw solid #999;
    }

    .form-box:last-of-type {
        border-bottom: 0.13vw solid #999;
    }

    .form-text {
        margin-bottom: 4vw;
    }

    .form-input,
    .form-text {
        display: block;
        width: 100%;
    }

    .form-input input[type=text],
    .form-input input[type=email],
    .form-input input[type=tel],
    .form-input textarea,
    .form-input select {
        width: 100%;
        height: 10.67vw;
        padding: 1.33vw 4vw;
        font-size: 3.13vw;
    }

    .form-input textarea {
        height: auto;
        padding: 2.67vw 4vw;
    }

    .form-box.textarea-box .form-text {
        padding-top: 0;
    }

    .form-input .select {
        width: 100%;
    }

    .form-text .optional,
    .form-text .require {
        margin-right: 2.67vw;
        padding: 0.4vw 2.67vw 0.8vw;
        font-size: 2.5vw;
    }

    .thanks .tel {
        margin-top: 10.67vw;
    }

    .form .button {
        margin: 12.27vw auto 0;
        padding: 3.2vw 9.6vw;
        border: 0.26vw solid #2776c7;
        font-size: 3.13vw;
        max-width: 72vw;
    }

    .form .button::after {
        width: 7.2vw;
        height: 3.2vw;
    }
}

input[type=radio] {
    display: none;
}

input[type=radio]:checked + .radio-text {
    color: #2776c7;
}

input[type=radio]:checked + .radio-text:before {
    border-color: #2776c7;
}

input[type=radio]:checked + .radio-text:after {
    opacity: 1;
}

.radio-text {
    position: relative;
    padding-left: 32px;
    color: #333;
    font-weight: bold;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}

.radio-text:before {
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 20px;
    height: 20px;
    border: 1px solid;
    content: "";
    -webkit-transition: border-color 0.2s;
    transition: border-color 0.2s;
    border-color: #9a9eb6;
    border-radius: 50%;
}

.radio-text:after {
    display: block;
    position: absolute;
    top: 5.6px;
    left: 3.8px;
    width: 14px;
    height: 14px;
    background: #2776c7;
    content: "";
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    border-radius: 50%;
    opacity: 0;
}

@media (min-width: 48.0625em) and (max-width: 68.75em) {
    .radio-text {
        padding-left: 2.91vw;
    }

    .radio-text:before {
        top: 0.18vw;
        width: 1.82vw;
        height: 1.82vw;
        border: 0.09vw solid;
    }

    .radio-text:after {
        top: 0.51vw;
        left: 0.34vw;
        width: 1.27vw;
        height: 1.27vw;
    }

}

@media (max-width: 48em) {
    .radio-text {
        padding-left: 6.93vw;
    }

    .radio-text:before {
        top: 0px;
        width: 4.27vw;
        height: 4.27vw;
    }

    .radio-text:after {
        top: 1.07vw;
        width: 2.67vw;
        height: 2.67vw;
    }
}


input[type=checkbox] {
    display: none;
}

input[type=checkbox]:checked + .checkbox-text {
    color: #2776c7;
}

input[type=checkbox]:checked + .checkbox-text:before {
    border-color: #2776c7;
}

input[type=checkbox]:checked + .checkbox-text:after {
    opacity: 1;
}

.checkbox-text {
    position: relative;
    padding-left: 25px;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}

.checkbox-text:before {
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid;
    content: "";
    -webkit-transition: border-color 0.2s;
    transition: border-color 0.2s;
    border-color: #9a9eb6;
    border-radius: 3px;
}

.checkbox-text:after {
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 6px;
    height: 9px;
    border: solid #2776c7;
    content: "";
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    border-width: 0 2px 2px 0;
    opacity: 0;
}

.front-section-heading {
    line-height: 1;
    margin-bottom: 26px;
    text-align: center;
}

.front-section-heading .en {
    display: block;
    line-height: 1;
    margin-bottom: 6px;
    color: #2776c7;
    font-family: 'DMSansBold';
    font-size: 16px;
    letter-spacing: 2.5px;
}

.front-section-heading .ja {
    display: inline-block;
    margin-bottom: 14px;
    color: #626262;
    font-size: 32px;
    vertical-align: middle;
    letter-spacing: 5.6px;
}

@media (min-width: 48.0625em) and (max-width: 68.75em) {
    .checkbox-text {
        padding-left: 2.27vw;
    }

    .checkbox-text:before {
        top: 0.36vw;
        width: 1.36vw;
        height: 1.36vw;
        border: 0.09vw solid;
        border-radius: 0.27vw;
    }

    .checkbox-text:after {
        top: 0.45vw;
        left: 0.45vw;
        width: 0.54vw;
        height: 0.82vw;
        border-width: 0 0.18vw 0.18vw 0;
    }
}

@media (max-width: 48em) {
    .front-section-heading .en {
        margin-bottom: 1.067vw;
        font-size: 3.2vw;
        letter-spacing: 0.133vw;
    }

    .front-section-heading .ja {
        font-size: 5vw;
        letter-spacing: 1.6vw;
    }

    .front-section-heading.frontEvent-heading .ja {
        letter-spacing: 0.133vw;
    }

    .checkbox-text {
        padding-left: 6.67vw;
    }

    .checkbox-text:before {
        top: 0.53vw;
        width: 4vw;
        height: 4vw;
        border: 0.27vw solid;
        border-radius: 0.8vw;
    }

    .checkbox-text:after {
        top: 1vw;
        left: 1.33vw;
        width: 1.6vw;
        height: 2.4vw;
        border-width: 0 0.53vw 0.53vw 0;
    }

}

.mainVisual {
    position: relative;
    height: 100vh;
    overflow: hidden;
}

.mainVisual:before {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-image: url(../../assets/img/common/dot-white.png);
    background-repeat: repeat;
    content: '';
}

.national-banner {
    position: absolute;
    top: 10px;
    z-index: 2;
    max-width: 498.5px;
}

.national-banner a {
    display: block;
    width: 100%;

}

.mainVisual-copy {
    position: absolute;
    top: 50%;
    left: 6%;
    z-index: 2;
    line-height: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.mainVisual-copy-border {
    width: 610px;
    height: 2px;
    margin: 10px auto 22px;
    background: #2776c7;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform 0.9s;
    transition: -webkit-transform 0.9s;
    transition: transform 0.9s;
    transition: transform 0.9s, -webkit-transform 0.9s;
    -webkit-transition-timing-function: cubic-bezier(0.52, 0.08, 0.18, 1);
    transition-timing-function: cubic-bezier(0.52, 0.08, 0.18, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.mainVisual-copy-text {
    line-height: 1;
}

.mainVisual-copy .en {
    margin-bottom: 30px;
    color: #fff;
    font-family: 'CormorantGaramondRegular';
    font-size: 96px;
    letter-spacing: 2.78vw;
    -webkit-transition: -webkit-transform 0.8s;
    transition: -webkit-transform 0.8s;
    transition: transform 0.8s;
    transition: transform 0.8s, -webkit-transform 0.8s;
    -webkit-transition-timing-function: cubic-bezier(0.52, 0.08, 0.18, 1);
    transition-timing-function: cubic-bezier(0.52, 0.08, 0.18, 1);
}

.mainVisual-copy-text .en span {
    display: inline-block;
    transform: translateY(50%);
    opacity: 0;
    animation: slideUp 0.5s forwards;
}

.mainVisual-copy-text .en span {
    display: inline-block;
    transform: translateY(50%);
    opacity: 0;
    animation: slideUp 0.5s forwards;
}

.mainVisual-copy-text .en span:nth-child(1) {
    animation-delay: 0.1s;
}

.mainVisual-copy-text .en span:nth-child(2) {
    animation-delay: 0.2s;
}

.mainVisual-copy-text .en span:nth-child(3) {
    animation-delay: 0.3s;
}

.mainVisual-copy-text .en span:nth-child(4) {
    animation-delay: 0.4s;
}

/* skip 5 (br) */
.mainVisual-copy-text .en span:nth-child(6) {
    animation-delay: 0.5s;
}

.mainVisual-copy-text .en span:nth-child(7) {
    animation-delay: 0.6s;
}

.mainVisual-copy-text .en span:nth-child(8) {
    animation-delay: 0.7s;
}

.mainVisual-copy-text .en span:nth-child(9) {
    animation-delay: 0.8s;
}

/* skip 10 (br) */
.mainVisual-copy-text .en span:nth-child(11) {
    animation-delay: 0.9s;
}

.mainVisual-copy-text .en span:nth-child(12) {
    animation-delay: 1s;
}

.mainVisual-copy-text .en span:nth-child(13) {
    animation-delay: 1.1s;
}

.mainVisual-copy-text .en span:nth-child(14) {
    animation-delay: 1.2s;
}

.mainVisual-copy-text .en span:nth-child(15) {
    animation-delay: 1.3s;
}

.mainVisual-copy-text .en span:nth-child(16) {
    animation-delay: 1.4s;
}

.mainVisual-copy-text .en span:nth-child(17) {
    animation-delay: 1.5s;
}

@keyframes slideUp {
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.mainVisual-copy .ja {
    line-height: 2;
    color: #fff;
    font-size: 16px;
    letter-spacing: 10px;
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
    -webkit-transition-timing-function: cubic-bezier(0.52, 0.08, 0.18, 1);
    transition-timing-function: cubic-bezier(0.52, 0.08, 0.18, 1);
}

.mainVisual-copy .ja span {
    display: block;
    font-size: 14px;
    letter-spacing: 7px;
}

.mainVisual-img-items {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100vh !important;
}

.mainVisual-img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
}

@media (min-width:48.0625em) {
    .mainVisual-img1 {
        height: 100vh !important;
        background-image: url(../../assets/img/page/front/main-visual.jpg);
    }

    .mainVisual-img2 {
        height: 100vh !important;
        background-image: url(../../assets/img/page/front/main-visual.jpg);
    }

    .mainVisual-img3 {
        height: 100vh !important;
        background-image: url(../../assets/img/page/front/main-visual.jpg);
    }

    .mainVisual-img4 {
        height: 100vh !important;
        background-image: url(../../assets/img/page/front/main-visual.jpg);
    }
}

@media (min-width: 48.0625em) and (max-width: 68.75em) {
    .mainVisual-copy {
        top: 55%;
    }
}



@media (max-width:48em) {
    .mainVisual {
        height: 145.6vw;
    }

    .mainVisual-img-items {
        height: 145.6vw;
    }

    .mainVisual-img {
        height: 145.6vw;
    }

    .mainVisual-img1 {
        background-image: url(../../assets/img/page/front/main-visual-sp.jpg);
    }

    .mainVisual-img2 {
        background-image: url(../../assets/img/page/front/main-visual-sp.jpg);
    }

    .mainVisual-img3 {
        background-image: url(../../assets/img/page/front/main-visual-sp.jpg);
    }

    .mainVisual-img4 {
        background-image: url(../../assets/img/page/front/main-visual-sp.jpg);
    }

    .mainVisual-copy {
        max-width: 100%;
    }

    .mainVisual-copy-border {
        width: 100%;
    }

    .mainVisual-copy .en {
        margin-bottom: 20px;
        font-size: 10.53vw;
        letter-spacing: 20px;
    }

    .mainVisual-copy .ja {
        font-size: 3.27vw;
        letter-spacing: 5px;
    }

    .mainVisual-copy .ja span {
        margin-top: 2vw;
        font-size: 2.5vw;
    }
}

@media (max-width:40em) {

    .mainVisual-copy .en {
        font-size: 13.53vw;
    }

    .mainVisual-copy .ja {
        font-size: 4.27vw;
    }

    .mainVisual-copy .ja span {
        font-size: 3.2vw;
    }
}

@media (max-width:30em) {
    .mainVisual-copy .en {
        font-size: 16.53vw;
    }
}

.frontAnnouce {
    position: relative;
}

.frontAnnouce-container {
    position: relative;
    z-index: 2;
    border: 1px solid #f6438a;
    background: #fff;
}

.frontAnnouce-circleBanner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: -218px;
    ;
    right: 5.2%;
    justify-content: center;
    z-index: 2;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
}

.annouce-square {
    position: absolute;
    top: -170px;
    right: 5.2%;
    z-index: 2;
    width: 500px;
}

.frontAnnouce-circleBanner .primary,
.frontAnnouce-circleBanner .secondary,
.frontAnnouce-circleBanner .tertiary {
    width: 200px;
}

.frontAnnouce-circleBanner .primary {
    margin-right: 0px;
}

.frontAnnouce-circleBanner .secondary {
    position: relative;
    right: 15px;
    z-index: 1;
}

.frontAnnouce-circleBanner .tertiary {
    position: relative;
    right: 30px;
    z-index: 2;
}

.frontAnnouce-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

.frontAnnouce-note {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    z-index: -1;
    margin-left: -15px;
    background-color: #f6438a;
    color: #fff;
    font-weight: bold;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    border-radius: 50%;
}

.frontAnnouce-title {
    line-height: 1;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.frontAnnouce-title .chuoAnimal-festival {
    display: block;
    padding: 0.8em 0;
}

.frontAnnouce-title .chuoAnimal-festival strong {
    margin-left: 15px;
}

.frontAnnouce-title .chuoAnimal-span {
    display: inline-block;
    padding: 0 1rem;
    color: #f6438a;
    font-size: 41px;
    font-weight: normal;
    vertical-align: middle;
    letter-spacing: .08em;
}

.frontAnnouce-detail {
    font-weight: 500;
    text-align: center;
}

.frontAnnouce-detail .icon {
    display: inline-block;
    margin-top: -2px;
    margin-right: .25rem;
    vertical-align: middle;
}

.frontAnnouce-detail .date .icon {
    font-size: 1.2em;
}

.frontAnnouce-detail .time .icon {
    font-size: .7em;
}

.frontAnnouce-detail .sat {
    color: #3873ed;
}

.frontAnnouce-detail .sun {
    color: #f6438a;
}

@media (min-width:52.5625em) {
    .frontAnnouce {
        padding-bottom: 40px;
    }

    .frontAnnouce-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: -80px;
        padding-top: 12px;
        padding-bottom: 12px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
    }

    .frontAnnouce-img.sp {
        display: none;
    }
}

@media (max-width:52.5em) {
    .frontAnnouce {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .frontAnnouce-container {
        margin-top: 0;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .frontAnnouce-img.pc {
        display: none;
    }

    .frontAnnouce-img {
        margin-top: 1em;
    }

    .frontAnnouce-body {
        text-align: center;
    }
}

@media (min-width:48.0625em) {
    .frontAnnouce-circleBanner img {
        -webkit-transition: opacity 0.4s;
        transition: opacity 0.4s;
        -webkit-transition-timing-function: cubic-bezier(0.52, 0.08, 0.18, 1);
        transition-timing-function: cubic-bezier(0.52, 0.08, 0.18, 1);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .frontAnnouce-circleBanner a:hover img {
        opacity: .6;
    }
}

@media (max-width:52.5625em) {
    .frontAnnouce-circleBanner {
        position: absolute;
        top: inherit;
        bottom: 20px;
        left: 50%;
        width: 80%;
        transform: translateX(-50%);
    }

    .annouce-square {
        position: inherit;
        top: inherit;
        right: inherit;
        width: 100%;
        margin: 0 auto;
        margin-top: -163px;
        margin-bottom: 40px;
        text-align: center;
    }

    .open-campus-box.pd-40 {
        padding-top: 40px;
    }

    .frontAnnouce-circleBanner .primary,
    .frontAnnouce-circleBanner .secondary,
    .frontAnnouce-circleBanner .tertiary {
        width: 200px;
        margin-bottom: 20px;
    }

    .frontAnnouce-container {
        margin-top: 5%;
    }
}

@media (min-width:40.0625em) {
    .frontAnnouce-img img {
        height: 130px;
    }

    .frontAnnouce-note {
        width: 110px;
        height: 110px;
        font-size: 18px;
    }

    .frontAnnouce-body {
        padding-left: 20px;
    }

    .frontAnnouce-detail {
        padding-top: .3em;
        font-size: 18px;
    }

    .frontAnnouce-detail p {
        display: inline-block;
        margin: 0 .4em;
        vertical-align: middle;
    }
}

@media (max-width:40em) {
    .frontAnnouce-container {
        padding-top: 30px;
        padding-right: 1em;
        padding-bottom: 30px;
        padding-left: 1em;
    }

    .frontAnnouce-img img {
        height: 100px;
    }

    .frontAnnouce-note {
        width: 80px;
        height: 80px;
        font-size: 14px;
    }

    .frontAnnouce-title {
        line-height: 1.6;
        font-size: 18px;
    }

    .frontAnnouce-title .chuoAnimal-festival {
        padding: 0;
    }

    .frontAnnouce-title .chuoAnimal-span {
        display: block;
        font-size: 2.2em;
    }

    .frontAnnouce-detail {
        padding-top: 0.6em;
        padding-bottom: 0;
        font-size: 1.1em;
    }
}

@media (max-width:30em) {

    .frontAnnouce-circleBanner .primary,
    .frontAnnouce-circleBanner .secondary,
    .frontAnnouce-circleBanner .tertiary {
        right: 0;
        width: 160px;
    }

    .frontAnnouce-circleBanner .primary img,
    .frontAnnouce-circleBanner .secondary img,
    .frontAnnouce-circleBanner .tertiary img {
        width: 100%;
    }

    .frontAnnouce-title {
        font-size: 16px;
    }

    .frontAnnouce-title .chuoAnimal-festival strong {
        display: block;
        margin-left: 0;
    }

    .frontAnnouce-title .chuoAnimal-span {
        font-size: 2em;
    }

    .annouce-square {
        margin-top: 0;
        margin-bottom: 20px;
    }
}

/*.frontEvent-container {
    position: relative;
    z-index: 2;
    background: #fff
}*/

.frontEvent-heading {
    margin-bottom: 26px;
}

@media (max-width: 48em) {
    .frontEvent-heading {
        margin-bottom: 6.4vw;
    }
}

.frontEvent-head .button {
    display: block;
    margin-top: 1.5em;
    max-width: 180px;
}

.frontCourse.inr-course {
    width: 90%;
    margin: 0 auto;
    padding: 90px 0;
    max-width: 1180px;
}

.frontCourse-boxGroup {
    margin-top: 48px;
}

.frontCourse-box {
    position: relative;
    margin-bottom: 64px;
}

.frontCourse-box .frontCourse-link {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
}

.frontCourse-box .frontCourse-link:hover {
    opacity: 0.6;
}

.frontCourse-box.kango a {
    flex-direction: row-reverse;
}

.frontCourse-box-inner {
    width: 100%;
}

.frontCourse-img {
    width: 76%;
    max-width: 870px;

}

.frontCourse-img img {
    border-radius: 265px 100px 100px 265px;
}

.frontCourse-box.kango .frontCourse-img img {
    border-radius: 100px 265px 265px 100px;
}

.frontCourse-mask {
    width: 24%;
    max-width: 360px;
}

.frontCourse-mask-inr {
    position: absolute;
    top: 50%;
    right: 76px;
    width: 450px;
    height: 450px;
    margin: 0 auto;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}

.biyou .frontCourse-mask-inr {
    background-image: url(../../assets/img/page/front/course-biyou_bg.png);
}

.kango .frontCourse-mask-inr {
    right: inherit;
    left: 46px;
    background-image: url(../../assets/img/page/front/course-kango_bg.png);
}

.kyosei .frontCourse-mask-inr {
    background-image: url(../../assets/img/page/front/course-kyosei_bg.png);
}

.frontCourse-body {
    position: absolute;
    top: 50%;
    margin: 0 auto;
    padding: 0px 20px 0 68px;
    color: #fff;
    transform: translateY(-50%);
}

.kango .frontCourse-body {
    padding: 0px 20px 0 35px;
}


@media (min-width: 48.0625em) and (max-width: 68.75em) {

    .frontCourse-mask-inr {
        right: 0;
        width: 330px;
        height: 330px;
    }

    .kango .frontCourse-mask-inr {
        left: 0;
    }

    .frontCourse-body {
        padding: 0px 20px 0 40px;
    }

    .kango .frontCourse-body {
        padding: 0px 20px 0 20px;
    }
}

.frontCourse-name {
    line-height: 1.7;
    margin-bottom: 24px;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 5px;
}

.frontCourse-name span {
    display: block;
    font-size: 16px;
    letter-spacing: 3.3px;
}

@media (min-width: 48.0625em) and (max-width: 68.75em) {
    .frontCourse-name {
        font-size: 16px;
    }

    .frontCourse-name span {
        font-size: 12px;
    }
}

.frontCourse-body p {
    color: #fff;
    font-size: 16px;
    letter-spacing: 0.4px;
}

@media (min-width: 48.0625em) and (max-width: 68.75em) {
    .frontCourse-body p {
        font-size: 12px;
    }
}

.frontCourse-name .icon {
    display: block;
    width: 45px;
    height: 45px;
    line-height: 1;
    margin-right: auto;
    margin-bottom: 15px;
    margin-left: auto;
    font-size: 45px;
}

@media (max-width: 48em) {

    @keyframes slideInRight {
        0% {
            transform: translateY(-50%) translateX(50px);
            opacity: 0;
        }

        100% {
            transform: translateY(-50%) translateX(0);
            opacity: 1;
        }
    }

    .frontCourse-box .frontCourse-link {
        display: block;
    }

    .frontCourse-box {
        margin-bottom: 11.2vw;
    }

    .frontCourse-img {
        position: relative;
        width: 97%;
        max-width: 100%;
    }

    .frontCourse-img img {
        border-radius: 155px 155px 155px 60px;
    }

    .frontCourse-box.kango .frontCourse-img img {
        border-radius: 155px 155px 155px 60px;
    }

    .frontCourse-img::after {
        display: block;
        position: absolute;
        top: 50%;
        right: -5.333vw;
        width: 13.867vw;
        height: 13.867vw;
        background-size: 100%;
        background-repeat: no-repeat;
        content: '';
        transform: translateY(-50%) translateX(50px);
        opacity: 0;
        animation: slideInRight 0.8s ease-out forwards;
    }

    .frontCourse-box.biyou .frontCourse-img::after {
        background-image: url(../../assets/img/page/front/course-biyou_arr.png);
    }

    .frontCourse-box.kango .frontCourse-img::after {
        background-image: url(../../assets/img/page/front/course-kango_arr.png);
    }

    .frontCourse-box.kyosei .frontCourse-img::after {
        background-image: url(../../assets/img/page/front/course-kyosei_arr.png);
    }


    .frontCourse-mask {
        width: 100%;
        max-width: 100%;
    }

    .frontCourse-name {
        line-height: 1.5;
        margin-bottom: 1.333vw;
        font-size: 5.333vw;
        letter-spacing: 1.067vw;
    }

    .frontCourse-name span {
        font-size: 3.2vw;
    }

    .frontCourse-body p {
        color: #666;
        font-size: 3.2vw;
    }

    .frontCourse-boxGroup {
        margin-top: 6.667vw;
    }

    .frontCourse.inr-course {
        width: 100%;
        padding-top: 3.067vw;
        padding-right: 5.33%;
        padding-bottom: 14.4vw;
        padding-left: 5.33%;
    }

    .frontCourse-mask-inr {
        position: static;
        width: 100%;
        height: auto;
        transform: initial;
    }

    .biyou .frontCourse-mask-inr {
        background-image: initial;
    }

    .kango .frontCourse-mask-inr {
        background-image: initial;
    }

    .kyosei .frontCourse-mask-inr {
        background-image: initial;
    }

    .frontCourse-body {
        position: static;
        margin-top: 3.133vw;
        padding: 0;
        transform: initial;
    }

    .kango .frontCourse-body {
        padding: 0;
    }

    .biyou .frontCourse-name {
        color: #fe7b7e;
    }

    .kango .frontCourse-name {
        color: #8e90d7;
    }

    .kyosei .frontCourse-name {
        color: #15ceae;
    }

}

@media (min-width:48.0625em) {
    .frontCourse-img {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: -webkit-transform 1s;
        transition: -webkit-transform 1s;
        transition: transform 1s;
        transition: transform 1s, -webkit-transform 1s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
}

.frontSchool {
    padding: 100px 0 50px;
}

@media (min-width: 48.0625em) and (max-width: 68.75em) {
    .frontSchool {
        padding: 60px 0 30px;
    }
}

.frontSchool-heading {
    margin-bottom: 28px;
}

.frontSchool-columnGroup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
}

.frontSchool-columnGroup + .frontSchool-columnGroup {
    margin-top: 1.5vw;
}

.frontSchool-parentColumn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
}

.frontSchool-parentColumn.first {
    width: 39.04%;
}

.frontSchool-parentColumn.second {
    width: 59.36%;
}

.frontSchool-box {
    width: 31.986%;
    height: 220px;
    margin-bottom: 25px;
}

@media (min-width: 48.0625em) and (max-width: 68.75em) {
    .frontSchool-box {
        width: 48.5%;
    }
}

.frontSchool-box.large {
    width: 100%;
}

.frontSchool-box.middle {
    width: 65.76%;
}

.frontSchool-box.small {
    width: 31.53%;
}

.frontSchool-box.admission {
    width: 100%;
}

.frontSchool-box .frontSchool-box-body {
    height: 100%;
    padding: 30px 20px 30px 22px;
    background-color: #fff;
    background-size: 100%;
    background-position: bottom -78% center;
    background-repeat: no-repeat;
}

.frontSchool-box.feature .frontSchool-box-body {
    background-image: url(../../assets/img/page/front/school-feature.png);
}

.frontSchool-box.model-dog .frontSchool-box-body {
    background-image: url(../../assets/img/page/front/school-model-dog.png);
}

.frontSchool-box.facility .frontSchool-box-body {
    background-image: url(../../assets/img/page/front/school-facility.png);
}

.frontSchool-box.overview .frontSchool-box-body {
    background-image: url(../../assets/img/page/front/school-overview.png);
}

.frontSchool-box.access .frontSchool-box-body {
    background-image: url(../../assets/img/page/front/school-access.png);
}

.frontSchool-box.boshu .frontSchool-box-body {
    background-image: url(../../assets/img/page/front/school-boshu.png);
}

.frontSchool-box.sp {
    display: none;
}

.frontSchool-box-tit {
    display: inline-block;
    position: relative;
    margin-bottom: 8px;
    color: #2776c7;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-size: 21px;
    font-weight: 700;
    letter-spacing: 4px;
}

.frontSchool-box-tit.arrow-blue::after {
    right: -55px;
}

.frontSchool-box.small .frontSchool-box-tit {
    text-align: center;
}

.frontSchool-box-tit.invert {
    color: #fff;
}

.frontSchool-box-tit .icon {
    margin: -2px 0 0 .5em;
    color: #2776c7;
    font-size: 65%;
}

.frontSchool-box-tit + p {
    line-height: 1.5;
    font-size: 14px;
    letter-spacing: 0.6px;
}

.frontSchool-box-tit + p .br-pc {
    display: block;
}

.feature .frontSchool-box-img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.overview .frontSchool-box-img,
.teacher .frontSchool-box-img {
    width: 100%;
    height: 100%;
}

.access .frontSchool-box-img {
    width: 45%;
    height: 100%;
}

.model-dog .frontSchool-box-img {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0 auto;
}

.graduate .frontSchool-box-img {
    width: 100%;
    height: 100%;
}

.frontSchool-box.small .frontSchool-box-body {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    margin: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.frontSchool-box-link {
    display: block;
    height: 100%;
    border: 3px solid #2776c7;
}

.frontSchool-box-link:hover {
    opacity: 0.6;
}

.frontSchool-box.small .frontSchool-box-link {
    position: relative;
    height: 100%;
}

.frontSchool-box.middle .frontSchool-box-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
}

/* frontJob */

.frontJob {
    padding: 90px 0 0;
}

@media (min-width: 68.8125em) and (max-width: 88.125em) {
    .frontSchool-box .frontSchool-box-body {
        padding: 2.13vw 1.42vw 2.13vw 1.56vw;
    }

    .frontSchool-box-tit + p .br-pc {
        display: none;
    }

}

@media (min-width: 48.0625em) and (max-width: 68.75em) {
    .frontJob {
        padding: 60px 0 0;
    }

    .frontSchool-box .frontSchool-box-body {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .frontSchool-box-tit + p .br-pc {
        display: none;
    }
}

.frontJob .frontJob-columnGroup {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.frontJob .frontJob-box {
    width: 49.2%;
    margin-bottom: 25px;
    max-width: 668px;
}

@media (min-width: 48.0625em) and (max-width: 68.75em) {
    .frontJob .frontJob-box {
        width: 100%;
        max-width: 100%;
    }
}

.frontJob .frontJob-box a:hover {
    opacity: 0.6;
}

.frontJob .frontJob-box-tit {
    display: inline-block;
    position: relative;
    margin-bottom: 22px;
    color: #2776c7;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-size: 21px;
    font-weight: 700;
    letter-spacing: 4px;
}

.frontJob .frontJob-box.pet {
    position: relative;
}

.frontJob .frontJob-box.pet .frontJob-box-tit {
    position: absolute;
    top: 50%;
    margin-bottom: 0;
    transform: translateY(-50%);
}

.frontJob-box-tit.arrow-blue::after {
    right: -55px;
}

.frontJob-box .frontJob-box-body {
    width: 100%;
    height: 187px;
    padding: 30px 38px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 10px;
}

.frontJob-box .frontJob-box-text {
    width: 70%;
}

.frontJob-box.pet .frontJob-box-text {
    width: 100%;
}

.frontJob-box.pet-nurse .frontJob-box-body {
    background-image: url(../../assets/img/page/front/job-pet-nurse.png);
}

.frontJob-box.trimmer .frontJob-box-body {
    background-image: url(../../assets/img/page/front/job-trimmer.png);
}

.frontJob-box.dog-trainer .frontJob-box-body {
    background-image: url(../../assets/img/page/front/job-dog-trainer.png);
}

.frontJob-box.pet .frontJob-box-body {
    background-image: url(../../assets/img/page/front/job-pet.png);
}

.frontJob-box-tit .icon {
    margin: -2px 0 0 .5em;
    color: #2776c7;
    font-size: 65%;
}

@media (max-width: 48em) {
    .frontJob.inner {
        padding: 11.2vw 0 0;
    }

    .frontJob-heading {
        margin-bottom: 6.667vw;
    }

    .frontJob .frontJob-columnGroup {
        display: block;
    }

    .frontJob .frontJob-box {
        width: 100%;
        margin-bottom: 4.267vw;
    }

    .frontJob-box .frontJob-box-body {
        height: 38.4vw;
        padding: 6.167vw 6.667vw 0 2.667vw;
        background-size: cover;
        background-position: right;
        border-radius: 1.3vw;
    }

    .frontSchool-box .frontSchool-box-body {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .frontJob-box .frontJob-box-text {
        width: 96%;
    }

    .frontJob .frontJob-box-tit {
        margin-bottom: 0.667vw;
        font-size: 4.267vw;
        letter-spacing: 0.96vw;
    }

    .frontJob .frontJob-box.pet .frontJob-box-tit {
        position: inherit;
        top: inherit;
        font-size: 3.2vw;
        transform: inherit;
    }

    .frontJob-box-tit.arrow-blue::after {
        right: -5.333vw;
        width: 3.867vw;
        height: 1.6vw;
    }

    .frontJob .frontJob-box-tit + p {
        font-size: 3.2vw;
    }

    .frontJob-box.pet-nurse .frontJob-box-body {
        background-image: url(../../assets/img/page/front/job-pet-nurse-sp.png);
    }
}

@media (max-width: 48em) {
    .frontSchool {
        padding: 5.333vw 0;
    }

    .frontSchool-box {
        width: 48%;
        height: 42.133vw;
        margin-bottom: 4.267vw;
    }

    .frontSchool-heading {
        margin-bottom: 6.4vw;
    }

    .frontSchool-box .frontSchool-box-body {
        width: 100%;
        padding: 5.067vw 2.933vw;
    }

    .frontSchool-box-tit + p {
        display: none;
    }

    .frontSchool-box-tit {
        font-size: 3.2vw;
        letter-spacing: 0.267vw;
    }

    .frontSchool-box-tit.arrow-blue::after {
        right: -5.333vw;
        width: 3.867vw;
        height: 1.6vw;
    }

    .frontSchool-box.feature .frontSchool-box-body {
        background-image: url(../../assets/img/page/front/school-feature-sp.png);
    }
}

@media (max-width:40em) {

    .frontSchool-box-tit .icon {
        margin-top: 0;
    }
}

@media (max-width:20em) {

    .feature .frontSchool-box-body p,
    .model-dog .frontSchool-box-body p {
        font-size: .9rem;
    }
}

.frontDormitory-select-box-link {
    display: block;
    position: relative;
    height: 100%;
}

.frontDormitory-select-box-body {
    width: 100%;
    color: #fff;
    font-weight: bold;
}

.frontDormitory-select-box-body:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-image: url(../../assets/img/common/dot-black.png);
    background-repeat: repeat;
    content: '';
}

.frontDormitory-select-box-img {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}

.frontDormitory-select-box-img.women {
    background-image: url(../../assets/img/page/front/dormitory-shimo.jpg);
}

.frontDormitory-select-box-img.men {
    background-image: url(../../assets/img/page/front/dormitory-ojiryou.jpg);
}

.frontDormitory-select-box-name {
    margin-bottom: 1rem;
    padding-bottom: 5px;
    font-weight: bold;
}

.frontDormitory-select-box-name .icon {
    display: inline-block;
    margin: -2px 0 0 1em;
    font-size: .7em;
    vertical-align: middle;
}

.frontDormitory-feature {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
}

.frontDormitory-feature-box .icon {
    display: block;
    margin-right: auto;
    margin-bottom: 15px;
    margin-left: auto;
    background: #e7e8ee;
    text-align: center;
    border-radius: 50%;
}

.frontDormitory-feature-box-title {
    margin-bottom: 10px;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
}

.frontDormitory .button {
    margin-right: auto;
    margin-left: auto;
    max-width: 540px;
}

@media (min-width:80.0625em) {
    .frontDormitory-select-box-name {
        font-size: 22px;
        border-bottom: 2px solid #fff;
    }

    .frontDormitory-feature {
        margin-top: 50px;
    }

    .frontDormitory-feature-box {
        padding: 0 2em;
    }

    .frontDormitory-feature-box .icon {
        width: 140px;
        height: 140px;
        line-height: 140px;
        font-size: 60px;
    }

    .frontDormitory .button {
        margin-top: 50px;
    }
}

@media (max-width:80em) {
    .frontDormitory-select-box-name {
        font-size: 1.2rem;
        border-bottom: 1px solid #fff;
    }

    .frontDormitory-feature {
        margin-top: 40px;
    }

    .frontDormitory-feature-box {
        padding: 0 1em;
    }

    .frontDormitory-feature-box .icon {
        width: 100px;
        height: 100px;
        line-height: 100px;
        font-size: 50px;
    }

    .frontDormitory .button {
        margin-top: 40px;
    }
}

@media (min-width:68.8125em) {
    .frontDormitory-select {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .frontDormitory-select-box {
        width: 50%;
    }
}

@media (min-width:48.0625em) {
    .frontDormitory-select-box-img {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: -webkit-transform 1s;
        transition: -webkit-transform 1s;
        transition: transform 1s;
        transition: transform 1s, -webkit-transform 1s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .frontDormitory-select-box-link:hover .frontDormitory-select-box-img {
        -webkit-transform: scale(1.08);
        transform: scale(1.08);
    }

    .frontDormitory-select-box-link {
        overflow: hidden;
    }

    .frontDormitory-feature-box {
        width: 25%;
    }
}

@media (max-width:48em) {
    .frontDormitory-feature {
        justify-content: center;
        margin-bottom: -30px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
    }

    .frontDormitory-feature-box {
        width: 50%;
        margin-bottom: 30px;
    }
}

@media (min-width:40.0625em) {
    .frontDormitory-lead {
        margin-bottom: 40px;
        text-align: center;
    }

    .frontDormitory-select {
        margin-top: 50px;
    }

    .frontDormitory-select-box-img {
        height: 430px;
    }

    .frontDormitory-select-box-body {
        position: absolute;
        top: 50%;
        right: 0;
        left: 0;
        padding: 40px 10%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .frontDormitory-select-box-body.women {
        background-color: rgba(246, 67, 138, 0.7);
    }

    .frontDormitory-select-box-body.men {
        background-color: rgba(56, 115, 237, 0.7);
    }

    .frontDormitory-select-box-body li {
        font-size: 1.06rem;
    }
}

@media (max-width:40em) {
    .frontDormitory-lead {
        margin-bottom: 20px;
    }

    .frontDormitory-select {
        margin-top: 30px;
    }

    .frontDormitory-select-box:last-child {
        margin-top: 20px;
    }

    .frontDormitory-select-box-img {
        padding-top: 56.49351%;
    }

    .frontDormitory-select-box-body {
        padding: 28px 7%;
    }

    .frontDormitory-select-box-body.women {
        background-color: rgba(246, 67, 138, 0.86);
    }

    .frontDormitory-select-box-body.men {
        background-color: rgba(56, 115, 237, 0.86);
    }
}

@media (max-width:20em) {
    .frontDormitory-feature-box {
        width: 100%;
    }
}

.frontSns .inner {
    border-top: 1px solid #ddd;
}

.frontSns-boxGroup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
}

.frontSns-box {
    width: 31%;
}

.frontSns-box.instagram .css-s9tt3p {
    display: none;
}

.frontSns-box.instagram .add-height {
    height: 350px;
    overflow-y: auto;
}

.frontSns-box.instagram .insg article {
    height: 56vw;
    overflow: hidden;
    margin: -20px 5px 0 0;
    max-height: 805px;
}

.frontSns-box.instagram .css-par8nx {
    padding-top: 0 !important;
}

.frontSns-box.blog {
    display: none;
}

.css-1pph18d {
    border-radius: inherit !important;
}

.frontSns-heading {
    margin-bottom: .25em;
    font-size: 2.3rem;
    text-align: center;
    letter-spacing: 0;
}

.frontSns-body {
    height: 350px;
    border: #e7e8ee solid;
    border-width: 1px;
}

.facebook .frontSns-body {
    border-width: 1px 0;
}

.twitter .frontSns-body {
    border-width: 0 1px;
}

.blog .frontSns-body {
    overflow: scroll;
}

.postList-item + .postList-item {
    border-top: 1px solid #e7e8ee;
}

.postList-link {
    display: block;
    position: relative;
    padding: 20px 50px 20px 20px;
}

.postList-title {
    color: #3873ed;
    font-size: 16px;
    font-weight: bold;
}

.postList-excerpt {
    margin: 1em 0;
}

.postList-date {
    display: inline-block;
    margin-right: .5em;
}

.postList-category {
    display: inline-block;
    line-height: 1;
    padding: 4px 7px;
    border: 1px solid #e7e8ee;
    border-radius: 4px;
}

.postList-icon {
    position: absolute;
    top: 50%;
    right: 20px;
    color: #2776c7;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (min-width:48.0625em) {
    .postList-link {
        -webkit-transition: background .4s;
        transition: background .4s;
    }

    .postList-link:hover {
        background: rgba(154, 158, 182, 0.4);
    }

    .postList-link:hover .postList-title {
        text-decoration: underline;
    }
}

@media (max-width:48em) {
    .frontSns {
        display: none;
    }

    .frontSns-box.facebook,
    .frontSns-box.twitter,
    .frontSns-box.instagram {
        display: none;
    }

    .frontSns-box.blog {
        display: block;
    }

    .frontSns-box.blog {
        width: 100%;
    }

    .frontSns-body {
        height: auto;
        overflow: auto;
    }

    .postList-item:nth-child(4),
    .postList-item:nth-child(5) {
        display: none;
    }
}

.animalList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
}

.animalList:before {
    display: block;
    order: 1;
    width: 23.1%;
    content: "";
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
}

.animalList:after {
    display: block;
    width: 23.1%;
    content: "";
}

.animalList-img {
    margin-bottom: .7em;
}

.animalList-img img {
    border: 1px solid #acb0c5;
    vertical-align: middle;
}

.animalList-name {
    font-weight: bold;
    text-align: center;
}

.animalList-type {
    text-align: center;
}

.mainAnimal {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 430px;
    margin: 40px auto 0;
}

.mainAnimal-img {
    width: 168px;
}

.sec-guide-animal .mainAnimal-label {
    color: #2776c7;
    font-weight: bold;
}

.mainAnimal-name {
    padding-right: 18px;
    font-size: 16px;
    font-weight: bold;
}

.sec-guide-animal .mainAnimal-type {
    font-size: 13px;
}

@media (min-width: 48.0625em) and (max-width: 68.75em) {
    .mainAnimal {
        width: 39.09vw;
        margin: 3.64vw auto 0;
    }

    .mainAnimal-img {
        width: 15.27vw;
    }

    .mainAnimal-name {
        padding-right: 1.64vw;
        font-size: 1.45vw;
    }

    .sec-guide-animal .mainAnimal-type {
        font-size: 1.18vw;
    }
}

@media (max-width: 48em) {
    .mainAnimal {
        flex-direction: column-reverse;
        width: 100%;
        margin: 8vw auto 0;
    }

    .mainAnimal-img {
        width: 38%;
    }

    .mainAnimal-body {
        margin-bottom: 5.33vw;
        text-align: center;
    }

    .mainAnimal-name {
        padding-right: 0;
        font-size: 3.13vw;
    }

    .sec-guide-model .mainAnimal-name .female::after {
        position: absolute;
        top: -0.8vw;
        right: -2.67vw !important;
        content: '♀';
    }

    .sec-guide-animal .mainAnimal-type {
        font-size: 2.8vw;
    }
}


@media (min-width:40.0625em) {
    .animalList-box {
        width: 22.9%;
        margin-bottom: 60px;
    }

    .animalList-name {
        font-size: 1.23rem;
    }
}

@media (max-width:40em) {
    .animalList-box {
        width: 48.5%;
        margin-bottom: 30px;
    }

    .animalList-name {
        font-size: 1rem;
    }
}

.otherFacility {
    margin-bottom: 70px;
}

.otherFacility-img > img {
    width: 100%;
    margin-bottom: 10px;
}

@media (min-width:52.5625em) {
    .otherFacility {
        margin-bottom: 70px;
    }

    .otherFacility-container {
        display: table;
        width: 100%;
    }

    .otherFacility-body,
    .otherFacility-img {
        display: table-cell;
        vertical-align: top;
    }

    .otherFacility-img {
        width: 37%;
    }

    .otherFacility-img.is-large {
        width: 48.13084%;
    }

    .otherFacility-body {
        padding-right: 40px;
        padding-left: 0;
    }

    .otherFacility-img + .otherFacility-body {
        padding-left: 40px;
    }
}

@media (max-width:52.5em) {
    .otherFacility {
        margin-bottom: 40px;
    }

    .otherFacility-img {
        width: 100%;
    }

    .otherFacility-body {
        margin-bottom: 2em;
    }

    .otherFacility-img + .otherFacility-body {
        margin-top: 1em;
        margin-bottom: 0;
    }
}

* + .schoolFeature {
    margin-top: 70px;
}

.schoolFeature {
    counter-reset: feature-counter;
}

.schoolFeature-box {
    position: relative;
}

.schoolFeature-box-title {
    color: #2776c7;
    font-size: 21px;
    font-weight: bold;
}

.schoolFeature-box-body:before {
    color: #2776c7;
    border-color: #2776c7;
}

.schoolFeature-box-body:before {
    position: relative;
    z-index: 1;
    border: 1px solid;
    background: #fff;
    text-align: center;
    content: counter(feature-counter, decimal-leading-zero);
    counter-increment: feature-counter;
}

.schoolFeature-box-img img {
    width: 100%;
}

.schoolFeature-box .button {
    width: 240px;
    padding: .7em 0 .6em;
    max-width: 100%;
}

@media (min-width:80.0625em) {
    .schoolFeature-box-body:before {
        width: 90px;
        height: 90px;
        line-height: 90px;
        margin-top: -60px;
        font-size: 54px;
    }
}

@media (min-width: 48.0625em) and (max-width: 68.75em) {
    .schoolFeature-box-title {
        font-size: 1.91vw;
    }
}

@media (max-width: 48em) {
    .schoolFeature-box-title {
        font-size: 4.17vw;
    }

    .schoolFeature-box .button {
        width: 64vw;
    }
}

@media (max-width:80em) {
    .schoolFeature-box-body:before {
        width: 60px;
        height: 60px;
        line-height: 60px;
        margin-top: -30px;
        font-size: 34px;
    }
}

@media (max-width: 48em) {
    .schoolFeature-box-body:before {
        width: 16vw;
        height: 16vw;
        line-height: 16vw;
        margin-top: -8vw;
        font-size: 9.07vw;
    }
}

@media (min-width:52.5625em) {
    .schoolFeature {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-between;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
    }

    .schoolFeature-box {
        width: 46.72897%;
    }

    .schoolFeature-box-img {
        padding-left: 46px;
    }

    .schoolFeature-box-title {
        margin: 30px 0 20px;
    }
}

@media (max-width:52.5em) {
    .schoolFeature-box-img {
        padding-left: 20px;
    }

    .schoolFeature-box-title {
        margin: 20px 0 15px;
    }
}

@media (min-width:30.0625em) {
    /*.schoolFeature {
    margin-bottom: -80px;
  }*/

    .schoolFeature-box {
        margin-bottom: 80px;
    }

    .schoolFeature-box .button {
        float: right;
        margin-top: 35px;
    }
}

@media (max-width:30em) {
    .schoolFeature {
        margin-bottom: 0;
    }

    .schoolFeature-box {
        margin-bottom: 60px;
    }

    .schoolFeature-box .button {
        margin-top: 25px;
    }
}

.greetingLead-copy {
    margin-bottom: 40px;
}

.greetingLead-copy span {
    display: block;
    text-align: center;
}

.greetingLead-copy .en {
    font-size: 26px;
}

.greetingLead-copy .ja {
    font-size: 24px;
}

.greetingLead-box {
    border: 1px solid #e7e8ee;
}

.greetingLead-box-heading {
    padding: .5em;
    background: #ecf1f8;
    color: #2776c7;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    letter-spacing: .1em;
}

.greetingLead-box-heading span {
    display: inline-block;
    padding-bottom: 2px;
    font-size: 19px;
    vertical-align: middle;
}

.greetingLead-box-body ul {
    width: 100%;
}

.greetingLead-box-body li {
    font-size: 19px;
    font-weight: bold;
    text-align: center;
}

.greetingLead-box-body li + li {
    margin-top: .5em;
}

.greeting ::marker {
    color: #2776c7;
}

@media (min-width: 48.0625em) and (max-width: 68.75em) {
    .greetingLead-copy {
        margin-bottom: 3.64vw;
    }

    .greetingLead-copy .en {
        font-size: 2.36vw;
    }

    .greetingLead-copy .ja {
        font-size: 2.18vw;
    }

    .greetingLead-box-heading {
        font-size: 1.27vw;
    }

    .greetingLead-box-heading span {
        font-size: 1.73vw;
    }

    .greetingLead-box-body li {
        font-size: 1.73vw;
    }

}

@media (min-width:48.0625em) {
    .greetingLead-boxGroup {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
    }

    .greetingLead-box {
        width: 48%;
    }

    .greetingLead-box-body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        align-items: center;
        height: 200px;
        -webkit-box-align: center;
        -ms-flex-align: center;
    }
}

@media (max-width:48em) {
    .greetingLead-copy {
        margin-bottom: 5.21vw;
    }

    .greetingLead-box + .greetingLead-box {
        margin-top: 2em;
    }

    .greetingLead-box-body {
        padding: 1.5em;
    }

    .greetingLead-copy .en {
        font-size: 3.5vw;
    }

    .greetingLead-copy .ja {
        font-size: 4.67vw;
    }

    .greetingLead-box-heading {
        font-size: 3.13vw;
    }

    .greetingLead-box-heading span,
    .greetingLead-box-body li {
        font-size: 3.75vw;
    }

}

.greetingMaster-box-img {
    width: 210px;
}

.greetingMaster-box-img img {
    width: 100%;
}

.greetingMaster-box-heading {
    margin-bottom: 1em;
    color: #2776c7;
    font-size: 21px;
    font-weight: bold;
}

.greetingMaster-name {
    margin-top: 1em;
}

.greetingMaster-name span {
    display: block;
    line-height: 1;
}

.greetingMaster-box-org {
    margin-top: 1.5em;
    padding: 1.25em 2em;
    background: #ecf1f8;
}

.greeting .table-bordered th {
    color: #2776c7;
    font-weight: 500;
}

@media (min-width: 48.0625em) and (max-width: 68.75em) {
    .greetingMaster-box-heading {
        font-size: 1.91vw;
    }
}

@media (min-width:40.0625em) {
    .greetingMaster-box {
        display: table;
        width: 100%;
    }

    .greetingMaster-box + .greetingMaster-box {
        margin-top: 100px;
    }

    .greetingMaster-box-body,
    .greetingMaster-box-img {
        display: table-cell;
        vertical-align: top;
    }

    .greetingMaster-box-body {
        padding-left: 40px;
    }

    .greetingMaster-name {
        font-size: 16px;
    }

    .greetingMaster-name span {
        font-size: 13px;
    }
}

@media (max-width:48em) {
    .greetingMaster-box-heading {
        font-size: 4.17vw;
    }
}

@media (max-width:40em) {
    .greetingMaster-box-heading {
        margin-bottom: .8em;
    }

    .greetingMaster-box + .greetingMaster-box {
        margin-top: 4em;
    }

    .greetingMaster-box-img {
        margin-right: auto;
        margin-bottom: 2em;
        margin-left: auto;
    }

    .greetingMaster-name {
        font-size: 14px;
    }

    .greetingMaster-name span {
        line-height: 1.4;
        font-size: 13px;
    }

    .greetingMaster-sign {
        width: 120px;
    }
}

.groupSchool-logo {
    width: 188px;
    margin-bottom: 1em;
}

.groupSchool-name {
    font-size: 1.2rem;
    font-weight: bold;
}

.groupSchool-main {
    margin-bottom: 70px;
}

.groupSchool-main-img img {
    width: 100%;
}

.groupSchool-main-overview {
    margin-top: 1.5em;
    padding: 1.25em 1.5em;
    background: #e7e8ee;
}

.groupSchool-sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
}

.groupSchool-sub:before {
    display: block;
    order: 1;
    width: 23.5%;
    content: "";
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
}

.groupSchool-sub-img {
    margin-bottom: .7em;
}

.groupSchool-sub-img img {
    width: 100%;
}

.groupSchool-sub:after {
    display: block;
    width: 23.5%;
    content: "";
}

@media (min-width:68.8125em) {
    .groupSchool-main-img {
        width: 400px;
    }

    .groupSchool-sub-box {
        width: 23.5%;
        margin-bottom: 70px;
    }
}

@media (max-width:68.75em) {
    .groupSchool-main-img {
        width: 45%;
    }

    .groupSchool-sub-box {
        width: 48.5%;
        margin-bottom: 40px;
    }
}

@media (min-width:40.0625em) {
    .groupSchool-main {
        margin-bottom: 70px;
    }

    .groupSchool-main-container {
        display: table;
        width: 100%;
    }

    .groupSchool-main-body,
    .groupSchool-main-img {
        display: table-cell;
        vertical-align: top;
    }

    .groupSchool-main-body {
        padding-left: 40px;
    }

    .groupSchool-sub-body p {
        font-size: 12px;
    }
}

@media (max-width:40em) {
    .groupSchool-main {
        margin-bottom: 40px;
    }

    .groupSchool-main-img {
        width: 100%;
        margin-bottom: 1em;
    }

    .groupSchool-sub-box {
        width: 100%;
    }
}

.groupSchool-history figcaption,
.groupSchool-history figure img {
    display: block;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.groupSchool-history figcaption {
    margin-top: 8px;
}

@media (min-width:40.0625em) {
    .groupSchool-history table th {
        width: 170px;
        white-space: nowrap;
    }

    .groupSchool-history .has-img .inner {
        display: table;
        width: 100%;
    }

    .groupSchool-history .has-img .text,
    .groupSchool-history figure {
        display: table-cell;
        vertical-align: middle;
    }

    .groupSchool-history .has-img .text {
        width: 70%;
    }

    .groupSchool-history figure {
        width: 240px;
        margin-top: 5px;
        margin-left: auto;
    }
}

@media (max-width:40em) {
    .groupSchool-history figure {
        display: none;
    }
}

.animalSystem li {
    text-align: left;
}

.animalSystem li + li {
    margin-top: 1em;
}

.animalSystem li span {
    display: inline-block;
    margin-right: 1em;
    font-weight: bold;
}

@media (min-width:68.8125em) {
    .animalSystem li span {
        width: 33%;
        text-align: right;
    }
}

@media (max-width:68.75em) {
    .animalSystem li span {
        display: block;
    }
}

@media (min-width:40.0625em) {
    .animalSystem {
        margin: 60px 0 70px;
    }

    .animalSystem li span {
        font-size: 1.38rem;
    }
}

@media (max-width:40em) {
    .animalSystem {
        margin: 15% 0;
    }

    .animalSystem li span {
        font-size: 1.2rem;
    }
}

.accessMain-body .button {
    margin-top: 2em;
}

.accessMain-img a,
.accessSub-img a {
    display: block;
    position: relative;
}

.accessMain-img a:before,
.accessSub-img a:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(39, 118, 199, 0.4);
    content: '';
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.accessMain-img a:hover:before,
.accessSub-img a:hover:before {
    opacity: .4;
}



@media (min-width:68.8125em) {

    .accessMain,
    .accessSub {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    /*.accessMain-img {
    width: 58.878%;
  }*/

    .accessMain-body {
        width: 41.122%;
        padding-left: 70px;
    }

    /*.accessSub-img {
    width: 50.186%;
  }*/

    /*.accessSub-body {
    width: 49.813%;
    padding-left: 40px;
  }*/
}

@media (max-width:68.75em) {
    .accessMain {
        padding-top: 5%;
    }

    .accessMain-img,
    .accessSub-img {
        margin-bottom: 1.5em;
    }

    /*.accessSub-img img {
    width: 100%;
  }*/
}

@media print {

    .print .accessMain-body .button,
    .print .accessMain-img p,
    .print .accessSub-img .video-container,
    .print .accessSub-img p,
    .print .megaMenuBg,
    .print .megaMenuOverlay,
    .print .pageMenu,
    .print .pageTop,
    .print .railway,
    .print .section-copy,
    .print footer,
    .print header {
        display: none;
    }

    .print .t-blank {
        padding-top: 2em;
    }

    .print .b-blank {
        padding: 0;
    }
}

.facilityMenu-box-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
}

.facilityMenu-box.main .facilityMenu-box-link {
    background-image: url(../../assets/img/page/guide/facility/main/menu-main.jpg);
    background-position: center;
    background-repeat: repeat;
}

.facilityMenu-box.other .facilityMenu-box-link {
    background-image: url(../../assets/img/page/guide/facility/main/menu-other.jpg);
    background-position: center;
    background-repeat: repeat;
}

.facilityMenu-box-link:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    content: '';
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.52, 0.08, 0.18, 1);
    transition-timing-function: cubic-bezier(0.52, 0.08, 0.18, 1);
}

.facilityMenu-box-link > * {
    position: relative;
    z-index: 1;
}

.facilityMenu-box-title {
    line-height: 1;
    font-weight: bold;
    text-align: center;
}

.facilityMenu-box-title .icon {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.mainFacility-heading {
    line-height: 1;
    margin-bottom: 20px;
    color: #2776c7;
    font-size: 48px;
}

.facilityGallery-item {
    display: none;
}

.facilityGallery-item.current {
    display: none;
}

.facilityGallery .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    bottom: auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
}

.facilityGallery .slick-dots li {
    display: block;
    height: auto;
    margin: 0 0 10px;
}

.facilityGallery .caption {
    padding: .6em 1.5em;
    background: #000;
    color: #fff;
    max-width: 760px;
}

@media (min-width: 48.0625em) and (max-width: 68.75em) {
    .mainFacility-heading {
        font-size: 4.36vw;
    }
}

@media (min-width:48.0625em) {
    .facilityMenu {
        margin-top: 70px;
    }

    .facilityMenu-box-link {
        height: 220px;
    }

    .facilityMenu-box-link:after {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 0;
        width: 100%;
        height: 4px;
        background: #2776c7;
        content: '';
        -webkit-transform: scalex(0);
        transform: scalex(0);
        -webkit-transform-origin: left;
        transform-origin: left;
        -webkit-transition: -webkit-transform 0.6s;
        transition: -webkit-transform 0.6s;
        transition: transform 0.6s;
        transition: transform 0.6s, -webkit-transform 0.6s;
        -webkit-transition-timing-function: cubic-bezier(0.52, 0.08, 0.18, 1);
        transition-timing-function: cubic-bezier(0.52, 0.08, 0.18, 1);
    }

    .facilityMenu a:hover:after {
        -webkit-transform: scalex(1);
        transform: scalex(1);
    }

    .facilityMenu-box-title {
        font-size: 26px;
        -webkit-transition: opacity 0.4s;
        transition: opacity 0.4s;
        -webkit-transition-timing-function: cubic-bezier(0.52, 0.08, 0.18, 1);
        transition-timing-function: cubic-bezier(0.52, 0.08, 0.18, 1);
    }

    section + section > .mainFacility {
        margin-top: 110px;
    }
}

@media (max-width:48em) {
    .facilityMenu {
        margin-top: 30px;
    }

    .facilityMenu-box-link {
        height: 180px;
    }

    .mainFacility-heading {
        font-size: 8.53vw;
    }

    .facilityMenu-box-title {
        font-size: 16px;
    }

    section + section > .mainFacility {
        margin-top: 60px;
    }
}

@media (min-width:30.0625em) {
    .facilityMenu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-between;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
    }

    .facilityMenu-box-title .icon {
        margin-top: 20px;
        font-size: 23px;
    }

    .facilityMenu-box {
        width: 48.13084%;
    }

    .mainFacility-head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 30px;
    }

    .mainFacility-head-img {
        width: 297px;
        margin-left: auto;
    }

    .mainFacility-head-text {
        width: 71.02804%;
        padding-right: 1em;
        max-width: 760px;
    }

    .facilityGallery .slick-list {
        width: 71.02804%;
        max-width: 760px;
    }

    .facilityGallery .slick-dots {
        position: absolute;
        top: 0;
        right: 0;
        width: 27.1028%;
    }

    .facilityGallery .slick-dots li {
        width: 48%;
    }
}

@media (max-width:30em) {
    .facilityMenu-box {
        width: 100%;
    }

    .facilityMenu-box + .facilityMenu-box {
        margin-top: 1em;
    }

    .facilityMenu-box-title .icon {
        margin-top: 10px;
        font-size: 18px;
    }

    .facilityMenu-box-link {
        height: 120px;
    }

    .mainFacility-head {
        margin-bottom: 20px;
    }

    .mainFacility-head-text {
        margin-bottom: 20px;
    }

    .mainFacility-head-img {
        margin-right: auto;
        text-align: center;
    }

    .mainFacility-head-img img {
        width: 90%;
    }

    .facilityGallery .slick-dots {
        position: static;
        width: 100%;
        margin-top: 15px;
    }

    .facilityGallery .slick-dots li {
        width: 32%;
    }

    .facilityGallery .slick-dots:after {
        display: block;
        width: 32%;
        content: '';
    }
}

@media (min-width:30.0625em) {
    .spendSimulation .extraBox-body {
        padding: 2em 31.25px;
    }
}

.dormitoryFacility {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: -15px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
}

.dormitoryFacility li {
    margin-bottom: 15px;
}

.dormitoryFacility li + li {
    margin-top: 0;
}

.dormitoryFacility .iconBox {
    display: block;
    position: relative;
    padding-top: 100%;
    background: #9a9eb6;
    text-align: center;
    border-radius: 5px;
}

.dormitoryFacility .icon {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    z-index: 1;
    margin-right: auto;
    margin-left: auto;
    color: #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.dormitoryFacility .name {
    display: block;
    line-height: 1.4;
    margin-top: 10px;
    text-align: center;
}

@media (min-width:68.8125em) {
    .dormitoryFacility li {
        width: 18%;
    }

    .dormitoryFacility .icon {
        font-size: 45px;
    }
}

@media (max-width:68.75em) {
    .dormitoryFacility li {
        width: 22%;
    }

    .dormitoryFacility .icon {
        font-size: 32px;
    }
}

@media (max-width:52.5em) {
    .dormitoryFacility li {
        width: 30%;
    }
}

@media (max-width:48em) {
    .dormitoryFacility li {
        width: 18%;
    }

    .dormitoryFacility .icon {
        font-size: 7vw;
    }
}

@media (min-width:30.0625em) {
    .dormitoryFacility .name {
        font-size: 12px;
    }
}

@media (max-width:30em) {
    .dormitoryFacility li {
        width: 22%;
    }

    .dormitoryFacility .name {
        font-size: 10px;
    }
}

@media (max-width:20em) {
    .dormitoryFacility li {
        width: 30%;
    }
}

.courseLead-box {
    position: relative;
    border: 1px solid;
}

.courseLead.biyou .courseLead-box {
    border-color: #f6438a;
}

.courseLead.kango .courseLead-box {
    border-color: #3873ed;
}

.courseLead.kyosei .courseLead-box {
    border-color: #2776c7;
}

.courseLead-box-heading {
    color: #fff;
    font-weight: bold;
}

.courseLead.biyou .courseLead-box-heading {
    background: #f6438a;
}

.courseLead.kango .courseLead-box-heading {
    background: #3873ed;
}

.courseLead.kango .courseLead-box-heading span {
    display: block;
    line-height: 1.5;
    font-size: 13px;
}

.courseLead.kyosei .courseLead-box-heading {
    background: #2776c7;
}

.courseLead-box-body {
    padding: 1.5em 1.5em 3em;
}

.courseLead-box .button {
    position: absolute;
    bottom: -24px;
    width: 190px;
}

.courseLead-box .button .icon {
    margin-left: .5em;
}

@media (min-width:80.0625em) {
    .courseLead-box-heading {
        font-size: 22px;
    }
}

@media (max-width:80em) {
    .courseLead-box-heading {
        font-size: 1.3rem;
    }
}

@media (min-width:52.5625em) {
    .courseLead {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-between;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
    }

    .courseLead-box {
        width: 48.41121%;
    }
}

@media (max-width:52.5em) {
    .courseLead-box {
        margin-bottom: 60px;
    }
}

@media (min-width:48.0625em) {
    .courseLead-box-heading {
        padding: .5em 1em;
    }

    .courseLead-box-heading .icon {
        width: 30px;
        height: 30px;
        margin-top: -6px;
        margin-right: .5em;
        font-size: 30px;
    }

    .courseLead-box-img {
        position: relative;
        overflow: hidden;
    }

    .courseLead-box-img:before {
        display: block;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        content: '';
        -webkit-transition: opacity 0.6s;
        transition: opacity 0.6s;
        -webkit-transition-timing-function: cubic-bezier(0.52, 0.08, 0.18, 1);
        transition-timing-function: cubic-bezier(0.52, 0.08, 0.18, 1);
        opacity: 0;
    }

    .courseLead.biyou .courseLead-box-img:before {
        background: rgba(246, 67, 138, 0.4);
    }

    .courseLead.kango .courseLead-box-img:before {
        background: rgba(56, 115, 237, 0.4);
    }

    .courseLead.kyosei .courseLead-box-img:before {
        background: rgba(50, 213, 182, 0.4);
    }

    .courseLead-box-link:hover .courseLead-box-img:before {
        opacity: 1;
    }

    .courseLead-box-img img {
        width: 100%;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: -webkit-transform 1s;
        transition: -webkit-transform 1s;
        transition: transform 1s;
        transition: transform 1s, -webkit-transform 1s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .courseLead-box-link:hover .courseLead-box-img img {
        -webkit-transform: scale(1.08);
        transform: scale(1.08);
    }

    .courseLead-box .button {
        right: 20px;
    }
}

@media (max-width:48em) {
    .courseLead-box-heading {
        padding: .5em;
    }

    .courseLead-box-heading .icon {
        width: 25px;
        height: 25px;
        margin-top: -6px;
        margin-right: .5em;
        font-size: 25px;
    }

    .courseLead-box .button {
        right: 0;
        bottom: -17px;
        left: 0;
        width: 70%;
        margin-right: auto;
        margin-left: auto;
    }
}

.coursePoint {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 40px;
    counter-reset: feature-counter;
}

.coursePoint-box {
    width: 31%;
}

.coursePoint-box + .coursePoint-box {
    margin-top: 40px;
}

.coursePoint-box-img {
    display: table-cell;
    vertical-align: top;
}

.coursePoint-box-img {
    position: relative;
}

/*.coursePoint-box-img:before {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    background: #fff;
    border: 1px solid;
    text-align: center;
    content: counter(feature-counter, decimal-leading-zero);
    counter-increment: feature-counter
}

.coursePoint.biyou .coursePoint-box-img:before {
    color: #f6438a
}

.coursePoint.kango .coursePoint-box-img:before {
    color: #3873ed
}

.coursePoint.kyosei .coursePoint-box-img:before {
    color: #2dc4a9
}*/

.coursePoint-box-heading {
    margin-bottom: 10px;
}

.coursePoint.biyou .coursePoint-box-heading {
    color: #f6438a;
}

.coursePoint.kango .coursePoint-box-heading {
    color: #3873ed;
}

.coursePoint.kyosei .coursePoint-box-heading {
    color: #2dc4a9;
}

@media (min-width:68.8125em) {
    .coursePoint-box-img {
        width: 370px;
    }

    /*.coursePoint-box-img:before {
        width: 90px;
        height: 90px;
        font-size: 43px;
        line-height: 90px
    }*/
}

@media (max-width:68.75em) {
    .coursePoint-box-img {
        width: 40%;
    }

    .coursePoint-box-img:before {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 28px;
    }
}

@media (min-width:48.0625em) {
    .coursePoint-box-img {
        padding: 22px 22px 0 0;
    }

    /*.coursePoint-box-body {
        padding-left: 40px
    }*/

    .coursePoint-box-heading {
        font-size: 21px;
    }

    .coursePoint-box-heading span {
        font-size: 32px;
    }

    .coursePoint-box-body p {
        font-size: 16px;
    }
}

@media (max-width:48em) {

    .coursePoint-box,
    .coursePoint-box-body,
    .coursePoint-box-img {
        display: block;
    }

    .coursePoint-box-img {
        width: 100%;
        padding: 0 0 0 30px;
    }

    .coursePoint-box-img:before {
        top: auto;
        bottom: -30px;
        left: 0;
    }

    .coursePoint-box-body {
        padding-top: 50px;
    }

    .coursePoint-box-heading {
        font-size: 1.4rem;
    }
}

@media (max-width:30em) {
    .coursePoint-box-heading {
        font-size: 1.2rem;
    }

    .coursePoint-box-img:before {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 25px;
    }
}

.curriculumList td ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
}

@media (min-width:68.8125em) {
    .curriculumList td ul:after {
        width: 33%;
        content: '';
    }

    .curriculumList td ul li {
        width: 33%;
    }
}

@media (max-width:68.75em) {
    .curriculumList td ul li {
        width: 45%;
    }
}

@media (min-width:48.0625em) {
    .curriculumList th {
        width: 140px;
    }
}

@media (max-width:30em) {
    .curriculumList td ul li {
        width: 100%;
    }
}

.quaList td ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
}

@media (min-width:68.8125em) {
    .quaList td ul:after {
        width: 31.5%;
        content: '';
    }

    .quaList td ul li {
        width: 31.5%;
        letter-spacing: 0.4px;
    }
}

@media (max-width:68.75em) {
    .quaList td ul li {
        width: 45%;
    }
}

@media (min-width:48.0625em) {
    .quaList th {
        width: 100px;
    }
}

@media (max-width:30em) {
    .quaList td ul li {
        width: 100%;
    }
}

.timeTable {
    margin-top: .7em;
    text-align: center;
    table-layout: fixed;
}

.timeTable td,
.timeTable th {
    padding: 1em;
}

.timeTable th {
    width: auto;
}

.timeTable tr th:first-child {
    width: 227px;
}

.timeTable tbody tr td:first-child {
    position: relative;
    padding-left: 80px;
}

.timeTable thead tr th:first-child {
    border-right: 1px solid #fff;
    border-left: 1px solid #afb3c7;
}

.timeTable thead tr th:nth-child(2),
.timeTable thead tr th:nth-child(3),
.timeTable thead tr th:nth-child(4),
.timeTable thead tr th:nth-child(5) {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}

.timeTable thead tr th {
    color: #fff;
    font-weight: bold;
    border-top: 1px solid #afb3c7;
    border-right: 1px solid #afb3c7;
    border-bottom: 1px solid #afb3c7;
}

.timeTable tbody tr td {
    border: 1px solid #afb3c7;
}

.timeTable .period {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 100%;
    background: #c3c6d5;
    color: #fff;
    font-weight: bold;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

.courseDetail-box-year-inner {
    color: #fff;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    letter-spacing: 0;
}

.courseDetail.biyou .courseDetail-box-year-inner {
    background: #f6438a;
}

.courseDetail.kango .courseDetail-box-year-inner {
    background: #3873ed;
}

.courseDetail.kyosei .courseDetail-box-year-inner {
    background: #2776c7;
}

.courseDetail-box-heading {
    font-weight: bold;
}

@media (min-width:48.0625em) {
    .courseDetail-box + .courseDetail-box {
        margin-top: 130px;
    }

    .courseDetail-box-head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        margin-bottom: 40px;
        -webkit-box-align: center;
        -ms-flex-align: center;
    }

    .courseDetail-box-heading {
        padding-left: 40px;
        font-size: 18px;
    }

    .courseDetail-box-year-inner {
        height: 100px;
        line-height: 100px;
        padding: 0 15px;
        font-size: 24px;
    }

    .courseDetail-box-year-inner span {
        font-size: 40px;
    }
}

@media (max-width:48em) {
    .courseDetail-box + .courseDetail-box {
        margin-top: 50px;
    }

    .courseDetail-box-head {
        margin-bottom: 20px;
    }

    .courseDetail-box-heading {
        font-size: 16px;
    }

    .courseDetail-box-year-inner {
        width: 7em;
        margin-bottom: 15px;
        font-size: 14px;
    }

    .courseDetail-box-year-inner span {
        font-size: 20px;
    }
}

.trainingDetail-box-img {
    width: 100%;
    margin-bottom: 1.5em;
}

.trainingDetail + .button {
    max-width: 517px;
}

@media (min-width:40.0625em) {
    .trainingDetail {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-between;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
    }

    .trainingDetail-box {
        width: 48.13084%;
    }
}

@media (min-width:30.0625em) {
    * + .trainingDetail {
        margin-top: 70px;
    }

    .trainingDetail-box {
        margin-bottom: 80px;
    }
}

@media (max-width:30em) {
    * + .trainingDetail {
        margin-top: 30px;
    }

    .trainingDetail-box {
        margin-bottom: 60px;
    }
}

.courseIntro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
}

.courseIntro-box-heading {
    margin-bottom: 10px;
    padding: .5em 1em;
    background: #2776c7;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.courseIntro-box-heading .icon {
    margin-right: .25em;
    font-size: 1.5rem;
    vertical-align: -15%;
}

@media (min-width:68.8125em) {
    .courseIntro {
        margin-top: 120px;
    }

    .courseIntro-box {
        width: 18.50467%;
    }
}

@media (max-width:68.75em) {
    .courseIntro {
        margin-top: 40px;
        margin-bottom: -40px;
    }

    .courseIntro:after {
        width: 31%;
        content: '';
    }

    .courseIntro-box {
        width: 31%;
        margin-bottom: 40px;
    }
}

@media (max-width:30em) {
    .courseIntro {
        margin-top: 30px;
        margin-bottom: -30px;
    }

    .courseIntro:after {
        width: 48.5%;
        content: '';
    }

    .courseIntro-box {
        width: 48.5%;
        margin-bottom: 30px;
    }
}

.section-copy {
    color: #2776c7;
    text-align: center;
}

.section-desc {
    font-size: 16px;
    text-align: center;
}

.courseList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 60px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
}

.courseList-box-link {
    display: block;
}

.courseList-box-heading {
    height: 230px;
    padding: 22px 38px;
    color: #fff;
}

.courseList-box.biyou .courseList-box-heading {
    background: #fe7b7e;
}

.courseList-box.kango .courseList-box-heading {
    padding: 52px 38px;
    background: #77a8eb;
}

.courseList-box.kyosei .courseList-box-heading {
    background: #15ceae;
}

.aside .courseList-box-heading {
    padding: 17px 0;
}

.courseList-box-heading span {
    display: block;
    line-height: 1.6;
    font-size: 32px;
}

.courseList-box-heading span small {
    display: block;
    width: fit-content;
    padding: 0 10px;
    background: white;
    font-size: 16px;
}

.courseList-box.biyou .courseList-box-heading span small {
    color: #fe7b7e;
}

.courseList-box.kango .courseList-box-heading span small {
    color: #77a8eb;
}

.courseList-box.kyosei .courseList-box-heading span small {
    color: #15ceae;
}

.aside .courseList-box-heading span {
    font-size: 18px;
}

.courseList-box-heading .icon {
    display: block;
    width: 45px;
    height: 45px;
    line-height: 1;
    margin-right: auto;
    margin-bottom: 15px;
    margin-left: auto;
    font-size: 45px;
}

.courseList-box-img {
    position: relative;
    overflow: hidden;
}

.courseList-box-img img {
    width: 100%;
}

.courseList-box-catch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    height: 117px;
    padding: 0 38px;
    font-size: 16px;
    letter-spacing: -0.2px;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

.courseList-box.biyou .courseList-box-catch {
    color: #fe7b7e;
}

.courseList-box.kango .courseList-box-catch {
    color: #77a8eb;
}

.courseList-box.kyosei .courseList-box-catch {
    color: #15ceae;
}

.aside .courseList-box-catch {
    font-size: 16px;
}

.courseList-box-job dt {
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-size: 16px;
    border-bottom: 1px solid #000;
}

.courseList-box-job dd {
    font-size: 16px;
}

.courseList-box-job dd .list-disc > li::marker {
    color: #2776c7;
    font-size: 22px;
}

/*.courseList-box .button {
    position: relative;
    z-index: 1;
    padding: 14px 18px;
    margin: -20px auto 0;
    width: 240px;
    font-size: 1.1rem;
    line-height: 1
}

.courseList-box .button .icon {
    margin-left: .5em
}*/

@media (min-width:88.1875em) {
    .courseList {
        margin-top: 60px;
    }

    .courseList-box {
        width: 32.05607%;
        padding: 1px;
    }

    /*.courseList-box.biyou {
        background: #f6438a
    }

    .courseList-box.kango {
        background: #3873ed
    }

    .courseList-box.kyosei {
        background: #2776c7
    }*/

    .courseList-box-img .landscape {
        display: none;
    }

    .aside .courseList-box-img .landscape {
        display: block;
    }

    .courseList-box-job {
        padding: 30px 38px;
        background: #ecf1f8;
    }

    /*.courseList-box .button {
        display: none
    }*/

    .video {
        height: 461px;
        margin: 60px auto 0;
        max-width: 820px;
    }

}

@media (max-width:88.125em) {
    .courseList {
        margin-bottom: -60px;
    }

    .courseList-box {
        width: 48.5%;
        margin-bottom: 60px;
    }

    .courseList-box-body {
        position: relative;
        z-index: 1;
        width: 100%;
        padding: 2rem 2em 3em;
        background: #fff;
        border-width: 1px;
    }

    /*.courseList-box.biyou .courseList-box-body {
        border-color: #f6438a
    }

    .courseList-box.kango .courseList-box-body {
        border-color: #3873ed
    }

    .courseList-box.kyosei .courseList-box-body {
        border-color: #2776c7
    }*/

    .courseList-box.biyou .icon-scissors-circle:before {
        width: 1em;
    }

    .courseList-box.kango .icon-cross-circle:before {
        width: 1em;
    }

    .courseList-box.kyosei .icon-leaf-circle:before {
        width: 1em;
    }

    .aside .courseList-box-body {
        padding: 2rem 2em 2.8em;
    }

    .courseList-box-heading {
        height: auto;
    }

    .courseList-box.kango .courseList-box-heading {
        padding: 22px 38px;
    }

    .courseList-box-heading .icon {
        width: 35px;
        height: 35px;
        font-size: 35px;
    }

    .courseList-box-heading span br {
        display: inline-block;
        margin-left: .5em;
    }

    .courseList-box-catch {
        display: block;
        height: auto;
        margin-bottom: .8em;
        padding: 0;
        text-align: left;
    }

    .aside .courseList-box-catch {
        margin-bottom: 0;
    }

    .courseList-box-catch .icon {
        width: 35px;
        height: 35px;
        font-size: 35px;
    }

    .courseList-box-catch br {
        display: none;
    }

    .courseList-box-img .portrait {
        display: none;
    }

    .video {
        width: 86%;
        margin: 60px auto 0;
        max-width: 820px;
    }

    .video iframe {
        height: calc(300px + (461 - 300) * ((100vw - 769px) / (1410 - 769)));
    }
}

@media (min-width: 1411px) {
    .video iframe {
        height: 461px;
    }
}

@media (max-width:68.75em) {
    .courseList-box-heading span {
        line-height: 1.5;
        font-size: 18px;
    }

    .video iframe {
        height: calc(142px + (530 - 142) * ((100vw - 320px) / (769 - 320)));
    }
}

@media (min-width:48.0625em) {
    .aside .courseList-box-heading {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        text-align: left;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
    }

    .aside .courseList-box-heading .icon {
        margin: 0 15px 0 0;
    }

    .courseList-box-catch {
        background: #fff;
    }

    .courseList-box-img:before {
        display: block;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        content: '';
        -webkit-transition: opacity 0.6s;
        transition: opacity 0.6s;
        -webkit-transition-timing-function: cubic-bezier(0.52, 0.08, 0.18, 1);
        transition-timing-function: cubic-bezier(0.52, 0.08, 0.18, 1);
        opacity: 0;
    }

    .courseList-box.biyou .courseList-box-img:before {
        background-color: rgba(246, 67, 138, 0.4);
    }

    .courseList-box.kango .courseList-box-img:before {
        background-color: rgba(56, 115, 237, 0.4);
    }

    .courseList-box.kyosei .courseList-box-img:before {
        background-color: rgba(50, 213, 182, 0.4);
    }

    .courseList-box-link:hover .courseList-box-img:before {
        opacity: 1;
    }

    .courseList-box-img img {
        width: 100%;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: -webkit-transform 1s;
        transition: -webkit-transform 1s;
        transition: transform 1s;
        transition: transform 1s, -webkit-transform 1s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .courseList-box-link:hover .courseList-box-img img {
        -webkit-transform: scale(1.08);
        transform: scale(1.08);
    }
}

@media (max-width:48em) {
    .courseList-box {
        width: 100%;
    }

    .courseList-box-heading {
        padding: 20px 0;
    }

    .aside .courseList-box-heading .icon {
        width: 35px;
        height: 35px;
        margin-bottom: 10px;
        font-size: 35px;
    }

    .courseList-box-body {
        padding-top: 3em;
        padding-bottom: 4em;
        background: none;
    }

    .aside .courseList-box-body {
        padding: 3rem 2em 3em;
    }

    .courseList-box-catch {
        background: none;
        font-size: 16px;
    }

    /*.courseList-box .button {
        width: 70%
    }*/

    .video {
        width: 100%;
    }
}

.chuoFeature {
    position: relative;
    border: 1px solid #9a9eb6;
}

.chuoFeature-bg {
    background-size: cover;
    background-repeat: no-repeat;
}

.chuoFeature-body {
    position: relative;
    z-index: 1;
}

.chuoFeature-body .list {
    margin-top: 30px;
}

.chuoFeature-heading {
    margin-bottom: 1rem;
    font-weight: bold;
    max-width: 500px;
    border-bottom: 1px solid #9a9eb6;
}

@media (min-width:88.1875em) {
    .chuoFeature-bg {
        width: 663px;
    }
}

@media (max-width:88.125em) {
    .chuoFeature-bg {
        width: 70%;
    }
}

@media (min-width:48.0625em) {
    .chuoFeature {
        margin-top: 70px;
        padding: 40px;
    }

    .chuoFeature-bg {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        background-image: url(../../assets/img/page/course/index/feature.jpg);
        background-position: 0;
        max-width: 100%;
    }

    .chuoFeature-heading {
        font-size: 20px;
    }
}

@media (max-width:48em) {
    .chuoFeature {
        margin-top: 40px;
        padding: 0;
    }

    .chuoFeature-bg {
        width: 100%;
        padding-top: 67.1875%;
        background-image: url(../../assets/img/page/course/index/feature-sp.jpg);
        background-position: center;
        max-width: 100%;
    }

    .chuoFeature-heading {
        font-size: 18px;
    }

    .chuoFeature-body {
        padding: 30px 20px;
    }
}

.quaTable {
    width: 100%;
    font-size: 13px;
    table-layout: fixed;
}

.quaTable td,
.quaTable th {
    width: auto;
    padding: 1.2em 1em;
    text-align: center;
    letter-spacing: .05em;
}

.quaTable tr td:first-child,
.quaTable tr th:first-child {
    text-align: left;
}

@media (min-width:48.0625em) {

    .quaTable tr td:first-child,
    .quaTable tr th:first-child {
        width: 250px;
    }
}

@media (max-width:48em) {
    .quaTableWrapper {
        overflow: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

    .quaTableWrapper::-webkit-scrollbar {
        height: 5px;
    }

    .quaTableWrapper::-webkit-scrollbar-track {
        background: #F1F1F1;
    }

    .quaTableWrapper::-webkit-scrollbar-thumb {
        background: #BCBCBC;
    }

    .quaTable {
        width: 690px;
    }

    .quaTable tr td:first-child,
    .quaTable tr th:first-child {
        width: 160px;
    }

    .eventSchedule .itemWrapper {
        width: 100% !important;
    }
}

.eventTime {
    margin-bottom: 40px;
}

.eventTime.eventTime-chg {
    margin-bottom: 20px;
}

.eventTime span {
    padding-right: .5em;
    font-size: 1.54rem;
    font-weight: bold;
}

.event-note {
    margin-bottom: 2em;
    color: #FF0000;
    font-weight: bold;
}

.eventSchedule a.link-event:hover {
    opacity: 0.7;
}

.eventSchedule .item:after,
.eventSchedule .item:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
}

.eventSchedule .heading {
    position: absolute;
    top: -15px;
    right: 0;
    left: 0;
    z-index: 3;
    width: 70%;
    line-height: 1;
    margin: 0 auto;
    padding: .4em 0;
    background: #a1a1a1;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}

.eventSchedule .special .heading {
    background: #000;
    color: #fff;
    text-transform: uppercase;
}

.eventSchedule .is-end:before {
    z-index: 3;
    background: rgba(255, 255, 255, 0.8);
}

.eventSchedule .is-end:after {
    top: 50%;
    left: auto;
    z-index: 4;
    border: 1px solid #FF3300;
    background: transparent;
    color: #FF3300;
    font-weight: bold;
    content: '終了';
    -webkit-transform: translateY(-50%) rotate(18deg);
    transform: translateY(-50%) rotate(18deg);
    border-radius: 50%;
}

.eventSchedule .is-gray:before {
    z-index: 3;
    background: rgba(255, 255, 255, 0.8);
}

.eventSchedule .new-grade.is-end .heading,
.eventSchedule .special.is-end .heading {
    opacity: 0.5;
    pointer-events: none;
}

.eventSchedule .cancel {
    border-color: #e7e8ee;
}

.eventSchedule .cancel:before {
    z-index: 3;
    background: rgba(255, 255, 255, 0.8);
}

.eventSchedule .cancel:after {
    top: 50%;
    left: auto;
    z-index: 4;
    border: 1px solid #FF3300;
    background: transparent;
    color: #FF3300;
    font-weight: bold;
    content: '中止' !important;
    -webkit-transform: translateY(-50%) rotate(18deg);
    transform: translateY(-50%) rotate(18deg);
    border-radius: 50%;
}


.eventSchedule .date {
    position: relative;
    z-index: 1;
}

.eventSchedule .day-of-the-week.saturday {
    color: #3873ed;
}

.eventSchedule .day-of-the-week.sunday {
    color: #f6438a;
}

@media (min-width: 48.0625em) and (max-width: 68.75em) {
    .eventSchedule .heading {
        top: -1.36vw;
        font-size: 1.27vw;
    }
}

@media (max-width:68.75em) {
    .eventSchedule {
        margin-right: -3.3%;
    }

    .eventSchedule .itemWrapper {
        width: 30%;
        margin-right: 3.3%;
    }

    .eventSchedule .item.add-margin {
        margin-right: 3%;
    }
}

@media (max-width:48em) {
    .eventTime {
        margin-bottom: 2em;
    }

    .eventSchedule > * {
        display: inline-block;
        width: 48.5%;
        margin-right: 3%;
    }

    .eventSchedule > *:nth-of-type(2n) {
        margin-right: 0 !important;
    }

    .eventSchedule:first-of-type {
        margin-bottom: 1em;
    }

    .eventSchedule .heading {
        top: -3.5vw;
        font-size: 3.13vw;
    }
}

@media (min-width:40.0625em) {
    .eventSchedule .is-end:after {
        right: 9px;
        width: 54px;
        height: 54px;
        line-height: 54px;
    }

    .eventSchedule .cancel:after {
        right: 9px;
        width: 54px;
        height: 54px;
        line-height: 54px;
    }
}

@media (max-width:40em) {
    .eventSchedule {
        margin-right: 0;
    }

    .eventSchedule .itemWrapper {
        width: 48.5% !important;
        margin-right: 3%;
        margin-bottom: 1.0em;
    }

    .eventSchedule .item {
        padding: 1em 0;
    }

    .eventSchedule .item:nth-of-type(2n) {
        float: right;
    }

    .eventSchedule .heading span {
        font-size: .9em;
    }

    .eventSchedule .day,
    .eventSchedule .month {
        font-size: 1.7rem;
    }

    .eventSchedule .day .label,
    .eventSchedule .month .label {
        font-size: 1.2rem;
    }

    .eventSchedule .is-end:after {
        right: 0;
        left: 0;
        width: 40px;
        height: 40px;
        line-height: 40px;
        margin-right: auto;
        margin-left: auto;
    }

    .eventSchedule .cancel:after {
        right: 0;
        left: 0;
        width: 40px;
        height: 40px;
        line-height: 40px;
        margin-right: auto;
        margin-left: auto;
    }
}

.eventPoint-heading {
    line-height: 1;
    margin-bottom: 1em;
    text-align: center;
}

.eventPoint-heading .en {
    display: block;
    line-height: 1;
    font-size: 3.07rem;
    letter-spacing: 0;
    text-transform: uppercase;
}

.eventPoint-heading .ja {
    display: inline-block;
    position: relative;
    margin-bottom: 14px;
    font-size: 1rem;
    font-weight: bold;
    text-indent: .25em;
    vertical-align: middle;
    letter-spacing: .25em;
}

.eventPoint-heading .ja:after {
    display: block;
    position: absolute;
    right: 0;
    bottom: -10px;
    left: 0;
    width: 100%;
    height: 2px;
    margin: 0 auto;
    content: '';
}

.eventPoint-heading.has-border-blue .ja:after {
    background: #3873ed;
}

.eventPoint-heading.has-border-blue2 .ja:after {
    background: #3B90C1;
}

.eventPoint-heading.has-border-pink .ja:after {
    background: #f6438a;
}

.eventPoint-heading.has-border-green .ja:after {
    background: #2776c7;
}

.eventPoint-heading.has-border-yellow .ja:after {
    background: #ec950c;
}

.eventPoint-heading.has-border-grey .ja:after {
    background: #9a9eb6;
}

@media (min-width:40.0625em) {
    .eventPoint-heading .en {
        font-size: 3.07rem;
    }
}

@media (max-width:40em) {
    .eventPoint-heading .en {
        font-size: 2.5rem;
    }

    .eventPoint-heading .ja {
        margin-bottom: 18px;
    }
}

.eventPoint-box + .eventPoint-box {
    margin-top: 40px;
}

.eventPoint-box-heading {
    margin-bottom: .8em;
    font-weight: bold;
}

.eventPoint-box-heading .icon {
    margin: -2px .5em 0 0;
}

.eventPoint-box-img img {
    width: 100%;
}

@media (min-width:68.8125em) {
    .eventPoint-box-body {
        padding-right: 2.5em;
    }

    .eventPoint-box-img {
        width: 320px;
    }
}

@media (max-width:68.75em) {
    .eventPoint-box-body {
        padding-right: 2.5em;
    }

    .eventPoint-box-img {
        width: 40%;
    }
}

@media (min-width:40.0625em) {
    .eventPoint-box-heading {
        font-size: 1.38rem;
    }

    .eventPoint-box {
        display: table;
        width: 100%;
    }

    .eventPoint-box-body,
    .eventPoint-box-img {
        display: table-cell;
        vertical-align: top;
    }


}

@media (max-width:40em) {
    .eventPoint-box-heading {
        font-size: 1.1rem;
    }

    .eventPoint-box-body {
        padding-right: 0;
    }

    .eventPoint-box-img {
        width: 100%;
        margin-top: 1em;
    }
}

.certificate {
    position: relative;
}

.certificate img {
    position: absolute;
    right: 30px;
    bottom: 0;
}

@media (min-width:68.8125em) {
    .certificate {
        padding-right: 250px;
    }
}

@media (max-width:68.75em) {
    .certificate img {
        display: none;
    }
}

.participantsCommment li {
    position: relative;
    padding-left: 2.2em;
}

.participantsCommment li + li {
    margin-top: 1.5em;
}

.participantsCommment li .icon {
    position: absolute;
    top: .2em;
    left: 0;
    font-size: 145%;
}

.relatedEvent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
}

.relatedEvent-box {
    position: relative;
}

.relatedEvent-img {
    width: 100%;
}

.relatedEvent-head {
    position: relative;
    overflow: hidden;
}

.relatedEvent-name {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-shadow: 0 0 8px #000;
}

.relatedEvent-body time {
    line-height: 1;
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0;
}

.relatedEvent-body time .icon {
    margin: -4px .5em 0 0;
}

.relatedEventWrapper.is-gakusetsu .relatedEvent-box.gakusetsu,
.relatedEventWrapper.is-guidance .relatedEvent-box.guidance,
.relatedEventWrapper.is-other .relatedEvent-box.other,
.relatedEventWrapper.is-taiken .relatedEvent-box.taiken {
    display: none;
}

@media (min-width:88.1875em) {
    .relatedEvent-name {
        font-size: 26px;
    }
}

@media (max-width:88.125em) {
    .relatedEvent-name {
        font-size: 20px;
    }
}

@media (min-width:52.5625em) {
    .relatedEvent-box {
        width: 31.5%;
        padding-top: 16px;
    }

    .relatedEvent-body {
        padding-top: .7em;
    }
}

@media (max-width:52.5em) {
    .relatedEvent-box {
        width: 48.5%;
        margin-bottom: 30px;
    }

    .relatedEvent-body {
        padding-top: 1em;
    }
}

@media (min-width:48.0625em) {
    .relatedEvent-img {
        -webkit-transition: -webkit-transform 1.5s;
        transition: -webkit-transform 1.5s;
        transition: transform 1.5s;
        transition: transform 1.5s, -webkit-transform 1.5s;
        -webkit-transition-timing-function: cubic-bezier(0.52, 0.08, 0.18, 1);
        transition-timing-function: cubic-bezier(0.52, 0.08, 0.18, 1);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .relatedEvent-link:hover .relatedEvent-img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

@media (max-width:40em) {
    .relatedEvent-name {
        font-size: 16px;
    }
}

@media (max-width:20em) {
    .relatedEvent-box {
        width: 100%;
    }
}

@media (min-width:48.0625em) {

    .eventEntry.halftaiken .button:before,
    .eventEntry.taiken .button:before {
        background: #3873ed;
    }

    .eventEntry.halftaiken .button:hover,
    .eventEntry.taiken .button:hover {
        border-color: #3873ed;
    }

    .eventEntry.gakusetsu .button:before {
        background: #f6438a;
    }

    .eventEntry.gakusetsu .button:hover {
        border-color: #f6438a;
    }

    .eventEntry.guidance .button:before {
        background: #2776c7;
    }

    .eventEntry.guidance .button:hover {
        border-color: #2776c7;
    }
}

@media (min-width:40.0625em) {

    * + .eventEntry,
    .eventEntry + * {
        margin-top: 60px;
    }
}

@media (max-width:40em) {

    * + .eventEntry,
    .eventEntry + * {
        margin-top: 2rem;
    }
}

.eventOther-box:last-child {
    padding-top: 40px;
    border-top: 1px dashed #ddd;
}

.eventOther-box-heading {
    margin-bottom: 10px;
    font-size: 1.4rem;
}

.eventOther-box-heading .icon {
    margin: -2px .4em 0 0;
}

.eventOther-img {
    display: block;
    margin-bottom: 30px;
}

.eventOther-box .eventSchedule .itemWrapper {
    width: 196px;
}

.eventOther-box .eventSchedule .item:nth-child(2n) {
    margin-right: 0;
    margin-left: auto;
}

@media (min-width:40.0625em) {
    .eventOther {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 70px;
        margin-bottom: -60px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
    }

    .eventOther-box {
        /* width: 48.5%;*/
        width: 100%;
        ;
        margin-bottom: 60px;
    }

    .eventOther-box .anchor {
        margin-top: -150px;
        padding-top: 150px;
    }
}

@media (max-width:40em) {
    .eventOther {
        margin-top: 40px;
    }

    .eventOther-box {
        margin-bottom: 40px;
    }

    .eventOther-box + .eventOther-box {
        padding-top: 40px;
        border-top: 1px dashed #ddd;
    }

    .eventOther-box .anchor {
        margin-top: -80px;
        padding-top: 80px;
    }

    .eventOther-box .eventSchedule .item {
        width: 100%;
    }
}

.eventIntro-box + .eventIntro-box {
    margin-top: 40px;
}

.eventIntro-box.halftaiken {
    background-color: #3873ed;
}

.eventIntro-box.taiken {
    background-color: #3873ed;
}

.eventIntro-box.gakusetsu {
    background-color: #f6438a;
}

.eventIntro-box.guidance {
    background-color: #2776c7;
}

.eventIntro-box.other {
    background-color: #9a9eb6;
}

.eventIntro-box.kobetsusoudan {
    background-color: #ec950c;
}

.eventIntro-box.ao {
    background-color: #3a90c1;
}

.eventIntro-box-link {
    width: 100%;
    overflow: hidden;
    color: #fff;
}

.eventIntro-box-img {
    height: 160px;
}

.eventIntro-box.halftaiken .eventIntro-box-img {
    background: url(../../assets/img/page/event/index/halftaiken.jpg) 100%;
    background-size: cover;
}

.eventIntro-box.taiken .eventIntro-box-img {
    background: url(../../assets/img/page/event/index/taiken.jpg) 100%;
    background-size: cover;
}

.eventIntro-box.gakusetsu .eventIntro-box-img {
    background: url(../../assets/img/page/event/index/gakusetsu.jpg);
    background-size: cover;
}

.eventIntro-box.guidance .eventIntro-box-img {
    background: url(../../assets/img/page/event/index/guidance.jpg) 100%;
    background-size: cover;
}

.eventIntro-box.other .eventIntro-box-img {
    background: url(../../assets/img/page/event/index/other.jpg);
    background-size: cover;
}

.eventIntro-box.kobetsusoudan .eventIntro-box-img {
    background: url(../../assets/img/page/event/index/kobetsusoudan.png);
    background-size: cover;
}

.eventIntro-box.ao .eventIntro-box-img {
    background: url(../../assets/img/page/event/index/ao.png);
    background-size: cover;
}

.eventIntro-box-heading {
    margin-bottom: 5px;
}

.eventIntro-box-heading .icon {
    margin: -2px 0 0 .5em;
    font-size: 14px;
}

.eventIntro-box-body {
    padding: 0 20px;
}

@media (min-width:80.0625em) {
    .eventIntro-box-img {
        width: 50%;
    }

    .eventIntro-box-heading {
        font-size: 27px;
    }
}

@media (max-width:80em) {
    .eventIntro-box-img {
        width: 45%;
    }

    .eventIntro-box-heading {
        font-size: 24px;
    }
}

@media (max-width:52.5em) {
    .eventIntro-box-heading {
        font-size: 20px;
    }
}

@media (min-width:48.0625em) {
    * + .eventIntro {
        margin-top: 70px;
    }

    .eventIntro-box-link {
        position: relative;
    }

    .eventIntro-box-link:before {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 50%;
        height: 100%;
        content: '';
        -webkit-transition: opacity 0.6s;
        transition: opacity 0.6s;
        -webkit-transition-timing-function: cubic-bezier(0.52, 0.08, 0.18, 1);
        transition-timing-function: cubic-bezier(0.52, 0.08, 0.18, 1);
        opacity: 0;
    }

    .eventIntro-box.halftaiken .eventIntro-box-link:before {
        background-color: rgba(56, 115, 237, 0.4);
    }

    .eventIntro-box.taiken .eventIntro-box-link:before {
        background-color: rgba(56, 115, 237, 0.4);
    }

    .eventIntro-box.gakusetsu .eventIntro-box-link:before {
        background-color: rgba(246, 67, 138, 0.4);
    }

    .eventIntro-box.guidance .eventIntro-box-link:before {
        background-color: rgba(50, 213, 182, 0.4);
    }

    .eventIntro-box.other .eventIntro-box-link:before {
        background-color: rgba(154, 158, 182, 0.4);
    }

    .eventIntro-box.kobetsusoudan .eventIntro-box-link:before {
        background-color: rgba(236, 149, 12, 0.4);
    }

    .eventIntro-box.ao .eventIntro-box-link:before {
        background-color: rgba(58, 144, 193, 0.4);
    }

    .eventIntro-box-link:hover:before {
        opacity: 1;
    }

}

@media (max-width:48em) {
    * + .eventIntro {
        margin-top: 40px;
    }
}

@media (min-width:40.0625em) {
    .eventIntro-box-link {
        display: table;
        width: 100%;
        overflow: hidden;
        color: #fff;
    }

    .eventIntro-box-body,
    .eventIntro-box-img {
        display: table-cell;
        vertical-align: middle;
    }
}

@media (max-width:40em) {
    .eventIntro-box-link {
        display: block;
    }

    .eventIntro-box-img {
        width: 100%;
    }

    .eventIntro-box-heading {
        font-size: 18px;
        letter-spacing: 3px !important;
    }

    .eventIntro-box-body {
        padding: 1.5em;
    }
}

.eventCalendar {
    border-bottom: 0;
}

.eventCalendar .itemWrapper {
    position: relative;
    float: left;
    margin-top: 10px;
    max-width: 100%;
}

.eventCalendar .item {
    border: 1px solid;
}

.eventCalendar .item.cancel:after {
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 4;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    background: rgba(255, 255, 255, 0.8);
    content: '';
}

.eventCalendar .link {
    display: table;
    width: 100%;
}

.eventCalendar .date {
    width: 140px;
    background: #fff;
    text-align: center;
}

.eventCalendar .ao-event-item {
    display: flex;
    flex-direction: column;
}

.eventCalendar .ao-event-item > div {
    display: flex;
}


@media (max-width:68.75em) {
    .eventCalendar .ao-event-item > div + div {
        margin-top: 10px;
    }

    .eventCalendar .ao-event-item > div {
        justify-content: space-between;
    }
}

@media (min-width:48.0625em) {
    .eventCalendar .link {
        -webkit-transition: 0.3s opacity;
        transition: 0.3s opacity;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .eventCalendar .link:hover {
        opacity: .7;
    }
}

@media (max-width:40em) {
    .eventCalendar .ao-event-item > div {
        flex-direction: column;
    }
}

.jobList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
}

.jobList-box .icon {
    display: block;
    margin-right: auto;
    margin-left: auto;
    color: #6f748f;
    text-align: center;
}

.jobList-box-name {
    width: 100%;
    margin-bottom: .5em;
    color: #6f748f;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
}

@media (min-width:48.0625em) {
    .jobList:after {
        display: block;
        width: calc(100% / 3);
        content: '';
    }

    .jobList-box {
        width: calc(100% / 3);
        margin-bottom: 40px;
        padding: 40px 4.8%;
    }

    .jobList-box + .jobList-box,
    .jobList-box:first-child {
        border-left: 1px solid #e7e8ee;
    }

    .jobList-box .icon {
        font-size: 80px;
    }

    .jobList-box-name {
        margin-top: 40px;
    }
}

@media (max-width:48em) {
    .jobList-box {
        width: 50%;
        margin-bottom: 30px;
        padding: 20px 1.5em;
    }

    .jobList-box-name {
        margin-top: 20px;
    }

    .jobList-box .icon {
        font-size: 60px;
    }
}

@media (min-width:30.0625em) {
    .jobList-box:nth-child(2n) {
        border-left: 1px solid #e7e8ee;
    }
}

@media (max-width:30em) {
    .jobList-box {
        width: 100%;
        margin-bottom: 0;
        padding: 30px 1em 0;
    }

    .jobList-box + .jobList-box {
        margin-top: 30px;
        border-top: 1px solid #e7e8ee;
    }

    .jobList-box .icon {
        font-size: 50px;
    }
}

.campusCalendar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
}

.campusCalendar-box-heading {
    line-height: 1.4;
    margin-bottom: 20px;
    border-bottom: 1px solid #000;
}

.campusCalendar-box img {
    display: block;
    margin-bottom: 1em;
}

@media (min-width:48.0625em) {
    .campusCalendar {
        margin-bottom: -100px;
    }

    .campusCalendar:after {
        display: block;
        width: 31.7757%;
        content: '';
    }

    .campusCalendar-box {
        width: 31.7757%;
        margin-bottom: 100px;
    }

    .campusCalendar-box-heading {
        font-size: 24px;
    }

    .campusCalendar-box-heading span {
        font-size: 56px;
    }
}

@media (max-width:48em) {
    .campusCalendar {
        margin-bottom: -40px;
    }

    .campusCalendar-box {
        width: 48%;
        margin-bottom: 40px;
    }

    .campusCalendar-box-heading span {
        font-size: 30px;
    }
}

.renunionSchedule {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: solid #e7e8ee;
    border-width: 1px 0 0 1px;
}

.renunionSchedule li {
    width: 25%;
    padding: 1.8em 1.8em 2.2em;
    border: solid #e7e8ee;
    border-width: 0 1px 1px 0;
}

.renunionSchedule .month {
    display: inline-block;
    line-height: 1.6;
    margin-bottom: .4em;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #e7e8ee));
    background: linear-gradient(transparent 60%, #e7e8ee 60%);
    font-size: 1.2rem;
    font-weight: bold;
}

.renunionSchedule .text {
    display: block;
}

@media (max-width:48em) {
    .renunionSchedule li {
        width: 33.3333%;
    }
}

@media (max-width:40em) {
    .renunionSchedule li {
        width: 50%;
        padding: 1.5em;
    }
}

.employmentSituation {
    max-width: 514px;
}

.employmentSituation img {
    width: 372px;
}

.internSystem img {
    width: 410px;
}

.internInterview-img {
    width: 220px;
}

.internInterview-heading {
    font-size: 1.2rem;
    font-weight: bold;
}

.internInterview-profile {
    margin: 1em 0 1em;
    border: 1px solid;
}

.biyou .internInterview-profile {
    border-color: #e7e8ee;
}

.kango .internInterview-profile {
    border-color: #e7e8ee;
}

.kyosei .internInterview-profile {
    border-color: #e7e8ee;
}

.internInterview-profile span {
    padding-right: .4em;
    font-weight: bold;
}

.biyou .internInterview-profile span {
    color: #f6438a;
}

.kango .internInterview-profile span {
    color: #3873ed;
}

.kyosei .internInterview-profile span {
    color: #2776c7;
}

.internInterview-profile .icon {
    display: inline-block;
    margin: -2px .3em 0 0;
    vertical-align: middle;
}

@media (min-width:48.0625em) {
    .internInterview {
        display: table;
        width: 100%;
    }

    .internInterview + .internInterview {
        margin-top: 20px;
    }

    .internInterview-body,
    .internInterview-img {
        display: table-cell;
        vertical-align: top;
    }

    .internInterview-body {
        padding-left: 30px;
    }

    .internInterview-profile {
        width: 455px;
        padding: .6em 1em .5em;
    }
}

@media (max-width:48em) {
    .internInterview + .internInterview {
        margin-top: 40px;
    }

    .internInterview-img {
        margin-right: auto;
        margin-bottom: 20px;
        margin-left: auto;
    }

    .internInterview-profile {
        padding: 1em 1em;
    }
}

.gradVoiceList2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 40px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
}

.gradVoiceList-box2 {
    position: relative;
    border: 1px solid;
}

.gradVoiceList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 40px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
}

.gradVoiceList img {
    width: 100%;
    border-radius: 20px 20px 0 0;
}

.gradVoiceList:after {
    display: block;
    content: '';
}

.gradVoiceList-box {
    position: relative;
    margin-bottom: 25px;
    background: #ecf1f8;
    border-radius: 20px;
}

.gradVoiceList-box-label {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
    width: 180px;
    padding: 0 10px 2px 10px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    border-radius: 20px;
}

.gradVoiceList-box.biyou .gradVoiceList-box-label {
    background: #fe7b7e;
}

.gradVoiceList-box.kango .gradVoiceList-box-label {
    background: #77a8eb;
}

.gradVoiceList-box.kyosei .gradVoiceList-box-label {
    background: #15ceae;
}

.gradVoiceList-box-label .icon {
    position: relative;
    margin: -2px .5em 0 0;
    padding-left: 18px;
}

.gradVoiceList-box-title {
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: bold;
}

.gradVoiceList-box.biyou .gradVoiceList-box-title {
    color: #fe7b7e;
}

.gradVoiceList-box.kango .gradVoiceList-box-title {
    color: #77a8eb;
}

.gradVoiceList-box.kyosei .gradVoiceList-box-title {
    color: #15ceae;
}

.gradVoiceList-box-body {
    padding: 1em;
}

.gradVoiceList-box-label .icon:before {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0px;
    content: '';
    transform: translateY(-50%);
}

.gradVoiceList-box-label .icon-scissors-circle:before {
    width: 18px;
    height: 18px;
    background: url(../img/common/ico-scissors-white.svg) no-repeat center / contain;
}

.gradVoiceList-box-label .icon-plus-circle:before {
    width: 16px;
    height: 18px;
    background: url(../img/common/ico-plus-white.svg) no-repeat center / contain;
}

.gradVoiceList-box-label .icon-paw-circle:before {
    width: 18px;
    height: 20px;
    background: url(../img/common/ico-paw-white.svg) no-repeat center / contain;
}

@media (min-width:48.0625em) {
    .gradVoiceList:after {
        display: block;
        width: 32%;
        content: '';
    }

    .gradVoiceList-box {
        width: 32%;
    }

    .gradVoiceList-box-img {
        position: relative;
    }

    .gradVoiceList-box-img:before {
        display: block;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        content: '';
        -webkit-transition: opacity 0.6s;
        transition: opacity 0.6s;
        -webkit-transition-timing-function: cubic-bezier(0.52, 0.08, 0.18, 1);
        transition-timing-function: cubic-bezier(0.52, 0.08, 0.18, 1);
        opacity: 0;
    }

    .gradVoiceList-box.biyou .gradVoiceList-box-img:before {
        background: rgba(254, 123, 126, 0.4);
    }

    .gradVoiceList-box.kango .gradVoiceList-box-img:before {
        background: rgba(119, 168, 235, 0.4);
    }

    .gradVoiceList-box.kyosei .gradVoiceList-box-img:before {
        background: rgba(21, 206, 174, 0.4);
    }

    .gradVoiceList-box-link:hover .gradVoiceList-box-img:before {
        opacity: 1;
    }
}

@media (min-width: 48.0625em) and (max-width: 68.75em) {
    .gradVoiceList-box-title {
        margin-bottom: 0.45vw;
        font-size: 1.64vw;
    }

    .gradVoiceList-box-label {
        width: 16.36vw;
        padding: 0 0.91vw 0.18vw 0.91vw;
        font-size: 1.45vw;
    }

    .gradVoiceList-box-label .icon {
        padding-left: 1.64vw;
    }

    .gradVoiceList-box-label .icon-scissors-circle:before {
        width: 1.64vw;
        height: 1.64vw;
    }

    .gradVoiceList-box-label .icon-plus-circle:before {
        width: 1.45vw;
        height: 1.64vw;
    }

    .gradVoiceList-box-label .icon-paw-circle:before {
        width: 1.64vw;
        height: 1.82vw;
    }

}

@media (max-width:48em) {
    .gradVoiceList:after {
        display: block;
        width: 48.5%;
        content: '';
    }

    .gradVoiceList-box {
        width: 100%;
        margin-bottom: 25px;
    }

    .gradVoiceList-box-label {
        width: 40vw;
        padding: 0 2.67vw 2px 2.67vw;
        font-size: 3.13vw;
    }

    .gradVoiceList-box-title {
        margin-bottom: 1.33vw;
        font-size: 3.5vw;
    }

    .gradVoiceList-box-label .icon {
        padding-left: 4vw;
    }

    .gradVoiceList-box-label .icon-scissors-circle:before,
    .gradVoiceList-box-label .icon-plus-circle:before,
    .gradVoiceList-box-label .icon-paw-circle:before {
        width: 3.73vw;
        height: 3.73vw;
    }
}

@media (max-width:40em) {
    .gradVoiceList:after {
        display: block;
        content: none;
    }
}

.gradVoiceProfile {
    max-width: 100%;
}

.gradVoiceProfile .extraProfile-body {
    width: 600px;
    margin-right: auto;
    margin-left: auto;
    max-width: 92%;
}

.grad-student-name {
    padding-right: 1em;
}

.officeInfo {
    padding: 30px 20px;
    background: #e7e8ee;
}

.officeInfo-heading {
    margin-bottom: .8rem;
    padding-bottom: 5px;
    font-weight: bold;
    border-bottom: 1px solid #9a9eb6;
}

.officeInfo-img img {
    width: 100%;
}

.officeInfo-body p:not([class]) + p:not([class]) {
    margin-top: 1em;
}

.officeInfo-detail {
    overflow: hidden;
}

.officeInfo-detail dt {
    float: left;
    clear: left;
    width: 6em;
}

.officeInfo-detail dd {
    float: left;
}

.officeInfo-detail dd a {
    text-decoration: underline;
}

@media (min-width:40.0625em) {
    .officeInfo {
        display: table;
        width: 100%;
    }

    .officeInfo-heading {
        font-size: 1.2rem;
    }

    .officeInfo-body,
    .officeInfo-img {
        display: table-cell;
        vertical-align: top;
    }

    .officeInfo-img {
        width: 36%;
    }

    .officeInfo-body {
        padding-left: 30px;
    }
}

@media (max-width:40em) {
    .officeInfo-img {
        margin-right: auto;
        margin-bottom: 1.25em;
        margin-left: auto;
    }
}

.kaigyouCase {
    margin-bottom: 70px;
}

.kaigyouCase-img > img {
    width: 100%;
    margin-bottom: 10px;
    border-radius: 50%;
}

@media (min-width:48.0625em) {
    .kaigyouCase {
        margin-bottom: 70px;
    }

    .kaigyouCase-container {
        display: table;
        width: 100%;
    }

    .kaigyouCase-body,
    .kaigyouCase-img {
        display: table-cell;
        vertical-align: top;
    }

    .kaigyouCase-img {
        width: 32%;
        max-width: 370px;
    }

    .kaigyouCase-body {
        width: calc(100% - 32%);
        padding-left: 40px;
    }

    .kaigyouCase-body .table-responsive th {
        width: 29%;
        padding: 15px 25px;
        background-color: #ecf1f8;
        color: #2776c7;
        font-size: 16px;
        font-weight: 500;
    }

    .kaigyouCase-body .table-responsive td {
        padding: 15px 30px;
        color: #000;
        font-size: 16px;
        font-weight: 500;
    }
}

@media (max-width:48em) {
    .kaigyouCase {
        margin-bottom: 40px;
    }

    .kaigyouCase-img {
        width: 60%;
        margin-right: auto;
        margin-bottom: 1em;
        margin-left: auto;
    }
}

.sitemap:after {
    display: block;
    content: '';
}

.sitemap ul > li > a:not([class]) {
    color: #000;
    text-decoration: none;
}

.sitemap-box-heading {
    line-height: 2;
    margin-bottom: 20px;
    font-weight: bold;
    border-bottom: 1px solid #000;
}

.sitemap-box-heading .icon {
    margin: -2px 0 0 .5em;
    color: #2776c7;
    font-size: 13px;
}

.sitemap-box ul li.has-blank {
    list-style-type: none;
}

.sitemap-box ul li.has-blank a:before {
    color: #9a9eb6;
    content: "－";
}

.sitemap-box .hide-in-sitemap {
    display: none;
}

@media (min-width:48.0625em) {
    .sitemap:after {
        width: 30%;
    }

    .sitemap-box {
        width: 30%;
        margin-bottom: 100px;
    }

    .sitemap-box-heading a {
        -webkit-transition: color 0.3s;
        transition: color 0.3s;
    }

    .sitemap-box-heading a:hover {
        color: #2776c7;
    }

    .sitemap ul > li > a:not([class]):hover {
        text-decoration: underline;
    }
}

@media (max-width:48em) {
    .sitemap:after {
        width: 48.5%;
    }

    .sitemap-box {
        width: 48.5%;
        margin-bottom: 60px;
    }
}

@media (min-width:30.0625em) {
    .sitemap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-between;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
    }

    .sitemap-box-heading {
        font-size: 18px;
    }
}

@media (max-width:30em) {
    .sitemap:after {
        width: 100%;
    }

    .sitemap-box {
        width: 100%;
        margin-bottom: 40px;
    }

    .sitemap-box:last-child {
        margin-bottom: 0;
    }

    .sitemap-box-heading {
        font-size: 1.2rem;
    }
}

.preload * {
    -webkit-transition: none !important;
    transition: none !important;
}

.js-loading-done .mainVisual-copy {
    visibility: visible;
}

.js-loading-done .mainVisual-copy-border {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.js-loading-done .mainVisual-copy .en,
.js-loading-done .mainVisual-copy .ja {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

.js-loading-done .globalNav li.current a:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-delay: 2s;
    transition-delay: 2s;
}

.js-menu-open #drawerMenu-content .globalHeader-bottom .globalHeader-logo {
    margin: 9.77vw auto 1.56vw 1.95vw;
}

.js-menu-open .hamburger {
    z-index: 13;
    /*position: relative;*/
}

.js-menu-open .hamburger-line {
    right: 0;
    left: 0;
}

.js-menu-open .hamburger-line1 {
    top: 4.13vw;
    width: 5.39vw;
    -webkit-transform: rotate(45deg);
    transform: rotate(33deg);
}

.js-menu-open .hamburger-line2 {
    opacity: 0;
}

.js-menu-open .hamburger-line3 {
    top: 4.13vw;
    width: 5.39vw;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-33deg);
}

.js-menu-open .drawerMenu {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

.js-open-visitor-menu .visitorMenu-list {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
}

.is-active .megaMenu {
    background-color: #ecf1f8;
    -webkit-transition: opacity 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s, visibility 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s;
    transition: opacity 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s, visibility 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s;
    opacity: 1;
    pointer-events: auto;
}

.js-open-megamenu .megaMenuBg {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

.js-open-megamenu .megaMenuOverlay {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

@media (max-width:52.5625em) {
    .drawerMenu-sns li:last-child {
        margin-right: 0;
    }

    .annouce-section {
        padding-top: 0;
        padding-bottom: 0;
    }

    .national-banner-sp {
        padding-top: 40px;
    }

    .frontAnnouce-circleBanner .primary {
        margin-bottom: 0px;
    }
}

.footer_new_banner a,
.footer-no-link {
    display: inline-block;
    width: 50%;
    margin-bottom: 40px;
}

.footer_new_banner a:first-child,
.footer-no-link {
    padding-right: 8px;
}

.footer_new_banner a:last-child {
    padding-left: 8px;
}

.sec-online-event {
    display: flex;
    justify-content: space-between;
    margin-bottom: 80px;
}

.sec-online-event .online-txt-gp {
    width: 49%;
}

.sec-online-event .online-img {
    width: 50%;
    margin-top: 7px;
    max-width: 515px;
}

.sec-online-event .online-txt-gp p {
    margin-top: 25px;
    letter-spacing: 1px;
}

.online-ttl {
    margin-top: 50px;
    color: #0b356f;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 5.5px;
}

.online-ttl .sp {
    display: none;
}

.online-ttl .pc {
    display: inline-block;
}

.sec-online-demand {
    margin-bottom: 75px;
    padding: 40px 45px;
    background-color: #e7e8ee;
    border-radius: 10px;
}

.sec-online-demand.kobetsusoudan {
    margin-bottom: 0px;
}

.sec-online-demand .online-ttl {
    margin-top: 0;
    text-align: center;
    letter-spacing: 7px;
}

.sec-online-demand ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 27px;
}

.sec-online-demand ul li {
    width: 33%;
    text-align: center;
}

.sec-online-demand ul li h3 {
    font-size: 16px;
    font-weight: 700;
}

.sec-online-demand ul li .circle-img {
    width: 56%;
    margin: 10px auto 15px;
    max-width: 168px;
}

.sec-online-demand .online-demand-des {
    margin-top: 40px;
    text-align: center;
}

.sec-online-demand .online-demand-des span {
    font-weight: bold;
}

.sec-online-banner ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.sec-online-banner ul li {
    width: 49%;
    height: 167px;
    margin-bottom: 35px;
    text-align: right;
}

.sec-online-banner ul li:hover {
    opacity: 0.6;
}

.sec-online-banner ul li a {
    display: table;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0 20px 0 10px;
    color: #fff;
}

.sec-online-banner ul li a + p {
    display: none;
}

.sec-online-banner ul li:first-child {
    background: url(../img/page/online/banner01.png) no-repeat center/100% 100%;
}

.sec-online-banner ul li:nth-child(2) {
    background: url(../img/page/online/banner02.png) no-repeat center/100% 100%;
}

.sec-online-banner ul li:nth-child(3) {
    background: url(../img/page/online/banner03.png) no-repeat center/100% 100%;
}

.sec-online-banner ul li:nth-child(4) {
    background: url(../img/page/online/banner04.png) no-repeat center/100% 100%;
}

.sec-online-banner .eventIntro-box-heading span {
    font-size: 17px;
    letter-spacing: 1px;
}

.sec-online-banner .eventIntro-box-heading {
    font-weight: 700;
    letter-spacing: 4px;
}

.sec-online-banner .pc {
    display: block;
}

.sec-online-banner .sp {
    display: none;
}

.sec-entrance .pink-ttl {
    margin-bottom: 25px;
    color: #f6438a;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 6px;
}

.sec-entrance .entrance-brief-img {
    margin: 20px 0 30px;
}

.sec-online .sec-online-demand ul li {
    position: relative;
}

.sec-online .sec-online-demand ul li::after {
    position: absolute;
    top: 35%;
    right: -10px;
    width: 12%;
    height: 36px;
    background: url(../../assets/img/page/online/blue_arr_ico.png) no-repeat center/contain;
    content: '';
    max-width: 30px;
}

.sec-online .sec-online-demand ul li:last-child::after {
    content: none;
}

.sec-online p {
    letter-spacing: 1px;
}

.sec-online .sec-online-demand .pc {
    display: none;
}

.sec-online .sec-online-demand ul li {
    width: 33% !important;
    margin-bottom: 0;
}

.sec-online .sec-online-demand .online-ttl .sp {
    display: none;
}

.sec-online .eventSchedule .item {
    position: relative;
}

.sec-guidance.sec-online .sec-online-demand ul li {
    width: 19% !important;
}

.sec-guidance .green-ttl {
    margin-bottom: 25px;
    color: #15c2a3;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 6px;
}

.sec-guidance .sec-online-demand p.text-right {
    margin-top: 30px;
    text-align: right;
}

.sec-guidance .sec-online-demand {
    margin-top: 40px;
    padding: 40px 30px;
}

.sec-guidance .sec-online-demand ul li .circle-img {
    width: 73%;
}

.sec-guidance.sec-online .sec-online-demand ul li::after {
    top: 30%;
}

.sec-gakusetsu .blue-ttl {
    margin-bottom: 25px;
    color: #3873ed;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 6px;
}

.sec-guidance .guidance-brief-img,
.sec-gakusetsu .gakusetsu-brief-img {
    margin: 30px 0 40px;
}

.sec-gakusetsu .gakusetsu-brief-img .pc,
.sec-entrance .entrance-brief-img .pc,
.sec-guidance .guidance-brief-img .pc {
    display: block;
}

.sec-gakusetsu .gakusetsu-brief-img .sp,
.sec-entrance .entrance-brief-img .sp,
.sec-guidance .guidance-brief-img .sp {
    display: none;
}

.sec-guidance .sec-online-demand ul li h3 {
    letter-spacing: 0;
}

.kobetsusoudan.sec-online-demand {
    margin-top: 100px;
    padding: 0;
    background-color: inherit;
    border-radius: 0;
}

.kobetsusoudan.sec-online-demand ul li {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    width: 48%;
    margin-right: 4%;
    margin-bottom: 50px;
}

.kobetsusoudan.sec-online-demand ul li:last-child {
    margin-top: 28px;
}

.kobetsusoudan.sec-online-demand ul li::after {
    position: absolute;
    top: 35%;
    right: -10px;
    width: 12%;
    height: 36px;
    background: url(../../assets/img/page/online/blue_arr_ico.png) no-repeat center/contain;
    content: '';
    max-width: 30px;
}

@media (max-width:68.75em) {
    .sec-online-demand ul li {
        width: 50%;
        margin-bottom: 20px;
    }

    .sec-online-demand ul li:last-child {
        margin-bottom: 0;
    }

    .sec-online-event {
        flex-wrap: wrap;
    }

    .online-ttl {
        margin-top: 0;
    }

    .sec-online-event .online-txt-gp,
    .sec-online-event .online-img {
        width: 100%;
    }

    .sec-online-event .online-img {
        margin: 20px auto 0;
    }

    .sec-online-banner ul li {
        width: 100%;
    }

    .sec-online-banner ul li:first-child {
        background: url(../img/page/online/banner01.png) no-repeat left/cover;
    }

    .sec-online-banner ul li:nth-child(2) {
        background: url(../img/page/online/banner02.png) no-repeat left/cover;
    }

    .sec-online-banner ul li:nth-child(3) {
        background: url(../img/page/online/banner03.png) no-repeat left/cover;
    }

    .sec-online-banner ul li:nth-child(4) {
        background: url(../img/page/online/banner04.png) no-repeat left/cover;
    }

    .sec-online .sec-online-demand .pc {
        display: block;
    }

    .sec-guidance .sec-online-demand ul li .circle-img {
        margin: 40px auto 15px;
    }

    .sec-entrance .sec-online-demand ul li:last-child .circle-img,
    .sec-guidance .sec-online-demand ul li:nth-child(2) .circle-img,
    .sec-guidance .sec-online-demand ul li:nth-child(1) .circle-img {
        margin: 10px auto 15px;
    }

    .sec-online-demand .online-ttl {
        letter-spacing: 4px;
    }

    .sec-online-demand.kobetsusoudan,
    .sec-guidance .sec-online-demand {
        padding: 40px 15px;
    }

    .kobetsusoudan.sec-online-demand {
        margin-top: 50px;
    }

    .sec-guidance.sec-online p {
        letter-spacing: 0;
    }

    .kobetsusoudan.sec-online-demand ul li::after {
        top: 27%;
    }

}

@media all and (max-width: 768px) {

    .national-banner-sp,
    .open-campus-box.pd-40 {
        padding-top: 20px;
    }

    .footer_new_banner a,
    .footer-no-link {
        display: block;
        width: 100%;
    }

    .footer_new_banner a:first-child,
    .footer-no-link {
        margin-top: -20px;
        margin-bottom: 20px;
        padding-right: 0;
    }

    .footer_new_banner a:first-child img,
    .footer-no-link {
        width: 100%;
    }

    .footer_new_banner a:last-child {
        padding-left: 0;
    }

    .sec-online .sec-online-demand ul li,
    .sec-guidance.sec-online .sec-online-demand ul li,
    .kobetsusoudan.sec-online-demand ul li {
        width: 100% !important;
        margin-bottom: 45px;
    }

    .sec-online .sec-online-demand ul li:last-child,
    .kobetsusoudan.sec-online-demand ul li:last-child {
        margin-bottom: 0;
    }

    .kobetsusoudan.sec-online-demand ul li:last-child {
        margin-top: 0;
    }

    .sec-online .sec-online-demand ul li .circle-img,
    .kobetsusoudan.sec-online-demand ul li .circle-img {
        margin: 10px auto 15px;
    }

    .sec-online .sec-online-demand ul li::after,
    .sec-guidance.sec-online .sec-online-demand ul li::after,
    .kobetsusoudan.sec-online-demand ul li::after {
        top: unset;
        right: 0;
        bottom: -35px;
        left: 0;
        margin: 0 auto;
        transform: rotate(90deg);
    }

    .sec-online .sec-online-demand .pc {
        display: none;
    }

    .sec-guidance .green-ttl,
    .sec-gakusetsu .blue-ttl,
    .sec-entrance .pink-ttl {
        text-align: left;
    }

    .sec-gakusetsu .gakusetsu-brief-img .pc,
    .sec-entrance .entrance-brief-img .pc,
    .sec-guidance .guidance-brief-img .pc {
        display: none;
    }

    .sec-gakusetsu .gakusetsu-brief-img .sp,
    .sec-entrance .entrance-brief-img .sp,
    .sec-guidance .guidance-brief-img .sp {
        display: block;
    }
}

.notice-container {
    margin: 0 auto;
    padding: 23px 20px;
    text-align: center;
}

.open-campus-box {
    padding-bottom: 40px;
}

.open-campus-box.pd-40 {
    padding-top: 40px;
}

.open-campus-box .inner-large {
    border: 4px solid #eb4a4e;
}

.open-campus-box h2 {
    padding-bottom: 5px;
    color: #eb4a4e;
    font-size: 17px;
    font-weight: bold;
}

.bg-white {
    background: #fff;
}

.online-blk .inner {
    text-align: center;
}

.online-blk .inner-large {
    margin: 0 auto;
    border: none !important;
}

.online-blk a {
    display: block;
}

.online-blk a:hover img {
    opacity: .6;
}

.open-campus-box .online-reserve {
    width: 100%;
    max-width: 1239px;
}

/* tab */
.frontEvent-detail .section-heading {
    margin: 53px 0 38px;
}

.frontEvent-detail .buttonWrapper {
    display: flex;
    margin-bottom: 36px;
}

.frontEvent-detail .buttonWrapper button {
    display: block;
    width: 100%;
    padding: 21px 0;
    border: 1px solid #afb3c7;
    background: transparent;
    letter-spacing: 2px;
    cursor: pointer;
    transition: 0.5s;
}

.frontEvent-detail .buttonWrapper .border-title span {
    width: 100%;
    height: 100%;
    color: #333333;
    font-size: 18px;
    border-bottom: none;
    opacity: 0.25;
}

.frontEvent-detail .buttonWrapper .border-title.active {
    background: #f6428a;
}

.frontEvent-detail .buttonWrapper .border-title:hover {
    opacity: 0.5;
}

.frontEvent-detail .buttonWrapper .border-title:hover span {
    color: #fff;
    opacity: 1;
}

.frontEvent-detail .buttonWrapper .border-title.active {
    opacity: 1;
}

.frontEvent-detail .buttonWrapper .border-title:nth-child(1):hover {
    background: #f6428a;
}

.frontEvent-detail .buttonWrapper .border-title:nth-child(2):hover {
    background: #3772eb;
}

.frontEvent-detail .buttonWrapper .border-title:nth-child(3):hover {
    background: #31d5b6;
}

.frontEvent-detail .buttonWrapper .border-title:nth-child(2).active {
    background: #3772eb;
}

.frontEvent-detail .buttonWrapper .border-title:nth-child(3).active {
    background: #31d5b6;
}

.frontEvent-detail .buttonWrapper .border-title.active span {
    color: #fff;
    opacity: 1;
}

.frontEvent-detail .content,
.frontEvent-detail .content02 {
    display: none;
}

.frontEvent-detail .content.active,
.frontEvent-detail .content02.active {
    display: block;
}

/* frontEvent-detail */

.frontEvent-detail .flex {
    flex-wrap: wrap;
    flex-direction: row;
    padding: 0 10px;
}

.frontEvent-detail .contentWrapper li {
    width: 32%;
    margin: 58px 2% 0 0;
    padding: 5px 13px 30px 13px;
}

.frontEvent-detail .contentWrapper li:nth-child(1),
.frontEvent-detail .contentWrapper li:nth-child(2),
.frontEvent-detail .contentWrapper li:nth-child(3) {
    margin-top: 0 !important;
}

.frontEvent-detail .contentWrapper li:nth-child(3n) {
    margin-right: 0;
}

.frontEvent-detail .contentWrapper li:hover {
    box-shadow: 5px 6px 11px 2px rgba(0, 0, 0, 0.1);
}

.frontEvent-detail .contentWrapper li.close {
    opacity: 0.2;
}

.frontEvent-detail .contentWrapper li.close a {
    cursor: default;
    pointer-events: none;
}

.frontEvent-detail .contentWrapper li.close:hover {
    box-shadow: none;
}

.frontEvent-detail .contentWrapper ul li a {
    color: #333333;
}

.frontEvent-detail .contentWrapper .date {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 4.3px;
    border-bottom: 1px solid #afb3c7;
}

.frontEvent-detail .contentWrapper .post-title {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 3px;
}

.frontEvent-detail .contentWrapper li img {
    margin: 10px 0 8px;
}

.frontEvent-detail .contentWrapper li p {
    line-height: 1.7;
    letter-spacing: 2.7px;
}

.frontEvent-detail.guidance {
    padding-bottom: 45px;
}

.frontEvent-detail.event .section-heading {
    margin: 100px 0 30px;
}

.frontEvent-detail.guidance.event {
    padding-bottom: 20px;
}

@media screen and (max-width: 840px) {
    .frontEvent-detail .contentWrapper li {
        width: 48.4%;
        margin-top: 30px;
        margin-right: 3.2%;
    }

    .frontEvent-detail .contentWrapper li:nth-child(3n) {
        margin-top: 30px !important;
        margin-right: 3.2%;
    }

    .frontEvent-detail .contentWrapper li:nth-child(2n) {
        margin-top: 30px;
        margin-right: 0%;
    }

    .frontEvent-detail .contentWrapper .date {
        font-size: 16px;
        letter-spacing: 3px;
    }

    .frontEvent-detail .contentWrapper .post-title {
        font-size: 14px;
        letter-spacing: 2px;
    }

    .frontEvent-detail .buttonWrapper button {
        padding: 15px 0;
        letter-spacing: 1px;
    }

    .frontEvent-detail .buttonWrapper .border-title span {
        font-size: 16px;
    }

    .frontEvent-detail .section-heading {
        margin: 30px 0 20px;
    }

    .frontEvent-detail .contentWrapper li {
        padding: 10px 10px 20px;
    }

    .frontEvent-detail .contentWrapper .post-title br {
        display: none;
    }

    .frontEvent-detail.guidance {
        padding-bottom: 25px;
    }

    .frontEvent-detail.guidance.event {
        padding-bottom: 0;
    }
}

@media screen and (max-width:480px) {
    .frontEvent-detail .buttonWrapper {
        margin-bottom: 20px;
    }

    .frontEvent-detail .section-heading {
        margin: 23px 0 20px;
        letter-spacing: 0px;
    }

    .frontEvent-detail.event .section-heading {
        margin: 30px 0 20px;
    }

    .frontEvent-detail .buttonWrapper .border-title span {
        font-size: 11px;
    }

    .frontEvent-detail .buttonWrapper button {
        padding: 10px 0;
    }

    .frontEvent-detail .flex {
        padding: 0;
    }

    .frontEvent-detail .contentWrapper .date {
        line-height: 1.5;
        font-size: 1.1rem;
        letter-spacing: 2.6px;
    }

    .frontEvent-detail .contentWrapper li {
        width: 100%;
        margin-top: 30px !important;
        margin-right: 0;
        padding: 5px 10px 15px;
    }

    .frontEvent-detail .contentWrapper li:nth-child(2),
    .frontEvent-detail .contentWrapper li:nth-child(3) {
        margin-top: 30px !important;
    }

    .frontEvent-detail .contentWrapper .post-title {
        line-height: 1.6;
        font-size: 1.1rem;
        letter-spacing: 1.9px;
    }

    .frontEvent-detail .contentWrapper li p {
        line-height: 1.4;
        margin-top: 5px;
        letter-spacing: 1.9px;
    }

    .frontEvent-detail .contentWrapper li img {
        margin: 6px 0 5px;
    }

    .frontEvent-detail .contentWrapper li:hover {
        box-shadow: 0px 4px 5px 2px rgba(0, 0, 0, 0.1);
    }

}

@media (max-width:560px) {
    .sec-online-demand ul li {
        width: 100%;
    }
}

@media (max-width:30em) {
    .sec-online-banner .sp {
        display: block;
    }

    .sec-online-banner .pc {
        display: none;
    }

    .online-ttl .sp {
        display: block;
    }

    .online-ttl .pc {
        display: none;
    }

    .sec-online-banner ul li:first-child {
        background: url(../img/page/online/banner01.png) no-repeat left/auto 100%;
    }

    .sec-online-banner ul li:nth-child(2) {
        background: url(../img/page/online/banner02.png) no-repeat left/auto 100%;
    }

    .sec-online-banner ul li:nth-child(3) {
        background: url(../img/page/online/banner03.png) no-repeat left/auto 100%;
    }

    .sec-online-banner ul li:nth-child(4) {
        background: url(../img/page/online/banner04.png) no-repeat left/auto 100%;
    }

    .sec-online .sec-online-demand .online-ttl .sp {
        display: block;
    }

    .sec-guidance .green-ttl,
    .sec-gakusetsu .blue-ttl {
        font-size: 18px;
    }

    .sec-online-banner ul li p {
        letter-spacing: 0;
    }

}

@media (max-width:40em) {
    .online-ttl {
        font-size: 18px;
    }

    .sec-online-demand ul li h3 {
        font-size: 15px;
    }

    .sec-online-demand {
        padding: 40px 20px;
    }

    .sec-online-demand .online-ttl {
        font-size: 16px;
        letter-spacing: 5px;
    }

    .sec-online-demand ul {
        margin-top: 20px;
    }

    .sec-online-demand ul li .circle-img {
        max-width: 125px;
    }

    .sec-online .sec-online-demand ul li::after,
    .kobetsusoudan.sec-online-demand ul li::after {
        width: 5%;
        height: 25px;
    }

    .sec-guidance .sec-online-demand .online-ttl {
        letter-spacing: 4px;
    }

    .sec-gakusetsu .sec-online-demand {
        padding: 40px 11px;
    }

    .sec-gakusetsu .sec-online-demand .online-ttl {
        letter-spacing: 2.1px;
    }

    .sec-guidance .guidance-brief-img,
    .sec-gakusetsu .gakusetsu-brief-img {
        margin: 20px 0 30px;
    }

    .kobetsusoudan.sec-online-demand ul li h3 {
        font-size: 16px;
    }
}

.css-s9tt3p {
    display: none !important;
}

/* AO */
.sec-ao .section-copy {
    color: #333;
}

.sec-ao .ao-logo {
    width: 36%;
    margin: 33px auto 16px;
    max-width: 342px;
}

.ao-steps span {
    font-weight: 700;
}

.ao-policy-list {
    margin-top: 0;
}

.ao-entry .extraContact .button {
    width: 338px;
}

.ao-event-blk {
    margin-bottom: 27px;
    padding: 35px 20px 37px;
    background-color: #e7e8ed;
    border-radius: 10px;
}

.ao-event-blk .ao-event-ttl {
    padding-bottom: 20px;
    color: #0a356f;
    font-size: 14px;
    font-weight: 700;
}

.ao-event-blk .ao-event-badge {
    width: 107px;
}

.ao-event-blk .ao-event-badge span {
    display: inline-block;
    width: 100%;
    line-height: 1;
    padding: 5px 10px;
    border: 1px solid #000;
    text-align: center;
}

.ao-event-blk .ao-event-desc {
    display: flex;
}

.ao-event-blk .ao-event-desc .ao-event-list {
    display: flex;
    align-items: baseline;
    width: 90%;
    margin-left: -7px;
}

.ao-event-blk .ao-event-desc .ao-event-list > div:not(.ao-event-symbol) {
    display: flex;
    flex-direction: column;
    width: 24.5%;
    margin: 0 10px;
}

.ao-event-blk .ao-event-desc .ao-event-list > div:not(.ao-event-symbol):first-child {
    margin-left: 0;
}

.ao-event-blk .ao-event-desc .ao-event-list > div:not(.ao-event-symbol):last-child {
    margin-right: 0;
}

.ao-event-blk .ao-event-desc .ao-event-list p {
    text-align: center;
    letter-spacing: 0.8px;
}

.ao-event-blk .ao-event-desc .ao-event-circle {
    margin: 0 auto 18px;
    max-width: 168px;
}

.ao-event-blk .ao-event-desc .ao-event-symbol {
    width: 5%;
    max-width: 43px;
}

.ao-brief-desc + .ao-brief-desc {
    margin-top: 35px;
}

.ao-brief-desc span {
    display: block;
}

@media (max-width:48em) {


    /* sec-ao */

    .sec-ao .ao-logo {
        width: 70%;
        margin: 40px auto 15px;
        max-width: 342px;
    }

    .sec-ao .section-heading {
        padding-top: 60px;
    }

    .ao-event-blk .ao-event-desc {
        flex-direction: column;
    }

    .ao-event-blk .ao-event-desc .ao-event-list {
        flex-direction: column;
        align-items: center;
        width: 100%;
        margin-top: 20px;
    }

    .ao-event-blk .ao-event-desc .ao-event-list > div:not(.ao-event-symbol) {
        align-items: center;
        width: 100%;
        margin: 0;
    }

    .ao-event-blk .ao-event-desc .ao-event-symbol {
        width: 100%;
        margin: 15px 0;
        max-width: 25px;
    }

    .ao-event-blk .ao-event-desc .ao-event-circle {
        width: 100%;
        margin: 0;
        max-width: 125px;
    }

    .ao-event-blk .ao-event-desc .ao-event-list p {
        margin-top: 18px;
    }

    .ao-event-blk .ao-event-desc .ao-event-symbol.equal img {
        transform: rotate(90deg);
    }
}

/* event-ao */
#event-ao {
    background: url('../img/page/event/ao/event_ao_bg.jpg')repeat-y;
    background-size: 100%;
    font-family: 'HiraMaruProW4';
    font-size: 15px;
}

#event-ao .flex-content {
    display: flex;
    justify-content: space-between;
}

#event-ao .flex-content .ao-content {
    width: 48%;
}

#event-ao .ttl-txt {
    text-align: center;
}

#event-ao .event-ao-ttl {
    display: inline-block;
    position: relative;
    z-index: 1;
    padding: 0 21px 0 75px;
    background-color: #fff;
    color: #349bcf;
    font-size: 30px;
}

#event-ao .event-ao-ttl::before {
    position: absolute;
    top: 50%;
    left: 15px;
    width: 38px;
    height: 36px;
    background: url('../img/page/event/ao/ico_paw.png') no-repeat center/contain;
    content: '';
    transform: translateY(-50%);
}

#event-ao .ao-content-ttl {
    color: #349bcf;
    font-size: 24px;
    text-align: center;
}

#event-ao .event-ao-ttl .small-txt {
    font-size: 24px;
}

#event-ao.inner-default {
    max-width: 1300px;
}

#event-ao .frontEvent-ao-mv {
    position: relative;
}

#event-ao .frontEvent-ao-mv .breadcrumbs {
    top: 20px;
    left: 85px;
}

#event-ao .frontEvent-ao-mv div img {
    width: 100%;
}

#event-ao .frontEvent-ao-01 {
    margin: 105px 0;
}

#event-ao .frontEvent-ao-01 .inner-default {
    max-width: 821px;
}

#event-ao .frontEvent-ao-01 .ao-admission {
    position: relative;
    text-align: center;
}

#event-ao .frontEvent-ao-01 .ao-admission::before,
#event-ao .frontEvent-ao-01 .ao-admission::after {
    position: absolute;
    right: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #eb6ca5;
    content: '';
}

#event-ao .frontEvent-ao-01 .ao-admission::before {
    top: 30px;
}

#event-ao .frontEvent-ao-01 .ao-admission::after {
    bottom: 0;
}

#event-ao .frontEvent-ao-01 .admission-txt {
    padding: 32px 0 62px;
    text-align: center;
}

#event-ao .frontEvent-ao-01 .admission-txt::before {
    position: absolute;
    bottom: 25px;
    left: 8px;
    width: 55px;
    height: 60px;
    background: url('../img/page/event/ao/img_admission01.png')no-repeat center/contain;
    content: '';
}

#event-ao .frontEvent-ao-01 .admission-txt::after {
    position: absolute;
    right: 8px;
    bottom: 25px;
    width: 56px;
    height: 63px;
    background: url('../img/page/event/ao/img_admission02.png')no-repeat center/contain;
    content: '';
}

#event-ao .frontEvent-ao-02 .ttl-txt {
    margin-bottom: 50px;
}

#event-ao .container {
    width: 1143px;
    margin: 0 auto;
    max-width: 95%;
}

#event-ao .ao-content-bg {
    padding: 57px 43px;
    background-color: #d1e2f2;
    border-radius: 10px;
}

#event-ao .frontEvent-ao-06 .ao-content-bg,
#event-ao .frontEvent-ao-07 .ao-content-bg {
    border-radius: 0;
}

#event-ao .ao-content {
    background-color: #fff;
    border-radius: 10px;
}

#event-ao .frontEvent-ao-02 .ao-content {
    position: relative;
    padding: 40px 40px 112px;
}

#event-ao .frontEvent-ao-02 .ao-content::after {
    position: absolute;
    right: 6%;
    bottom: 15px;
    width: 199px;
    height: 187px;
    background: url('../img/page/event/ao/img_dog01.png')no-repeat center/cover;
    content: '';
}

#event-ao .frontEvent-ao-02 .ao-content p:last-child {
    margin-top: 1.25em;
}

#event-ao .frontEvent-ao-02 .ao-content ul {
    margin-top: 0.25em;
}

#event-ao .frontEvent-ao-03 {
    margin: 178px 0 163px;
    padding: 102px 20px;
    background-color: #d1e2f2;
}

#event-ao .frontEvent-ao-03 .event-ao-ttl .sparkle {
    position: relative;
    font-size: 33px;
}

#event-ao .frontEvent-ao-03 .event-ao-ttl .sparkle::before {
    position: absolute;
    top: -10px;
    right: -3px;
    width: 17px;
    height: 16px;
    background: url('../img/page/event/ao/ico_sparkle.png')no-repeat center/contain;
    content: '';
}

#event-ao .frontEvent-ao-03 .ttl-txt {
    padding-bottom: 57px;
}

#event-ao .frontEvent-ao-03 .ao-content {
    padding: 65px 80px 90px;
}

#event-ao .frontEvent-ao-03 .ao-adv-blk li {
    position: relative;
    margin-top: 87px;
    padding: 65px 35px 20px;
    border: 3px solid #eb6ca5;
    border-radius: 10px;
}

#event-ao .frontEvent-ao-03 .ao-adv-blk li:first-child {
    margin-top: 0;
}

#event-ao .frontEvent-ao-03 .ao-adv-blk li::after {
    position: absolute;
    content: '';
}

#event-ao .frontEvent-ao-03 .ao-adv-blk .adv-01::after {
    top: 50%;
    right: 14.5%;
    width: 185px;
    height: 142px;
    background: url('../img/page/event/ao/img_dog02.png')no-repeat center/contain;
    transform: translateY(-50%);
}

#event-ao .frontEvent-ao-03 .ao-adv-blk .adv-02::after {
    top: -43px;
    right: 4%;
    width: 172px;
    height: 143px;
    background: url('../img/page/event/ao/img_dog03.png')no-repeat center/contain;
}

#event-ao .frontEvent-ao-03 .ao-adv-blk .adv-03::after {
    top: -38px;
    right: 16.7%;
    width: 143px;
    height: 122px;
    background: url('../img/page/event/ao/img_dog04.png')no-repeat center/contain;
}

#event-ao .frontEvent-ao-03 .ao-adv-blk .adv-img {
    position: absolute;
    top: -58px;
    left: 33px;
    max-width: 112px;
}

#event-ao .frontEvent-ao-03 .ao-adv-blk .adv-ttl {
    color: #349bcf;
    font-size: 21px;
}

#event-ao .frontEvent-ao-04 .ttl-txt {
    margin-bottom: 42px;
}

#event-ao .frontEvent-ao-04 .ao-content {
    padding: 35px 0 45px;
}

#event-ao .frontEvent-ao-04 .ao-condition-list {
    padding: 17px 40px 17px 55px;
    text-indent: -16px;
}

#event-ao .frontEvent-ao-04 .ao-condition-list li {
    letter-spacing: 2.7px;
}

#event-ao .frontEvent-ao-04 .ao-condition-list li .condition-sub-list {
    display: inline-block;
    text-indent: 0;
}

#event-ao .frontEvent-ao-04 .ao-condition-list li + li {
    margin-top: 22px;
}

#event-ao .frontEvent-ao-04 .ao-image,
#event-ao .frontEvent-ao-07 .ao-image {
    margin: 65px auto;
    padding: 0 20px;
    max-width: 368px;
}

#event-ao .frontEvent-ao-04 .ao-content .ao-students {
    margin: 50px 57px 0 auto;
    max-width: 176px;
}

#event-ao .frontEvent-ao-05 {
    margin: 165px 0;
}

#event-ao .frontEvent-ao-05 .ao-content {
    position: relative;
    padding: 35px 0 40px;
}

#event-ao .frontEvent-ao-05 .student-admission::after,
#event-ao .frontEvent-ao-05 .student-scholar::after {
    position: absolute;
    bottom: 44px;
    content: '';
}

#event-ao .frontEvent-ao-05 .student-admission::after {
    right: 20px;
    width: 163px;
    height: 271px;
    background: url('../img/page/event/ao/img_step_student01.png')no-repeat center/contain;
}

#event-ao .frontEvent-ao-05 .student-scholar::after {
    right: 50px;
    width: 114px;
    height: 286px;
    background: url('../img/page/event/ao/img_step_student02.png')no-repeat center/contain;
}

#event-ao .frontEvent-ao-05 .ttl-txt {
    margin-bottom: 37px;
}

#event-ao .frontEvent-ao-05 .ao-step-list {
    padding: 25px 40px 5px;
}

#event-ao .frontEvent-ao-05 .ao-step-list li {
    display: flex;
    position: relative;
    padding-bottom: 57px;
}

#event-ao .frontEvent-ao-05 .ao-step-list li::after {
    position: absolute;
    top: 37px;
    left: 42px;
    width: 9px;
    height: 40px;
    background: url('../img/page/event/ao/img_step_arrow.png')no-repeat center/contain;
    content: '';
}

#event-ao .frontEvent-ao-05 .ao-step-list .step-number {
    margin-right: 20px;
    max-width: 103px;
}

#event-ao .frontEvent-ao-05 .step-success {
    display: inline-block;
    position: relative;
    padding: 0 37px 0 84px;
    letter-spacing: 3px;
}

#event-ao .frontEvent-ao-05 .step-success::before,
#event-ao .frontEvent-ao-05 .step-success::after {
    position: absolute;
    top: -7px;
    width: 40px;
    height: 38px;
    background: url('../img/page/event/ao/ico_party_popper.png')no-repeat center/contain;
    content: '';
}

#event-ao .frontEvent-ao-05 .step-success::before {
    left: 40px;
}

#event-ao .frontEvent-ao-05 .step-success::after {
    right: 0;
    transform: rotate(270deg);
}

#event-ao .frontEvent-ao-06 .ttl-txt {
    margin-bottom: 40px;
}

#event-ao .frontEvent-ao-06 .ao-content {
    position: relative;
    padding: 65px 0 50px;
}

#event-ao .frontEvent-ao-06 .ao-content::before {
    position: absolute;
    top: 66px;
    right: 43px;
    width: 129px;
    height: 108px;
    background: url('../img/page/event/ao/img_dog03.png')no-repeat center/contain;
    content: '';
}

#event-ao .frontEvent-ao-06 .ao-content::after {
    position: absolute;
    bottom: 28px;
    left: 45px;
    width: 112px;
    height: 105px;
    background: url('../img/page/event/ao/img_dog01.png')no-repeat center/contain;
    content: '';
    transform: scaleX(-1);
}

#event-ao .frontEvent-ao-06 .ao-step1-ttl {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
}

#event-ao .frontEvent-ao-06 .ao-step1-ttl .img-step1 {
    margin-right: 25px;
    max-width: 187px;
}

#event-ao .frontEvent-ao-06 .ao-step1-ttl .ao-step-ttl {
    color: #349bcf;
    font-size: 24px;
}

#event-ao .frontEvent-ao-06 .entry-txt {
    display: inline-block;
    position: relative;
    z-index: 1;
    padding: 0 5px;
    font-family: 'ABTomboBold';
    font-size: 18px;
}

#event-ao .frontEvent-ao-06 .entry-txt::after {
    position: absolute;
    bottom: 5px;
    left: 0;
    z-index: -1;
    width: 107px;
    height: 7px;
    background-color: #eb6ea6;
    content: '';
    border-radius: 10px;
}

#event-ao .frontEvent-ao-06 .ao-step1-content {
    width: 86%;
    margin: 0 auto;
}

#event-ao .frontEvent-ao-06 .ao-step1-content + .ao-step1-content {
    border-top: 1px solid #d1e2f2;
}

#event-ao .frontEvent-ao-06 .ao-step1-content .content-txt {
    width: 80%;
    margin-left: 111px;
    color: #eb6ca5;
}

#event-ao .frontEvent-ao-06 .ao-step1-blk {
    display: flex;
    align-items: baseline;
    padding: 30px 0 45px;
}


#event-ao .frontEvent-ao-06 .ao-step1-blk > div:not(.ao-step-symbol) {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 31%;
    margin: 0 10px;
    text-align: center;
}

#event-ao .frontEvent-ao-06 .ao-step1-blk > div:not(.ao-step-symbol):first-child {
    margin-left: 0;
}

#event-ao .frontEvent-ao-06 .ao-step1-blk > div:not(.ao-step-symbol):last-child {
    margin-right: 0;
}

#event-ao .frontEvent-ao-06 .ao-step1-blk .ao-step-circle {
    margin-bottom: 33px;
    max-width: 213px;
}

#event-ao .frontEvent-ao-06 .ao-step1-blk .ao-step-symbol {
    width: 5%;
    max-width: 41px;
}

#event-ao .frontEvent-ao-06 .entry-event-txt {
    padding: 50px 0 10px 5px;
    color: #349bcf;
    font-size: 18px;
}

#event-ao .frontEvent-ao-07 .blue-steps-blk {
    padding: 55px 22px 28px 45px;
}

#event-ao .frontEvent-ao-07 .blue-steps-blk .blue-step-list {
    display: flex;
}

#event-ao .frontEvent-ao-07 .blue-steps-blk .blue-step-list .blue-step-num {
    margin-right: 7%;
    max-width: 137px;
}

#event-ao .frontEvent-ao-07 .blue-steps-blk .blue-step-list .blue-txt-blk {
    width: calc(100% - 150px);
}

#event-ao .frontEvent-ao-07 .blue-steps-blk .blue-step-list .step-main-txt {
    color: #349bcf;
    font-size: 20px;
}

#event-ao .frontEvent-ao-07 .blue-steps-blk .ao-date-ttl {
    display: inline-block;
    padding: 38px 0 10px;
    color: #eb6ca5;
    font-size: 18px;
}

#event-ao .frontEvent-ao-07 .blue-steps-blk .blue-step2-list {
    line-height: 1.8;
    letter-spacing: 2.8px;
}

#event-ao .frontEvent-ao-07 .blue-steps-blk .blue-step2-list li span {
    padding-left: 4px;
}

#event-ao .frontEvent-ao-07 .blue-steps-blk .blue-step2-list li + li {
    padding-top: 24px;
}

#event-ao .frontEvent-ao-07 .blue-steps-blk .blue-step2-list li .content-txt {
    color: #eb6ca5;
}

#event-ao .frontEvent-ao-07 .blue-steps-blk .blue-step-list {
    position: relative;
}

#event-ao .frontEvent-ao-07 .blue-steps-blk .blue-step-list::before {
    position: absolute;
    left: 61px;
    width: 6px;
    background-color: #349bcf;
    content: '';
}

#event-ao .frontEvent-ao-07 .blue-steps-blk .blue-step-list::after {
    position: absolute;
    left: 56px;
    content: '';
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #349bcf;
}

#event-ao .frontEvent-ao-07 .blue-steps-blk .blue-step2::before,
#event-ao .frontEvent-ao-07 .blue-steps-blk .blue-step2::after {
    content: none;
}

#event-ao .frontEvent-ao-07 .blue-steps-blk .blue-step-list .blue-step-desc {
    padding-top: 5px;
}

#event-ao .frontEvent-ao-07 .blue-steps-blk .blue-step3 {
    padding-bottom: 55px;
}

#event-ao .frontEvent-ao-07 .blue-steps-blk .blue-step3::before {
    top: 53px;
    height: 48px;
}

#event-ao .frontEvent-ao-07 .blue-steps-blk .blue-step3::after {
    top: 100px;
}

#event-ao .frontEvent-ao-07 .blue-steps-blk .blue-step4 {
    padding-bottom: 73px;
}

#event-ao .frontEvent-ao-07 .blue-steps-blk .blue-step4::before {
    top: 61px;
    height: 50px;
}

#event-ao .frontEvent-ao-07 .blue-steps-blk .blue-step4::after {
    top: 107px;
}

#event-ao .frontEvent-ao-07 .blue-steps-blk .blue-step5 {
    padding-bottom: 10px;
}

#event-ao .frontEvent-ao-07 .blue-steps-blk .blue-step5::before {
    top: 60px;
    height: 45px;
}

#event-ao .frontEvent-ao-07 .blue-steps-blk .blue-step5::after {
    top: 104px;
}

#event-ao .frontEvent-ao-07 .blue-steps-blk .blue-step6 {
    padding-bottom: 22px;
}

#event-ao .frontEvent-ao-07 .blue-steps-blk .blue-step6::before {
    top: 53px;
    height: 140px;
}

#event-ao .frontEvent-ao-07 .blue-steps-blk .blue-step6::after {
    top: 193px;
}

#event-ao .frontEvent-ao-07 .blue-steps-blk .blue-step6 .blue-step-desc:first-of-type {
    padding-top: 0;
}

#event-ao .ao-entry-bnr-blk {
    padding: 103px 0 120px;
    background-color: #fff;
}

#event-ao .ao-entry-bnr {
    display: block;
    padding: 15px 0;
    border: 3px solid #349bcf;
    background-color: #fff;
    background-image: url(../img/page/event/ao/ao_entry_bnr_bg.jpg), url(../img/page/event/ao/ao_entry_bnr_bg.jpg);
    background-size: auto;
    background-position: center left 40px, center right 20px;
    background-repeat: no-repeat;
    border-radius: 10px;
}

#event-ao .ao-entry-bnr .ao-entry-in {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    width: 465px;
    margin: 0 auto;
    padding: 0 120px;
    box-sizing: content-box;
}

#event-ao .ao-entry-bnr .ao-entry-in::before,
#event-ao .ao-entry-bnr .ao-entry-in::after {
    position: absolute;
    top: 27px;
    left: 0;
    width: 89px;
    height: 90%;
    background: url(../img/page/event/ao/ao_entry_bnr_img01.png) no-repeat center/100%;
    content: "";
}

#event-ao .ao-entry-bnr .ao-entry-in::after {
    right: 0;
    left: auto;
    width: 83px;
    background: url(../img/page/event/ao/ao_entry_bnr_img02.png) no-repeat center/100%;
}

#event-ao .ao-entry-bnr .ao-entry-img {
    width: 236px;
    max-width: 100%;
}

#event-ao .ao-entry-bnr .ao-entry-txt {
    width: 100%;
    margin: 10px 0;
    padding: 0 10px;
    background-color: #eb6ca5;
    color: #fff;
    font-size: 24px;
    text-align: center;
    border-radius: 30px;
}

#event-ao .frontEvent-ao-08 {
    background-color: #fff;
}

#event-ao .frontEvent-ao-08 .inner {
    margin-top: 37px;
    padding: 60px 0;
    background-color: #d1e2f2;
}

#event-ao .frontEvent-ao-08 .inner .container {
    display: flex;
    justify-content: space-between;
    padding: 60px 43px 30px;
    background-color: #fff;
    border-radius: 10px;
}

#event-ao .frontEvent-ao-08 .ao-evcol-rgt,
#event-ao .frontEvent-ao-08 .ao-evcol-lft {
    width: 500px;
    max-width: 48%;
}

#event-ao .frontEvent-ao-08 .ao-evcol {
    padding: 0 35px;
    border: 3px solid #eb6ca5;
    border-radius: 10px;
}

#event-ao .frontEvent-ao-08 .ao-evcol-ttl {
    display: table;
    margin: -18px auto 0;
    padding: 0 15px;
    background: #fff;
    color: #349bcf;
    font-size: 18px;
    letter-spacing: 3px;
}

#event-ao .frontEvent-ao-08 .ao-evcol-sub {
    position: relative;
    color: #349bcf;
    font-size: 16px;
}

#event-ao .frontEvent-ao-08 .ao-evcol-sub span {
    position: relative;
    z-index: 1;
    padding-right: 25px;
    background-color: #fff;
}

#event-ao .frontEvent-ao-08 .ao-evcol-sub::after {
    position: absolute;
    top: 12px;
    left: 0;
    width: 100%;
    height: 1px;
    content: "";
    border-bottom: 2px dashed #349bcf;
}

#event-ao .frontEvent-ao-08 .ao-ev-sdul {
    margin-bottom: 25px;
}

#event-ao .frontEvent-ao-08 .ao-ev-sdul dl {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 20px;
}

#event-ao .frontEvent-ao-08 .ao-ev-sdul dl dt {
    width: 120px;
    line-height: 1.6;
    background-color: #349bcf;
    color: #fff;
    font-size: 16px;
    text-align: center;
    border-radius: 20px;
}

#event-ao .frontEvent-ao-08 .ao-ev-sdul dl dd {
    width: calc(100% - 145px);
}

#event-ao .frontEvent-ao-08 .ao-evcol-img {
    width: 310px;
    margin: 48px auto 0;
    max-width: 65%;
}

#event-ao .frontEvent-ao-09 {
    margin-top: 165px;
    padding-bottom: 76px;
    border-bottom: 1px solid #f3f4f6;
}

#event-ao .frontEvent-ao-09 .container {
    margin-top: 35px;
    padding: 60px 80px;
    background-color: #d1e2f2;
    border-radius: 10px;
}

#event-ao .frontEvent-ao-09 .qa-list {
    padding: 50px 100px;
    background-color: #fff;
    border-radius: 10px;
}

#event-ao .frontEvent-ao-09 .qa-item {
    margin-bottom: 30px;
}

#event-ao .frontEvent-ao-09 .qa-item:last-child {
    margin: 0;
}

#event-ao .frontEvent-ao-09 .ans-up:not(.first) {
    display: none;
}

#event-ao .frontEvent-ao-09 .question,
#event-ao .frontEvent-ao-09 .answer {
    display: flex;
    padding: 15px 25px;
}

#event-ao .frontEvent-ao-09 .question {
    position: relative;
    padding-right: 65px;
    background-color: #d1e2f2;
    cursor: pointer;
    border-radius: 10px;
}

#event-ao .frontEvent-ao-09 .question::before,
#event-ao .frontEvent-ao-09 .question::after {
    position: absolute;
    top: 50%;
    right: 3rem;
    z-index: 1;
    width: 20px;
    height: 2px;
    background-color: #eb6ca5;
    content: " ";
    transform: translateY(-50%);
    transition: all .8s ease-out;
    opacity: 1;
}

#event-ao .frontEvent-ao-09 .question::after {
    margin-top: -1px;
    transform: rotate(90deg);
}

#event-ao .frontEvent-ao-09 .question.active::after {
    transform: rotate(0deg);
    transition: all .5s ease-in;
    opacity: 0;
}

#event-ao .frontEvent-ao-09 .answer {
    padding-bottom: 0;
}

#event-ao .frontEvent-ao-09 .qa-txt {
    padding-left: 10px;
}

@media (max-width:68.75em) {
    #event-ao .frontEvent-ao-01 .inner-default {
        padding: 0 20px;
    }

    #event-ao .frontEvent-ao-02 .ao-content::after {
        bottom: 1.364vw;
        width: 18.091vw;
        height: 17vw;
    }

    #event-ao .frontEvent-ao-03 .ao-adv-blk .adv-01::after {
        top: 0;
        right: 1.364vw;
        width: 16.818vw;
        height: 12.909vw;
    }

    #event-ao .frontEvent-ao-03 .ao-adv-blk .adv-02::after {
        width: 15.636vw;
        height: 13vw;
    }

    #event-ao .frontEvent-ao-03 .ao-adv-blk .adv-03::after {
        width: 13vw;
        height: 11.091vw;
    }

    #event-ao .frontEvent-ao-05 .ao-content {
        padding: 3.182vw 0 20.082vw;
    }

    #event-ao .frontEvent-ao-05 .student-admission::after,
    #event-ao .frontEvent-ao-05 .student-scholar::after {
        bottom: 2vw;
    }

    #event-ao .frontEvent-ao-05 .student-admission::after {
        right: 1.818vw;
        width: 10.818vw;
        height: 18.636vw;
    }

    #event-ao .frontEvent-ao-05 .student-scholar::after {
        right: 2.545vw;
        width: 7.364vw;
        height: 18vw;
    }

    #event-ao .frontEvent-ao-06 .ao-content::before {
        top: -4.545vw;
    }
}

@media (max-width:48em) {
    #event-ao {
        background-size: 200%;
        font-size: 13px;
    }

    #event-ao .event-ao-ttl {
        padding: 0 0 0 38px;
        font-size: 20px;
    }

    #event-ao .event-ao-ttl .small-txt {
        font-size: 14px;
    }

    #event-ao .event-ao-ttl::before {
        left: 5px;
        width: 28px;
        height: 26px;
    }

    #event-ao .frontEvent-ao-01 .admission-txt {
        padding: 32px 0 90px;
    }

    #event-ao .frontEvent-ao-01 .ao-admission::before {
        top: 22px;
    }

    #event-ao .frontEvent-ao-01 .admission-txt::before,
    #event-ao .frontEvent-ao-01 .admission-txt::after {
        bottom: 15px;
    }

    #event-ao .frontEvent-ao-01 .inner-default {
        padding: 0 10px;
    }

    #event-ao .ao-content-bg {
        padding: 25px 15px;
    }

    #event-ao .ao-entry-bnr {
        background-position: top 10px left 40px, bottom 10px right 20px;
    }

    #event-ao .frontEvent-ao-02 .ao-content {
        padding: 25px 25px 80px;
    }

    #event-ao .frontEvent-ao-02 .ttl-txt,
    #event-ao .frontEvent-ao-04 .ttl-txt,
    #event-ao .frontEvent-ao-05 .ttl-txt,
    #event-ao .frontEvent-ao-06 .ttl-txt {
        margin-bottom: 25px;
    }

    #event-ao .frontEvent-ao-03 {
        margin: 120px 0;
        padding: 40px 5px;
    }

    #event-ao .frontEvent-ao-03 .ao-content {
        padding: 45px 15px;
    }

    #event-ao .frontEvent-ao-03 .event-ao-ttl .sparkle {
        font-size: 20px;
    }

    #event-ao .frontEvent-ao-03 .event-ao-ttl .sparkle::before {
        right: -2px;
        width: 13px;
        height: 14px;
    }

    #event-ao .frontEvent-ao-03 .ttl-txt {
        padding-bottom: 70px;
    }

    #event-ao .frontEvent-ao-03 .ao-adv-blk .adv-img {
        top: -46px;
        left: 15px;
        max-width: 80px;
    }

    #event-ao .frontEvent-ao-03 .ao-adv-blk .adv-01::after {
        width: 116px;
        height: 77px;
    }

    #event-ao .frontEvent-ao-03 .ao-adv-blk li {
        padding: 45px 18px 20px;
    }

    #event-ao .frontEvent-ao-03 .ao-adv-blk .adv-ttl {
        font-size: 18px;
    }

    #event-ao .frontEvent-ao-03 .ao-adv-blk .adv-02::after {
        top: -10%;
        width: 103px;
        height: 73px;
    }

    #event-ao .frontEvent-ao-03 .ao-adv-blk .adv-03::after {
        top: -14%;
        right: 6%;
        width: 84px;
        height: 65px;
    }

    #event-ao .flex-content {
        flex-direction: column;
    }

    #event-ao .flex-content .ao-content {
        width: 100%;
    }

    #event-ao .flex-content .ao-content + .ao-content {
        margin-top: 30px;
    }

    #event-ao .ao-content-ttl {
        font-size: 18px;
    }

    #event-ao .frontEvent-ao-04 .ao-condition-list {
        padding: 17px 20px 17px 40px;
    }

    #event-ao .frontEvent-ao-04 .ao-image {
        margin: 30px auto;
        max-width: 295px;
    }

    #event-ao .frontEvent-ao-07 .ao-image {
        display: none;
    }

    #event-ao .frontEvent-ao-04 .ao-content .ao-students {
        margin: 30px auto 0;
    }

    #event-ao .frontEvent-ao-05 {
        margin: 120px 0;
    }

    #event-ao .frontEvent-ao-05 .ao-step-list {
        padding: 25px 10px 5px;
    }

    #event-ao .frontEvent-ao-05 .student-admission::after {
        width: 17.818vw;
        height: 31.636vw;
    }

    #event-ao .frontEvent-ao-05 .student-scholar::after {
        width: 12.364vw;
        height: 31vw;
    }

    #event-ao .frontEvent-ao-05 .ao-step-list .step-number {
        max-width: 95px;
    }

    #event-ao .frontEvent-ao-05 .step-success {
        padding: 0 37px 0 45px;
    }

    #event-ao .frontEvent-ao-05 .step-success::before {
        left: 5px;
    }

    #event-ao .frontEvent-ao-05 .step-success::before,
    #event-ao .frontEvent-ao-05 .step-success::after {
        width: 35px;
        height: 30px;
    }

    #event-ao .frontEvent-ao-06 .ao-content {
        padding: 115px 0 135px;
    }

    #event-ao .frontEvent-ao-06 .ao-content::before {
        top: 3.455vw;
        right: 20px;
        width: 112px;
        height: 84px;
    }

    #event-ao .frontEvent-ao-06 .ao-content::after {
        bottom: 12px;
        left: 18px;
        width: 103px;
        height: 90px;
    }

    #event-ao .frontEvent-ao-06 .ao-step1-content .content-txt {
        width: 100%;
        margin: 0 auto;
    }

    #event-ao .frontEvent-ao-06 .ao-step1-ttl {
        flex-direction: column;
        align-items: flex-start;
        padding-left: 38px;
    }

    #event-ao .frontEvent-ao-06 .ao-step1-ttl .img-step1 {
        margin: 0 0 20px;
        max-width: 108px;
    }

    #event-ao .frontEvent-ao-06 .ao-step1-ttl .ao-step-ttl {
        font-size: 16px;
    }

    #event-ao .frontEvent-ao-06 .entry-event-txt {
        padding: 30px 20px 10px 5px;
        font-size: 16px;
    }

    #event-ao .frontEvent-ao-06 .entry-txt {
        padding: 0 10px;
        font-size: 15px;
    }

    #event-ao .frontEvent-ao-06 .entry-txt::after {
        width: 101px;
    }

    #event-ao .frontEvent-ao-06 .ao-step1-blk {
        flex-direction: column;
        align-items: center;
        padding: 30px 0;
    }

    #event-ao .frontEvent-ao-06 .ao-step1-blk > div:not(.ao-step-symbol) {
        width: 100%;
        margin: 0;
    }

    #event-ao .frontEvent-ao-06 .ao-step1-blk .ao-step-circle {
        margin-bottom: 0;
        max-width: 125px;
    }

    #event-ao .frontEvent-ao-06 .ao-step1-blk .ao-step-symbol {
        width: 100%;
        margin: 15px 0;
        max-width: 25px;
    }

    #event-ao .frontEvent-ao-06 .ao-step1-blk .ao-step-symbol.equal {
        transform: rotate(90deg);
    }

    #event-ao .frontEvent-ao-06 .ao-step1-blk p {
        margin-top: 25px;
    }

    #event-ao .frontEvent-ao-07 .blue-steps-blk {
        padding: 30px 15px;
    }

    #event-ao .frontEvent-ao-07 .blue-steps-blk .blue-step-list .blue-step-num {
        margin-right: 20px;
        max-width: 108px;
    }

    #event-ao .frontEvent-ao-07 .blue-steps-blk .blue-step-list .step-main-txt {
        font-size: 15px;
    }

    #event-ao .frontEvent-ao-07 .blue-steps-blk .ao-date-ttl {
        font-size: 14px;
    }

    #event-ao .frontEvent-ao-07 .blue-steps-blk .blue-step-list::before {
        left: 50px;
    }

    #event-ao .frontEvent-ao-07 .blue-steps-blk .blue-step-list::after {
        left: 45px;
    }

    #event-ao .frontEvent-ao-07 .blue-steps-blk .blue-step3::before {
        height: 40px;
    }

    #event-ao .frontEvent-ao-07 .blue-steps-blk .blue-step3::after {
        top: 91px;
    }

    #event-ao .frontEvent-ao-07 .blue-steps-blk .blue-step6::before {
        height: 105px;
    }

    #event-ao .frontEvent-ao-07 .blue-steps-blk .blue-step6::after {
        top: 155px;
    }

    #event-ao .ao-entry-bnr .ao-entry-in {
        width: 450px;
        padding: 100px 0;
        max-width: 90%;
    }

    #event-ao .ao-entry-bnr .ao-entry-in::before,
    #event-ao .ao-entry-bnr .ao-entry-in::after {
        top: 0;
        height: 100px;
    }

    #event-ao .ao-entry-bnr .ao-entry-in::after {
        top: auto;
        bottom: 0;
    }

    #event-ao .ao-entry-bnr .ao-entry-txt {
        margin: 25px 0 10px;
        font-size: 16px;
    }

    #event-ao .frontEvent-ao-08 {
        margin: 0;
    }

    #event-ao .frontEvent-ao-08 .inner {
        margin-top: 20px;
        padding: 30px 0;
    }

    #event-ao .frontEvent-ao-08 .inner .container {
        flex-direction: column;
        padding: 30px 15px;
    }

    #event-ao .frontEvent-ao-08 .ao-evcol-ttl {
        margin-top: -15px;
        font-size: 15px;
        letter-spacing: 1px;
    }

    #event-ao .frontEvent-ao-08 .ao-evcol {
        padding: 0 15px;
    }

    #event-ao .frontEvent-ao-08 .ao-evcol-sub {
        font-size: 14px;
    }

    #event-ao .frontEvent-ao-08 .ao-evcol-sub span {
        padding-right: 10px;
    }

    #event-ao .frontEvent-ao-08 .ao-evcol-rgt,
    #event-ao .frontEvent-ao-08 .ao-evcol-lft {
        width: 100%;
        max-width: 100%;
    }

    #event-ao .frontEvent-ao-08 .ao-evcol-rgt {
        margin-bottom: 50px;
    }

    #event-ao .frontEvent-ao-08 .ao-ev-sdul dl dt {
        width: 80px;
    }

    #event-ao .frontEvent-ao-08 .ao-ev-sdul dl dd {
        width: calc(100% - 100px);
    }

    #event-ao .frontEvent-ao-08 .ao-evcol-img {
        margin: 30px auto 0;
    }

    #event-ao .frontEvent-ao-09 {
        margin-top: 60px;
    }

    #event-ao .frontEvent-ao-09 .container {
        margin-top: 20px;
        padding: 15px 20px;
    }

    #event-ao .frontEvent-ao-09 .qa-list {
        padding: 20px;
    }

    #event-ao .frontEvent-ao-09 .question,
    #event-ao .frontEvent-ao-09 .answer {
        padding: 15px;
    }

    #event-ao .frontEvent-ao-09 .question {
        padding-right: 30px;
    }

    #event-ao .frontEvent-ao-09 .question::before,
    #event-ao .frontEvent-ao-09 .question::after {
        right: 1rem;
        width: 15px;
    }
}

@media (max-width:30em) {
    #event-ao .frontEvent-ao-02 .ao-content::after {
        bottom: 3.364vw;
        width: 22.391vw;
        height: 21vw;
    }

    #event-ao .frontEvent-ao-05 .student-admission::after {
        width: 21.818vw;
        height: 37.636vw;
    }

    #event-ao .frontEvent-ao-05 .student-scholar::after {
        width: 15.364vw;
        height: 38vw;
    }

    #event-ao .frontEvent-ao-05 .student-admission::after,
    #event-ao .frontEvent-ao-05 .student-scholar::after {
        bottom: 30vw;
    }
}

/* News bk css */
.wp-pagenavi {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    z-index: 3;
    margin-top: 30px;
    text-align: center;
}

.pageNavi.animal .wp-pagenavi .current,
.pageNavi.animal .wp-pagenavi a:hover {
    background-color: #2776c7;
    color: #fff;
}

.wp-pagenavi a {
    background-color: #ecf1f8;
    color: #2776c7;
}

.wp-pagenavi .current,
.wp-pagenavi a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    margin: 0 .35em;
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    font-weight: 700;
    -webkit-transition: .2s;
    transition: .2s;
    border-radius: 50%;
}

.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
    display: inline-block;
    width: 55px;
    font-size: 0;
    border-radius: 50px;
}

.wp-pagenavi .nextpostslink {
    margin-left: 12px;
    background: url("../../assets/img/common/ico-btn-arr.svg") no-repeat center #ecf1f8;
    background-size: 50%;
}

.wp-pagenavi .previouspostslink {
    margin-right: 12px;
    background: url("../../assets/img/common/ico-btn-arr.svg") no-repeat center #ecf1f8;
    background-size: 50%;
    transform: rotate(180deg);
}

.wp-pagenavi .nextpostslink:hover,
.wp-pagenavi .previouspostslink:hover {
    background-color: #2776c7;
    background-image: url("../../assets/img/common/icon-white-arr.png");
}

/*.newsList time {
  margin-right: 2.0em;
  padding: 0;
}

.newsList a {
  padding-bottom: 5px;
}

.newsList h2 a {
  padding: 0 0 10px 0 !important;
}

.newsList h2 a:hover {
  text-decoration: underline;
}

.newsList p.category {
  margin-right: 2.0em;
}

.newsList p.category span {
  display: inline;
  color: #fff;
  font-size: 9px;
  text-align: center;
  padding: 0 0.5em;
  margin-right: 0.5em;
}

.newsList p.category span.news {
  color: #f74f92;
  border: 1px solid #f74f92;
}

.newsList p.category span.examinee {
  color: #3777E3;
  border: 1px solid #3777E3;
}

.newsList p.category span.student {
  color: #26E8C5;
  border: 1px solid #26E8C5;
}*/

/*.wp-pagenavi>* {
  margin-bottom: 10px !important;
}*/

/* News bk css */

/* frontBanner */
.front .frontBanner.inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 0;
    max-width: 1070px;
}

.frontBanner a {
    width: 49.2%;
    max-width: 525px;
}

.frontBanner a:hover {
    opacity: 0.6;
}

.frontBanner a picture img {
    width: 525px;
    object-fit: contain;
}

@media (min-width: 48.0625em) and (max-width: 68.75em) {

    .front .frontBanner.inner {
        padding: 2.27vw 0;
        max-width: 97.27vw;
    }

    .frontBanner a picture img {
        width: 51.82vw;
        /*height: 14.82vw;*/
    }
}

@media (max-width: 48em) {
    .front .frontBanner.inner {
        display: block;
        padding: 5.267vw 0;
    }

    .frontBanner a {
        display: inline-block;
        width: 100%;
        margin-bottom: 4.267vw;
        max-width: 100%;
    }

    .frontBanner img {
        width: 100%;
    }

    .frontBanner a picture img {
        width: 100%;
        height: auto;
        object-fit: contain;
    }
}

/* frontAbout */

.frontAbout {
    padding: 128px 0 128px;
}

@media (max-width: 48em) {
    .frontAbout {
        padding: 14.333vw 0 15.467vw;
    }
}

@media (min-width: 48.0625em) and (max-width:68.75em) {
    .frontAbout {
        padding: 70px 0 70px;
    }
}

.frontAbout .frontAbout-container {
    display: flex;
    position: relative;
}

@media (max-width:68.75em) {
    .frontAbout .frontAbout-container {
        display: block;
    }
}

.frontAbout .fronAbout-img {
    width: 70%;
    max-width: 830px;
}

@media (max-width: 48em) {
    .frontAbout .fronAbout-img {
        width: 100%;
    }
}

@media (min-width: 48.0625em) and (max-width:68.75em) {
    .frontAbout .fronAbout-img {
        width: 80%;
        margin: 0 auto;
        max-width: 670px;
    }

    .frontAbout .frontAbout-tit span:first-child {
        background-size: auto 8px;
        background-position: left bottom;
    }
}

.frontAbout .fronAbout-img img {
    width: 100%;
    border-radius: 240px;
}

.frontAbout .frontAbout-text {
    position: absolute;
    top: 50px;
    right: 0;
    width: 58%;
}

@media (max-width: 48em) {
    .frontAbout .frontAbout-text {
        margin-top: 6.667vw;
    }

    .frontAbout .fronAbout-img img {
        border-radius: 195px;
    }
}

@media (max-width:68.75em) {
    .frontAbout .frontAbout-text {
        position: inherit;
        top: inherit;
        left: 0;
        width: 100%;
        margin-top: 30px;
    }
}

.frontAbout .frontAbout-tit {
    line-height: 1.5;
    margin-bottom: 30px;
    color: #2776c7;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 5.7px;
}

.frontAbout .frontAbout-tit span {
    display: inline-block;
    margin-bottom: 7px;
    padding: 0 8px 2px;
    background: url("../../assets/img/page/front/bg_yellow_line.png") no-repeat center bottom/contain;
    font-size: 24px;
    letter-spacing: 4.7px;
}

@media (max-width:48em) {
    .frontAbout .frontAbout-tit {
        line-height: 1.4;
        margin-bottom: 7.6vw;
        font-size: 5.333vw;
    }

    .frontAbout .frontAbout-tit span {
        margin-bottom: 1.6vw;
        font-size: 4.267vw;
    }

    .frontAbout .frontAbout-tit span:first-child {
        margin-bottom: 0.5vw;
        background-size: auto 8px;
        background-position: left bottom;
    }
}

.frontAbout .frontAbout-txt {
    line-height: 1.7;
    margin-bottom: 20px;
    padding-right: 15px;
    color: #333;
    font-size: 16px;
    letter-spacing: 3.2px;
}

@media (max-width:48em) {
    .frontAbout .frontAbout-txt {
        margin-bottom: 4.667vw;
        font-size: 3.2vw;
        letter-spacing: 0.507vw;
    }
}

@media (max-width:68.75em) {
    .frontAbout .visible-pc {
        display: none !important;
    }

    .frontAbout .visible-sp {
        display: block !important;
    }
}

@media (max-width:48em) {

    .hamburger {
        width: 10.67vw;
        height: 10.67vw;
    }

    .hamburger-line {
        width: 5.13vw;
    }

    .hamburger-line1 {
        top: 3.18vw;
    }

    .hamburger-line2 {
        top: 5.33vw;
        width: 7.27vw;
    }

    .hamburger-line3 {
        top: 7.18vw;
        width: 2.78vw;
    }

    .js-menu-open .hamburger-line1 {
        top: 5.13vw;
        width: 7.39vw;
    }

    .js-menu-open .hamburger-line3 {
        top: 5.13vw;
        width: 7.39vw;
    }
}


@media (max-width:30em) {

    .frontAbout .frontAbout-txt {
        font-size: 3.5vw;
    }

    .front-section-heading .en {
        font-size: 3.8vw;
    }

    .frontEvent .frontEvent-btn .button {
        font-size: 3.5vw;
    }

    /*.eventList .text {
        padding: 3.333vw 2.4vw 0;
    }*/

    .frontEvent .secondary-eventList .date .day-of-the-week {
        top: 50%;
        font-size: 3vw;
    }

    ul.ul-menu-news li span {
        width: 16.4vw;
    }

    ul.ul-menu-news .li-examinee span {
        width: 28.267vw;
    }

    ul.ul-menu-news .li-student span {
        width: 31.267vw;
    }

    div.div-news-list dl dt {
        font-size: 3.5vw;
    }

    div.div-news-list dl dt {
        padding: 1vw 0 0 0;
    }

    div.div-news-list dl dd {
        padding: 0 0 2.8vw;
    }

    .frontNews .button {
        font-size: 3.5vw;
    }

    .frontCourse-body {
        margin-top: 4.133vw;
    }

    .frontCourse-body p {
        font-size: 3.5vw;
    }

    .frontSchool-box-tit {
        font-size: 3.5vw;
        letter-spacing: 0;
    }

    .frontSchool-box {
        width: 48%;
        height: 38.133vw;
        margin-bottom: 4.267vw;
    }

    .frontJob-heading {
        margin-bottom: 3.667vw;
    }

    .frontJob .frontJob-box-tit + p {
        line-height: 1.6;
        font-size: 3.5vw;
    }

    .globalFooter-apply-button-document .text,
    .globalFooter-apply-button-line .text {
        font-size: 3.3vw;
    }

    .globalFooter-visitorLink li {
        width: calc((100% - 5%)/2);
    }

    .globalFooter-bannerUpper .globalFooter-visitorLink a {
        font-size: 3.5vw;
        letter-spacing: 0.2vw;
    }

    .globalFooter-address img {
        width: 200px;
    }

    .globalFooter-symbol {
        padding-top: 10.6vw;
        padding-bottom: 12.333vw;
    }

    .globalFooter-address p {
        font-size: 3.5vw;
    }

    .globalFooter-symbol .globalFooter-subtit {
        font-size: 3.5vw;
    }

    .globalFooter-contact .phone {
        margin-bottom: 4.333vw;
    }

    .globalFooter-contact .mail a {
        font-size: 3.5vw;
    }

    .globalFooter-sns a {
        font-size: 3.2vw;
    }

    .globalFooter-sitemap-boxGroup.primary li a {
        font-size: 3.5vw;
    }

    .globalFooter-sitemap-boxGroup.secondary li a {
        font-size: 3vw;
    }

    .globalFooter-sitemap-boxGroup.secondary li {
        width: 48%;
    }

    .globalFooter-copy {
        font-size: 3.5vw;
    }

    .frontCourse-name {
        margin-bottom: 1.8vw;
    }

    .frontCourse-name span {
        font-size: 3.5vw;
    }

    .drawerMenu-primary-box ul li a {
        font-size: 3.5vw;
    }

    .globalFooter-sns a {
        padding: 1.6vw 4.333vw 2.3vw;
    }

    .globalFooter-sns a::after {
        right: 2.567vw;
    }

    /*#sub-pg-menu .globalHeader-logo {
        width: 40.11vw;
        margin: 1.46vw auto 2.56vw 1.95vw;
    }*/

    .hamburger {
        top: 4.4vw;
        width: 11.54vw;
        height: 11.54vw;
    }

    /*.globalHeader.sub-pg+.hamburger {
        top: 1.53vw;
    }*/

    .hamburger-line {
        right: 2.14vw;

    }

    .hamburger-line1 {
        top: 3.41vw;
        width: 4.9vw;
    }


    .hamburger-line2 {
        top: 5.56vw;
        width: 7vw;
    }

    .hamburger-line3 {
        top: 7.56vw;
        width: 3.14vw;
    }

    .js-menu-open .hamburger-line1 {
        top: 5.66vw;
        width: 7.8vw;
    }

    .js-menu-open .hamburger-line3 {
        top: 5.66vw;
        width: 7.8vw;
    }
}


/* open-campus-box */

.break-tb {
    display: block;
}

.sec-open-campus {
    position: absolute;
    right: 0;
    bottom: 40px;
    z-index: 8;
}


.sec-open-campus.fixed {
    position: fixed;
    top: 230px;
    pointer-events: none;
}

.sec-open-campus.fixed .open-campus-box {
    box-shadow: 0 0 32px rgba(9, 53, 94, .17);
    transform: translateX(100%);
    transform: translateX(calc(100%));
    opacity: 0;
}

/*.sec-open-campus.fixed:not(.smooth) .open-campus-box:hover {
    box-shadow: 0 0 68px rgba(9, 53, 94, .2);
    transform: translateX(0);
}*/


.sec-open-campus .open-campus-box {
    display: flex;
    position: relative;
    align-items: center;
    width: 430px;
    padding: 15px 20px 22px 12px;
    background-color: #2776c7;
    font-weight: 700;
    transition: all .4s ease-out;
    border-radius: 10px 0 0 10px;
    pointer-events: auto;
    opacity: 1;
}

.open-campus-box h3 {
    position: relative;
    padding-top: 30px;
    padding-right: 18px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
    letter-spacing: 5px;
    writing-mode: vertical-rl;
}

.open-campus-box h3::before {
    position: absolute;
    top: 0;
    left: 8px;
    width: 18px;
    height: 20px;
    background: url(../img/page/front/ico_flag.svg) no-repeat center / contain;
    content: "";
}


.open-campus-box .campus-list {
    width: 100%;
    max-width: 340px;

}

.open-campus-box .campus-list .cmp-lst-item a,
.cmp-lst-heading {
    display: flex;
    justify-content: space-between;
    line-height: normal;
    padding: 8px 0;
    color: #fff;
    font-weight: 700;
    transition: opacity 0.3s ease;
    /*background-color: #fff;*/
    border-bottom: 1px solid #fff;
}

.open-campus-box .campus-list .cmp-lst-item a:hover {
    opacity: 0.6;
}

.cmp-lst-item a .date,
.cmp-lst-heading .date {
    display: flex;
    align-items: center;
    width: 100px;
    /*background-color: #ecf1f8;*/
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
}

.cmp-lst-heading .date {
    text-transform: uppercase;
}

.cmp-lst-item a .date {
    display: none;
}

.cmp-lst-item a .date.is-show {
    display: block;
}

.cmp-lst-item a .date .start {
    font-family: "DMSans", sans-serif;
    font-size: 21px;
}

.cmp-lst-item a .date small {
    margin-left: 8px;
    font-size: 14px;
}

.cmp-lst-heading .evt-ttl {
    width: 220px;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: normal;
}

.cmp-lst-item a .evt-ttl {
    position: relative;
    width: 220px;
    padding-right: 28px;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-size: 21px;
    font-weight: 900;
}

.cmp-lst-item a .evt-ttl.no-arr {
    position: static;
    padding-right: 0;
}

.cmp-lst-item a .evt-ttl::after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 28px;
    height: 12px;
    background: url("../../assets/img/common/icon-white-arr.png") no-repeat center/contain;
    content: "";
    transform: translateY(-50%);
}

.cmp-lst-item a .evt-ttl.no-arr::after {
    all: unset;
}

.campus-list .evt-rq {
    margin-top: 2px;
    text-align: right;
}

.campus-list .request-link {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    transition: opacity 0.4s ease;
}

.campus-list .request-link:hover {
    opacity: 0.6;
}


@media (min-width: 48.0625em) and (max-width: 68.75em) {

    .js-loading-done .mainVisual-copy .ja .break-sp {
        display: block !important;
    }

}

@media (max-width: 48em) {
    .sec-open-campus {
        display: none;
    }
}



/* toppage */
.toppage .inner {
    width: 90%;
    margin: 0 auto;
    max-width: 1180px;
}

.mb-0 {
    margin-bottom: 0 !important;
}

@media (max-width: 48em) {

    .arrow-blue::after {
        width: 7.2vw;
        height: 3.2vw;
        background-size: 100%;
    }

    .arrow-white::after {
        width: 7.2vw;
        height: 3.2vw;
        background-size: 100%;
    }
}

#main-menu {
    position: relative;
    z-index: -1;
}




#sub-menu {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    background-color: #fff;
    text-align: center;
    transition: transform 1.1s ease;
}

#sub-pg-menu {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    background-color: #fff;
    text-align: center;
}

#sub-pg-menu.has-border {
    border: 1px solid #ecf1f8;
}

#drawerMenu-content {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    text-align: center;
    transition: opacity 1.1s ease, visibility 1.1s ease;
}

@media (min-width: 68.8125em) and (max-width: 80.0625em) {
    .globalNav > ul > li > a {
        padding: 1.56vw 1.17vw;
    }

    .globalNav > ul > li.first-pd > a {
        padding-left: 1.95vw;
    }

    .globalNav > ul > li.last-pd > a {
        padding-right: 1.95vw;
    }

    .globalNav > ul > li.visitorMenu-label > a,
    .globalNav > ul > li.eventMenu-label > a {
        padding: 1.56vw;
        color: #fff;
    }

    .megaMenu-inner {
        padding-top: 28px;
        padding-bottom: 28px;
    }

    .megaMenu .megaMenu-tit {
        padding-top: 0;
        padding-right: 3%;
        font-size: 18px;
    }

    .megaMenu a {
        padding: 0 0 0 22px;
        font-size: 14px;
    }

    .megaMenu:not(.megaMenu.visitor) a::before {
        width: 16px;
        height: 16px;
    }

    .megaMenu a.course.biyou::before {
        width: 13px;
        height: 15px;
    }

    .megaMenu a.course.kango::before {
        width: 14px;
        height: 14px;
    }

    .megaMenu a.course.kyosei::before {
        width: 16px;
        height: 14px;
    }

    .frontAbout .frontAbout-tit {
        margin-bottom: 15px;
        font-size: 28px;
    }

    .frontAbout .frontAbout-tit span {
        font-size: 20px;
    }

    .frontEvent .eventList .head {
        width: 84%;
    }

    .frontEvent .eventList.primary-eventList .head {
        width: 60%;
        margin-bottom: 5px;
        max-width: 185px;
    }

    .eventList.primary-eventList .body {
        height: 196px;
    }

    .primary-eventList .text {
        padding: 16px 0 0 10px;
    }

    .secondary-eventList .text {
        padding-left: 1.16vw;
    }

    .frontEvent .primary-eventList .time {
        margin: 5px 0 0;
    }

    .frontEvent .eventList.secondary-eventList .date {
        line-height: 1.2;
    }

    .frontEvent .eventList.primary-eventList .date .day-of-the-week {
        line-height: 1.9;
        font-size: 1.09vw;
    }

    .frontEvent .eventList .next {
        padding-left: 0;
        font-size: 14px;
    }

    .frontEvent .eventList .date.is-end {
        line-height: normal;
        margin-left: 4px;
        font-size: 14px;
    }

    .frontEvent .eventList.secondary-eventList .date.is-end {
        font-size: 12px;
    }

    .frontEvent .eventList .name {
        font-size: 19px;
    }

    .frontEvent .primary-eventList .name {
        font-size: 24px;
    }

    .frontJob-box .frontJob-box-body {
        height: 240px;
    }

    .globalFooter-apply-button-pamgplet {
        font-size: 18px;
    }

    .globalFooter-apply-btn-gp {
        margin-left: 10px;
    }

    .globalFooter-visitorLink li a {
        margin: 10px 0;
    }

    .globalFooter-sitemap-boxGroup.primary li a {
        margin: 10px;
    }
}

@media (min-width: 80.0625em) and (max-width: 85em) {
    .globalNav > ul > li > a {
        padding: 20px 12px;
    }

    .frontEvent .eventList .head {
        width: 75%;
    }

    .frontEvent .eventList.primary-eventList .head {
        width: 55%;
    }

    .frontJob-box .frontJob-box-body {
        height: 240px;
    }

    .globalFooter-apply-btn-gp {
        margin-left: 10px;
    }

}


/* news loop section */

.div-news-list {
    border-top: 1px solid #b0b0b0;
}

.div-news-list .news-contents {
    height: 0;
    overflow: hidden;
    transition: opacity 0.5s ease-in-out, height 0.5s ease-in-out;
    opacity: 0;
}

.div-news-list .news-contents.show {
    height: auto;
    opacity: 1;
}

.news-item {
    display: flex;
    padding: 20px 0;
    border-bottom: 1px solid #b0b0b0;
}

.div-news-list .news-contents .news-item .date-cat-blk {
    display: flex;
    width: 185px;
    color: #959595;
    font-family: 'DMSansBold', sans-serif;
}


.news-item .news-title {
    width: calc(100% - 250px);
}

.news-item .date-cat-blk .date {
    display: inline-block;
    width: 90px;
    margin-right: 8px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -0.3px;
}

.news-item .date-cat-blk .cat-tag {
    display: inline-block;
    width: calc(100% - 90px);
}

.news-item .date-cat-blk .cat-tag span {
    display: inline-block;
    line-height: normal;
    margin-right: 5px;
    padding: 2px 5px;
    border: 2px solid #c9c9c9;
    font-size: 10px;
    font-weight: 700;
}

.news-item .news-title a {
    display: -webkit-box;
    overflow: hidden;
    padding-right: 20px;
    color: #626262;
    font-size: 14px;
    font-weight: 700;
    transition: color 0.3s ease;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.news-item .news-title a:hover {
    color: #2776c7;
}

@media (max-width:48em) {
    .news-item {
        display: block;
        padding: 4.73vw 0;
        border-bottom: 0.13vw solid #b0b0b0;
    }

    .div-news-list .news-contents .news-item .date-cat-blk {
        width: 100%;
    }

    .news-item .news-title {
        width: 100%;
        margin-top: 3.35vw;
    }

    .news-item .date-cat-blk .date {
        width: 19.58vw;
        font-size: 3.13vw;
    }

    .news-item .date-cat-blk .cat-tag {
        width: calc(100% - 19.58vw);
    }

    .news-item .date-cat-blk .cat-tag span {
        padding: 0 0.65vw;
        border: 0.26vw solid #999;
        font-size: 2.8vw;
    }

    .news-item .news-title a {
        line-height: 1.4;
        font-size: 3.35vw;
        -webkit-line-clamp: 2;
    }
}

/* job-section */
.frontJob .job-box-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
}

.frontJob .job-box {
    width: 49%;
    margin-bottom: 27px;
    padding: 30px 38px 44px 23px;
    max-width: 668px;
    border-radius: 10px;
}

.frontJob .job-box.pet-nurse {
    background: url("../../assets/img/page/front/job-pet-nurse.jpg") no-repeat right/cover;
}

.frontJob .job-box.trimmer {
    background: url("../../assets/img/page/front/job-trimmer.jpg") no-repeat right/cover;
}

.frontJob .job-box.dog-trainer {
    background: url("../../assets/img/page/front/job-dog-trainer.jpg") no-repeat right/cover;
}

.frontJob .job-box.pet {
    padding: 10px 38px 26px 23px;
    background-color: #fff;
    background-image: url("../../assets/img/page/front/job-pet.jpg");
    background-size: 223px;
    background-position: right -6% center;
    background-repeat: no-repeat;
}

.frontJob .job-box .job-box-ttl,
.frontJob .job-box.pet .can-pursue {
    margin-bottom: 22px;
    color: #2776c7;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-size: 21px;
    font-weight: 700;
    letter-spacing: 4px;
}

.frontJob .job-box .job-box-ttl span {
    display: inline-block;
    position: relative;
    padding-right: 50px;
}

.frontJob .job-box .job-box-ttl span::after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 37px;
    height: 15px;
    background: url("../../assets/img/common/icon-blue-arr.png") no-repeat center/contain;
    content: "";
    transform: translateY(-50%);
}

.frontJob .job-box.dog-trainer .job-box-ttl span {
    letter-spacing: 0.2px;
}

.frontJob .job-box p {
    width: 80%;
}

.frontJob .job-box.pet .can-pursue {
    width: 100%;
    margin-top: 22px;
    margin-bottom: 0;
}

@media (min-width: 48.0625em) and (max-width: 68.75em) {

    .frontJob .job-box {
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 48em) {

    .frontJob {
        padding: 11.72vw 0 0;
    }

    .frontJob .job-box {
        width: 100%;
        margin-bottom: 4.3vw;
        padding: 6.38vw 2.86vw 7.29vw;
        border-radius: 1.3vw;
        max-width: 100%;
    }

    .frontJob .job-box:nth-child(3n) {
        margin-bottom: 0;
    }

    .frontJob .job-box.pet-nurse {
        background: url("../../assets/img/page/front/job-pet-nurse-sp.jpg") no-repeat center/cover;
    }

    .frontJob .job-box.pet {
        padding: 2.6vw 2.86vw 7.29vw;
        background-size: 29.04vw;
        background-position: right -6.12vw top 2.21vw;
    }

    .frontJob .job-box .job-box-ttl {
        margin-bottom: 1.167vw;
        font-size: 4.267vw;
        letter-spacing: 0.96vw;
    }

    .frontJob .job-box.pet .can-pursue {
        margin-top: 5.36vw;
        font-size: 3.2vw;
        letter-spacing: 0.12vw;
    }

    .frontJob .job-box .job-box-ttl span {
        padding-right: 6.51vw;
    }

    .frontJob .job-box .job-box-ttl span::after {
        width: 4.82vw;
        height: 2.21vw;
    }

    .frontJob .job-box p {
        width: 92%;
        line-height: 1.6;
        font-size: 3.2vw;
        letter-spacing: 0.12vw;
    }
}

/* footer fix btn */
.fixed-ftr-blk {
    position: fixed;
    bottom: 0;
    z-index: 100;
    width: 100%;
    transform: translateY(100%);
    transition: all 0.3s ease;
    opacity: 0;
}

.fixed-ftr-blk.show {
    transform: translateY(0);
    opacity: 1;
}

.fixed-ftr-flex {
    display: flex;
    line-height: normal;
    font-size: 3.13vw;
    font-weight: 700;
    letter-spacing: 0.26vw;
}

.fixed-ftr-flex .online-campus-btn,
.fixed-ftr-flex .pamphlet-btn {
    width: 50%;
    color: #fff;
    text-align: center;
}

.fixed-ftr-flex .online-campus-btn {
    background-color: #2776c7;
}

.fixed-ftr-flex .pamphlet-btn {
    background-color: #d69755;
}

.fixed-ftr-flex a {
    padding: 15px;
    color: #fff;
}

.fixed-ftr-flex .online-campus-btn a span,
.fixed-ftr-flex .pamphlet-btn a span {
    position: relative;
    padding-left: 20px;
}

.fixed-ftr-flex .online-campus-btn a span::before,
.fixed-ftr-flex .pamphlet-btn a span::before {
    position: absolute;
    top: 50%;
    left: 0;
    content: "";
    transform: translateY(-50%);

}

.fixed-ftr-flex .online-campus-btn a span::before {
    width: 13px;
    height: 15px;
    background: url("../../assets/img/page/front/ico_flag.svg") no-repeat center/contain;
}

.fixed-ftr-flex .pamphlet-btn a span::before {
    width: 11px;
    height: 13px;
    background: url("../../assets/img/common/ico-book.svg") no-repeat center/contain;
}

/* pc fixed btn */

.fixed-btn-sec {
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 999;
    transform: translateY(-50%) translateX(100%);
    transition: all 0.3s ease;
    opacity: 0;
}

.fixed-btn-sec.show {
    transform: translateY(-50%) translateX(0);
    opacity: 1;
}

.pc-right-btn a {
    position: relative;
    padding: 40px 12px 15px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    writing-mode: vertical-rl;
    border-radius: 5px 0 0 5px;
}

.pc-right-btn a::before {
    position: absolute;
    top: 20px;
    left: 50%;
    width: 15px;
    height: 15px;
    content: "";
    transform: translateX(-50%);
}

.pc-right-btn a.opn-cp-btn {
    margin-bottom: 10px;
    background-color: #2776c7;
}

.pc-right-btn a.opn-cp-btn::before {
    left: 55%;
    background: url("../../assets/img/page/front/ico_flag.svg") no-repeat center/contain;
}

.pc-right-btn a.pmp-btn {
    background-color: #d69755;
}

.pc-right-btn a.pmp-btn::before {
    background: url("../../assets/img/common/ico-book.svg") no-repeat center/contain;
}

.globalFooter {
    margin-top: 80px;
}

/* pg-course */

.main-ttl {
    line-height: normal;
    color: #2776c7;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 5px;
}

.para-intro {
    line-height: 1.6;
    margin: 40px 0 60px;
    color: #333;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    letter-spacing: 2px;
}

.pg-course .course-flex {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    /*flex-wrap: wrap;*/
}

.course-top .course-box {
    width: 33%;
    overflow: hidden;
    margin-right: 10px;
    max-width: 450px;
}

.course-top .course-box a {
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: all 0.3s ease;
}

.course-top .course-box.biyou {
    border-top-left-radius: 75px;
    border-bottom-left-radius: 15px;
}

.course-top .course-box.kyosei {
    margin-right: 0;
    border-top-right-radius: 75px;
    border-bottom-left-radius: 15px;
}

.course-box .course-img {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.course-box img {
    display: block;
    width: 100%;
    height: auto;
    transition: all 0.3s ease;
    object-fit: cover;
}

.course-box img:hover {
    transform: scale(1.1);
}

.course-ttl-box {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-left: 40px;
    min-height: 200px;
}

.course-box.biyou .course-ttl-box {
    background-color: #fe7b7e;
    color: #fe7b7e;
}

.course-box.kango .course-ttl-box {
    background-color: #77a8eb;
    color: #77a8eb;
}

.course-box.kyosei .course-ttl-box {
    background-color: #15ceae;
    color: #15ceae;
}

.course-top .course-ttl-box h3 {
    line-height: normal;
    color: #fff;
    font-size: 32px;
    font-weight: 400;
}

.course-ttl-box .duration {
    display: inline-block;
    line-height: 1.4;
    margin-bottom: 15px;
    padding: 0 9px;
    background-color: #fff;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 4px;
}

.course-box .course-ttl-box p {
    color: #fff;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-size: 16px;
    font-weight: 500;
}

.course-box .ico-box {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
    min-height: 116px;
    border-right: 2px solid #ecf1f8;
    border-left: 2px solid #ecf1f8;
}

.course-box .ico-box p {
    position: relative;
    line-height: normal;
    padding-left: 42px;
    font-size: 16px;
}

.course-box.biyou .ico-box p {
    color: #fe7b7e;
}

.course-box.kango .ico-box p {
    color: #77a8eb;
}

.course-box.kyosei .ico-box p {
    padding-left: 50px;
    color: #15ceae;
}

.course-box .ico-box p::before {
    position: absolute;
    top: 50%;
    left: 0;
    content: "";
    transform: translateY(-50%);
}

.course-box.biyou .ico-box p::before {
    width: 32px;
    height: 37px;
    background: url("../../assets/img/common/ico-scissors.svg") no-repeat center/contain;
}

.course-box.kango .ico-box p::before {
    width: 35px;
    height: 36px;
    background: url("../../assets/img/common/ico-blue-cross.svg") no-repeat center/contain;
}

.course-box.kyosei .ico-box p::before {
    width: 38px;
    height: 36px;
    background: url("../../assets/img/common/ico-paw.svg") no-repeat center/contain;
}

.career-lst-box {
    flex: 1;
    padding: 40px;
    background-color: #ecf1f8;
}

.career-lst-box p {
    line-height: normal;
    padding-bottom: 11px;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 5px;
    border-bottom: 1px solid #000;
}

.cmn-lst li {
    position: relative;
    line-height: 1.8;
    padding-left: 17px;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-size: 16px;
    font-weight: 500;
}

.cmn-lst li::before {
    position: absolute;
    top: 10px;
    left: 0;
    width: 10px;
    height: 10px;
    background-color: #2776c7;
    content: "";
    border-radius: 50%;
}

.pg-course .courseIntro-box {
    font-size: 14px;
}

.intro-detail-flex {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    margin-bottom: 120px;
}

.intro-detail-box {
    width: 49%;
    padding: 35px 40px;
    background-color: #ecf1f8;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-size: 16px;
    font-weight: 500;
    max-width: 670px;
    border-radius: 20px;
}

.intro-detail-box h4 {
    line-height: normal;
    margin-bottom: 35px;
    color: #2776c7;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-size: 21px;
    font-weight: 700;
}

.intro-detail-box .ext-link {
    color: #2776c7;
}

.intro-detail-box .align-blk {
    margin-bottom: 10px;
    text-align: center;
}

.intro-detail-box .align-blk .white-bg {
    display: inline-block;
    width: 120px;
    line-height: normal;
    padding: 3px 0;
    background-color: #fff;
    color: #000;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-size: 16px;
    font-weight: 500;
}

.intro-detail-box .align-blk .txt-align {
    position: relative;
    margin: 0 10px;
    padding-right: 50px;
    padding-left: 50px;
    color: #2776c7;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-size: 16px;
    font-weight: 700;
}

.intro-detail-box .align-blk .txt-align::before,
.intro-detail-box .align-blk .txt-align::after {
    position: absolute;
    top: 50%;
    width: 37px;
    height: 18px;
    content: "";
    transform: translateY(-50%);
}

.intro-detail-box .align-blk .txt-align::before {
    right: 0;
    background: url("../../assets/img/common/ico-aln-left.svg") no-repeat center/contain;
}

.intro-detail-box .align-blk .txt-align::after {
    left: 0;
    background: url("../../assets/img/common/ico-aln-right.svg") no-repeat center/contain;
}

.intro-detail-box .note-blue {
    margin-bottom: 30px;
    color: #2776c7;
    text-align: center;
}

.intro-detail-box .note-grey {
    margin-bottom: 15px;
    color: #999;
}

.sec-three-p {
    padding: 128px 0 0;
}

.sub-ttl {
    line-height: normal;
    color: #2776c7;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-size: 21px;
    font-weight: 700;
}

.three-p-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}

.three-p-box {
    width: 32.8%;
    padding: 40px 20px;
    background-color: #ecf1f8;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-size: 16px;
    font-weight: 500;
    max-width: 448px;
    border-radius: 20px;
}

.three-p-box h4 {
    position: relative;
    line-height: normal;
    margin-bottom: 35px;
    padding-left: 80px;
    color: #2776c7;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-size: 21px;
    font-weight: 700;
}

.three-p-box h4 span {
    font-size: 16px;
}

.three-p-box h4::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 70px;
    height: 70px;
    line-height: 70px;
    background-color: #2776c7;
    color: #fff;
    font-family: 'DMSansBold', sans-serif;
    font-size: 32px;
    text-align: center;
    text-transform: uppercase;
    transform: translateY(-50%);
    border-radius: 50%;
}

.three-p-box.ap h4::before {
    content: "ap";
}

.three-p-box.cp h4::before {
    content: "cp";
}

.three-p-box.dp h4::before {
    content: "dp";
}


.three-p-lst li {
    margin-bottom: 5px;
    padding-left: 15px;
    text-indent: -15px;
}

.ftr-course-lst {
    display: flex;
    justify-content: space-between;
    margin-top: 35px;
}

.ftr-course-box {
    width: 32%;
    line-height: normal;
    overflow: hidden;
    background-color: #ecf1f8;
    max-width: 444px;
    border-radius: 80px 80px 20px 20px;
}

.ftr-course-box .course-img {
    overflow: hidden;
}

.ftr-course-box .course-img img {
    transition: transform 0.3s ease;
}

.ftr-course-box .course-img:hover img {
    transform: scale(1.1);
}

.ftr-course-box h4 {
    display: flex;
    position: relative;
    align-items: center;
    line-height: normal;
    margin-top: 20px;
    padding-left: 100px;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-size: 21px;
    font-weight: 500;
    min-height: 70px;
}

.ftr-course-box.biyou h4 {
    color: #fe7b7e;
}

.ftr-course-box.kango h4 {
    color: #77a8eb;
}

.ftr-course-box.kyosei h4 {
    color: #15ceae;
}

.ftr-course-box h4::before {
    position: absolute;
    top: 50%;
    left: 20px;
    width: 68px;
    height: 68px;
    content: "";
    transform: translateY(-50%);
    border-radius: 50%;
}

.ftr-course-box.biyou h4::before {
    background: url("../../assets/img/common/ico-scissors-white.svg") no-repeat center/50% #fe7b7e;
}

.ftr-course-box.kango h4::before {
    background: url("../../assets/img/common/ico-plus-white.svg") no-repeat center/50% #77a8eb;
}

.ftr-course-box.kyosei h4::before {
    background: url("../../assets/img/common/ico-paw-white.svg") no-repeat center/50% #15ceae;
}

.ftr-course-box p {
    position: relative;
    margin-bottom: 35px;
    padding: 10px 60px 0 20px;
    font-size: 14px;
}

.ftr-course-box p::after {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 38px;
    height: 16px;
    content: "";
    transform: translateY(-50%);
}

.ftr-course-box.biyou p::after {
    background: url("../../assets/img/common/ico-pink-arr.svg") no-repeat center/contain;
}

.ftr-course-box.kango p::after {
    background: url("../../assets/img/common/ico-blue-arr.svg") no-repeat center/contain;
}

.ftr-course-box.kyosei p::after {
    background: url("../../assets/img/common/ico-green-arr.svg") no-repeat center/contain;
}

/* pg-biyou */
.pageContainer .breadcrumbs + * {
    margin-top: 128px;
}

.w-full .inner-default {
    width: 100%;
    max-width: 100%;
}

.pg-anchor .inner,
.w-full .breadcrumbs.inner,
.w-full section .inner,
.pg-menu-inner {
    width: 90%;
    margin: 0 auto;
    max-width: 1180px;
}

.w-full .breadcrumbs.inner {
    margin: 10px auto 0;
}

.text-def {
    font-size: 14px;
}

.dark-gray {
    color: #333;
}

.course-sub {
    line-height: normal;
}

.course-sub .sec-mv {
    padding-bottom: 110px;
}

.course-sub .mv-blk {
    display: flex;
    position: relative;
    align-items: center;
    margin-bottom: 60px;
}

.course-sub .mv-blk .mv-txt {
    position: absolute;
    z-index: 1;
    width: 70%;
    max-width: 760px;
}

.course-sub .mv-txt h2 {
    margin-bottom: 15px;
    color: #fe7b7e;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 3px;
}

.course-sub.kango .mv-txt h2 {
    color: #8e90d7;
}

.course-sub.kango .mv-txt h2 span {
    display: inline-block;
    line-height: normal;
    margin-bottom: 15px;
    padding: 7px 20px;
    background-color: #8e90d7;
    color: #fff;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-size: 18px;
    font-weight: 700;
    border-radius: 20px;
}

.course-sub.kyosei .mv-txt h2 {
    color: #15ceae;
}

.course-sub .mv-txt .black-ttl {
    margin-bottom: 15px;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-size: 21px;
    font-weight: 500;
}

.course-sub .mv-txt p {
    line-height: 1.5;
    color: #333;
    font-size: 16px;
    letter-spacing: 2px;
}

.course-sub .mv-blk .mv-img {
    width: 50%;
    margin-left: auto;
    max-width: 758px;
}

.course-lead {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.cos-box {
    width: 49.2%;
    padding: 25px;
    background-color: #ecf1f8;
    max-width: 668px;
    border-radius: 20px;
}

.cos-ttl {
    display: inline-flex;
    position: relative;
    align-items: center;
    line-height: 1.5;
    margin-bottom: 20px;
    padding-right: 35px;
    color: #fe7b7e;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 2px;
}

.kango .cos-ttl {
    color: #8e90d7;
}

.kyosei .cos-ttl {
    color: #15ceae;
}

.cos-ttl::after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 26px;
    height: 26px;
    background: url("../../assets/img/common/ico-circle-right.svg") no-repeat center/contain;
    content: "";
    transform: translateY(-50%);
}

.kango .cos-ttl::after {
    background-image: url("../../assets/img/common/ico_kango_circle_r.svg");
}

.kyosei .cos-ttl::after {
    background-image: url("../../assets/img/common/ico_kyosei_circle_r.svg");
}

.cos-ttl .duration {
    margin-left: 10px;
    padding: 2px 10px;
    background-color: #fe7b7e;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: normal;
    border-radius: 5px;
}

.kango .cos-ttl .duration {
    background-color: #8e90d7;
}

.kyosei .cos-ttl .duration {
    background-color: #15ceae;
}

.kyosei .cos-ttl .duration.blue {
    background-color: #2776c7;
}

.cos-box p {
    line-height: 1.8;
    color: #000;
    font-size: 14px;
}

.award-advanced {
    margin-top: 60px;
    color: #333;
}

.award-advanced .blue-ttl {
    margin-top: 0;
}

.award-advanced p {
    line-height: 1.8;
}

.course-link:hover {
    opacity: 0.6;
}

.blk-line-ttl {
    line-height: normal;
    margin-top: 128px;
    margin-bottom: 36px;
    padding-bottom: 20px;
    color: #000;
    font-size: 24px;
    font-weight: 400;
    border-bottom: 1px solid #000;
}

.pg-learn .blk-line-ttl {
    font-size: 22px;
}

.dept-ovw {
    display: flex;
    justify-content: space-between;
}

.dept-img {
    width: 40%;
    max-width: 620px;
}

.dept-img img {
    border-radius: 10px;
}

.dept-txt {
    width: 58%;
    line-height: 1.8;
    font-size: 16px;
}

.point-lst {
    display: flex;
    justify-content: space-between;
}

.point-box {
    width: 32%;
}

.point-img {
    overflow: hidden;
    border-radius: 20px;
}

.point-ttl {
    line-height: 1.2;
    margin: 20px auto 0;
    color: #fe7b7e;
    font-size: 21px;
    text-align: center;
    letter-spacing: 1px;
    min-height: 80px;
}

.kango .point-ttl {
    color: #8e90d7;
}

.kyosei .point-ttl {
    color: #15ceae;
}

.point-ttl .num {
    display: inline-block;
    font-family: 'DMSansSemiBold';
    font-size: 32px;
}

.point-box p {
    line-height: 1.7;
    font-size: 14px;
}

.blue-ttl {
    margin-top: 40px;
    margin-bottom: 20px;
    color: #2776c7;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-size: 21px;
    font-weight: 700;
    letter-spacing: 3px;
}

.blue-ttl.medium {
    font-weight: 500;
}

.pink {
    color: #fe7b7e !important;
}

.blk-line-ttl + .blue-ttl {
    margin-top: 0;
}

.circ-box {
    display: flex;
    align-items: center;
    line-height: normal;
    margin-bottom: 15px;
    padding: 30px 30px 30px 0;
    background-color: #ecf1f8;
    font-size: 16px;
}

.circ-box .subj-ttl {
    display: flex;
    justify-content: center;
    width: 15%;
    color: #2776c7;
    max-width: 160px;
}

.circ-box .subj-item {
    width: 85%;
}

.subj-lst {
    display: flex;
    flex-wrap: wrap;
}

.subj-lst li {
    position: relative;
    width: 20%;
    line-height: 2;
    padding-left: 16px;
}

.subj-lst.three-col li {
    width: calc((100% - 30px) / 3);
}

.subj-lst.three-col li:not(:nth-child(3n)) {
    margin-right: 15px;
}

.subj-lst li::before {
    position: absolute;
    top: 12px;
    left: 0;
    width: 10px;
    height: 10px;
    background-color: #2776c7;
    content: "";
    border-radius: 50%;
}

.cmn-btn {
    display: inline-block;
    position: relative;
    width: 440px;
    padding: 11px 36px 12px;
    border: 2px solid #2776c7;
    color: #2776c7;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    letter-spacing: 2px;
    transition: all 0.4s ease;
    border-radius: 50px;
}


.cmn-btn::after {
    position: absolute;
    top: 50%;
    right: 40px;
    width: 38px;
    height: 16px;
    background: url("../../assets/img/common/icon-blue-arr.svg") no-repeat center/cover;
    content: "";
    transform: translateY(-50%);
}

.cmn-btn:hover {
    background-color: #2776c7;
    color: #fff;
}

.cmn-btn:hover::after {
    background-image: url(../../assets/img/common/icon-white-arr.png);
}


.btn-blk {
    margin: 65px auto 0;
    text-align: center;
}

.learning-flow {
    margin-top: 128px;
    color: #333;
    font-size: 16px;
}

.ln-flows {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    /*align-items: stretch;*/
}

.ln-flow-item {
    display: flex;
    flex-direction: column;
    width: 33%;
    color: #333;
    font-size: 14px;
}

.pink-box {
    padding: 30px;
    background-color: #fef1f2;
    min-height: 296px;
}

.pink-box h4 {
    margin-bottom: 20px;
    color: #fe7b7e;
    font-size: 21px;
    font-weight: 500;
}

.kango .pink-box {
    background-color: #f1f1ff;
}

.kyosei .pink-box {
    background-color: #e7faf7;
}

.kango .pink-box h4 {
    color: #8e90d7;
}

.kyosei .pink-box h4 {
    color: #15ceae;
    min-height: 108px;
}

.pink-box h4 .num,
.year-four h4 .num {
    font-size: 32px;
}

.blue-box {
    position: relative;
    flex: 1;
    padding: 50px 30px 30px;
    background-color: #ecf1f8;
}

.blue-box .fix-tag {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    padding: 3px 20px;
    background-color: #fe7b7e;
    color: #fff;
    font-size: 16px;
    letter-spacing: 1px;
}

.kango .blue-box .fix-tag {
    background-color: #8e90d7;
}

.kyosei .blue-box .fix-tag {
    background-color: #15ceae;
}

.blue-box .fix-tag small {
    font-family: 'DMSansSemiBold';
    font-size: 18px;
}

.pink-txt {
    color: #fe7b7e;
}

.fade-purple {
    color: #8e90d7 !important;
}

.neon-green {
    color: #15ceae !important;
}

.blue-box ul li {
    padding-left: 15px;
    text-indent: -15px;
}

.year-four {
    margin-top: 40px;
    padding: 28px 35px;
    background-color: #e7faf7;
    color: #333;
}

.year-four h4 {
    margin-bottom: 20px;
    color: #15ceae;
    font-size: 21px;
    font-weight: 500;
}

.year-four .course-ttl {
    margin-bottom: 8px;
    font-size: 15px;
    font-weight: 500;
}

.year-four .course-ttl.biyou {
    color: #fe7b7e;
}

.year-four .course-ttl.kango {
    color: #77a8eb;
}

.year-four .course-ttl.kyosei {
    color: #15ceae;
}

.year-four p {
    margin-bottom: 15px;
}

/* #practice */
#practice {
    margin-top: 128px;
}

.practice {
    line-height: normal;
    padding: 15px 0 60px 40px;
    background: url("../../assets/img/page/course/biyou/bg_training.jpg") no-repeat center/cover #ecf1f8;
    color: #333;
    font-size: 16px;
    border-radius: 20px;
}

.kango .practice {
    background-image: url("../../assets/img/page/course/kango/bg_training.jpg");
}

.kyosei .practice {
    background-image: url("../../assets/img/page/course/kyosei/bg_training.jpg");
}

.practice p {
    width: 50%;
    margin-bottom: 30px;
}

.practice .btn-blk {
    text-align: left;
}

.qua-job {
    display: flex;
    justify-content: space-between;
}

.qua,
.job {
    width: 48%;
}

.qua-note {
    margin-top: 20px;
    color: #9eaabc;
    font-size: 16px;
}

.btn-sm {
    width: 270px;
}

.job .cmn-btn {
    width: 400px;
}

#student {
    line-height: normal;
}

.voice-box {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
    font-size: 16px;
}

.voice-img {
    width: 35%;
    margin-right: 35px;
    max-width: 320px;
}

.voice-txt {
    width: 65%;
}

.voice-box h3 {
    margin-bottom: 30px;
    color: #fe7b7e;
    font-size: 21px;
    font-weight: 500;
    letter-spacing: 4px;
}

.kango .voice-box h3 {
    color: #8e90d7;
}

.kyosei .voice-box h3 {
    color: #15ceae;
}

.voice-box p {
    line-height: 2;
}

.voice-box .profile {
    margin-top: 30px;
}

.voice-box .profile span {
    margin-right: 10px;
}

/* boshu */

.bs-recom p,
.bs-recom dt,
.bs-recom .list-decimal,
.bs-recom h4 {
    font-size: 16px;
    letter-spacing: normal;
}

.bs-recom .list-num > li:before {
    top: 3px;
    left: 2px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    padding-left: 1px;
    font-size: 16px;
}

/* biyou/practice */

.pg-by-practice {
    font-size: 16px;
}

.cmn-box-ctnr {
    display: flex;
    flex-wrap: wrap;
}

.cmn-box-ctnr .box {
    width: calc((100% - 60px)/3);
    line-height: normal;
    margin-right: 30px;
    margin-bottom: 50px;
    text-align: center;
    max-width: 430px;

}

.cmn-box-ctnr .box:nth-of-type(3n) {
    margin-right: 0;
}

.cmn-box-ttl {
    margin-top: 20px;
    margin-bottom: 10px;
    color: #fe7b7e;
    font-size: 21px;
    font-weight: 500;
}

.cmn-box-ctnr .box p {
    line-height: 1.7;
    text-align: left;
}

.two-col {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.half-box {
    width: 48.8%;
    color: #333;
    max-width: 570px;
}

.kango .half-box:nth-child(3n),
.kyosei .half-box:nth-child(3n) {
    margin-top: 50px;
}

.half-box .blk-line-ttl {
    margin-top: 80px;
}

.half-box .blue-ttl {
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 500;
}

.mid-ttl {
    line-height: normal;
    margin: 30px 0 10px;
    color: #333;
    font-size: 18px;
    font-weight: 700;
}

.half-box .blue-ttl + .mid-ttl {
    margin-top: 0;
}

.cmn-box-ctnr .box .box-img,
.half-box-img {
    overflow: hidden;
    border-radius: 20px;
}

.pink-heading {
    line-height: normal;
    margin-bottom: 25px;
    color: #fe7b7e;
    font-size: 21px;
    font-weight: 500;
    text-align: center;
}

.pink-heading span {
    position: relative;
    padding: 0 35px;
}

.pink-heading span::before,
.pink-heading span::after {
    position: absolute;
    top: 50%;
    width: 26px;
    height: 33px;
    content: "";
    transform: translateY(-50%);
}

.pink-heading span::before {
    left: 0;
    background: url("../../assets/img/common/ico_strike_l.svg") no-repeat center/contain;
}

.kango .pink-heading span::before {
    background: url("../../assets/img/common/ico_strike_purpleL.svg") no-repeat center/contain;
}

.kyosei .pink-heading span::before {
    background: url("../../assets/img/common/ico_strike_greenL.svg") no-repeat center/contain;
}

.pink-heading span::after {
    right: 0;
    background: url("../../assets/img/common/ico_strike_r.svg") no-repeat center/contain;
}

.kango .pink-heading span::after {
    background: url("../../assets/img/common/ico_strike_purpleR.svg") no-repeat center/contain;
}

.kyosei .pink-heading span::after {
    background: url("../../assets/img/common/ico_strike_greenR.svg") no-repeat center/contain;
}

.kango .more-training,
.kyosei .more-training {
    margin-top: 50px;
}

.kango .more-training .course-lead {
    justify-content: center;
}

.kyosei #kenkyu {
    color: #333;
}

.kyosei #kenkyu .two-col {
    margin-top: 55px;
}

/* biyou/junior */

.c-detail-box {
    display: flex;
    justify-content: space-between;
    margin-top: 128px;
}

.c-detail-box.reverse {
    flex-direction: row-reverse;
}

.c-detail-box .year-ttl {
    margin-bottom: 60px;
}

.c-detail-box .txt-box {
    width: 50%;
    max-width: calc(100% - 600px);
}

.year-ttl {
    display: flex;
    align-items: center;
}

.c-detail-box .year {
    width: 160px;
    height: 160px;
    line-height: 2.8;
    margin-right: 15px;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 4px;
    border-radius: 50%;
}

.pg-by-junior .year {
    background: url("../../assets/img/page/course/biyou/junior/bg_circle.jpg") no-repeat center/cover;
}

.pg-by-kango-research .year {
    background: url("../../assets/img/page/course/kango/research/bg_circle.jpg") no-repeat center/cover;
}

.pg-by-kyosei-research .year {
    background: url("../../assets/img/page/course/kyosei/research/bg_circle.jpg") no-repeat center/cover;
}

.pg-by-kyosei-synthesis .year {
    background: url("../../assets/img/page/course/kyosei/synthesis/bg_circle.jpg") no-repeat center/cover;
}

.pg-by-biyou-research .year {
    background: url("../../assets/img/page/course/biyou/research/bg_circle.jpg") no-repeat center/cover;
}


.c-detail-box .year .num {
    font-size: 50px;
    letter-spacing: normal;
}

.year-ttl h3 {
    width: calc(100% - 175px);
    line-height: 1.5;
    color: #333;
    font-size: 21px;
    font-weight: 500;
}

.pg-course .extraBlockList-box {
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 30px;
    color: #333;
    font-size: 16px;
    font-weight: 700;
    border-bottom: 1px solid #999;
}

.pg-course .extraBlockList-box.not-has-border {
    padding-bottom: 0;
    border-bottom: none;
}

.c-detail-box .img-box {
    width: 50%;
    max-width: 580px;
}

.c-detail-box .blue-ttl {
    margin-top: 27px;
    margin-bottom: 7px;
    font-weight: 500;
}

.c-detail-box img {
    border-radius: 10px;
}

.c-detail-box .img-box .bottom {
    display: flex;
    justify-content: space-between;
}

.c-detail-box .img-box .bottom img {
    width: calc((100% - 16px)/2);
}

.pg-course .subj-lst li {
    width: 30%;
    line-height: 1.7;
    margin-right: 2%;
}

.pg-course .subj-lst li::before {
    top: 10px;
}

.pg-course .circ-box + .btn-blk {
    margin: 30px auto 0;
}

.td-light-blue,
.th-light-blue {
    background: #ecf1f8;
}

.pg-course .timeTable {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    max-width: 1067px;
}

.pg-course .timeTable td,
.pg-course .timeTable th {
    padding: 16px 10px;
    border: 1px solid #9eaabc;
    font-size: 16px;
    font-weight: 500;
}

.pg-course .timeTable th {
    color: #2776c7;
}

.pg-course .timeTable thead tr th:first-child {
    border-right: 1px solid #9eaabc;
    border-left: 1px solid #9eaabc;
}

.pg-course .timeTable thead tr th:nth-child(2),
.pg-course .timeTable thead tr th:nth-child(3),
.pg-course .timeTable thead tr th:nth-child(4),
.pg-course .timeTable thead tr th:nth-child(5) {
    color: #2776c7;
    border-right: 1px solid #9eaabc;
    border-left: 1px solid #9eaabc;
}

.pg-course .timeTable td {
    font-size: 15px;
}

.pg-course .timeTable tbody tr td:first-child {
    padding-left: 70px;
    font-family: 'DMSans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
}

.timeTable .period {
    background: #2776c7;
    font-family: 'DMSans', sans-serif;
    font-size: 18px;
    font-weight: 400;
}

/* dormitory.html */

#simo .blk-line-ttl {
    margin-top: 70px;
}

.dorm-hero-img {
    display: flex;
    justify-content: space-between;
    margin: 30px 0;
}

.dorm-img {
    width: 50%;
    overflow: hidden;
    max-width: 575px;
    border-radius: 10px;
}

.flex-row {
    display: flex;
    flex-wrap: wrap;
}

.flex-row .col {
    width: 50%;
}

.address-col {
    width: 50%;
    max-width: 575px;
}

.justify-between {
    justify-content: space-between;
}

.address-box {
    padding: 30px;
    background-color: #ecf1f8;
    font-size: 16px;
    letter-spacing: normal;
}

.address-box .flex-row .col {
    width: 43%;
}

.address-box .flex-row + .flex-row {
    margin-top: 10px;
}

.address-ttl {
    width: 100px;
    color: #2776c7;
    font-weight: 500;
}

.address-info {
    width: calc(100% - 100px);
    font-weight: 400;
}

.break-line {
    display: none;
}

/* New List */
.pg-news .pageHeader-bg {
    background: url("../../assets/img/component/page/header-bg/bg_news.jpg") 50%;
    background-size: cover;
}

.newsList {
    padding: 25px 20px 25px 35px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.newsList + .newsList {
    border-top: none;
}

.newsList .info {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    color: #959595;
}

.newsList .info .date {
    width: 155px;
    line-height: normal;
    font-family: "DMSans", sans-serif;
    font-size: 14px;
    font-weight: 700;
}

.newsList .info .date small {
    margin-left: 8px;
    font-family: "DMSans", sans-serif;
    font-size: 14px;
    font-weight: 700;
}

.newsList .info .category {
    display: flex;
    align-items: center;
    width: calc(100% - 155px);
}

.newsList .info .category span,
.newsDetail .info .category span {
    display: inline-block;
    line-height: normal;
    padding: 2px 14px;
    border: 2px solid #cfcfcf;
    color: #959595;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-size: 14px;
    font-weight: 700;
}

.newsList .info .category span + span,
.newsDetail .info .category span + span {
    margin-left: 10px;
}

.newsList-ttl-wrapper {
    display: -webkit-box;
    overflow: hidden;
    color: #626262;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}


.newsList .newsList-ttl {
    display: inline;
    line-height: 2.2;
    color: #626262;
    font-size: 16px;
    font-weight: 700;
    transition: color 0.4s ease;
}

.newsList .newsList-ttl:hover,
.newsList-ttl-wrapper:hover {
    color: #2776c7;
}

.pg-news .sec-event-cmn {
    margin: 128px 0 0;
}

/* New List */

/* News Detail */

.newsDetail .info {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    color: #959595;
}

.newsDetail .info .date {
    line-height: normal;
    font-family: "DMSans", sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 3px;
}

.newsDetail .info .date small {
    margin-left: 8px;
}

.newsDetail .info .category {
    display: flex;
    align-items: center;
    margin-left: 20px;
}

/* News Detail */

/* admission/day */
.pageContainer.day {
    padding-bottom: 128px;
    background: url("../../assets/img/page/admission/day/bg_day.png") no-repeat center/cover;
}

.pageContainer.day + .sec-event-cmn {
    margin-top: 128px;
}

.pageContainer.day + .sec-event-cmn .event-cmn-inner {
    width: 90%;
}

.day-inner {
    width: 90%;
    margin: 0 auto;
    max-width: 1180px;
}

.std-cmt-lst {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.std-cmt-box {
    width: calc((100% - 40px)/3);
    line-height: 1.6;
    color: #333;
    font-size: 16px;
    max-width: 382px;
}

.std-cmt-box h3 {
    line-height: normal;
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: 500;
    text-align: center;
}

.std-cmt-box.kango h3 {
    color: #77a8eb;
}

.std-cmt-box.kyosei h3 {
    color: #15ceae;
}

.cmt-person {
    display: flex;
    align-items: center;
    margin-top: 15px;
}

.person-img {
    width: 100px;
    margin-right: 10px;
}

.person-img img {
    border-radius: 20px;
    object-fit: cover;
}

.person-info {
    width: calc(100% - 110px);
    line-height: 1.6;
    font-size: 16px;
    font-weight: 400;
}

.std-cmt-box.kango .person-info .profile {
    color: #77a8eb;
}

.std-cmt-box.kyosei .person-info .profile {
    color: #15ceae;
}

/* admission/day */

/* kaigyou */
.pink-line-ttl {
    margin-bottom: 35px;
    padding-bottom: 10px;
    color: #fe7b7e;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 4px;
    border-bottom: 1px solid #fe7b7e;
}

.kaigyouCase {
    margin-bottom: 115px;
}

.kaigyouCase-body .table-responsive th {
    background-color: #ecf1f8;
    color: #2776c7;
}

.kaigyouCase-body .table-responsive td {
    padding: 15px 30px;
    color: #000;
    font-size: 16px;
    font-weight: 500;
}

.kaigyou-body-img {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 35px 0;

}

.body-img {
    width: calc((100% - 25px)/2);
    overflow: hidden;
    border-radius: 20px;
}

.body-img + p {
    margin-top: 1.25em;
}

.kaigyouCase-body .table-responsive td a {
    display: inline;
    color: #2776c7;
    transition: all 0.3s ease;
}

.kaigyouCase-body .table-responsive td a:hover {
    text-decoration: none;
}

/* kaigyou */

/* access */
.map-container {
    margin-top: 40px;
}

.map-container iframe {
    width: 100%;
    height: 460px;
    border: none;
}

.map-info {
    margin-top: 30px;
}

.map-info p {
    color: #333;
    font-size: 16px;
    font-weight: 500;
}

.accessMain-img {
    margin: 0 auto;
    max-width: 810px;
}

.accessSub-img {
    margin: 0 auto;
    max-width: 720px;
}

.accessSub-body {
    margin-top: 50px;
}

.access .list-num > li {
    color: #333;
    font-size: 16px;
    font-weight: 500;
}

.access .list-num > li:before {
    background: #eba727;
    color: #000;
    font-size: 16px;
    font-weight: 900;
}

.access .flex-row {
    margin-top: 60px;
}

.accessTime-ttl {
    line-height: normal;
    margin-bottom: 20px;
    color: #2776c7;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 5px;
}

.accessTime {
    margin-top: 1em;
}

.accessTime li {
    line-height: 1.3;
    letter-spacing: normal;
}

.accessTime li + li {
    margin-top: 15px;
}

.accessTime .station {
    display: inline-block;
    width: 5em;
    line-height: 1.3;
    margin-right: .4em;
    padding: 2px 0;
    background: #2776c7;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 1px;
    border-radius: 20px;
}

.accessTime .time {
    line-height: normal;
    font-size: 16px;
    font-weight: 700;
}

.accessTime .route {
    line-height: normal;
    color: #333;
    font-size: 13px;
    font-weight: 500;
}

.accessTime .route.full {
    display: block;
    margin-top: 5px;
}

.access + .sec-event-cmn {
    margin-top: 128px;
}

/* access */

/* grad-voice-sub */
.extra-profile {
    margin-top: 12px;
    margin-bottom: 50px;
    color: #333;
    font-weight: 400;
    text-align: center;
}

.extra-profile .graduated-year {
    margin-left: 12px;
    color: #15ceae;
}

.grad-voice-profile {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 64px;
}

.grad-voice-profile .col {
    width: 48.8%;
    color: #333;
    max-width: 575px;
}

.grad-voice-profile .hero-img {
    overflow: hidden;
    border-radius: 10px;
}

.grad-voice-profile .hero-img + .hero-img {
    margin-top: 12px;
}

.grad-voice-profile .blk-line-ttl {
    margin-top: 0;
}

.manager-profile-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
    padding: 40px;
    background-color: #ecf1f8;
}

.manager-profile-box .manager-img {
    width: 255px;
}

.manager-profile-box .manager-img img {
    border-radius: 50%;
}

.manager-profile-box .manager-desc {
    width: calc(100% - 285px);
    color: #333;
}

.manager-profile-box .manager-desc.w-full {
    width: 100%;
}

.manager-desc .mgr-name {
    line-height: normal;
    margin-bottom: 12px;
    color: #15ceae;
    font-size: 21px;
    font-weight: 400;
    letter-spacing: 3px;
}

.office-info {
    display: flex;
    justify-content: space-between;
}

.office-info-tbl {
    width: calc(100% - 408px);
}

.office-info-img {
    width: 365px;

}

.office-info-img img {
    border-radius: 10px;
}

.office-info-tbl .table-responsive th {
    width: 22%;
    padding: 0.96em 1.9em;
    background-color: #ecf1f8;
    color: #2776c7;
    font-size: 16px;
    font-weight: 500;
}

.office-info-tbl .table-responsive td {
    padding: 0.96em 1.9em;
    font-size: 16px;
    font-weight: 400;
}

.office-info-tbl .table-responsive td a {
    display: inline;
    color: #2776c7;
    transition: all 0.3s ease;
}

.office-info-tbl .table-responsive td a:hover {
    text-decoration: none;
}

.btn-blk.grad-voice-lst {
    margin: 128px auto;
}

.btn-blk.grad-voice-lst .cmn-btn {
    max-width: 360px;
}

/* grad-voice-sub */

/* admission/job.html */
.admission-job + .sec-event-cmn {
    margin-top: 128px;
}

.course-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 60px;
}

.course-list li {
    position: relative;
    margin-right: 45px;
    padding-left: 55px;
    color: #333;
}

.course-list li:last-child {
    margin-right: 0;
}

.course-list li::before {
    position: absolute;
    top: 50%;
    left: 0;
    content: "";
    transform: translateY(-50%);
}

.course-list li.biyou::before {
    width: 35px;
    height: 40px;
    background: url("../../assets/img/common/ico-scissors.svg") no-repeat center/cover;
}

.course-list li.kango::before {
    width: 37px;
    height: 38px;
    background: url("../../assets/img/common/ico-blue-cross.svg") no-repeat center/cover;
}

.course-list li.kyosei::before {
    width: 45px;
    height: 40px;
    background: url("../../assets/img/common/ico-paw.svg") no-repeat center/cover;
}

.jobBox-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.bigJob-box {
    display: flex;
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
    color: #333;
    border-radius: 10px;
}

.bigJob-box .job-img {
    width: 50%;
    max-width: 590px;
}

.bigJob-box .job-desc {
    display: flex;
    flex-direction: column;
    width: 50%;
    padding: 40px;
    background-color: #ecf1f8;
}

.smallJob-box {
    display: flex;
    width: calc((100% - 20px) / 2);
    overflow: hidden;
    margin-bottom: 20px;
    color: #333;
    border-radius: 10px;
}

.smallJob-box .job-img {
    width: 42%;
    max-width: 240px;
}

.smallJob-box .job-img img,
.bigJob-box .job-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.smallJob-box .job-desc {
    display: flex;
    flex-direction: column;
    width: 58%;
    padding: 35px 40px 35px 25px;
    background-color: #ecf1f8;
}

.job-desc .sub-ttl {
    margin-bottom: 15px;
}

.job-desc p:not([class]) + p[class^=text-] {
    margin-top: 20px;
}

.related-dept {
    display: flex;
    align-items: center;
    margin-top: auto;
    padding-top: 20px;
}

.related-dept span {
    margin-right: 12px;
}

.related-dept img + img {
    margin-left: 12px;
}

.related-dept .biyou-icon {
    width: 27px;
}

.related-dept .kango-icon {
    width: 27px;
}

.related-dept .kyosei-icon {
    width: 33px;
}

.check-out-ttl {
    line-height: normal;
    margin-top: 60px;
    margin-bottom: 30px;
    color: #2776c7;
    font-size: 21px;
    font-weight: 500;
    text-align: center;
}

.check-out-ttl span {
    position: relative;
    padding: 0 35px 0 40px;
}

.check-out-ttl span::before {
    position: absolute;
    left: 0;
    width: 27px;
    height: 35px;
    background: url("../../assets/img/common/ico-blue-strikeL.svg") no-repeat center/cover;
    content: "";
}

.check-out-ttl span::after {
    position: absolute;
    right: 0;
    width: 27px;
    height: 35px;
    background: url("../../assets/img/common/ico-blue-strikeR.svg") no-repeat center/cover;
    content: "";
}

.job-btn-blk {
    display: flex;
    justify-content: center;
    align-items: center;
}

.job-btn-blk .cmn-btn,
.job-btn-blk .button {
    width: 360px;
}

.job-btn-blk .button {
    line-height: 1.86;
    margin: 0 0 0 40px;
    padding: 11px 36px 12px;
    border: 2px solid #2776c7;
    text-align: left;
}

/* admission/job.html */

/* popup 全体 */
.popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.7);
}

.popup-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 90%;
    height: max-content;
    margin: auto;
    transition: transform 0.3s ease;
    max-width: 750px;
}

.popup-content img {
    display: block;
    width: 100%;
    height: auto;
}

.admission-training .pg-anchor {
    margin-bottom: 128px;
}

.admission-training .para-intro {
    margin-bottom: 17px;
}

.admission-training .para-intro span {
    display: inline-block;
}

.online-apply {
    display: flex;
    position: absolute;
    right: 0;
    bottom: 310px;
    flex-direction: column;
    align-items: center;
    z-index: 5;
    overflow: hidden;
    border-radius: 10px 0 0 10px;
}

.online-apply-new {
    width: 100%;
    padding: 3px 7px 2px 13px;
    background: #2776c7;
    color: #fff;
    font-size: 21px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 1.8px;
    transition: all 0.4s ease;
    border-bottom: 1px solid #2776c7;
}

.online-apply:hover .online-apply-new {
    color: rgba(255, 255, 255, 0.6);
}

.online-apply-text {
    padding: 10px 17px 15px 19px;
    background: #f4872f;
    color: #fff;
    font-size: 35px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 2px;
    transition: all 0.4s ease;
    border-radius: 0 0 0 10px;
}

.online-apply:hover .online-apply-text {
    color: rgba(255, 255, 255, 0.6);
}

.online-apply-text span {
    display: block;
    line-height: 1;
}

.online-apply-text span:last-child {
    writing-mode: vertical-rl;
    text-orientation: mixed;
}


@media (max-width: 88.125em) {
    .break-line {
        display: block;
    }

    .megaMenu .megaMenu-inner {
        max-width: 83.69vw;
    }

    .ftr-course-box h4 {
        margin-top: 1.42vw;
        padding-left: 6.03vw;
        font-size: 1.49vw;
        min-height: 4.96vw;
    }

    .ftr-course-box h4::before {
        left: 1.42vw;
        width: 3.9vw;
        height: 3.9vw;
    }

    .cos-ttl {
        margin-bottom: 1.42vw;
        padding-right: 2.48vw;
        font-size: 1.7vw;
        letter-spacing: 0.14vw;
    }

    .cos-ttl::after {
        width: 1.84vw;
        height: 1.84vw;
    }

    .cos-ttl .duration {
        margin-left: 0.71vw;
        padding: 0.14vw 0.71vw;
        font-size: 1.13vw;
        border-radius: 0.35vw;
    }

    .course-top .course-box {
        margin-bottom: 2.84vw;
        max-width: 46.1vw;
    }

    .point-ttl {
        margin: 1.42vw auto 0.71vw;
    }

    .circ-box {
        padding: 2.13vw 0;
        font-size: 1.13vw;
    }

    .circ-box .subj-ttl {
        max-width: 11.35vw;
    }

    .subj-lst li {
        padding-left: 1.13vw;
    }

    .subj-lst li::before {
        top: 0.85vw;
        width: 0.71vw;
        height: 0.71vw;
    }

    .pink-box {
        padding: 2.13vw 1.42vw;
    }

    .blue-box {
        padding: 3.55vw 1.42vw 2.13vw;
    }

    /* biyou/junior */
    .c-detail-box .txt-box {
        max-width: calc(100% - 42.55vw);
    }

    .c-detail-box .img-box {
        max-width: 41.13vw;
    }

    .pg-course .subj-lst li::before {
        top: 0.71vw;
    }

    .course-box .ico-box p {
        padding-left: 2.78vw;
        font-size: 14px;
    }

    .course-box.kyosei .ico-box p {
        padding-left: 3.35vw;
    }

    .course-box.biyou .ico-box p::before {
        width: 2.27vw;
        height: 2.62vw;
    }

    .course-box.kango .ico-box p::before {
        width: 2.28vw;
        height: 2.35vw;
    }

    .course-box.kyosei .ico-box p::before {
        width: 2.7vw;
        height: 2.55vw;
    }

    /* dormitory.html */
    .dorm-img {
        max-width: 48.5%;
    }

    .address-col {
        max-width: 48.5%;
    }

    /* admission/day */
    .std-cmt-box h3 {
        font-size: 1.49vw;
    }

    /* grad-voice-sub */
    .main-ttl.green.grad-voice-sub {
        letter-spacing: 0.28vw;
    }

    .office-info-tbl .table-responsive th {
        width: 24%;
    }

    /* biyou/junior.html */
    .c-detail-box .year {
        width: 11.35vw;
        height: 11.35vw;
        margin-right: 1.06vw;
        font-size: 2.13vw;
        letter-spacing: 0.28vw;
    }


    .c-detail-box .year .num {
        font-size: 3.55vw;
    }

    .year-ttl h3 {
        width: calc(100% - 12.41vw);
        font-size: 1.49vw;
        letter-spacing: 0.1vw;
    }

    .popup-content {
        max-width: 53.28vw;
    }

    .online-apply {
        border-radius: 0.71vw 0 0 0.71vw;
    }

    .online-apply-new {
        padding: 0.21vw 0.5vw 0.14vw 0.92vw;
        font-size: 1.49vw;
        letter-spacing: 0.13vw;
        border-bottom: 0.07vw solid #2776c7;
    }

    .online-apply-text {
        padding: 0.71vw 1.21vw 1.06vw 1.35vw;
        font-size: 2.48vw;
        letter-spacing: 0.14vw;
        border-radius: 0 0 0 0.71vw;
    }
}



@media (min-width: 48.0625em) and (max-width: 68.75em) {

    html {
        font-size: 1.45vw;
    }

    .pageContainer .breadcrumbs + * {
        margin-top: 11.64vw;
    }

    .pg-anchor .inner,
    .w-full .breadcrumbs.inner,
    .w-full section .inner,
    .pg-menu-inner {
        max-width: 107.27vw;
    }

    .breadcrumbs,
    .w-full .breadcrumbs {
        margin: 0.91vw auto 11.64vw;
    }


    .globalFooter {
        margin-top: 7.27vw;
    }

    .break-tb {
        display: none !important;
    }

    .main-ttl {
        font-size: 2.18vw;
        letter-spacing: 0.46vw;
    }

    .para-intro {
        margin: 3.64vw 0 5.45vw;
        font-size: 1.45vw;
        letter-spacing: 0.18vw;
    }

    .course-top .course-box {
        margin-right: 0.91vw;
        max-width: 40.91vw;
    }


    .course-top .course-box.biyou {
        border-top-left-radius: 6.82vw;
        border-bottom-left-radius: 1.36vw;
    }

    .course-top .course-box.kyosei {
        border-top-right-radius: 6.82vw;
        border-bottom-left-radius: 1.36vw;
    }

    .course-ttl-box {
        padding: 2.64vw;
        min-height: 18.18vw;
    }

    .course-top .course-ttl-box h3 {
        font-size: 2.91vw;
    }

    .course-ttl-box .duration {
        margin-bottom: 1.37vw;
        padding: 0 0.82vw;
        font-size: 1.45vw;
        letter-spacing: 0.36vw;
    }

    .course-box .course-ttl-box p {
        font-size: 1.45vw;
    }

    .course-box .ico-box {
        padding: 0 0.91vw;
        border-right: 0.18vw solid #ecf1f8;
        border-left: 0.18vw solid #ecf1f8;
    }

    .course-box .ico-box p {
        padding-left: 3.82vw;
        font-size: 1.45vw;
    }

    .course-box.kyosei .ico-box p {
        padding-left: 4.55vw;
    }

    .course-box.kango .ico-box p br,
    .course-box.kyosei .ico-box p br.break-pc {
        display: none !important;
    }

    .course-box.biyou .ico-box p::before {
        width: 2.91vw;
        height: 3.36vw;
    }

    .course-box.kango .ico-box p::before {
        width: 3.18vw;
        height: 3.27vw;
    }

    .course-box.kyosei .ico-box p::before {
        width: 3.45vw;
        height: 3.27vw;
    }

    .career-lst-box {
        padding: 3.64vw;
    }

    .career-lst-box p {
        padding-bottom: 1vw;
        font-size: 1.45vw;
        letter-spacing: 0.45vw;
        border-bottom: 0.09vw solid #000;
    }

    .cmn-lst li {
        padding-left: 1.54vw;
        font-size: 1.45vw;
    }

    .cmn-lst li::before {
        top: 0.91vw;
        width: 0.81vw;
        height: 0.81vw;
    }

    .intro-detail-flex {
        margin-top: 1.82vw;
        margin-bottom: 10.91vw;
    }

    .intro-detail-box {
        padding: 3.18vw 3.64vw;
        font-size: 1.45vw;
        max-width: 60.91vw;
        border-radius: 1.82vw;
    }

    .intro-detail-box h4 {
        margin-bottom: 3.18vw;
        font-size: 1.91vw;
    }

    .intro-detail-box .align-blk {
        margin-bottom: 0.91vw;
    }

    .intro-detail-box .align-blk .white-bg {
        width: 10.91vw;
        padding: 0.27vw 0;
        font-size: 1.45vw;
    }

    .intro-detail-box .align-blk .txt-align {
        margin: 0 0.91vw;
        padding-right: 4.55vw;
        padding-left: 4.55vw;
        font-size: 1.45vw;
    }

    .intro-detail-box .align-blk .txt-align::before,
    .intro-detail-box .align-blk .txt-align::after {
        width: 3.36vw;
        height: 1.64vw;
    }

    .intro-detail-box .note-blue {
        margin-bottom: 2.73vw;
    }

    .intro-detail-box .note-grey {
        margin-bottom: 1.36vw;
    }

    .sec-three-p {
        padding: 10.91vw 0 0;
    }

    .sub-ttl {
        font-size: 1.91vw;
    }

    .three-p-flex {
        margin-top: 1.82vw;
    }

    .three-p-box {
        padding: 3.64vw 1.82vw;
        font-size: 1.45vw;
        max-width: 40.73vw;
        border-radius: 1.82vw;
    }

    .three-p-box h4 {
        margin-bottom: 3.18vw;
        padding-left: 7.27vw;
        font-size: 1.91vw;
    }

    .three-p-box h4 span {
        font-size: 1.45vw;
    }

    .three-p-box h4::before {
        width: 6.36vw;
        height: 6.36vw;
        line-height: 6.36vw;
        font-family: 'DMSansBold', sans-serif;
        font-size: 2.91vw;
    }


    .three-p-lst li {
        margin-bottom: 0.45vw;
        padding-left: 1.36vw;
        text-indent: -1.36vw;
    }

    .ftr-course-lst {
        margin-top: 3.18vw;
    }

    .ftr-course-box {
        max-width: 40.36vw;
        border-radius: 7.27vw 7.27vw 1.82vw 1.82vw;
    }

    .ftr-course-box h4 {
        align-content: center;
        margin-top: 1.82vw;
        padding-left: 9.09vw;
        font-size: 1.91vw;
        min-height: 5.36vw;
    }

    .ftr-course-box h4::before {
        left: 1.82vw;
        width: 6.18vw;
        height: 6.18vw;
    }

    .ftr-course-box h4.visible-pc {
        display: none;
    }

    .ftr-course-box h4.visible-sp {
        display: block !important;
    }

    .ftr-course-box p {
        margin-bottom: 3.18vw;
        padding: 0.91vw 5.45vw 0 1.82vw;
        font-size: 1.15vw;
    }

    .ftr-course-box p::after {
        right: 1.82vw;
        width: 3.45vw;
        height: 1.45vw;
    }

    /* pg-biyou */
    .course-sub .sec-mv {
        padding-bottom: 10vw;
    }

    .text-def {
        font-size: 1.27vw;
    }

    .course-sub .mv-blk {
        margin-bottom: 5.45vw;
    }

    .course-sub .mv-blk .mv-txt {
        max-width: 69.09vw;
    }

    .course-sub .mv-txt h2 {
        margin-bottom: 1.36vw;
        font-size: 2.18vw;
        letter-spacing: 0.27vw;
    }

    .course-sub.kango .mv-txt h2 span {
        margin-bottom: 1.36vw;
        padding: 0.64vw 1.82vw;
        font-size: 1.64vw;
        border-radius: 1.82vw;
    }

    .course-sub .mv-txt .black-ttl {
        margin-bottom: 1.36vw;
        font-size: 1.91vw;
    }

    .course-sub .mv-txt p {
        font-size: 1.45vw;
        letter-spacing: 0.18vw;
    }

    .course-sub .mv-blk .mv-img {
        max-width: 68.91vw;
    }

    .cos-box {
        padding: 2.27vw;
        max-width: 60.73vw;
        border-radius: 1.82vw;
    }

    .cos-ttl {
        margin-bottom: 1.82vw;
        padding-right: 3.18vw;
        font-size: 2vw;
        letter-spacing: 0.09vw;
    }

    .cos-ttl::after {
        width: 2.36vw;
        height: 2.36vw;
    }

    .cos-ttl .duration {
        margin-left: 0.61vw;
        padding: 0.18vw 0.51vw;
        font-size: 1.25vw;
        border-radius: 0.45vw;
    }

    .cos-box p {
        font-size: 1.27vw;
    }

    .award-advanced {
        margin-top: 5.45vw;
    }

    .pg-anchor {
        padding: 2.18vw 0;
    }

    .pageAnchor li {
        margin-right: 2.73vw;
    }

    .pageAnchor li a {
        padding-right: 2.36vw;
        font-size: 1.45vw;
    }

    .pageAnchor li a::after {
        width: 1.82vw;
        height: 1.82vw;
    }

    .blk-line-ttl {
        margin-top: 11.64vw;
        margin-bottom: 3.64vw;
        padding-bottom: 1.82vw;
        font-size: 2.18vw;
        border-bottom: 0.09vw solid #000;
    }

    .pg-learn .blk-line-ttl {
        font-size: 2vw;
    }

    .dept-img {
        max-width: 56.36vw;
    }

    .dept-img img {
        border-radius: 0.91vw;
    }

    .dept-txt {
        font-size: 1.45vw;
    }

    .point-img {
        border-radius: 1.82vw;
    }

    .point-ttl {
        margin: 1.82vw auto 0.91vw;
        font-size: 1.91vw;
        letter-spacing: 0.09vw;
        min-height: 7.27vw;
    }

    .point-ttl .num {
        font-size: 2.91vw;
    }

    .point-box p {
        font-size: 1.27vw;
    }

    .blue-ttl {
        margin-top: 3.64vw;
        margin-bottom: 1.82vw;
        font-size: 1.91vw;
        letter-spacing: 0.27vw;
    }

    .circ-box {
        margin-bottom: 1.36vw;
        padding: 2.73vw 0;
        font-size: 1.45vw;
    }

    .circ-box .subj-ttl {
        width: 20%;
        max-width: 14.55vw;
    }

    .circ-box .subj-item {
        width: 80%;
    }

    .subj-lst li {
        width: 24%;
        padding-left: 1.45vw;
    }

    .subj-lst li::before {
        top: 1.09vw;
        width: 0.91vw;
        height: 0.91vw;
    }

    .cmn-btn {
        width: 40vw;
        padding: 1vw 3.27vw 1.09vw;
        border: 0.18vw solid #2776c7;
        font-size: 1.45vw;
        letter-spacing: 0.18vw;
        border-radius: 4.54vw;
    }

    .cmn-btn::after {
        right: 3.64vw;
        width: 3.45vw;
        height: 1.45vw;
    }

    .btn-blk {
        margin: 5.91vw auto 0;
    }

    .learning-flow {
        margin-top: 11.64vw;
        font-size: 1.45vw;
    }

    .ln-flows {
        margin-top: 1.82vw;
    }

    .ln-flow-item {
        font-size: 1.27vw;
    }

    .pink-box {
        padding: 2.73vw 1.36vw;
        min-height: 26.91vw;
    }

    .pink-box h4 {
        margin-bottom: 1.82vw;
        font-size: 1.71vw;
    }

    .kyosei .pink-box h4 {
        min-height: 9.32vw;
    }

    .pink-box h4 .num,
    .year-four h4 .num {
        font-size: 2.91vw;
    }

    .blue-box {
        padding: 4.55vw 1.37vw 2.73vw;
    }

    .blue-box .fix-tag {
        padding: 0.27vw 1.82vw;
        font-size: 1.45vw;
        letter-spacing: 0.09vw;
    }

    .blue-box .fix-tag small {
        font-size: 1.64vw;
    }

    .blue-box ul li {
        padding-left: 1.36vw;
        text-indent: -1.36vw;
    }

    .year-four {
        margin-top: 3.64vw;
        padding: 2.55vw 3.18vw;
    }

    .year-four h4 {
        margin-bottom: 1.82vw;
        font-size: 1.91vw;
    }

    .year-four .course-ttl {
        margin-bottom: 0.73vw;
        font-size: 1.36vw;
    }

    .year-four p {
        margin-bottom: 1.36vw;
    }

    /* #practice */
    #practice {
        margin-top: 11.64vw;
    }

    .practice {
        padding: 1.36vw 0 5.45vw 3.64vw;
        font-size: 1.45vw;
        border-radius: 1.82vw;
    }

    .practice p {
        margin-bottom: 2.73vw;
    }

    /* qua-job */

    .qua-note {
        margin-top: 1.82vw;
        font-size: 1.45vw;
    }

    .btn-sm {
        width: 24.55vw;
    }

    .job .cmn-btn {
        width: 36.36vw;
    }

    .voice-box {
        margin-bottom: 3.64vw;
        font-size: 1.45vw;
    }

    .voice-img {
        margin-right: 3.18vw;
        max-width: 25.09vw;
    }

    .voice-txt {
        width: 67%;
    }

    .voice-box h3 {
        margin-bottom: 2.73vw;
        font-size: 1.91vw;
        letter-spacing: 0.36vw;
    }

    .voice-box .profile {
        margin-top: 2.73vw;
    }

    .voice-box .profile span {
        margin-right: 0.91vw;
    }

    .bs-recom p,
    .bs-recom .list-num > li,
    .bs-recom .table-bordered,
    .bs-recom dt,
    .bs-recom .list-decimal,
    .bs-recom h4 {
        font-size: 1.45vw;
    }

    .bs-recom .table-bordered td {
        font-size: 1.36vw;
    }

    .bs-recom .list-num > li:before {
        top: 0.27vw;
        left: 0.18vw;
        width: 2.27vw;
        height: 2.27vw;
        line-height: 2.27vw;
        padding-left: 0.09vw;
        font-size: 1.45vw;
    }

    .extraContact .heading,
    .extraComment .heading {
        font-size: 1.91vw;
    }

    .extraContact-buttonGroup .ph-btn {
        margin-right: 4.09vw;
        padding-left: 3.64vw;
        font-size: 2.73vw;
    }

    .extraContact-buttonGroup .ph-btn::before {
        width: 2.91vw;
        height: 2.36vw;
    }

    .extraContact .button {
        width: 300px;
        padding: 1.36vw 0;
        border: 0.09vw solid #2776c7;
        font-size: 1.45vw;
        letter-spacing: 0.09vw;
    }

    /* biyou/practice */

    .pg-by-practice {
        font-size: 1.45vw;
    }

    .cmn-box-ctnr .box {
        width: calc((100% - 5.45vw)/3);
        margin-right: 2.63vw;
        margin-bottom: 4.55vw;
        max-width: 39.09vw;
    }

    .cmn-box-ttl {
        margin-top: 1.82vw;
        margin-bottom: 0.91vw;
        font-size: 1.91vw;
    }

    .half-box {
        max-width: 51.82vw;
    }

    .kango .half-box:nth-child(3n),
    .kyosei .half-box:nth-child(3n) {
        margin-top: 4.55vw;
    }

    .half-box .blk-line-ttl {
        margin-top: 7.27vw;
    }

    .half-box .blue-ttl {
        margin-top: 1.82vw;
        margin-bottom: 0.91vw;
    }

    .mid-ttl {
        margin: 2.73vw 0 0.91vw;
        font-size: 1.64vw;
    }

    .cmn-box-ctnr .box .box-img,
    .half-box-img {
        border-radius: 1.82vw;
    }

    .pink-heading {
        margin-bottom: 2.27vw;
        font-size: 1.91vw;
    }

    .pink-heading span {
        padding: 0 3.18vw;
    }

    .pink-heading span::before,
    .pink-heading span::after {
        width: 2.36vw;
        height: 3vw;
    }

    .kango .more-training,
    .kyosi .more-training {
        margin-top: 4.55vw;
    }

    /* biyou/junior */
    .c-detail-box {
        margin-top: 11.64vw;
    }

    .c-detail-box .txt-box {
        max-width: calc(100% - 44.55vw);
    }

    .c-detail-box .year-ttl {
        margin-bottom: 5.45vw;
    }

    .c-detail-box .blue-ttl {
        margin-top: 2.45vw;
        margin-bottom: 0.64vw;
    }

    .c-detail-box .year {
        width: 14.55vw;
        height: 14.55vw;
        margin-right: 1.36vw;
        font-size: 2.73vw;
        letter-spacing: 0.36vw;
    }

    .c-detail-box .year .num {
        font-size: 4.55vw;
    }

    .year-ttl h3 {
        width: calc(100% - 15.91vw);
        font-size: 1.71vw;
        letter-spacing: normal;
    }

    .pg-course .extraBlockList-box {
        padding-bottom: 2.73vw;
        font-size: 1.45vw;
        border-bottom: 0.09vw solid #999;
    }

    .c-detail-box .img-box {
        max-width: 42.73vw;
    }

    .c-detail-box img {
        border-radius: 0.91vw;
    }

    .c-detail-box .img-box .bottom img {
        width: calc((100% - 1.45vw)/2);
    }

    .pg-course .subj-lst li::before {
        top: 0.91vw;
    }

    .pg-course .circ-box + .btn-blk {
        margin: 2.73vw auto 0;
    }

    .pg-course .timeTable {
        max-width: 97vw;
    }

    .pg-course .timeTable td,
    .pg-course .timeTable th {
        padding: 1.45vw 0.91vw;
        border: 0.09vw solid #9eaabc;
        font-size: 1.45vw;
    }

    .pg-course .timeTable tr th:first-child {
        width: 20.64vw;
    }

    .pg-course .timeTable td {
        font-size: 1.36vw;
    }

    .pg-course .timeTable thead tr th:first-child {
        border-right: 0.09vw solid #9eaabc;
        border-left: 0.09vw solid #9eaabc;
    }

    .pg-course .timeTable thead tr th:nth-child(2),
    .pg-course .timeTable thead tr th:nth-child(3),
    .pg-course .timeTable thead tr th:nth-child(4),
    .pg-course .timeTable thead tr th:nth-child(5) {
        border-right: 0.09vw solid #9eaabc;
        border-left: 0.09vw solid #9eaabc;
    }

    .pg-course .timeTable tbody tr td:first-child {
        padding-left: 6.36vw;
        font-size: 1.45vw;
    }

    .timeTable .period {
        width: 5.45vw;
        font-size: 1.64vw;
    }

    /* dormitory.html */

    #simo .blk-line-ttl {
        margin-top: 6.36vw;
    }

    .dorm-hero-img {
        margin: 2.73vw 0;
    }

    .dorm-img {
        max-width: 48.5%;
        border-radius: 10px;
    }

    /*.col.mx-width {
    max-width: 100%;
  }*/

    .address-box {
        padding: 2.73vw;
        font-size: 1.45vw;
    }

    .address-box .flex-row + .flex-row {
        margin-top: 0.91vw;
    }

    .address-ttl {
        width: 9.09vw;
    }

    .address-info {
        width: calc(100% - 9.09vw);
    }

    /* New List */
    .newsList {
        padding: 2.27vw 1.82vw 2.27vw 3.18vw;
        border-top: 0.09vw solid #ccc;
        border-bottom: 0.09vw solid #ccc;
    }

    .newsList .info {
        margin-bottom: 0.91vw;
    }

    .newsList .info .date {
        width: 14.09vw;
        font-size: 1.27vw;
    }

    .newsList .info .date small {
        margin-left: 0.73vw;
        font-size: 1.27vw;
    }

    .newsList .info .category {
        width: calc(100% - 14.09vw);
    }

    .newsList .info .category span,
    .newsDetail .info .category span {
        padding: 0.18vw 1.27vw;
        border: 0.18vw solid #cfcfcf;
        font-size: 1.27vw;
    }

    .newsList .info .category span + span {
        margin-left: 0.91vw;
    }

    .newsList .newsList-ttl {
        font-size: 1.45vw;
    }

    .wp-pagenavi {
        margin-top: 2.73vw;
    }

    .wp-pagenavi .current,
    .wp-pagenavi a {
        width: 3.64vw;
        height: 3.64vw;
        margin: 0 0.91vw;
        font-size: 1.45vw;
    }

    .wp-pagenavi .nextpostslink,
    .wp-pagenavi .previouspostslink {
        width: 5vw;
        border-radius: 4.55vw;
    }

    .wp-pagenavi .nextpostslink {
        margin-left: 1.09vw;
    }

    .wp-pagenavi .previouspostslink {
        margin-right: 1.09vw;
    }

    .pg-news .sec-event-cmn {
        margin: 11.64vw 0 0;
    }

    /* New List */

    /* News Detail */
    .newsDetail .info {
        margin-bottom: 1.36vw;
    }

    .newsDetail .info .date {
        font-size: 1.64vw;
        letter-spacing: 0.27vw;
    }

    .newsDetail .info .date small {
        margin-left: 0.73vw;
    }

    .newsDetail .info .category {
        margin-left: 1.82vw;
    }

    .newsDetail h2 {
        margin-bottom: 5.45vw;
        padding-bottom: 3vw;
        font-size: 2.18vw;
        border-bottom: 0.09vw solid #ccc;
    }

    .newsDetail h3:not([class]) {
        margin-top: 5.82vw;
        margin-bottom: 3.64vw;
        font-size: 1.91vw;
    }

    .newsDetail h4:not([class]) {
        margin-top: 5.82vw;
        margin-bottom: 3.64vw;
        font-size: 1.64vw;
    }

    .newsDetail h5:not([class]) {
        margin-top: 5.82vw;
        margin-bottom: 3.64vw;
        font-size: 1.45vw;
    }

    .newsDetail p {
        font-size: 1.45vw;
    }

    .newsDetail p a[href]:not([class]) {
        font-size: 1.45vw;
    }

    .postNav {
        margin-top: 6.36vw;
        margin-bottom: 11.64vw;
        padding-top: 2.73vw;
        border-top: 0.09vw solid #ccc;
    }

    .postNav-all {
        margin: 0 1.82vw;
        padding: 1.36vw 1.82vw;
        font-size: 1.45vw;
        border-radius: 2.73vw;
    }

    .postNav-next,
    .postNav-prev {
        width: 5.45vw;
        height: 4.18vw;
        border-radius: 2.73vw;
    }

    /* News Detail */

    .pageContainer.day {
        padding-bottom: 11.64vw;
    }

    .pageContainer.day + .sec-event-cmn {
        margin-top: 11.64vw;
    }

    .day-inner {
        max-width: 107.27vw;
    }

    .std-cmt-box {
        width: calc((100% - 3.64vw)/3);
        font-size: 1.45vw;
        max-width: 34.73vw;
    }

    .std-cmt-box h3 {
        margin-bottom: 1.36vw;
        font-size: 1.71vw;
    }

    .cmt-person {
        margin-top: 1.36vw;
    }

    .person-img {
        width: 9.09vw;
        margin-right: 0.91vw;
    }

    .person-img img {
        border-radius: 1.82vw;
    }

    .person-info {
        width: calc(100% - 10vw);
        font-size: 1.35vw;
    }

    /* admission/day */

    /* kaigyou */
    .pink-line-ttl {
        margin-bottom: 3.18vw;
        padding-bottom: 0.91vw;
        font-size: 2.18vw;
        letter-spacing: 0.36vw;
        border-bottom: 0.09vw solid #fe7b7e;
    }

    .kaigyouCase {
        margin-bottom: 10.45vw;
    }

    .kaigyou-body-img {
        margin: 3.18vw 0;

    }

    .body-img {
        width: calc((100% - 1.73vw)/2);
        border-radius: 1.82vw;
    }

    .kaigyouCase-body .table-responsive th {
        padding: 1.36vw 2.27vw;
        font-size: 1.45vw;
    }

    .kaigyouCase-body .table-responsive td {
        padding: 1.36vw 2.73vw;
        font-size: 1.45vw;
    }

    /* kaigyou */

    /* access */
    .map-container {
        margin-top: 3.64vw;
    }

    .map-container iframe {
        width: 100%;
        height: 41.82vw;
    }

    .map-info {
        margin-top: 2.73vw;
    }

    .map-info p {
        font-size: 1.45vw;
    }

    .accessMain-img {
        max-width: 73.64vw;
    }

    .accessSub-img {
        max-width: 65.45vw;
    }

    .accessSub-body {
        margin-top: 4.55vw;
    }

    .access .list-num > li {
        padding-left: 3.18vw;
        font-size: 1.45vw;
    }

    .access .list-num > li:before {
        left: 0.18vw;
        width: 2.27vw;
        height: 2.27vw;
        line-height: 2.27vw;
        font-size: 1.45vw;
    }

    .access .flex-row {
        margin-top: 5.45vw;
    }

    .accessTime-ttl {
        margin-bottom: 1.82vw;
        font-size: 2.18vw;
        letter-spacing: 0.45vw;
    }

    .accessTime li + li {
        margin-top: 1.36vw;
    }

    .accessTime .station {
        padding: 0.18vw 0;
        font-size: 1.45vw;
        letter-spacing: 0.09vw;
        border-radius: 1.82vw;
    }

    .accessTime .time {
        font-size: 1.45vw;
    }

    .accessTime .route {
        font-size: 1.25vw;
    }

    .accessTime .route.full {
        margin-top: 0.45vw;
    }

    .access + .sec-event-cmn {
        margin-top: 11.64vw;
    }

    /* access */

    /* grad-voice-sub */
    .main-ttl.green.grad-voice-sub {
        font-size: 2.18vw;
        letter-spacing: 0.26vw;
    }

    .extra-profile {
        margin-top: 1.09vw;
        margin-bottom: 4.55vw;
        font-size: 1.45vw;
    }

    .extra-profile .graduated-year {
        margin-left: 1.09vw;
    }

    .grad-voice-profile {
        margin-bottom: 5.82vw;
    }

    .grad-voice-profile .col {
        max-width: 52.27vw;
    }

    .manager-profile-box {
        margin-bottom: 3.64vw;
        padding: 3.64vw;
    }

    .manager-profile-box .manager-img {
        width: 23.18vw;
    }

    .manager-profile-box .manager-desc {
        width: calc(100% - 25.91vw);
    }

    .manager-desc .mgr-name {
        margin-bottom: 1.09vw;
        font-size: 1.91vw;
        letter-spacing: 0.27vw;
    }

    .office-info-tbl {
        width: calc(100% - 36.09vw);
    }

    .office-info-img {
        width: 33.18vw;

    }

    .office-info-tbl .table-responsive th {
        font-size: 1.45vw;
    }

    .office-info-tbl .table-responsive td {
        font-size: 1.45vw;
    }

    .btn-blk.grad-voice-lst {
        margin: 11.64vw auto;
    }

    .btn-blk.grad-voice-lst .cmn-btn {
        max-width: 32.73vw;
    }

    /* grad-voice-sub */

    /* admission/job.html */
    .admission-job + .sec-event-cmn {
        margin-top: 11.64vw;
    }

    .course-list {
        margin-bottom: 5.45vw;
    }

    .course-list li {
        margin-right: 4.09vw;
        padding-left: 5vw;
    }

    .course-list li.biyou::before {
        width: 3.18vw;
        height: 3.64vw;
    }

    .course-list li.kango::before {
        width: 3.36vw;
        height: 3.45vw;
    }

    .course-list li.kyosei::before {
        width: 4.09vw;
        height: 3.64vw;
    }

    .bigJob-box {
        margin-bottom: 1.82vw;
        border-radius: 0.91vw;
    }

    .bigJob-box .job-img {
        max-width: 53.64vw;
    }

    .bigJob-box .job-desc {
        padding: 3.64vw;
    }

    .smallJob-box {
        width: calc((100% - 1.82vw) / 2);
        margin-bottom: 1.82vw;
        border-radius: 0.91vw;
    }

    .smallJob-box .job-img {
        max-width: 21.82vw;
    }

    .smallJob-box .job-desc {
        padding: 3.18vw 3.64vw 3.18vw 2.27vw;
    }

    .job-desc .sub-ttl {
        margin-bottom: 1.36vw;
    }

    .job-desc p:not([class]) + p[class^=text-] {
        margin-top: 0.82vw;
    }

    .related-dept {
        padding-top: 1.82vw;
    }

    .related-dept span {
        margin-right: 1.09vw;
    }

    .related-dept img + img {
        margin-left: 1.09vw;
    }

    .related-dept .biyou-icon {
        width: 2.45vw;
    }

    .related-dept .kango-icon {
        width: 2.45vw;
    }

    .related-dept .kyosei-icon {
        width: 3vw;
    }

    .check-out-ttl {
        margin-top: 5.45vw;
        margin-bottom: 2.73vw;
        font-size: 1.91vw;
    }

    .check-out-ttl span {
        padding: 0 3.18vw 0 3.64vw;
    }

    .check-out-ttl span::before {
        width: 2.45vw;
        height: 3.18vw;
    }

    .check-out-ttl span::after {
        width: 2.45vw;
        height: 3.18vw;
    }

    .job-btn-blk .cmn-btn,
    .job-btn-blk .button {
        width: 32.73vw;
    }

    .job-btn-blk .button {
        margin: 0 0 0 3.64vw;
        padding: 1vw 3.27vw 1.09vw;
        border-width: 0.18vw;
    }

    /* admission/job.html */

    /* popup 全体 */
    .popup-content {
        max-width: 70.27vw;
    }

    .admission-training .pg-anchor {
        margin-bottom: 11.64vw;
    }

    .admission-training .para-intro {
        margin-bottom: 1.55vw;
    }

    .online-apply {
        bottom: 290px;
        margin-bottom: 1.52vw;
        border-radius: 0.91vw 0 0 0.91vw;
    }

    .online-apply-new {
        padding: 0.27vw 0.64vw 0.18vw 1.18vw;
        font-size: 1.61vw;
        letter-spacing: 0.16vw;
    }

    .online-apply-text {
        padding: 0.91vw 1.55vw 1.36vw 1.73vw;
        font-size: 2.3vw;
        letter-spacing: 0.18vw;
        border-radius: 0 0 0 0.91vw;
    }

}

@media (max-width: 48em) {

    html {
        font-size: 3.13vw;
    }

    .break-tb,
    .break-line {
        display: none;
    }

    .pageContainer .breadcrumbs + * {
        margin-top: 20.83vw;
    }

    .globalFooter {
        margin-top: 18.83vw;
    }

    .pageHeader {
        height: 36.07vw;
        margin-top: 13.02vw;
    }

    .main-ttl {
        font-size: 4.67vw;
        letter-spacing: 0.91vw;
    }

    .para-intro {
        margin: 5.21vw 0 8.01vw;
        font-size: 3.13vw;
        text-align: left;
        letter-spacing: 0.26vw;
    }

    .section-desc {
        text-align: left;
    }

    .pg-course .course-flex {
        display: block;
    }

    .course-top .course-box {
        width: 100%;
        margin-right: 0;
        margin-bottom: 9.56vw;
        max-width: 100%;
    }

    .course-top .course-box.biyou,
    .course-top .course-box.kango,
    .course-top .course-box.kyosei {
        border-radius: 10.42vw 10.42vw 2.6vw 2.6vw;
    }

    .course-ttl-box {
        padding: 2.71vw 4.71vw 5.01vw;
        min-height: auto;
    }

    .course-top .course-ttl-box h3 {
        font-size: 5.21vw;
    }

    .course-ttl-box .duration {
        margin-bottom: 2.11vw;
        padding: 0 3.39vw;
        font-size: 3.13vw;
        letter-spacing: 0.52vw;
    }

    .course-box .course-ttl-box p {
        font-size: 2.8vw;
    }

    .course-box .ico-box {
        padding: 3.91vw 4.51vw;
        min-height: auto;
        border-right: 0.26vw solid #ecf1f8;
        border-left: 0.26vw solid #ecf1f8;
    }

    .course-box .ico-box p {
        padding-left: 8.51vw;
        font-size: 3.2vw;
    }



    .course-box.kyosei .ico-box p {
        padding-left: 8.51vw;
    }

    .course-box.kango .ico-box p br {
        display: block;
    }

    .course-box.biyou .ico-box p::before {
        width: 6.51vw;
        height: 7.29vw;
    }

    .course-box.kango .ico-box p::before {
        width: 6.51vw;
        height: 5.99vw;
    }

    .course-box.kyosei .ico-box p::before {
        width: 6.64vw;
        height: 7.29vw;
    }

    .career-lst-box {
        padding: 3.51vw 3.91vw 7.81vw;
    }

    .career-lst-box p {
        padding-bottom: 1.43vw;
        font-size: 3.13vw;
        letter-spacing: 0.45vw;
    }

    .cmn-lst li {
        padding-left: 4.3vw;
        font-size: 3.13vw;
    }

    .cmn-lst li::before {
        top: 2vw;
        left: 0.78vw;
        width: 1.95vw;
        height: 1.95vw;
    }

    .pg-course .courseIntro-box {
        width: 48%;
        line-height: 1.7;
        margin-bottom: 3.91vw;
        font-size: 2.71vw;
    }

    .pg-course .courseIntro-box-heading {
        line-height: normal;
        margin-bottom: 0.65vw;
        padding: 0.39vw;
        font-size: 3.13vw;
    }

    .pg-course .courseIntro {
        margin-top: 9.77vw;
        margin-bottom: 0;
    }

    .intro-detail-flex {
        display: block;
        margin-top: 9.11vw;
        margin-bottom: 9.11vw;
    }

    .intro-detail-box {
        width: 100%;
        margin-bottom: 4.56vw;
        padding: 7.81vw 5.21vw;
        font-size: 3.13vw;
        max-width: 100%;
        border-radius: 2.6vw;
    }

    .intro-detail-box h4 {
        line-height: normal;
        margin-bottom: 6.96vw;
        color: #2776c7;
        font-size: 4.17vw;
        font-weight: 700;
        text-align: center;
        letter-spacing: 0.91vw;
    }

    .intro-detail-box .align-blk {
        margin-bottom: 1.9vw;
    }

    .intro-detail-box .align-blk .white-bg {
        width: 24.74vw;
        line-height: 2.2;
        font-size: 2.73vw;
        letter-spacing: 0.52vw;
    }

    .intro-detail-box .align-blk .txt-align {
        margin: 0px 3.6vw;
        padding-right: 8.21vw;
        padding-left: 8.21vw;
        font-size: 2.73vw;
    }

    .intro-detail-box .align-blk .txt-align::before,
    .intro-detail-box .align-blk .txt-align::after {
        width: 6.92vw;
        height: 3.04vw;
    }

    .intro-detail-box .note-blue {
        margin-bottom: 5.21vw;
        letter-spacing: 0.65vw;
    }

    .sec-three-p {
        padding: 6.51vw 0 0;
    }

    .sub-ttl {
        font-size: 4.17vw;
        text-align: center;
        letter-spacing: 0.91vw;
    }

    .video {
        margin: 2.6vw auto 0;
    }

    .three-p-box {
        width: 100%;
        margin-bottom: 3.91vw;
        padding: 8.01vw 5.91vw 5.8vw;
        font-size: 3.13vw;
        max-width: 100%;
        border-radius: 2.6vw;
    }

    .three-p-box h4 {
        line-height: 1;
        margin-bottom: 4.26vw;
        padding-left: 10.42vw;
        font-size: 4.17vw;
    }

    .three-p-box h4 span {
        font-size: 3.13vw;
    }

    .three-p-box h4::before {
        width: 9.11vw;
        height: 9.11vw;
        line-height: 9.11vw;
        font-size: 4.21vw;
    }

    .ftr-course-lst {
        display: block;
        margin-top: 7.81vw;
    }

    .ftr-course-box {
        width: 100%;
        margin-bottom: 8.46vw;
        max-width: 100%;
        border-radius: 10.42vw 10.42vw 2.6vw 2.6vw;
    }

    .ftr-course-box h4 {
        margin-top: 3.7vw;
        padding-left: 19.62vw;
        font-size: 5.21vw;
        min-height: 14.71vw;
    }

    .ftr-course-box h4::before {
        left: 4.6vw;
        width: 12.85vw;
        height: 12.85vw;
    }

    .ftr-course-box p {
        margin-top: 3.26vw;
        margin-bottom: 4.56vw;
        padding: 0 10.81vw 0 3.9vw;
        font-size: 3.13vw;
    }

    .ftr-course-box p::after {
        right: 2.6vw;
        width: 8.95vw;
        height: 3.08vw;
    }

    /* pg-biyou */
    .course-sub .sec-mv {
        padding-bottom: 18.23vw;
    }

    .course-sub .mv-blk {
        display: block;
        position: static;
        margin-bottom: 8.33vw;
    }

    .course-sub .mv-blk .mv-txt {
        position: static;
        width: 100%;
        text-align: center;
        max-width: 100%;
    }

    .course-sub .mv-txt h2 {
        line-height: 1.3;
        margin-bottom: 1.95vw;
        font-size: 4.67vw;
        letter-spacing: 0.78vw;
    }

    .course-sub.kango .mv-txt h2 span {
        margin-bottom: 1.95vw;
        padding: 0.91vw 2.6vw;
        font-size: 3.3vw;
        border-radius: 3.3vw;
    }

    .course-sub .mv-txt .black-ttl {
        margin-bottom: 1.95vw;
        font-size: 3.77vw;
        text-align: center;
        letter-spacing: 0.52vw;
    }

    .course-sub .mv-txt p {
        font-size: 2.9vw;
        text-align: left;
        letter-spacing: 0.26vw;
    }

    .course-sub .mv-blk .mv-img {
        width: 100%;
        margin: 8.33vw auto 0;
        max-width: 100%;
    }

    .course-lead {
        display: block;
    }

    .cos-box {
        width: 100%;
        margin-bottom: 4.56vw;
        padding: 3.26vw 3.91vw 3.78vw;
        max-width: 100%;
        border-radius: 2.6vw;
    }

    .cos-ttl {
        margin-bottom: 1.82vw;
        padding-right: 6.9vw;
        font-size: 5.21vw;
        letter-spacing: 0.65vw;
    }

    .cos-ttl::after {
        width: 4.56vw;
        height: 4.56vw;
    }

    .cos-box p {
        line-height: 1.6;
        font-size: 3.13vw;
    }

    .award-advanced {
        margin-top: 8.33vw;
    }

    .pg-anchor {
        padding: 4.17vw 0 0;
    }

    .pageAnchor li {
        margin-right: 2.31vw;
        margin-bottom: 4.17vw;
    }

    .pageAnchor li a {
        line-height: unset;
        padding-right: 3.52vw;
        font-size: 3.13vw;
        font-weight: 700;
    }

    .pageAnchor li a::after {
        width: 3.26vw;
        height: 3.26vw;
    }

    .blk-line-ttl {
        margin-top: 20.83vw;
        margin-bottom: 8.33vw;
        padding-bottom: 2.77vw;
        font-size: 4.17vw;
        letter-spacing: 0.91vw;
        border-bottom: 0.13vw solid #000;
    }

    .pg-learn .blk-line-ttl {
        font-size: 4.17vw;
    }

    .btn-blk {
        margin: 6.46vw auto 0;
    }

    .dept-ovw {
        display: block;
    }

    .dept-img {
        width: 100%;
        margin-bottom: 2.6vw;
        max-width: 100%;
    }

    .dept-img img {
        border-radius: 1.3vw;
    }

    .dept-txt {
        width: 100%;
        line-height: 1.8;
        font-size: 3.13vw;
    }

    .point-lst {
        display: block;
    }

    .point-box {
        width: 100%;
        margin-bottom: 8.33vw;
    }

    .point-img {
        border-radius: 2.6vw;
    }

    .point-ttl {
        line-height: 1;
        margin: 2.6vw auto 3.13vw;
        font-size: 3.77vw;
        letter-spacing: 0.52vw;
        min-height: auto;
    }

    .point-ttl .num {
        font-size: 5.21vw;
    }

    .point-box p {
        line-height: 1.6;
        font-size: 3.13vw;
    }

    .blue-ttl {
        margin-top: 8.33vw;
        margin-bottom: 5.21vw;
        font-size: 4.17vw;
        letter-spacing: 0.78vw;
    }

    .circ-box {
        display: block;
        margin-bottom: 1.95vw;
        padding: 3.91vw;
        font-size: 3.13vw;
    }

    .circ-box {
        display: block;
        margin-bottom: 1.95vw;
        padding: 3.91vw;
        font-size: 3.13vw;
    }

    .circ-box .subj-ttl {
        display: block;
        width: 100%;
        line-height: 1.2;
        margin-bottom: 0.91vw;
        max-width: 100%;
    }

    .circ-box .subj-item {
        width: 100%;
    }

    .subj-lst li {
        width: 50%;
        line-height: 1.75;
        padding-left: 3.3vw;
    }

    .subj-lst.three-col {
        justify-content: space-between;
    }

    .subj-lst.three-col li {
        width: 48%;
    }

    .subj-lst.three-col li:not(:nth-child(3n)) {
        margin-right: 0;
    }

    .subj-lst li::before {
        top: 1.76vw;
        width: 1.95vw;
        height: 1.95vw;
    }

    .cmn-btn {
        width: 95%;
        padding: 2.67vw 9.6vw 2.67vw;
        font-size: 3.13vw;
        letter-spacing: 0.26vw;
        border-radius: 7.81vw;
    }

    .cmn-btn::after {
        /*right: 7.55vw;*/
        width: 7.2vw;
        height: 3.2vw;
    }

    .learning-flow {
        margin-top: 20.83vw;
        font-size: 3.13vw;
        letter-spacing: 0.52vw;
    }

    .ln-flows {
        display: block;
        margin-top: 4.17vw;
    }

    .ln-flow-item {
        width: 100%;
        margin-bottom: 4.17vw;
        font-size: 2.9vw;
    }

    .pink-box {
        padding: 6.51vw 4.69vw 9.11vw;
        min-height: auto;
    }

    .pink-box h4 {
        margin-bottom: 2.6vw;
        font-size: 4.17vw;
    }

    .kyosei .pink-box h4 {
        min-height: auto;
    }

    .pink-box h4 .num,
    .year-four h4 .num {
        font-size: 5.21vw;
    }

    .blue-box {
        padding: 11.46vw 4.82vw 7.68vw;
    }

    .blue-box .fix-tag {
        padding: 2.08vw 1.56vw 2.08vw 5.47vw;
        font-size: 3.13vw;
        letter-spacing: 0.13vw;
    }

    .blue-box .fix-tag small {
        font-size: 3.13vw;
    }

    .blue-box ul li {
        padding-left: 1.95vw;
        text-indent: -1.95vw;
    }

    .text-def {
        font-size: 2.9vw;
    }

    .year-four {
        margin-top: 4.17vw;
        padding: 6.51vw 4.69vw;
    }

    .year-four h4 {
        margin-bottom: 2.6vw;
        font-size: 4.17vw;
    }

    .year-four .course-ttl {
        margin-bottom: 1.04vw;
        font-size: 2.99vw;
    }

    .year-four p {
        margin-bottom: 1.95vw;
    }

    /* #practice */
    #practice {
        margin-top: 20.83vw;
    }

    .practice {
        padding: 3.91vw 4.3vw 7.55vw;
        background-image: none;
        font-size: 3.13vw;
        border-radius: 2.6vw;
    }

    .kango .practice {
        background-image: none;
    }

    .kyosei .practice {
        background-image: none;
    }

    .practice .blue-ttl {
        margin-top: 3.65vw;
    }

    .practice p {
        width: 100%;
        margin-bottom: 3.91vw;
    }

    .practice .cmn-btn {
        width: 100%;
    }

    .qua-job {
        display: block;
    }

    .qua,
    .job {
        width: 100%;
    }

    .qua-note {
        margin-top: 3.91vw;
        font-size: 3.13vw;
        letter-spacing: 0.65vw;
    }

    .btn-sm,
    .job .cmn-btn {
        width: 90%;
    }

    .voice-box {
        display: block;
        margin-bottom: 10.21vw;
        font-size: 3.13vw;
    }

    .voice-img {
        width: 100%;
        margin: 0 auto 5.21vw;
        max-width: 52.08vw;
    }

    .voice-txt {
        width: 100%;
    }

    .voice-box h3 {
        line-height: 1.3;
        margin-bottom: 2.21vw;
        font-size: 4.17vw;
        text-align: center;
        letter-spacing: 0.52vw;
    }


    .voice-box .profile {
        line-height: 1.5;
        margin-top: 1.95vw;
    }

    .voice-box .profile span {
        display: block;
        margin-right: 0;
    }

    .bs-recom p,
    .bs-recom .list-num > li,
    .bs-recom .table-bordered,
    .bs-recom dt,
    .bs-recom .list-decimal,
    .bs-recom h4 {
        font-size: 3.13vw;
    }

    .bs-recom .list-num > li {
        padding-left: 7.07vw;
    }

    .bs-recom .list-num > li:before {
        top: 0.91vw;
        left: 0.26vw;
        width: 5.65vw;
        height: 5.65vw;
        line-height: 5.65vw;
        font-size: 3.73vw;
    }

    .bs-recom .table-bordered td {
        font-size: 2.99vw;
    }

    .extraContact .heading,
    .extraComment .heading {
        font-size: 4.17vw;
    }

    .extraContact-buttonGroup .ph-btn {
        width: fit-content;
        margin: 0 auto 2.6vw;
        padding-left: 5.21vw;
        font-size: 3.91vw;
    }

    .extraContact-buttonGroup .ph-btn::before {
        width: 4.17vw;
        height: 3.39vw;
    }

    .extraContact .button {
        width: 70vw;
        margin-bottom: 2.67vw;
        padding: 1.95vw 0;
        border: 0.13vw solid #2776c7;
        font-size: 1.2rem;
        letter-spacing: 0.13vw;
    }

    .extraContact-buttonGroup .ph-btn {
        margin-bottom: 3.91vw;
        pointer-events: visible;
    }

    /* biyou/practice */
    .pg-by-practice {
        font-size: 3.13vw;
    }

    .cmn-box-ctnr {
        display: block;
    }

    .cmn-box-ctnr.slick-cntr {
        position: relative;
        height: 0;
        transition: all 0.3s ease;
        opacity: 0;
    }

    .cmn-box-ctnr.slick-cntr.slick-initialized {
        position: relative;
        height: auto;
        opacity: 1;
    }

    .cmn-box-ctnr.slick-cntr .slick-dots {
        bottom: 0;
    }

    .cmn-box-ctnr.slick-cntr .slick-dots li {
        width: 2.6vw;
        height: 2.6vw;
        margin: 0 1.04vw;
        background: #ecf1f8;
        border-radius: 50%;
    }

    .cmn-box-ctnr.slick-cntr .slick-dots li button {
        padding: 1.3vw;
    }

    .cmn-box-ctnr.slick-cntr .slick-dots li button:before {
        width: 2.6vw;
        height: 2.6vw;
        background: #ecf1f8;
    }

    .cmn-box-ctnr.slick-cntr .slick-dots li.slick-active button:before {
        background: #2776c7;
    }

    .cmn-box-ctnr .box {
        width: 100%;
        margin-right: 0;
        margin-bottom: 8.33vw;
        max-width: 100%;
    }

    .cmn-box-ttl {
        margin-top: 4.56vw;
        margin-bottom: 0.65vw;
        font-size: 4.17vw;
    }

    .two-col {
        display: block;
    }

    .half-box {
        width: 100%;
        max-width: 100%;
    }

    .half-box + .half-box {
        margin-top: 7.81vw;
    }

    .kango .half-box:nth-child(3n),
    .kyosei .half-box:nth-child(3n) {
        margin-top: 7.81vw;
    }

    .half-box .sp-reverse {
        display: flex;
        flex-direction: column-reverse;
    }

    .half-box .blk-line-ttl {
        margin-top: 20.83vw;
        margin-bottom: 8.33vw;
    }

    .half-box .blue-ttl {
        margin-top: 0;
        margin-bottom: 2.6vw;
        font-size: 3.6vw;
    }

    .mid-ttl {
        margin: 3.91vw 0 1.3vw;
        font-size: 3.39vw;
    }

    .cmn-box-ctnr .box .box-img,
    .half-box-img {
        border-radius: 2.6vw;
    }

    .kango .half-box-img,
    .kyosei .half-box-img {
        margin-bottom: 2.6vw;
    }

    .half-box .sp-reverse img {
        margin-top: 8.33vw;
    }

    .pink-heading {
        margin-top: 8.33vw;
        margin-bottom: 3.26vw;
        font-size: 4.17vw;
    }

    .pink-heading span {
        padding: 0;
    }

    .pink-heading span::before,
    .pink-heading span::after {
        width: 9.11vw;
        height: 9.11vw;
    }

    .pink-heading span::before {
        left: -14.32vw;
    }

    .pink-heading span::after {
        right: -8.46vw;
    }

    .kango .more-training,
    .kyosei .more-training {
        margin-top: 6.52vw;
    }

    /* biyou/junior */
    .c-detail-box {
        display: block;
        margin-top: 13.83vw;
    }

    .c-detail-box .txt-box {
        width: 100%;
        max-width: 100%;
    }

    .c-detail-box .year-ttl {
        display: block;
        margin-bottom: 5.81vw;
        text-align: center;
    }

    .c-detail-box .year {
        width: 24.74vw;
        height: 24.74vw;
        line-height: 3.4;
        margin: 0 auto 6.51vw;
        font-size: 4.17vw;
        letter-spacing: 0.52vw;
    }

    .c-detail-box .year .num {
        font-size: 6.77vw;
    }

    .year-ttl h3 {
        width: 100%;
        line-height: 1.5;
        font-size: 4.17vw;
    }

    .c-detail-box .blue-ttl {
        margin-top: 3.91vw;
        margin-bottom: 0.21vw;
    }

    .pg-course .extraBlockList-box {
        padding-bottom: 3.91vw;
        font-size: 3.13vw;
        border-bottom: 0.13vw solid #999;
    }

    .c-detail-box .img-box {
        width: 100%;
        margin-top: 7.81vw;
        max-width: 100%;
    }

    .c-detail-box img {
        border-radius: 1.3vw;
    }

    .c-detail-box .img-box .bottom img {
        width: calc((100% - 2.08vw) / 2);
    }

    .pg-course .subj-lst {
        justify-content: space-between;
    }

    .pg-course .subj-lst li {
        width: 100%;
        margin-right: 0;
    }

    .pg-course .subj-lst li::before {
        top: 1.81vw;
    }

    .pg-course.circ-box + .btn-blk {
        margin: 6.46vw auto 0;
    }

    .pg-course .timeTable {
        margin-left: 0;
        min-width: 200vw;
    }

    .pg-course .timeTable td,
    .pg-course .timeTable th {
        padding: 2.6vw 1.3vw;
        border: 1px solid #9eaabc;
        font-size: 3.13vw;
    }

    .pg-course .timeTable thead tr th:first-child {
        border-right: 1px solid #9eaabc;
        border-left: 1px solid #9eaabc;
    }

    .pg-course .timeTable thead tr th:nth-child(2),
    .pg-course .timeTable thead tr th:nth-child(3),
    .pg-course .timeTable thead tr th:nth-child(4),
    .pg-course .timeTable thead tr th:nth-child(5) {
        border-right: 1px solid #9eaabc;
        border-left: 1px solid #9eaabc;
    }

    .pg-course .timeTable td {
        font-size: 2.99vw;
    }

    .pg-course .timeTable tbody tr td:first-child {
        padding-left: 14.71vw;
        font-size: 3.13vw;
        font-weight: 400;
    }

    .pg-course .timeTable .period {
        width: 12.81vw;
        font-size: 3.39vw;
    }

    .pg-course .timeTable tr th:first-child {
        z-index: 3;
        width: 40.56vw;
    }

    .pg-course .timeTable {
        table-layout: fixed;
    }

    .timeTable-wrapper {
        overflow: auto;
        padding-bottom: 5px;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

    .timeTable-wrapper::-webkit-scrollbar {
        height: 5px;
    }

    .timeTable-wrapper::-webkit-scrollbar-track {
        background: #F1F1F1;
    }

    .timeTable-wrapper::-webkit-scrollbar-thumb {
        background: #2776C7;
    }

    .timeTable-wrapper td {
        white-space: normal;
    }

    /* dormitory.html */
    #simo .blk-line-ttl {
        margin-top: 13.28vw;
    }

    .dorm-hero-img {
        display: block;
        margin: 2.6vw 0 0;
    }

    .dorm-img {
        width: 100%;
        margin-bottom: 2.6vw;
        max-width: 100%;
    }

    .flex-row .col {
        width: 100%;
    }

    .address-box .flex-row .col {
        width: 100%;
    }

    .address-box .flex-row .col + .col {
        margin-top: 10px;
    }

    .address-col {
        width: 100%;
        max-width: 100%;
    }

    .address-ttl {
        width: 100%;
    }

    .address-info {
        width: 100%;
    }

    .address-box {
        padding: 3.91vw;
        font-size: 3.13vw;
    }

    /* New List */
    .pg-news .pageHeader-bg {
        background-image: url("../../assets/img/component/page/header-bg/bg_news_sp.jpg");
    }

    .newsList {
        padding: 3.26vw 2.6vw 3.26vw 2.6vw;
        border-top: 0.13vw solid #ccc;
        border-bottom: 0.13vw solid #ccc;
    }

    .newsList .info {
        margin-bottom: 1.3vw;
    }

    .newsList .info .date {
        width: 26.18vw;
        font-size: 2.73vw;
    }

    .newsList .info .date small {
        margin-left: 0.8vw;
        font-size: 2.33vw;
    }

    .newsList .info .category {
        width: calc(100% - 26.18vw);
    }

    .newsList .info .category span,
    .newsDetail .info .category span {
        padding: 0.26vw 0.82vw;
        border: 0.26vw solid #cfcfcf;
        font-size: 2vw;
    }

    .newsList .info .category span + span,
    .newsDetail .info .category span + span {
        margin-left: 0.8vw;
    }

    .newsList .newsList-ttl {
        font-size: 3.13vw;
    }

    .wp-pagenavi {
        margin-top: 8.51vw;
    }

    .wp-pagenavi .current,
    .wp-pagenavi a {
        width: 9.51vw;
        height: 9.51vw;
        margin: 0 1vw;
        font-size: 3.66vw;
    }

    .wp-pagenavi .nextpostslink,
    .wp-pagenavi .previouspostslink {
        width: 12vw;
        border-radius: 6.51vw;
    }

    .wp-pagenavi .nextpostslink {
        margin-left: 1.56vw;
    }

    .wp-pagenavi .previouspostslink {
        margin-right: 1.56vw;
    }

    .pg-news .sec-event-cmn {
        margin: 20.83vw 0 0;
    }

    /* New List */

    /* Nes Detail */
    .newsDetail .info {
        margin-bottom: 1.95vw;
    }

    .newsDetail .info .date {
        font-size: 3.39vw;
        letter-spacing: 0.39vw;
    }

    .newsDetail .info .date small {
        margin-left: 1.05vw;
    }

    .newsDetail .info .category {
        margin-left: 2.61vw;
    }

    .newsDetail h2 {
        margin-bottom: 7.81vw;
        padding-bottom: 4vw;
        font-size: 4.17vw;
        border-bottom: 0.13vw solid #ccc;
    }

    .newsDetail h3:not([class]) {
        margin-top: 8.34vw;
        margin-bottom: 5.21vw;
        font-size: 3.65vw;
    }

    .newsDetail h4:not([class]) {
        margin-top: 8.34vw;
        margin-bottom: 5.21vw;
        font-size: 3.49vw;
    }

    .newsDetail h5:not([class]) {
        margin-top: 8.34vw;
        margin-bottom: 5.21vw;
        font-size: 3.23vw;
    }

    .newsDetail p {
        font-size: 3.13vw;
    }

    .newsDetail p a[href]:not([class]) {
        font-size: 3.13vw;
    }

    .postNav {
        margin-top: 6.51vw;
        margin-bottom: 16.67vw;
        padding-top: 3.91vw;
        border-top: 0.13vw solid #ccc;
    }

    .postNav-all {
        margin: 0 2.6vw;
        padding: 2.25vw 4.61vw;
        font-size: 3.13vw;
        border-radius: 3.91vw;
    }

    .postNav-next,
    .postNav-prev {
        width: 10.41vw;
        height: 7.79vw;
        border-radius: 3.91vw;
    }

    /* Nes Detail */

    /* admission/day */

    .pageContainer.day {
        padding-bottom: 20.83vw;
        background-image: url("../../assets/img/page/admission/day/bg_day_sp.png");
    }

    .day-inner {
        width: 100%;
        max-width: 100%;
    }

    .day-inner picture {
        width: 97%;
        margin: 0 auto 0 0;
    }

    .pageContainer.day .breadcrumbs + * {
        margin-top: 10.83vw;
    }

    .pageContainer.day + .sec-event-cmn {
        margin-top: 20.83vw;
    }

    .std-cmt-box {
        width: 100%;
        font-size: 3.13vw;
        max-width: 100%;
    }

    .std-cmt-box + .std-cmt-box {
        margin-top: 8vw;
    }

    .std-cmt-box h3 {
        margin-bottom: 1.95vw;
        font-size: 3.91vw;
    }

    .cmt-person {
        margin-top: 1.95vw;
    }

    .person-img {
        width: 22%;
        margin-right: 1.3vw;
    }

    .person-img img {
        border-radius: 3.91vw;
    }

    .person-info {
        width: calc(100% - 25%);
        font-size: 3.13vw;
    }

    /* kaigyou */
    .pink-line-ttl {
        margin-bottom: 4.56vw;
        padding-bottom: 1.3vw;
        font-size: 4.17vw;
        letter-spacing: 0.52vw;
        border-bottom: 0.13vw solid #fe7b7e;
    }

    .kaigyouCase {
        margin-bottom: 14.97vw;
    }

    .kaigyou-body-img {
        margin: 4.56vw 0;
    }

    .body-img {
        width: 100%;
        margin: 1.25em 0;
        border-radius: 3.91vw;
    }

    .kaigyouCase-body .table-responsive {
        margin-top: 1.5em;
    }

    .kaigyouCase-body .table-responsive th {
        display: block;
        width: 100%;
        padding: 1.95vw 3.26vw;
        font-size: 3.13vw;
    }

    .kaigyouCase-body .table-responsive td {
        display: block;
        padding: 1.95vw 3.91vw;
        font-size: 3.13vw;
    }

    /* kaigyou */

    /* access */
    .map-container {
        margin-top: 5.21vw;
    }

    .map-container iframe {
        width: 100%;
        height: 60.55vw;
    }

    .map-info {
        margin-top: 3.91vw;
    }

    .map-info p {
        font-size: 3.13vw;
    }

    .accessMain-img {
        max-width: 100%;
    }

    .accessSub-img {
        max-width: 100%;
    }

    .accessSub-body {
        margin-top: 6.51vw;
    }

    .access .list-num > li {
        padding-left: 7.1vw;
        font-size: 3.13vw;
    }

    .access .list-num > li:before {
        top: 0.57vw;
        left: 0.26vw;
        width: 4.91vw;
        height: 4.91vw;
        line-height: 4.55vw;
        font-size: 3.13vw;
    }


    .access .flex-row {
        margin-top: 7.81vw;
    }

    .accessTime-ttl {
        margin-bottom: 2.6vw;
        font-size: 4.17vw;
        letter-spacing: 0.65vw;
    }

    .accessTime li {
        position: relative;
        padding-left: 5.5em;
    }

    .accessTime li + li {
        margin-top: 1.95vw;
    }

    .accessTime .station {
        position: absolute;
        top: 0;
        left: 0;
        margin-right: 0;
        padding: 0.26vw 0;
        font-size: 3.13vw;
        letter-spacing: 0.13vw;
        border-radius: 2.6vw;
    }

    .accessTime .time {
        font-size: 3.13vw;
    }

    .accessTime .route {
        font-size: 2.42vw;
    }

    .accessTime .route.full {
        margin-top: 0.65vw;
    }

    .access .flex-row .col + .col {
        margin-top: 5.21vw;
    }

    .access + .sec-event-cmn {
        margin-top: 20.83vw;
    }

    /* access */

    /* grad-voice-sub */
    .main-ttl.green.grad-voice-sub {
        font-size: 4.67vw;
        letter-spacing: 0.51vw;
    }

    .extra-profile {
        margin-top: 1.56vw;
        margin-bottom: 6.51vw;
    }

    .extra-profile .graduated-year {
        margin-left: 0;
    }

    .grad-voice-profile {
        flex-direction: column-reverse;
        margin-bottom: 8.33vw;
    }

    .grad-voice-profile .col {
        width: 100%;
        max-width: 100%;
    }

    .grad-voice-profile .col + .col {
        margin-bottom: 3.91vw;
    }

    .grad-voice-profile .hero-img + .hero-img {
        margin-top: 1.56vw;
    }

    .manager-profile-box {
        margin-bottom: 5.21vw;
        padding: 6.91vw 4vw;
    }

    .manager-profile-box .manager-img {
        width: 50%;
        margin: 0 auto;
    }

    .manager-profile-box .manager-desc {
        width: 100%;
        margin-top: 3.91vw;
    }

    .manager-desc .mgr-name {
        margin-bottom: 1.56vw;
        font-size: 4.17vw;
        letter-spacing: 0.13vw;
    }

    .office-info {
        flex-direction: column-reverse;
    }

    .office-info-tbl {
        width: 100%;
        margin-top: 3.91vw;
    }

    .office-info-img {
        width: 100%;

    }

    .office-info-tbl .table-responsive th {
        display: block;
        width: 100%;
        padding: 0.96em 1em;
        font-size: 3.13vw;
    }

    .office-info-tbl .table-responsive td {
        display: block;
        padding: 0.96em 1em;
        font-size: 3.13vw;
    }

    .btn-blk.grad-voice-lst {
        margin: 8.67vw auto 16.67vw;
    }

    .btn-blk.grad-voice-lst .cmn-btn {
        max-width: 100%;
    }

    /* grad-voice-sub */
    /* admission/job.html */
    .admission-job + .sec-event-cmn .event-cmn-inner {
        width: 90%;
    }

    .admission-job + .sec-event-cmn {
        margin-top: 20.83vw;
    }

    .course-list {
        margin-bottom: 3.91vw;
    }

    .course-list li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 2.81vw;
        padding-left: 7.16vw;
        font-size: 3.13vw;
    }

    .course-list li.biyou::before {
        width: 4.56vw;
        height: 5.21vw;
    }

    .course-list li.kango::before {
        width: 4.82vw;
        height: 4.95vw;
    }

    .course-list li.kyosei::before {
        width: 5.86vw;
        height: 5.21vw;
    }

    .bigJob-box {
        flex-direction: column;
        margin-bottom: 2.6vw;
        border-radius: 1.3vw;
    }

    .bigJob-box.sp-reverse {
        flex-direction: column-reverse;
    }

    .bigJob-box .job-img {
        width: 100%;
        max-width: 100%;
    }

    .bigJob-box .job-desc {
        width: 100%;
        padding: 5.21vw;
    }

    .smallJob-box {
        width: 100%;
        margin-bottom: 2.6vw;
        border-radius: 1.3vw;
    }

    .smallJob-box .job-img {
        width: 42%;
        max-width: 31.25vw;
    }

    .smallJob-box .job-desc {
        width: 70%;
        padding: 4.56vw 5.21vw 4.56vw 3.26vw;
    }

    .job-desc .sub-ttl {
        margin-bottom: 1.95vw;
    }

    .smallJob-box .job-desc .sub-ttl {
        text-align: left;
    }

    .job-desc p:not([class]) + p[class^=text-] {
        margin-top: 2.6vw;
    }

    .related-dept {
        padding-top: 2.6vw;
    }

    .related-dept span {
        margin-right: 1.56vw;
    }

    .related-dept img + img {
        margin-left: 1.56vw;
    }

    .related-dept .biyou-icon {
        width: 3.52vw;
    }

    .related-dept .kango-icon {
        width: 3.52vw;
    }

    .related-dept .kyosei-icon {
        width: 4.3vw;
    }

    .check-out-ttl {
        margin-top: 7.81vw;
        margin-bottom: 3.91vw;
        font-size: 4.17vw;
    }

    .check-out-ttl span {
        padding: 0 4.56vw 0 5.21vw;
    }

    .check-out-ttl span::before {
        width: 3.52vw;
        height: 4.56vw;
    }

    .check-out-ttl span::after {
        width: 3.52vw;
        height: 4.56vw;
    }

    .job-btn-blk {
        display: block;
        width: 80%;
        margin: 0 auto;
    }

    .job-btn-blk .cmn-btn,
    .job-btn-blk .button {
        width: 100%;
    }

    .job-btn-blk .button {
        margin: 4vw 0 0 0;
        padding: 2.67vw 9.6vw 2.67vw;
        font-size: 3.13vw;
        letter-spacing: 0.26vw;
        border-radius: 7.81vw;
    }

    /* admission/job.html */
    .popup-content {
        max-width: 97.66vw;
    }

    .admission-training .pg-anchor {
        margin-bottom: 20.83vw;
    }

    .admission-training .para-intro {
        margin-bottom: 2.21vw;
    }

    .online-apply {
        bottom: 37%;
        border-radius: 1.3vw 0 0 1.3vw;
    }

    .online-apply-new {
        padding: 0.39vw 0.91vw 0.26vw 1.69vw;
        font-size: 2.73vw;
        letter-spacing: 0.23vw;
    }

    .online-apply-text {
        padding: 1.3vw 2.21vw 1.95vw 2.47vw;
        font-size: 4.56vw;
        letter-spacing: 0.26vw;
        border-radius: 0 0 0 1.3vw;
    }
}